@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap";:root{--bg:#0a0e14;--bg-panel:#0d1117;--bg-input:#060a0f;--border:#1a3a2a;--border-bright:#0f8;--text:#7fccaa;--text-dim:#3d6b5a;--text-bright:#0f8;--text-white:#e0fff0;--accent:#0f8;--accent-dim:#00ff881a;--accent-glow:#00ff884d;--danger:#f35;--danger-dim:#ff335526;--cyan:#00e5ff;--amber:#ffb800;--mono:"JetBrains Mono", "Cascadia Code", "Fira Code", "Consolas", monospace;font-family:var(--mono);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff8804 2px 4px);position:fixed;inset:0}::selection{background:var(--accent);color:var(--bg)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent);box-shadow:0 0 6px var(--accent-dim)}::-webkit-scrollbar-corner{background:0 0}h1,h2,h3,h4{font-family:var(--mono);color:var(--text-bright);margin:0;font-weight:500}a{color:var(--accent);text-decoration:none;transition:text-shadow .2s}a:hover{text-shadow:0 0 8px var(--accent-glow)}button{font-family:var(--mono);cursor:pointer;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);text-transform:uppercase;letter-spacing:.5px;padding:.5rem 1rem;font-size:.85rem;transition:all .15s}button:hover{border-color:var(--accent);color:var(--text-bright);box-shadow:0 0 10px var(--accent-dim), inset 0 0 10px var(--accent-dim)}button:active{background:var(--accent-dim)}input{font-family:var(--mono);background:var(--bg-input);border:1px solid var(--border);color:var(--text-bright);outline:none;padding:.6rem .8rem;font-size:.85rem;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--accent);box-shadow:0 0 8px var(--accent-dim)}input::placeholder{color:var(--text-dim)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}#app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg-panel);z-index:100;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:.6rem 1.5rem;display:flex}.brand{color:var(--text-bright);letter-spacing:2px;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.brand .version{color:var(--text-dim);font-size:.7rem;font-weight:300}.nav-links{gap:.25rem;display:flex}.nav-item{letter-spacing:1px;color:var(--text);border:1px solid #0000;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--text-bright);border-color:var(--border);background:var(--accent-dim)}.nav-item.router-link-exact-active{color:var(--text-bright);border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 8px var(--accent-dim)}.user-section{align-items:center;gap:.75rem;display:flex}.user-tag{color:var(--cyan);letter-spacing:.5px;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.btn-logout{color:var(--danger);background:var(--danger-dim);border:1px solid var(--danger);letter-spacing:1px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.7rem;display:flex}.btn-logout:hover{background:var(--danger);color:var(--bg);box-shadow:0 0 10px #ff33554d}.main-content{flex-direction:column;flex:1;display:flex}.statusbar{border-top:1px solid var(--border);background:var(--bg-panel);color:var(--text-dim);letter-spacing:.5px;justify-content:space-between;padding:.3rem 1.5rem;font-size:.65rem;display:flex}.status-left{color:var(--accent);animation:3s ease-in-out infinite glow-pulse}@media (width<=768px){.topbar-inner{flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}.nav-links{order:3;justify-content:center;width:100%}.statusbar{flex-direction:column;align-items:center;gap:.2rem}}