:root{--bg-deep: #0a0e1a;--bg-primary: #0d1321;--bg-panel: #111827;--bg-card: #1a2332;--bg-card-hover: #1f2b3d;--accent-cyan: #00e5ff;--accent-blue: #2979ff;--accent-green: #00e676;--accent-red: #ff1744;--accent-gold: #ffd740;--accent-purple: #b388ff;--accent-orange: #ff9100;--text-primary: #e8eaf6;--text-secondary: #78909c;--text-dim: #546e7a;--border: rgba(0, 229, 255, .12);--border-subtle: rgba(255, 255, 255, .06);--glow-cyan: 0 0 20px rgba(0, 229, 255, .15);--radius: 12px;--radius-sm: 8px;--font-display: "Orbitron", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Orbitron", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 10% 20%,rgba(0,229,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(41,121,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(179,136,255,.02) 0%,transparent 60%);pointer-events:none;z-index:0}body>#app{position:relative;z-index:1}a{color:var(--accent-cyan);text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-track{background:transparent}.card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden;position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:.4}.card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border-subtle)}.card-header h3{font-size:14px;font-weight:700;letter-spacing:1px;color:var(--accent-cyan);display:flex;align-items:center;gap:8px}.card-body{padding:14px 18px}.badge{font-size:11px;padding:3px 10px;border-radius:10px;font-weight:600}.badge.badge-live{background:#00e67626;color:var(--accent-green);border:1px solid rgba(0,230,118,.3)}.stat-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 10px;text-align:center;transition:all .3s}.stat-item:hover{background:var(--bg-card-hover);border-color:var(--border)}.stat-item .label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:500}.stat-item .value{font-family:var(--font-mono);font-size:24px;font-weight:700;line-height:1.1;white-space:nowrap}.stat-item .sub{font-size:11px;color:var(--text-dim);margin-top:4px}.cyan{color:var(--accent-cyan)}.green{color:var(--accent-green)}.red{color:var(--accent-red)}.gold{color:var(--accent-gold)}.blue{color:var(--accent-blue)}.purple{color:var(--accent-purple)}.orange{color:var(--accent-orange)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan)}.btn.btn-primary{background:#00e5ff26;border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn.btn-primary:hover{background:#00e5ff40}.btn.btn-success{background:#00e67626;border-color:var(--accent-green);color:var(--accent-green)}.btn.btn-danger{background:#ff174426;border-color:var(--accent-red);color:var(--accent-red)}.btn:disabled{opacity:.4;cursor:not-allowed}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:14px;font-family:var(--font-body);outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-cyan)}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}@media(max-width:768px){.btn{padding:10px 16px;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:16px}.card-header{padding:10px 14px}.card-header h3{font-size:13px}.card-body{padding:12px 14px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;min-width:360px;max-width:500px;max-height:80vh;overflow-y:auto;animation:fade-in .3s ease}.modal-title{font-size:18px;font-weight:700;color:var(--accent-cyan);margin-bottom:20px}.toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:var(--radius-sm);font-size:14px;z-index:2000;animation:fade-in .3s ease}.toast.toast-success{background:#00e67633;border:1px solid var(--accent-green);color:var(--accent-green)}.toast.toast-error{background:#ff174433;border:1px solid var(--accent-red);color:var(--accent-red)}.toast.toast-info{background:#00e5ff33;border:1px solid var(--accent-cyan);color:var(--accent-cyan)}