@media (max-width: 767px){.main-content>div{padding-bottom:calc(72px + env(safe-area-inset-bottom,12px))!important}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #08090d;--bg2: #0d0e14;--bg3: #13141c;--surface: #1a1b24;--surface2: #22232e;--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.1);--text: #ffffff;--text2: #8b8fa8;--text3: #404355;--accent: #3B82F6;--accent2: #60A5FA;--accentdim: rgba(59,130,246,.12);--orange: #FF6B00;--red: #EF4444;--green: #22C55E;--greendim: rgba(34,197,94,.1);--blue: #3B82F6;--purple: #8B5CF6;--font-display: "Barlow Condensed", sans-serif;--font-body: "Inter", "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{height:100%;font-family:var(--font-body);background:var(--bg);color:var(--text);overflow:hidden}@media (min-width: 768px){html,body,#root{overflow:auto}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{display:flex!important;flex-direction:column;background:var(--bg2);border-right:.5px solid var(--border);padding:28px 0;position:sticky;top:0;height:100vh}.sidebar-logo{padding:0 24px 28px;border-bottom:.5px solid var(--border);margin-bottom:8px}.sidebar-logo .logo-main{font-family:Inter,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.02em}.sidebar-logo .logo-main span{color:var(--accent)}.sidebar-logo .logo-sub{font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.16em;margin-top:4px;font-weight:500}.sidebar-nav{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text2);transition:all .15s;border:.5px solid transparent;font-weight:500}.sidebar-nav-item:hover{background:var(--surface);color:var(--text)}.sidebar-nav-item.active{background:var(--accentdim);color:var(--accent);border-color:#3b82f633}.sidebar-nav-item .sni{font-size:14px;width:18px;text-align:center}.sidebar-footer{padding:16px 20px;border-top:.5px solid var(--border)}.main-content{overflow-y:auto;min-height:100vh}.bottom-nav,.mobile-header{display:none!important}.scroll-content{padding-bottom:48px!important;max-width:1200px;margin:0 auto}}@media (max-width: 767px){.sidebar,.desktop-topbar{display:none!important}.app-shell{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.main-content{flex:1;overflow:hidden;position:relative}}.scroll-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(72px + var(--safe-bottom))}.text-xs{font-size:10px}.text-sm{font-size:12px}.text-base{font-size:14px}.text-muted{color:var(--text2)}.text-accent{color:var(--accent)}.text-green{color:var(--green)}.text-red{color:var(--red)}.fw-500{font-weight:500}.font-mono{font-family:var(--font-mono)}.macro-bar{background:var(--bg2);border-bottom:.5px solid var(--border);padding:8px 36px;display:flex;gap:28px;overflow-x:auto;scrollbar-width:none}.macro-bar::-webkit-scrollbar{display:none}.macro-item{display:flex;flex-direction:column;flex-shrink:0}.macro-item .mi-label{font-size:9px;color:var(--text2);text-transform:uppercase;letter-spacing:.1em}.macro-item .mi-value{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text);margin-top:1px}.macro-item .mi-change{font-size:9px;margin-top:1px}.card{background:var(--surface);border-radius:12px;padding:16px 18px;border:.5px solid var(--border)}.card+.card{margin-top:8px}.metric-card{background:var(--surface);border:.5px solid var(--border);border-radius:12px;padding:18px 22px;transition:border-color .2s}.metric-card:hover{border-color:#3b82f640}.metric-card .mc-label{font-size:9px;color:var(--text2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.metric-card .mc-value{font-family:var(--font-display);font-size:24px;font-weight:500;line-height:1}.metric-card .mc-sub{font-size:10px;color:var(--text2);margin-top:5px}.btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;font-family:var(--font-body);font-weight:500;transition:opacity .15s,transform .1s}.btn:active{opacity:.8;transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;padding:13px;font-size:13px;width:100%;font-weight:600;letter-spacing:.02em;border-radius:10px}.btn-surface{background:var(--surface);color:var(--text);padding:9px 14px;font-size:12px;border:.5px solid var(--border2)}.btn-ghost{background:transparent;color:var(--text2);padding:8px;font-size:18px}.input{width:100%;background:var(--bg3);border:.5px solid var(--border2);border-radius:8px;padding:11px 14px;color:var(--text);font-size:13px;font-family:var(--font-body);outline:none;transition:border-color .2s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a}.input::placeholder{color:var(--text3)}.select{width:100%;background:var(--bg3);border:.5px solid var(--border2);border-radius:8px;padding:11px 14px;color:var(--text);font-size:13px;font-family:var(--font-body);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%235a5a5a' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.label{display:block;font-size:9px;color:var(--text2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.progress-bg{background:var(--bg3);border-radius:4px;overflow:hidden}.progress-fill{border-radius:4px;transition:width .6s ease}.badge{display:inline-flex;align-items:center;font-size:9px;font-weight:600;padding:3px 8px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase}.badge-green{background:#22c55e1f;color:var(--green)}.badge-red{background:#ef44441f;color:var(--red)}.badge-blue,.badge-gold{background:#3b82f61f;color:var(--accent)}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:calc(60px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg2);border-top:.5px solid var(--border);display:flex;align-items:center;justify-content:space-around}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:6px 16px;border-radius:8px;flex:1}.nav-label{font-size:9px;color:var(--text3);letter-spacing:.04em;text-transform:uppercase}.nav-item.active .nav-label{color:var(--accent)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:flex-end;z-index:200;animation:fadeIn .2s}.sheet{background:var(--bg2);border-radius:20px 20px 0 0;padding:20px 16px calc(24px + var(--safe-bottom));width:100%;max-height:88vh;overflow-y:auto;animation:slideUp .25s ease;border-top:.5px solid var(--border2)}.sheet-handle{width:32px;height:3px;background:var(--border2);border-radius:2px;margin:0 auto 20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(60%)}to{transform:translateY(0)}}.section-header{font-size:9px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.1em;padding:16px 16px 8px}.spinner{width:20px;height:20px;border:1.5px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:pulse 2s ease-in-out infinite}.auth-page{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:48px 36px;max-width:440px;margin:0 auto}.auth-logo{font-family:var(--font-display);font-size:42px;font-weight:600;letter-spacing:-.01em}.auth-logo span{color:var(--accent)}.auth-sub{font-size:10px;color:var(--text2);margin-bottom:48px;letter-spacing:.14em;text-transform:uppercase;margin-top:6px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-switch{text-align:center;font-size:12px;color:var(--text2);margin-top:24px}.auth-switch button{background:none;border:none;color:var(--accent);font-family:var(--font-body);font-size:12px;cursor:pointer;font-weight:500}.auth-error{background:#c0392b14;border:.5px solid rgba(192,57,43,.25);color:#e74c3c;border-radius:8px;padding:10px 14px;font-size:12px;margin-bottom:4px}.mobile-header{background:var(--bg);padding:14px 16px 10px;display:flex;justify-content:space-between;align-items:center;border-bottom:.5px solid var(--border);flex-shrink:0}.mobile-header .logo{font-family:var(--font-display);font-size:20px;font-weight:600}.mobile-header .logo span{color:var(--accent)}.num-up{color:var(--green)!important}.num-down{color:var(--red)!important}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;padding:9px 14px;font-size:9px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.1em;border-bottom:.5px solid var(--border)}.data-table td{padding:12px 14px;border-bottom:.5px solid var(--border)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface2)}.bar-chart-wrap{display:flex;align-items:flex-end;gap:6px;height:120px}.bar-item{display:flex;flex-direction:column;align-items:center;flex:1;gap:4px}.bar-fill{width:100%;border-radius:3px 3px 0 0;transition:height .6s ease;min-height:2px}.bar-label{font-size:9px;color:var(--text2)}.bar-value{font-size:9px;font-family:var(--font-mono);color:var(--text)}.sheet{font-size:14px}.spinner{width:20px;height:20px}[style*="fontSize:9"]{font-size:11px!important}[style*="fontSize:10"]{font-size:12px!important}body{font-size:14px;line-height:1.5}