:root{--bg-deep:#020408;--bg-surface:#0a0c14;--bg-card:#0f172a73;--text-main:#f8fafc;--text-dim:#94a3b8;--text-muted:#475569;--accent-cyan:#00e6e6;--accent-red:#f36;--accent-yellow:#fbbf24;--accent-blue:#3b82f6;--border-dim:#ffffff0d;--border-tactical:#ffffff1a;--border-cyan:#00e6e64d;--font-mono:"JetBrains Mono", "IBM Plex Mono", monospace;--font-sans:"Inter", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-serif:"Newsreader", "Times New Roman", serif;--corner-bracket:10px;--shadow-tactical:0 8px 32px 0 #000c;--glow-cyan:0 0 15px #00e6e633}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 10%,#00e6e60d 0%,#0000 40%),radial-gradient(circle at 90% 90%,#ff336608 0%,#0000 40%),linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;min-height:100vh;line-height:1.5}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-dim);box-shadow:var(--shadow-tactical)}.tactical-card{background:var(--bg-card);border:1px solid var(--border-tactical);padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.tactical-card:hover{border-color:var(--border-cyan);box-shadow:0 0 40px #00e6e614}.cyan-bracket{pointer-events:none;width:14px;height:14px;position:absolute}.cyan-bracket.top-left{border-top:2.5px solid var(--accent-cyan);border-left:2.5px solid var(--accent-cyan);top:-1px;left:-1px}.cyan-bracket.bottom-right{border-bottom:2.5px solid var(--accent-cyan);border-right:2.5px solid var(--accent-cyan);bottom:-1px;right:-1px}.title-serif{font-family:var(--font-serif);letter-spacing:-.01em;background:linear-gradient(#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.75rem;font-weight:700;line-height:1.1}.mono-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-cyan);font-size:.85rem;font-weight:700}.mono-label{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);font-size:.62rem;font-weight:600}.mono-data{font-family:var(--font-mono);letter-spacing:-.05em;color:var(--text-main);font-size:5.5rem;font-weight:300;line-height:.9}.pulse-dot{background-color:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 10px var(--accent-cyan);border-radius:50%;animation:2.5s cubic-bezier(.4,0,.2,1) infinite tactical-pulse}@keyframes tactical-pulse{0%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}to{opacity:.4;transform:scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:fixed;top:0;left:0}.btn-tactical{color:var(--accent-cyan);border:1px solid var(--accent-cyan);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;padding:.6rem 1.75rem;font-size:.72rem;font-weight:700;transition:all .3s}.btn-tactical:hover:not(:disabled){background:#00e6e61a;transform:translateY(-1px);box-shadow:0 0 20px #00e6e633}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.wrapper{background:var(--bg-deep);flex-direction:column;min-height:100vh;display:flex}.content-grid{flex-direction:row;gap:6rem;width:100%;max-width:1600px;margin:0 auto;padding:4rem;display:flex}.sidebar{flex-shrink:0;width:240px}.main-panel{flex-grow:1;width:100%}.terminal-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1.5px solid var(--border-tactical);color:var(--text-main);z-index:1000;background:#020408d9;justify-content:space-between;align-items:center;padding:1.25rem 4rem;display:flex;position:sticky;top:0}.logo-icon{stroke-width:2.5px;filter:drop-shadow(0 0 8px var(--accent-cyan))}.logo-text h1{font-family:var(--font-sans);letter-spacing:-.03em;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;font-weight:800}.logo-text .subtitle{font-family:var(--font-mono);letter-spacing:.15em;color:var(--accent-cyan);opacity:.8;font-size:.65rem;font-weight:700}.header-nav{gap:2.5rem;display:flex}.nav-btn{font-family:var(--font-mono);color:var(--text-dim);cursor:pointer;letter-spacing:.05em;background:0 0;border:none;padding:.5rem .25rem;font-size:.78rem;font-weight:700;transition:all .2s}.nav-btn:hover{color:var(--text-main)}.nav-btn.active{color:var(--accent-cyan);border-bottom:2px solid var(--accent-cyan);text-shadow:0 0 10px #00e6e666}.header-right{align-items:center;gap:2rem;display:flex}.dashboard-grid{flex-direction:column;gap:3.5rem;width:100%;display:flex}.score-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-tactical);box-shadow:var(--shadow-tactical);justify-content:space-between;align-items:center;padding:3.5rem;transition:border-color .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.score-card:hover{border-color:var(--accent-cyan)}.input-field{border:1.5px solid var(--border-tactical);color:var(--text-main);font-family:var(--font-mono);background:#0f172acc;border-radius:4px;outline:none;padding:.85rem 1.25rem;font-size:.9rem;transition:all .2s}.input-field:focus{border-color:var(--accent-cyan);background:#00e6e60d;box-shadow:0 0 0 4px #00e6e60d}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.fade-in{animation:.6s cubic-bezier(.4,0,.2,1) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}