:root{--bg-app: #0B0F17;--bg-app-rgb: 11, 15, 23;--c-cyan: #00E5FF;--c-emerald: #10B981;--c-amber: #F59E0B;--c-rose: #F43F5E;--c-violet: #8B5CF6;--c-orange: #F59E0B;--c-lime: #10B981;--c-sage: #1E293B;--c-cream: #0B0F17;--c-cream-card: rgba(15, 23, 42, .85);--c-charcoal: #F1F5F9;--c-slate-text: #E2E8F0;--c-muted-text: #94A3B8;--chart-bull: #10B981;--chart-bear: #F43F5E;--bg-card: rgba(15, 23, 42, .85);--bg-card-white: rgba(30, 41, 59, .8);--bg-card-orange: rgba(245, 158, 11, .15);--bg-card-cyan: rgba(0, 229, 255, .15);--bg-card-sage: rgba(30, 41, 59, .6);--bg-card-lime: rgba(16, 185, 129, .15);--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-highlight: #00E5FF;--text-cyan: #00E5FF;--border-card: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .06);--border-orange: rgba(245, 158, 11, .4);--border-cyan: rgba(0, 229, 255, .4);--border-lime: rgba(16, 185, 129, .4);--border-sage: rgba(255, 255, 255, .08);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--glow-cyan: 0 0 20px rgba(0, 229, 255, .25);--glow-emerald: 0 0 20px rgba(16, 185, 129, .25);--glow-orange: 0 0 20px rgba(245, 158, 11, .25);--glow-lime: 0 0 20px rgba(16, 185, 129, .25);--shadow-card: 0 4px 24px rgba(0, 0, 0, .5), 0 1px 2px rgba(255, 255, 255, .05);--shadow-elevated: 0 12px 40px rgba(0, 0, 0, .7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh;overflow-x:hidden;line-height:1.45}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--text-primary);line-height:1.2;word-break:break-word;overflow-wrap:anywhere}p,span,div{word-break:break-word;overflow-wrap:anywhere}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;word-break:break-all}.app-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg-app);padding-bottom:78px;width:100%;max-width:100vw;overflow-x:hidden}@media(min-width:768px){.app-container{padding-bottom:2rem}}.main-content{flex:1;max-width:1440px;width:100%;margin:0 auto;padding:.85rem}@media(min-width:768px){.main-content{padding:1.25rem}}@media(max-width:767px){.hide-on-mobile{display:none!important}}@media(min-width:768px){.hide-on-desktop{display:none!important}}.glass-card{background:#0f172ad9;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-card);color:var(--text-primary);position:relative;overflow:hidden;min-width:0;width:100%;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .15s ease,box-shadow .15s ease}.glass-card:hover{border-color:#00e5ff4d;box-shadow:0 8px 32px #00000080}.glass-card h1,.glass-card h2,.glass-card h3,.glass-card h4{color:var(--text-primary)}.card-white,.card-elevated{background:#1e293bbf;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-card);min-width:0;width:100%;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card-orange{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#f1f5f9;border-radius:var(--radius-md);padding:1rem;box-shadow:var(--glow-orange);min-width:0;width:100%}.card-orange h1,.card-orange h2,.card-orange h3,.card-orange strong{color:#f59e0b!important}.card-cyan{background:#00e5ff1f;border:1px solid rgba(0,229,255,.35);color:#f1f5f9;border-radius:var(--radius-md);padding:1rem;box-shadow:var(--glow-cyan);min-width:0;width:100%}.card-cyan h1,.card-cyan h2,.card-cyan h3,.card-cyan strong{color:#00e5ff!important}.card-sage,.card-emerald{background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#f1f5f9;border-radius:var(--radius-md);padding:1rem;min-width:0;width:100%}.card-sage h1,.card-sage h2,.card-sage h3,.card-sage strong{color:#10b981!important}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;gap:.5rem;flex-wrap:wrap;min-width:0}.card-title{display:flex;align-items:center;gap:.45rem;font-size:.92rem;font-weight:800;letter-spacing:.01em;color:var(--text-primary);min-width:0;flex:1 1 200px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:.65rem;width:100%;min-width:0}.metric-card{border-radius:var(--radius-sm);padding:.75rem .85rem;display:flex;flex-direction:column;gap:.2rem;border:1px solid rgba(255,255,255,.08);background:#1e293b99;color:var(--text-primary);box-shadow:0 2px 8px #0003;min-width:0;overflow:hidden}.metric-label{font-size:.66rem;color:var(--text-muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;line-height:1.2}.metric-val{font-size:clamp(1.1rem,3.5vw,1.45rem);font-weight:900;color:var(--text-primary);line-height:1.15;white-space:nowrap;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.metric-val.highlight,.metric-val.cyan{color:#00e5ff}.metric-val.emerald{color:#10b981}.metric-sub{font-size:.66rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem;line-height:1.25;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.82rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:all .15s ease;border:1px solid transparent;outline:none;text-decoration:none;-webkit-user-select:none;user-select:none;min-width:0;min-height:40px}.btn:active{transform:scale(.97)}.btn-primary,.btn-cyan{background:#00e5ff;color:#0f172a;border-color:#00e5ff;box-shadow:var(--glow-cyan)}.btn-primary:hover,.btn-cyan:hover{background:#38bdf8;box-shadow:0 0 24px #00e5ff66}.btn-secondary,.btn-emerald{background:#10b981;color:#0f172a;border-color:#10b981;box-shadow:var(--glow-emerald)}.btn-secondary:hover,.btn-emerald:hover{background:#34d399}.btn-amber{background:#f59e0b;color:#0f172a;border-color:#f59e0b}.btn-danger{background:var(--chart-bear);color:#fff;border-color:var(--chart-bear)}.btn-sm{padding:.3rem .6rem;font-size:.72rem;min-height:32px}.btn-icon{padding:.45rem;border-radius:var(--radius-sm);background:#1e293b99;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px}.btn-icon:hover{border-color:#00e5ff;color:#00e5ff}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:var(--radius-full);font-size:.68rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;line-height:1.2;white-space:nowrap;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.badge-cyan{background:#00e5ff26;color:#00e5ff;border:1px solid #00E5FF}.badge-emerald,.badge-lime{background:#10b98126;color:#10b981;border:1px solid #10B981}.badge-amber,.badge-orange{background:#f59e0b26;color:#f59e0b;border:1px solid #F59E0B}.badge-rose,.badge-danger{background:#f43f5e26;color:#f43f5e;border:1px solid #F43F5E}.badge-slate{background:#1e293b99;color:#e2e8f0;border:1px solid rgba(255,255,255,.08)}.table-container{width:100%;overflow-x:auto;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#0f172ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.shadcn-table{width:100%;border-collapse:collapse;text-align:left;font-size:.76rem;font-family:var(--font-body)}.shadcn-table th{padding:.65rem .85rem;background:#1e293bd9;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap;position:sticky;top:0;z-index:10}.shadcn-table td{padding:.65rem .85rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.shadcn-table tr:hover td{background:#ffffff05}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}