@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-app:#0d0d0f;--bg-panel:#111115;--bg-card:#17171c;--bg-card-h:#1c1c22;--bg-input:#14141a;--border-1:#ffffff0e;--border-2:#ffffff1a;--border-3:#ffffff2b;--text-1:#e8e8ec;--text-2:#72728a;--text-3:#38384a;--text-primary:var(--text-1);--text-secondary:var(--text-2);--text-tertiary:var(--text-3);--accent:#c01828;--accent-h:#d91e30;--accent-dim:#c018281a;--accent-glow:#c018283d;--green:#18c96a;--green-d:#18c96a1a;--red:#e84040;--red-d:#e840401a;--blue:#3b7dd8;--blue-d:#3b7dd81a;--amber:#c88a0a;--amber-d:#c88a0a1a;--purple:#8b5cf6;--purple-d:#8b5cf61a;--r1:5px;--r2:8px;--r3:12px;--r4:16px;--sh1:0 1px 3px #000000b3;--sh2:0 4px 16px #0000008c;--sh3:0 8px 32px #000000a6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--bg-app);color:var(--text-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:2px}.bg-orbs{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(100px);border-radius:50%;position:absolute}.orb-a{background:radial-gradient(circle,#c018281c 0%,#0000 65%);width:600px;height:600px;animation:18s ease-in-out infinite drift;top:-260px;right:-180px}.orb-b{background:radial-gradient(circle,#64647312 0%,#0000 65%);width:400px;height:400px;animation:24s ease-in-out infinite reverse drift;bottom:-160px;left:-120px}@keyframes drift{0%,to{transform:translate(0)}40%{transform:translate(30px,-25px)}70%{transform:translate(-18px,22px)}}.app{width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.rail{background:var(--bg-panel);border-right:1px solid var(--border-1);z-index:20;flex-direction:column;flex-shrink:0;align-items:center;width:90px;display:flex;position:relative}.rail-logo{cursor:default;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;margin:20px 0 16px;display:flex}.rail-logo img{object-fit:contain;width:64px;height:64px}.rail-sep{background:var(--border-1);flex-shrink:0;width:50px;height:1px;margin:8px 0}.rail-nav{flex-direction:column;flex:1;align-items:center;gap:8px;padding:12px 0;display:flex;overflow:hidden}.rail-item{border-radius:var(--r2);cursor:pointer;width:64px;height:56px;color:var(--text-3);background:0 0;border:none;justify-content:center;align-items:center;transition:background .14s,color .14s;display:flex;position:relative}.rail-item:hover{color:var(--text-2);background:#ffffff0a}.rail-item.active{background:var(--accent-dim);color:var(--accent)}.rail-item.active:after{content:"";background:var(--accent);border-radius:2px 0 0 2px;width:2px;position:absolute;top:25%;bottom:25%;right:0}.rail-tip{background:var(--bg-card);color:var(--text-1);border-radius:var(--r2);white-space:nowrap;pointer-events:none;border:1px solid var(--border-2);box-shadow:var(--sh2);opacity:0;z-index:100;padding:5px 10px;font-size:12px;font-weight:500;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.rail-item:hover .rail-tip{opacity:1}.rail-foot{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding:12px 0 16px;display:flex}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-1);z-index:10;background:#111115d9;flex-shrink:0;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex}.content{flex:1;padding:32px 32px 64px;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--r3);box-shadow:var(--sh1);transition:border-color .18s}.card:hover{border-color:var(--border-2)}.card-p{padding:22px}.btn{background:var(--accent);color:#fff;border-radius:var(--r2);cursor:pointer;letter-spacing:.02em;white-space:nowrap;border:none;align-items:center;gap:7px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .14s,box-shadow .14s,transform .1s;display:inline-flex}.btn:hover{background:var(--accent-h);box-shadow:0 3px 14px var(--accent-glow);transform:translateY(-1px)}.btn:active{box-shadow:none;transform:scale(.97)}.btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{color:var(--text-2);border-radius:var(--r2);border:1px solid var(--border-1);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:500;transition:color .14s,border-color .14s;display:inline-flex}.btn-ghost:hover{color:var(--text-1);border-color:var(--border-2)}.btn-secondary{color:var(--text-1);border-radius:var(--r2);border:1px solid var(--border-1);cursor:pointer;white-space:nowrap;background:#ffffff09;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .14s,border-color .14s,transform .1s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-2);background:#ffffff0f;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed;transform:none}.label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.mono{font-family:var(--font-mono)}.badge{border-radius:var(--r1);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-green{background:var(--green-d);color:var(--green)}.badge-red{background:var(--red-d);color:var(--red)}.badge-blue{background:var(--blue-d);color:var(--blue)}.badge-purple{background:var(--purple-d);color:var(--purple)}.badge-amber{background:var(--amber-d);color:var(--amber)}.sep{background:var(--border-1);border:none;height:1px}.c-accent{color:var(--accent)}.c-green{color:var(--green)}.c-red{color:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.blink{animation:2.4s ease-in-out infinite pulse}.metric-value{font-family:var(--font-mono);letter-spacing:-.02em;font-weight:600}.metric-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:600}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--r2);cursor:pointer;letter-spacing:.02em;border:none;padding:7px 16px;font-size:12px;font-weight:600;transition:background .14s,box-shadow .14s,transform .1s}.btn-primary:hover{background:var(--accent-h);box-shadow:0 3px 14px var(--accent-glow);transform:translateY(-1px)}.btn-primary:disabled{opacity:.38;cursor:not-allowed;transform:none}.badge-accent{background:var(--accent-dim);color:var(--accent)}.text-accent{color:var(--accent)}.text-green{color:var(--green)}.text-red{color:var(--red)}.scene-backdrop,.absolute-fill{position:absolute;inset:0}.scene-backdrop{pointer-events:none;z-index:0;overflow:hidden}.absolute-fill{z-index:0}.live-dot{animation:2.1s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.pulse-soft{animation:1.8s ease-in-out infinite pulse}.prediction-row{cursor:pointer;align-items:center;gap:16px;padding:16px 20px;transition:background .16s,border-color .16s;display:flex}.prediction-row:hover{background:#ffffff04}.prediction-row:hover .prediction-row-title{color:#fff!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}