@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-void:#0b0e14;--bg-deep:#0e1118;--bg-panel:#121721;--bg-card:#1a202c;--bg-surface:#1e2535;--bg-glass:#141c2ebf;--bg-hover:#1e2e5299;--bg-input:#0f1524e6;--gold-primary:#d4af37;--gold-warm:#f59e0b;--gold-muted:#856404;--gold-dim:#dfaa2624;--gold-border:#dfaa2659;--gold-glow:0 0 20px #dfaa2659, 0 0 40px #dfaa261f;--accent-gold:var(--gold-primary);--accent-gold-dim:var(--gold-dim);--accent-bronze:#a17a45;--emerald:#10b981;--emerald-dim:#10b77f21;--emerald-border:#10b77f4d;--emerald-glow:0 0 16px #10b77f59;--crimson:#ef4444;--crimson-dim:#ef43431f;--crimson-border:#ef43434d;--crimson-glow:0 0 16px #ef434359;--amber:#f59e0b;--amber-dim:#f59f0a21;--amber-border:#f59f0a4d;--amber-glow:0 0 16px #f59f0a59;--sky:#38bdf8;--sky-dim:#31b8f61f;--sky-border:#31b8f64d;--violet:#a78bfa;--violet-dim:#a581f81f;--accent-green:var(--emerald);--accent-green-dim:var(--emerald-dim);--accent-red:var(--crimson);--accent-red-dim:var(--crimson-dim);--accent-amber:var(--amber);--accent-blue:var(--sky);--accent-blue-dim:var(--sky-dim);--glow-gold:var(--gold-glow);--glow-green:var(--emerald-glow);--glow-red:var(--crimson-glow);--glow-blue:0 0 16px #31b8f647;--font-sans:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--border-void:#1d2435;--border-dim:#6b522e;--border-bright:#c8981e;--border-gold:var(--gold-primary);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--shadow-sm:0 2px 8px #0006;--shadow-card:0 4px 20px #0000008c, 0 1px 0 #dfaa2612 inset;--shadow-deep:0 8px 32px #000000b3, 0 2px 0 #dfaa260a inset;--shadow-float:0 16px 48px #0009, 0 4px 12px #0006;--text-primary:#e8e3d9;--text-secondary:#9fa8bc;--text-muted:#6e7891;--text-faint:#555c6d;--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--transition-base:all .22s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1)}html,body,#root{width:100%;height:100%}body{font-family:var(--font-sans);background-color:var(--bg-void);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(90% 55% at 50% 0,#1b294b52 0%,#0000 65%),radial-gradient(45% 35% at 85% 90%,#dfaa260d 0%,#0000 60%),radial-gradient(30% 25% at 10% 60%,#10b77f08 0%,#0000 55%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.83v58.34h-58.34l-.83-.83V0h58.34z' fill='%23ffffff' fill-opacity='0.014' fill-rule='evenodd'/%3E%3C/svg%3E");overflow:hidden}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}@keyframes pulse-safe{0%,to{box-shadow:0 0 0 0 #10b77f99, var(--emerald-glow);transform:scale(1)}50%{box-shadow:0 0 0 6px #10b77f00, var(--emerald-glow);transform:scale(1.06)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 #dfaa268c}50%{box-shadow:0 0 0 5px #dfaa2600}}@keyframes flash-alert{0%,to{opacity:1;box-shadow:var(--crimson-glow)}50%{opacity:.35;box-shadow:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes bar-grow{0%{transform-origin:bottom;transform:scaleY(0)}to{transform-origin:bottom;transform:scaleY(1)}}@keyframes unlock-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}}@keyframes progress-drain{0%{width:100%}to{width:0%}}@keyframes tick-flash{0%{background:#dfaa2638}to{background:0 0}}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px)saturate(1.3);border:1px solid var(--border-dim);border-radius:var(--radius-lg);position:relative;overflow:hidden}.glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#dfaa2638 0%,#0000 50%,#dfaa2612 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card{background:linear-gradient(160deg, var(--bg-card) 0%, #161c27 100%);border:1px solid var(--border-dim);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:var(--transition-base);padding:16px;position:relative;overflow:hidden}.card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#dfaa262e,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-card), 0 0 0 1px #dfaa2612;border-color:#dfaa2647}.card-hover{transition:transform .22s,border-color .22s,box-shadow .22s}.card-hover:hover{box-shadow:var(--shadow-card), 0 8px 28px #00000073;border-color:#dfaa264d;transform:translateY(-2px)}.card-gradient-border{position:relative;border:none!important}.card-gradient-border:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#dfaa268c,#10b77f4d,#31b8f633);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);letter-spacing:.02em;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff0d 0%,#0000 100%);position:absolute;inset:0}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none!important}.btn-green{background:var(--emerald-dim);color:var(--emerald);border-color:var(--emerald-border)}.btn-green:hover:not(:disabled){box-shadow:var(--emerald-glow);background:#10b77f38}.btn-red{background:var(--crimson-dim);color:var(--crimson);border-color:var(--crimson-border)}.btn-red:hover:not(:disabled){box-shadow:var(--crimson-glow);background:#ef434338}.btn-gold{background:var(--gold-dim);color:var(--gold-primary);border-color:var(--gold-border)}.btn-gold:hover:not(:disabled){box-shadow:var(--gold-glow);background:#dfaa2638}.btn-ghost{color:var(--text-secondary);border-color:var(--border-dim);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-bright)}.btn-gated{color:var(--text-muted);border:1px dashed var(--border-dim);cursor:not-allowed;background:#1c2740e6}.btn-gated .lock-icon{animation:2s infinite glow-pulse}.btn-unlocked{color:var(--emerald);border:1px solid var(--emerald-border);box-shadow:var(--emerald-glow);background:linear-gradient(135deg,#10b77f2e,#10b77f14);animation:.5s unlock-shake}.btn-unlocked:hover:not(:disabled){box-shadow:var(--emerald-glow), 0 0 32px #10b77f33;background:#10b77f47}.pill{letter-spacing:.08em;text-transform:uppercase;border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.pill-green{background:var(--emerald-dim);color:var(--emerald);border:1px solid var(--emerald-border)}.pill-red{background:var(--crimson-dim);color:var(--crimson);border:1px solid var(--crimson-border)}.pill-gold{background:var(--gold-dim);color:var(--gold-primary);border:1px solid var(--gold-border)}.pill-blue{background:var(--sky-dim);color:var(--sky);border:1px solid var(--sky-border)}.pill-violet{background:var(--violet-dim);color:var(--violet);border:1px solid #a581f84d}.pill-muted{color:var(--text-secondary);border:1px solid var(--border-void);background:#30354199}.stat-number{font-family:var(--font-mono);font-size:22px;font-weight:700}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:9px;font-weight:700}.section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.section-title:after{content:"";background:linear-gradient(90deg, var(--border-dim), transparent);flex:1;height:1px}.mono{font-family:var(--font-mono)}.progress-bar{background:#182543e6;border-radius:100px;height:6px;overflow:hidden}.progress-fill{border-radius:100px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.expiry-bar-track{background:#182543e6;border-radius:100px;height:5px;position:relative;overflow:hidden}.expiry-bar-fill{border-radius:100px;height:100%;transition:width 1s linear}.shimmer{background:linear-gradient(90deg,#0000 0%,#dfaa2626 50%,#0000 100%) 0 0/200% 100%;animation:2s infinite shimmer}.view-enter{animation:.28s cubic-bezier(.4,0,.2,1) both fadeInUp}.grid-bg{background-image:linear-gradient(#dfaa260a 1px,#0000 1px),linear-gradient(90deg,#dfaa260a 1px,#0000 1px);background-size:40px 40px}.input-field{background:var(--bg-input);border:1px solid var(--border-dim);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--text-primary);transition:var(--transition-fast);caret-color:var(--gold-primary);outline:none;padding:10px 14px;font-size:13px}.input-field::placeholder{color:var(--text-faint)}.input-field:focus{border-color:var(--gold-border);box-shadow:0 0 0 2px #dfaa261f, var(--gold-glow)}.input-field.input-mono{font-family:var(--font-mono);letter-spacing:.04em}.session-badge{border-radius:var(--radius-xs);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:5px;padding:3px 8px;font-size:9px;font-weight:700;display:inline-flex}.session-active{color:var(--emerald);border:1px solid var(--emerald-border);background:#10b77f26}.session-inactive{color:var(--text-faint);border:1px solid var(--border-void);background:#1c274080}.session-overlap{color:var(--gold-warm);border:1px solid var(--gold-border);background:#dfaa262e}.divider{background:linear-gradient(90deg, transparent, var(--border-dim), transparent);height:1px;margin:4px 0}.divider-v{background:var(--border-dim);align-self:stretch;width:1px}.tick-flash{animation:.3s ease-out tick-flash}.vol-bar{transform-origin:bottom;animation:.4s cubic-bezier(.34,1.56,.64,1) both bar-grow}.sentiment-needle{transition:transform .7s cubic-bezier(.34,1.2,.64,1)}.sim-indicator{color:var(--violet);letter-spacing:.1em;text-transform:uppercase;background:#a581f826;border:1px solid #a581f84d;border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:9px;font-weight:700;display:inline-flex}.emergency-btn{border-radius:var(--radius-sm);background:var(--crimson-dim);color:var(--crimson);letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ef434380;width:100%;padding:10px;font-size:11px;font-weight:800;transition:border-color .1s,box-shadow .1s;position:relative;overflow:hidden}.emergency-btn:hover{box-shadow:var(--crimson-glow);border-color:#ef4343cc}.emergency-btn.holding{border-color:var(--crimson);box-shadow:0 0 24px #ef43438c, var(--crimson-glow)}