:root{--tk-bg:#060d1a;--tk-sidebar:#080f1c;--tk-card:#0e1929;--tk-border:#1a2d42;--tk-text:#e2e8f0;--tk-muted:#64748b;--tk-muted2:#94a3b8;--tk-blue:#3b82f6;--tk-green:#22c55e;--tk-red:#ef4444;--tk-orange:#f59e0b;--tk-nav-w:220px}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{background:var(--tk-bg);color:var(--tk-text);font-family:Segoe UI,system-ui,sans-serif;font-size:13px;display:flex;height:100vh;height:100dvh;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#080f1c}::-webkit-scrollbar-thumb{background:#1a2d42;border-radius:3px}#tk-sidebar{width:var(--tk-nav-w);min-width:var(--tk-nav-w);background:var(--tk-sidebar);border-right:1px solid var(--tk-border);display:flex;flex-direction:column;overflow:hidden;z-index:200;flex-shrink:0}.tk-logo{padding:18px 20px 16px;border-bottom:1px solid var(--tk-border);flex-shrink:0}.tk-logo-name{font-size:16px;font-weight:800;color:#fff;letter-spacing:1px}.tk-logo-name span{color:var(--tk-blue)}.tk-logo-sub{font-size:9px;color:var(--tk-muted);letter-spacing:2px;text-transform:uppercase;margin-top:2px}.tk-nav{flex:1 1;padding:10px 0;overflow-y:auto}.tk-nav-item{display:flex;align-items:center;gap:11px;padding:9px 18px;color:var(--tk-muted2);text-decoration:none;font-size:12.5px;font-weight:500;border-left:3px solid transparent;transition:all .15s;cursor:pointer}.tk-nav-item:hover{background:rgba(59,130,246,.06);color:var(--tk-text);border-left-color:rgba(59,130,246,.3)}.tk-nav-item.active{background:rgba(59,130,246,.1);color:var(--tk-blue);border-left-color:var(--tk-blue)}.tk-nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.8}.tk-nav-item.active .tk-nav-icon{opacity:1}.tk-nav-section{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:var(--tk-muted);padding:14px 18px 4px}.tk-sidebar-footer{padding:12px 16px;border-top:1px solid var(--tk-border);flex-shrink:0}.tk-regime-pill{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:6px;border:1px solid var(--tk-border);background:rgba(255,255,255,.03)}.tk-regime-dot{width:7px;height:7px;border-radius:50%;background:var(--tk-muted);flex-shrink:0}.tk-regime-label{font-size:11px;font-weight:600;color:var(--tk-muted2);flex:1 1}.tk-regime-label small{display:block;font-size:9px;font-weight:400;color:var(--tk-muted);margin-top:1px}.tk-regime-pill[data-regime="Deep Complacency"]{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.05)}.tk-regime-pill[data-regime="Deep Complacency"] .tk-regime-dot{background:#22c55e}.tk-regime-pill[data-regime="Deep Complacency"] .tk-regime-label{color:#22c55e}.tk-regime-pill[data-regime="Low Vol"]{border-color:rgba(34,197,94,.2);background:rgba(34,197,94,.04)}.tk-regime-pill[data-regime="Low Vol"] .tk-regime-dot{background:#86efac}.tk-regime-pill[data-regime="Low Vol"] .tk-regime-label{color:#86efac}.tk-regime-pill[data-regime=Normal]{border-color:rgba(59,130,246,.3);background:rgba(59,130,246,.05)}.tk-regime-pill[data-regime=Normal] .tk-regime-dot{background:#3b82f6}.tk-regime-pill[data-regime=Normal] .tk-regime-label{color:#3b82f6}.tk-regime-pill[data-regime=Elevated]{border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.05)}.tk-regime-pill[data-regime=Elevated] .tk-regime-dot{background:#f59e0b}.tk-regime-pill[data-regime=Elevated] .tk-regime-label{color:#f59e0b}.tk-regime-pill[data-regime="High Fear"]{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.05)}.tk-regime-pill[data-regime="High Fear"] .tk-regime-dot{background:#ef4444}.tk-regime-pill[data-regime="High Fear"] .tk-regime-label{color:#ef4444}#tk-main{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.tk-topbar{display:flex;align-items:center;gap:14px;padding:0 22px;height:50px;min-height:50px;background:var(--tk-sidebar);border-bottom:1px solid var(--tk-border);flex-shrink:0}.tk-page-title{font-size:14px;font-weight:700;color:#fff;letter-spacing:.3px}.tk-topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.tk-content{flex:1 1;overflow-y:auto;padding:20px 24px}.tk-badge{background:#1a2d42;color:var(--tk-muted2);padding:3px 10px;border-radius:20px;font-size:11px}.tk-badge span{color:var(--tk-blue);font-weight:700}.tk-refresh-btn{background:none;border:1px solid var(--tk-border);color:var(--tk-muted);padding:4px 10px;border-radius:5px;cursor:pointer;font-size:11px;transition:all .15s;font-family:inherit}.tk-refresh-btn:hover{border-color:var(--tk-blue);color:var(--tk-blue)}.tk-hamburger{display:none;background:none;border:1px solid var(--tk-border);color:var(--tk-muted2);width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:18px;align-items:center;justify-content:center;flex-shrink:0}.pos{color:#22c55e}.neg,.pos{font-weight:600}.neg{color:#ef4444}.neu{color:#94a3b8}.loading{text-align:center;padding:60px;color:#475569}.section-title{font-size:10px;color:#475569;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-title:after{content:"";flex:1 1;height:1px;background:#1a2d42}.panel{background:#0e1929;border:1px solid #1a2d42;border-radius:8px;padding:18px}.panel-title{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #1a2d42}@media (max-width:768px){.tk-hamburger{display:flex}#tk-sidebar{position:fixed;left:-260px;top:0;bottom:0;width:240px;min-width:240px;transition:left .25s ease;z-index:1000}#tk-sidebar.open{left:0}.tk-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999}.tk-sidebar-overlay.open{display:block}.tk-content{padding:14px 12px 72px}.tk-topbar{padding:0 12px 0 50px}}@media (max-width:480px){.tk-content{padding:10px 8px 72px}.tk-topbar{height:44px;min-height:44px}.tk-page-title{font-size:12px}}