@import"https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&family=Inter:wght@300;400;500;600&display=swap";:root{--bg: #0d0f18;--bg-raised: #111524;--bg-card: #141929;--s0: rgba(108,99,255,.02);--s1: rgba(108,99,255,.05);--s2: rgba(108,99,255,.09);--s3: rgba(108,99,255,.14);--border: rgba(108,99,255,.16);--border-hi: rgba(108,99,255,.4);--accent: #7c6fff;--accent-dim: rgba(124,111,255,.35);--accent-glow:rgba(124,111,255,.1);--green: #4ade80;--red: #f87171;--amber: #fbbf24;--purple: #a78bfa;--blue: #60a5fa;--t1: rgba(225,220,255,.92);--t2: rgba(170,165,210,.6);--t3: rgba(110,105,160,.45);--r: 8px;--rs: 6px;--f-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--f-mono: "Menlo", "Monaco", "Consolas", monospace;--sidebar: 72px;--sidebar-open: 232px;--shadow-sm: 0 1px 4px rgba(0,0,0,.5), 0 0 0 1px rgba(108,99,255,.05);--shadow-md: 0 4px 16px rgba(0,0,0,.6), 0 0 0 1px rgba(108,99,255,.08);--shadow-lg: 0 16px 48px rgba(0,0,0,.8), 0 0 0 1px rgba(108,99,255,.1);--glow-sm: 0 0 8px rgba(124,111,255,.4);--glow-md: 0 0 16px rgba(124,111,255,.35), 0 0 32px rgba(124,111,255,.15);--glow-lg: 0 0 24px rgba(124,111,255,.5), 0 0 48px rgba(124,111,255,.2);--crt-opacity: 0;--flicker-opacity: 0;--logo-sub: "v2.0";--scan-bg: none;--font-smooth-webkit: antialiased;--font-smooth-moz: grayscale}[data-theme=fallout]{--bg: #060806;--bg-raised: #0b0f0b;--bg-card: #0e120e;--s0: rgba(80,205,80,.02);--s1: rgba(80,205,80,.04);--s2: rgba(80,205,80,.07);--s3: rgba(80,205,80,.12);--border: rgba(80,205,80,.14);--border-hi: rgba(80,205,80,.35);--accent: #50cd50;--accent-dim: rgba(80,205,80,.3);--accent-glow:rgba(80,205,80,.08);--green: #50cd50;--red: #cd5050;--amber: #cdaa28;--purple: #8c5acd;--blue: #4a82cd;--t1: rgba(160,240,160,.92);--t2: rgba(100,200,100,.55);--t3: rgba(80,180,80,.3);--r: 4px;--rs: 3px;--f-sans: "Share Tech Mono", "VT323", "Courier New", monospace;--f-mono: "VT323", "Share Tech Mono", "Courier New", monospace;--shadow-sm: 0 0 8px rgba(80,205,80,.08), 0 1px 3px rgba(0,0,0,.6);--shadow-md: 0 0 16px rgba(80,205,80,.1), 0 4px 16px rgba(0,0,0,.7);--shadow-lg: 0 0 32px rgba(80,205,80,.12), 0 16px 48px rgba(0,0,0,.8);--glow-sm: 0 0 6px rgba(80,205,80,.6);--glow-md: 0 0 12px rgba(80,205,80,.5), 0 0 24px rgba(80,205,80,.2);--glow-lg: 0 0 20px rgba(80,205,80,.7), 0 0 40px rgba(80,205,80,.3);--crt-opacity: 1;--flicker-opacity: 1;--font-smooth-webkit: none;--font-smooth-moz: auto}[data-theme=amber]{--bg: #0a0800;--bg-raised: #100e02;--bg-card: #131104;--s0: rgba(220,160,0,.02);--s1: rgba(220,160,0,.04);--s2: rgba(220,160,0,.07);--s3: rgba(220,160,0,.12);--border: rgba(220,160,0,.15);--border-hi: rgba(220,160,0,.4);--accent: #d4a017;--accent-dim: rgba(212,160,23,.35);--accent-glow:rgba(212,160,23,.08);--green: #d4a017;--red: #d44017;--amber: #e8c040;--purple: #b07a20;--blue: #80a060;--t1: rgba(255,220,120,.9);--t2: rgba(200,160,80,.6);--t3: rgba(150,110,40,.4);--r: 4px;--rs: 3px;--f-sans: "Share Tech Mono", "Courier New", monospace;--f-mono: "Share Tech Mono", "Courier New", monospace;--shadow-sm: 0 0 8px rgba(212,160,23,.08), 0 1px 3px rgba(0,0,0,.6);--shadow-md: 0 0 16px rgba(212,160,23,.1), 0 4px 16px rgba(0,0,0,.7);--shadow-lg: 0 0 32px rgba(212,160,23,.12), 0 16px 48px rgba(0,0,0,.8);--glow-sm: 0 0 6px rgba(212,160,23,.6);--glow-md: 0 0 12px rgba(212,160,23,.5), 0 0 24px rgba(212,160,23,.2);--glow-lg: 0 0 20px rgba(212,160,23,.7), 0 0 40px rgba(212,160,23,.3);--crt-opacity: 1;--flicker-opacity: 1;--font-smooth-webkit: none;--font-smooth-moz: auto}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--f-sans);background:var(--bg);color:var(--t1);-webkit-font-smoothing:var(--font-smooth-webkit, antialiased);-moz-osx-font-smoothing:var(--font-smooth-moz, grayscale);font-size:14px;letter-spacing:.02em;transition:background .3s,color .3s}body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:var(--crt-opacity);transition:opacity .4s;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px)}body:after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:var(--flicker-opacity);transition:opacity .4s;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.5) 100%);animation:flicker 8s infinite linear}@keyframes flicker{0%,to{opacity:var(--flicker-opacity,0)}92%{opacity:var(--flicker-opacity,0)}93%{opacity:calc(var(--flicker-opacity,0) * .92)}94%{opacity:var(--flicker-opacity,0)}96%{opacity:calc(var(--flicker-opacity,0) * .96)}97%{opacity:var(--flicker-opacity,0)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);transition:border-color .2s,box-shadow .2s;position:relative}.card:before{content:"";position:absolute;inset:0;border-radius:var(--r);background:linear-gradient(135deg,var(--s1) 0%,transparent 50%);pointer-events:none}.card:hover{border-color:var(--border-hi);box-shadow:var(--shadow-sm)}.mono{font-family:var(--f-mono)}.label{font-size:11px;font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t3);font-weight:400}.glow{text-shadow:var(--glow-sm)}.glow-md{text-shadow:var(--glow-md)}.glow-lg{text-shadow:var(--glow-lg)}[data-theme=fallout] .page-title:before,[data-theme=amber] .page-title:before{content:"> ";color:var(--t3)}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-on{background:var(--green);box-shadow:0 0 6px var(--green)}.dot-off{background:var(--red);box-shadow:0 0 4px var(--red)}.dot-warn{background:var(--amber);box-shadow:0 0 6px var(--amber)}.splash{display:flex;align-items:center;justify-content:center;height:100vh;font-size:16px;color:var(--accent);animation:blink-text 1.5s infinite}@keyframes blink-text{0%,to{opacity:1}50%{opacity:.4}}.track{height:3px;background:#6c63ff0f;border-radius:2px;overflow:hidden;border:1px solid var(--border)}[data-theme=fallout] .track{background:#50cd5014}[data-theme=amber] .track{background:#d4a01714}.fill{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px var(--accent)}.input-f{padding:10px 14px;background:var(--s0);border:1px solid var(--border);border-radius:var(--rs);color:var(--t1);font-size:14px;font-family:var(--f-sans);outline:none;transition:border-color .18s,box-shadow .18s,background .18s;width:100%}.input-f::placeholder{color:var(--t3)}.input-f:focus{border-color:var(--accent);background:var(--s1);box-shadow:0 0 0 2px var(--accent-dim)}select.input-f{cursor:pointer}select.input-f option{background:var(--bg-raised);color:var(--t1)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--rs);border:1px solid var(--border);background:var(--s1);color:var(--t1);font-size:13px;font-family:var(--f-sans);font-weight:500;cursor:pointer;transition:all .15s}[data-theme=fallout] .btn,[data-theme=amber] .btn{font-weight:400;letter-spacing:.08em;text-transform:uppercase}.btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);box-shadow:var(--glow-sm)}.btn-primary{background:var(--s2);border-color:var(--accent-dim);color:var(--accent)}.btn-primary:hover{background:var(--s3);border-color:var(--accent);box-shadow:var(--glow-md)}.btn-danger{border-color:#f871714d;color:var(--red)}.btn-danger:hover{background:#f871710f;border-color:var(--red);box-shadow:0 0 8px #f8717140}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{background:var(--bg-raised);border:1px solid var(--border-hi);border-radius:var(--r);padding:24px;min-width:360px;max-width:520px;width:90%;box-shadow:var(--shadow-lg);position:relative}[data-theme=fallout] .modal:before,[data-theme=amber] .modal:before{content:"[ TERMINAL INTERFACE ]";position:absolute;top:-1px;left:16px;font-size:9px;font-family:var(--f-mono);letter-spacing:.2em;color:var(--accent);background:var(--bg-raised);padding:0 8px;text-shadow:var(--glow-sm)}.toast-wrap{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:300}.toast{padding:10px 16px;background:var(--bg-raised);border:1px solid var(--border-hi);border-radius:var(--r);font-size:13px;color:var(--t1);box-shadow:var(--shadow-md);animation:slide-in .2s ease-out}.toast.success{border-color:var(--green);color:var(--green)}.toast.error{border-color:var(--red);color:var(--red)}@keyframes slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.sidebar{width:var(--sidebar);flex-shrink:0;background:var(--bg-raised);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .18s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;z-index:50;box-shadow:2px 0 20px #0006}.sidebar:hover,.sidebar--pinned{width:var(--sidebar-open)}.sb-logo{height:60px;display:flex;align-items:center;padding:0 16px;gap:14px;border-bottom:1px solid var(--border);flex-shrink:0;white-space:nowrap;overflow:hidden}.sb-logo-icon{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle,var(--s3) 0%,var(--s0) 60%,transparent 100%);border:1.5px solid var(--border-hi);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:var(--glow-sm);animation:pulse-border 3s infinite}@keyframes pulse-border{0%,to{box-shadow:var(--glow-sm)}50%{box-shadow:var(--glow-md)}}.sb-logo-text{display:flex;flex-direction:column;gap:1px;overflow:hidden}.sb-logo-primary{font-family:var(--f-mono);font-size:15px;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;text-shadow:var(--glow-sm)}.sb-logo-sub{font-size:9px;font-family:var(--f-mono);color:var(--t3);letter-spacing:.12em;text-transform:uppercase}.mode-switch{display:flex;flex-direction:column;gap:2px;padding:8px;border-bottom:1px solid var(--border);flex-shrink:0}.mode-btn{display:flex;align-items:center;gap:10px;padding:0 6px;height:40px;border-radius:var(--rs);cursor:pointer;border:1px solid transparent;background:none;transition:all .15s;white-space:nowrap;overflow:hidden}.mode-btn:hover{background:var(--s2);border-color:var(--border)}.mode-btn.active{background:var(--s1);border-color:var(--border-hi)}.mode-icon{width:30px;height:30px;flex-shrink:0;border-radius:var(--rs);display:flex;align-items:center;justify-content:center;transition:background .13s}.mode-label{font-size:11px;font-family:var(--f-mono);color:var(--t2);letter-spacing:.1em;text-transform:uppercase;display:flex;flex-direction:column;gap:1px}.mode-label-main{color:var(--t2)}.mode-label-desc{font-size:9px;color:var(--t3);letter-spacing:.08em}.mode-btn:hover .mode-icon{background:var(--s2)}.mode-btn:hover .mode-label-main{color:var(--t1)}.mode-btn.active .mode-icon svg{color:var(--accent);filter:drop-shadow(0 0 4px var(--accent))}.mode-btn.active .mode-icon{background:var(--s2);box-shadow:0 0 0 1px var(--border-hi)}.mode-btn.active .mode-label-main{color:var(--accent);text-shadow:var(--glow-sm)}.nav-list{flex:1;padding:8px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.nav-item{display:flex;align-items:center;gap:10px;padding:0 6px;height:40px;border-radius:var(--rs);color:var(--t2);text-decoration:none;font-size:13px;font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:all .13s;position:relative;overflow:hidden;border:1px solid transparent}.nav-item:hover{background:var(--s2);color:var(--t1);border-color:var(--border)}.nav-item.active{background:var(--s1);color:var(--accent);border-color:var(--border-hi);text-shadow:var(--glow-sm)}.nav-ic-wrap{width:32px;height:32px;flex-shrink:0;border-radius:var(--rs);display:flex;align-items:center;justify-content:center;transition:background .13s,box-shadow .13s}.nav-item:hover .nav-ic-wrap{background:var(--s2)}.nav-item.active .nav-ic-wrap{background:var(--s2);box-shadow:0 0 0 1px var(--border-hi),var(--glow-sm)}.nav-item.active .nav-ic-wrap svg{color:var(--accent);filter:drop-shadow(0 0 4px var(--accent))}.nav-ic{flex-shrink:0}.nav-lb{opacity:0;transition:opacity .1s;font-size:12px;letter-spacing:.08em}.sidebar:hover .nav-lb,.sidebar--pinned .nav-lb{opacity:1}.nav-sec{padding:10px 8px 4px;font-size:9px;font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--t3);white-space:nowrap;overflow:hidden}.sidebar:hover .nav-sec,.sidebar--pinned .nav-sec{overflow:visible}.beta-pip{width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 5px var(--amber);flex-shrink:0;margin-left:auto;display:none}.sidebar:hover .beta-pip,.sidebar--pinned .beta-pip{display:block}.sb-foot{padding:8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.user-row{display:flex;align-items:center;gap:10px;padding:8px;white-space:nowrap;overflow:hidden;border-radius:var(--rs);border:1px solid transparent;transition:all .13s}.user-row:hover{background:var(--s2);border-color:var(--border)}.u-avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle,var(--s3),var(--s0));border:1.5px solid var(--border-hi);display:flex;align-items:center;justify-content:center;font-size:13px;font-family:var(--f-mono);color:var(--accent);text-shadow:var(--glow-sm);box-shadow:var(--glow-sm)}.u-info{opacity:0;transition:opacity .08s}.sidebar:hover .u-info,.sidebar--pinned .u-info{opacity:1}.u-name{font-size:13px;font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t1)}.u-role{font-size:9px;color:var(--t3);font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.logout-btn{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--rs);background:none;border:1px solid transparent;color:var(--t3);cursor:pointer;font-size:11px;font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;width:100%;transition:all .15s}.logout-btn:hover{color:var(--red);background:#f871710a;border-color:#f8717133}.lo-lb{opacity:0;transition:opacity .08s}.sidebar:hover .lo-lb,.sidebar--pinned .lo-lb{opacity:1}.app-shell{display:flex;height:100vh;overflow:hidden}.main-area{flex:1;overflow-y:auto;overflow-x:hidden}.main-inner{padding:28px 36px;min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border)}.page-title{font-size:20px;font-family:var(--f-mono);font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);text-shadow:var(--glow-sm)}.tb-right{display:flex;align-items:center;gap:12px}.tb-time{font-family:var(--f-mono);font-size:14px;color:var(--t2);letter-spacing:.08em}[data-theme=fallout] .tb-time,[data-theme=amber] .tb-time{color:var(--accent);text-shadow:var(--glow-sm)}.theme-switcher{position:relative}.theme-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--rs);border:1px solid transparent;background:none;color:var(--t3);cursor:pointer;transition:all .15s}.theme-btn:hover{border-color:var(--border);color:var(--t1);background:var(--s1)}.theme-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-raised);border:1px solid var(--border-hi);border-radius:var(--r);padding:6px;min-width:180px;box-shadow:var(--shadow-lg);z-index:100;display:flex;flex-direction:column;gap:2px}.theme-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--rs);border:1px solid transparent;cursor:pointer;background:none;width:100%;transition:all .12s}.theme-option:hover{background:var(--s2);border-color:var(--border)}.theme-option.active{background:var(--s1);border-color:var(--border-hi)}.theme-swatch{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.1);flex-shrink:0}.theme-option-name{font-size:12px;font-family:var(--f-mono);color:var(--t1);letter-spacing:.08em;text-transform:uppercase}.theme-option-desc{font-size:10px;color:var(--t3);font-family:var(--f-mono);margin-top:1px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes flash-green{0%{box-shadow:0 0 #50cd5066}70%{box-shadow:0 0 0 8px #50cd5000}to{box-shadow:0 0 #50cd5000}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .3s ease-out}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor:after{content:"█";color:var(--accent);animation:cursor-blink 1s infinite;text-shadow:var(--glow-sm)}