:root{--bg: #1F2329;--bg-deep: #080b0f;--panel: #111820;--panel2: #151e27;--panel3: #0d131a;--border: #2b3642;--border2: #394653;--text: #F3F4F6;--muted: #9CA3AF;--green: #29B37D;--red: #ED1E3D}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 82% 0%,rgba(41,179,125,.11),transparent 25%),radial-gradient(circle at 8% 0%,rgba(237,30,61,.12),transparent 28%),linear-gradient(135deg,#11161d,#080b0f 58%,#050709);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}button{font:inherit}.app{display:grid;grid-template-columns:292px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid rgba(57,70,83,.75);background:#070a0edb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column}.logo{width:218px;max-width:100%;margin:2px 0 34px}nav{display:grid;gap:10px}nav button{width:100%;border:1px solid transparent;color:var(--muted);background:transparent;display:flex;align-items:center;gap:13px;padding:15px 16px;border-radius:15px;cursor:pointer;font-weight:850;font-size:15px;text-align:left;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}nav button:hover{background:#151e27d1;color:var(--text);border-color:#394653b8;transform:translate(2px)}nav button.active{color:#fff;background:linear-gradient(135deg,#ed1e3dfa,#a9122bf2);border-color:#ed1e3db3;box-shadow:0 16px 42px #ed1e3d2e,inset 0 1px #ffffff1f}.sidebar-foot{margin-top:auto;padding:16px;border:1px solid rgba(57,70,83,.7);border-radius:16px;background:#111820a3;color:var(--muted);display:flex;align-items:center;gap:10px;font-weight:800;font-size:13px;line-height:1.35}.sidebar-foot svg{color:var(--green);flex:0 0 auto}main{padding:22px 32px 44px;min-width:0}.header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(250px,1fr) auto;grid-template-areas:"title controls" "tabs tabs";gap:16px 20px;margin:-22px -32px 20px;padding:22px 32px 18px;background:linear-gradient(180deg,#080b0ff5,#080b0fe0 82%,#080b0f00);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.title-block{grid-area:title}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:950;margin-bottom:8px}h1{margin:0;font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.045em;font-weight:950}.right-controls{grid-area:controls;display:flex;align-items:flex-start;justify-content:flex-end;gap:12px;flex-wrap:wrap}.date-pill{height:44px;display:flex;align-items:center;padding:0 14px;border-radius:13px;border:1px solid rgba(57,70,83,.8);background:#111820c7;color:#dce3eb;font-size:13px;font-weight:850;white-space:nowrap}.range-tabs{height:44px;display:flex;align-items:center;padding:4px;border:1px solid rgba(57,70,83,.82);background:#111820c7;border-radius:13px;gap:3px}.range-tabs button{border:0;background:transparent;color:var(--muted);border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:900;font-size:13px;transition:.18s ease}.range-tabs button:hover{color:var(--text);background:#ffffff0a}.range-tabs button.active{color:#fff;background:#29b37d38;box-shadow:inset 0 0 0 1px #29b37d47}.universe-tabs{grid-area:tabs;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.universe-tabs button{border:1px solid rgba(57,70,83,.82);cursor:pointer;border-radius:18px;padding:16px 20px;text-align:left;background:linear-gradient(180deg,#151e27d1,#0c1219d1);color:var(--muted);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.universe-tabs button span{display:block;font-size:22px;font-weight:950;color:#e7edf5;letter-spacing:-.03em}.universe-tabs button small{display:block;margin-top:4px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.universe-tabs button:hover{transform:translateY(-2px);border-color:#29b37d73}.universe-tabs button.active{border-color:#29b37d9e;background:linear-gradient(135deg,#29b37d3b,#111820f0 58%,#ed1e3d1f);box-shadow:0 22px 52px #00000042,inset 0 1px #ffffff1a}.universe-tabs button.active span{color:#fff}.page-shell{animation:fadeUp .22s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.state-box{border:1px solid var(--border);background:#111820cc;border-radius:18px;padding:34px;color:var(--muted);font-weight:850}.state-box.error{color:var(--red)}.loading-grid{display:grid;gap:14px}.loading-card,.skeleton-panel,.skeleton-row span{border:1px solid rgba(57,70,83,.72);background:linear-gradient(180deg,#141d26e6,#0b1117e6);border-radius:18px}.loading-card{padding:24px;color:var(--muted);font-weight:900;display:flex;align-items:center;gap:10px}.spin{animation:spin 1s linear infinite;color:var(--green)}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.skeleton-row span{height:144px;position:relative;overflow:hidden}.skeleton-panel{height:360px;position:relative;overflow:hidden}.skeleton-row span:after,.skeleton-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.metric-card,.panel,.insight-card{background:linear-gradient(180deg,#141d26f5,#0b1117f5);border:1px solid rgba(57,70,83,.8);border-radius:20px;box-shadow:0 18px 48px #00000038,inset 0 1px #ffffff0d}.metric-card{padding:17px;min-height:204px;display:grid;grid-template-rows:auto auto auto 1fr;gap:9px;overflow:hidden}.metric-card:hover,.panel:hover,.insight-card:hover{border-color:#4a5868e0}.metric-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.metric-title{text-transform:uppercase;color:#dbe3ec;letter-spacing:.02em;font-size:12px;font-weight:950}.metric-subtitle{margin-top:4px;color:var(--muted);font-size:12px;font-weight:800}.regime-pill{border:1px solid;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:950;white-space:nowrap;background:#00000024}.metric-value{font-size:44px;line-height:.95;font-weight:950;letter-spacing:-.06em;margin-top:4px}.metric-delta{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:900}.green{color:var(--green)!important}.red{color:var(--red)!important}.sparkline{height:42px;margin:4px -4px -6px;opacity:.95}.grid{display:grid;gap:14px;margin-bottom:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tall-row{align-items:stretch}.panel{padding:17px 18px;min-width:0;transition:border-color .18s ease,transform .18s ease}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.panel h2{margin:0;font-size:15px;line-height:1.1;text-transform:uppercase;letter-spacing:.02em;font-weight:950}.fill-panel{min-height:300px;display:flex;flex-direction:column}.fill-panel .panel-head{flex:0 0 auto}.fill-space{flex:1 1 auto}.progress-list{display:grid;grid-template-rows:repeat(4,1fr);gap:12px;padding-top:2px}.progress-row{display:grid;grid-template-columns:minmax(105px,1fr) 74px;grid-template-rows:auto 14px;gap:8px 14px;align-items:center;align-content:center}.progress-meta{display:flex;align-items:center;gap:10px;min-width:0}.progress-meta span{font-weight:950;font-size:18px}.progress-meta small{font-size:12px;font-weight:950;white-space:nowrap}.progress-row strong{justify-self:end;font-size:20px;font-weight:950;letter-spacing:-.04em}.progress-track{grid-column:1 / -1;height:14px;background:#394653b3;border-radius:999px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(41,179,125,.72),var(--green));box-shadow:0 0 24px #29b37d38}.nhnl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.nhnl-card{border:1px solid rgba(57,70,83,.72);border-radius:17px;background:#090e138f;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:104px}.nhnl-card span{font-size:32px;font-weight:950;letter-spacing:-.05em;line-height:1}.nhnl-card small{margin-top:6px;color:#fff;font-size:14px;font-weight:950}.nhnl-card em{margin-top:5px;color:var(--muted);font-size:11px;font-style:normal;font-weight:850}.chart-frame{width:100%}.recharts-wrapper .recharts-surface{overflow:visible}.recharts-cartesian-axis-tick text{font-weight:850}.recharts-cartesian-grid line{stroke:transparent}.tooltip{min-width:210px;background:#0a0f14f7;border:1px solid rgba(57,70,83,.95);padding:12px 13px;border-radius:12px;color:#fff;box-shadow:0 18px 44px #0006;font-size:13px;line-height:1.6}.tooltip-date{color:var(--muted);font-weight:900;margin-bottom:5px}.tooltip-row{display:flex;justify-content:space-between;gap:18px;font-weight:850}.tooltip-row strong{color:inherit}.tooltip-extra{margin-top:7px;padding-top:7px;border-top:1px solid rgba(57,70,83,.72);color:#cfd7e1;font-size:12px;font-weight:800}.page-title{margin:3px 0 14px}.page-title h2{margin:0;font-size:26px;letter-spacing:-.04em;font-weight:950}.mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.mini-grid.compact .insight-card{min-height:112px}.insight-card{padding:15px 16px;min-height:120px;display:flex;flex-direction:column;justify-content:center}.insight-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:950}.insight-card strong{margin-top:8px;font-size:31px;line-height:1;font-weight:950;letter-spacing:-.05em}.insight-card small{margin-top:8px;color:#d0d8e2;font-weight:800}.terminal-table{display:grid;gap:8px}.table-row{display:grid;grid-template-columns:92px 88px 86px 1fr;gap:12px;align-items:center;padding:11px 12px;border:1px solid rgba(57,70,83,.65);border-radius:13px;background:#090e138c}.table-row span{font-weight:950}.table-row strong{font-size:21px;letter-spacing:-.04em}.table-row em{font-style:normal;font-weight:950}.table-row small{color:var(--muted);font-weight:950;justify-self:end}.summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.summary-strip.four{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-strip div{border:1px solid rgba(57,70,83,.65);background:#090e138c;border-radius:15px;padding:14px}.summary-strip span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:950}.summary-strip strong{display:block;margin-top:8px;font-size:24px;font-weight:950}.summary-strip small{display:block;margin-top:5px;color:#d6dee8;font-weight:850}@media (max-width: 1320px){.hero-grid,.mini-grid,.summary-strip,.summary-strip.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1100px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.logo{width:170px;margin-bottom:18px}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-foot{display:none}.header{position:static;margin:0 0 20px;padding:0;grid-template-columns:1fr;grid-template-areas:"title" "controls" "tabs";background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.right-controls{justify-content:flex-start}.grid.two{grid-template-columns:1fr}}@media (max-width: 720px){main{padding:20px 16px 34px}.universe-tabs,.hero-grid,.mini-grid,.nhnl-grid,.summary-strip,.summary-strip.four,.skeleton-row{grid-template-columns:1fr}nav{grid-template-columns:1fr}h1{font-size:32px}.metric-value{font-size:40px}.table-row{grid-template-columns:1fr}.table-row small{justify-self:start}}.priority-panel{margin-bottom:14px}.summary-strip.three{grid-template-columns:repeat(3,minmax(0,1fr))}.big-summary div{min-height:108px;display:flex;flex-direction:column;justify-content:center}.big-summary strong{font-size:32px}.big-summary small{font-size:16px;color:#e6edf5}.two-only{grid-template-columns:repeat(2,minmax(0,1fr))}.ma-combined-panel{margin-bottom:14px}.ma-combined-list{display:grid;gap:12px}.ma-combined-row{display:grid;grid-template-columns:180px minmax(220px,1fr) 150px;gap:18px;align-items:center;padding:14px 16px;border:1px solid rgba(57,70,83,.68);border-radius:15px;background:#090e138c}.ma-left{display:flex;align-items:center;gap:14px;min-width:0}.ma-left strong{font-size:21px;font-weight:950;white-space:nowrap}.ma-left em{font-style:normal;font-size:13px;font-weight:950;white-space:nowrap}.ma-track{height:14px;background:#394653b3;border-radius:999px;overflow:hidden}.ma-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(41,179,125,.7),var(--green));box-shadow:0 0 24px #29b37d33}.ma-right{display:flex;align-items:center;justify-content:flex-end;gap:14px}.ma-right strong{font-size:24px;font-weight:950;letter-spacing:-.04em}.ma-right small{font-size:13px;font-weight:950;white-space:nowrap}@media (max-width: 1320px){.summary-strip.three{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.summary-strip.three,.two-only{grid-template-columns:1fr}.ma-combined-row{grid-template-columns:1fr;gap:10px}.ma-right{justify-content:space-between}}.page-shell>*+*{margin-top:20px}.grid,.hero-grid,.mini-grid{gap:20px;margin-bottom:20px}.priority-panel{margin-bottom:20px}.panel+.panel{margin-top:20px}.two-only{gap:20px}.two-only .insight-card{min-height:82px!important;padding:12px 16px;justify-content:center}.two-only .insight-card strong{font-size:28px;margin-top:6px}.two-only .insight-card small{margin-top:6px}.page-shell{display:grid;gap:18px}.hero-grid{margin-bottom:0;gap:18px}.grid{gap:18px;margin-bottom:0}.dashboard-mid{align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dashboard-mid>.panel{height:100%;min-height:300px}.dashboard-mid .fill-space{min-height:0}.dashboard-charts{align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dashboard-charts>.panel{height:100%;min-height:420px;display:flex;flex-direction:column}.dashboard-charts .chart-frame{flex:1 1 auto;min-height:0}.fill-panel{min-height:300px}.nhnl-grid{height:100%}.nhnl-card{min-height:0}.panel{overflow:hidden}@media (max-width: 1100px){.dashboard-mid,.dashboard-charts{grid-template-columns:1fr}.dashboard-charts>.panel{min-height:360px}}.grid.two,.equal-chart-row{align-items:stretch}.equal-chart-row>.panel{height:100%;min-height:452px;display:flex;flex-direction:column}.equal-chart-row>.panel .panel-head{flex:0 0 auto}.equal-chart-row>.panel .chart-frame{flex:1 1 auto;height:auto!important;min-height:0}.dashboard-mid>.panel{min-height:288px}.dashboard-charts>.panel{min-height:420px}@media (max-width: 1100px){.equal-chart-row>.panel{min-height:390px}}.equal-chart-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch!important}.equal-chart-row>.chart-panel,.equal-chart-row>.panel{height:460px!important;min-height:460px!important;max-height:460px!important;display:flex!important;flex-direction:column!important}.equal-chart-row>.chart-panel .panel-head,.equal-chart-row>.panel .panel-head{flex:0 0 auto!important;margin-bottom:8px!important}.equal-chart-row>.chart-panel .chart-frame,.equal-chart-row>.panel .chart-frame{flex:1 1 auto!important;height:390px!important;min-height:390px!important;max-height:390px!important;width:100%!important}.equal-chart-row>.chart-panel .recharts-responsive-container,.equal-chart-row>.panel .recharts-responsive-container,.equal-chart-row>.chart-panel .recharts-wrapper,.equal-chart-row>.panel .recharts-wrapper{height:390px!important;min-height:390px!important;max-height:390px!important}.dashboard-charts.equal-chart-row>.chart-panel,.dashboard-charts.equal-chart-row>.panel{height:420px!important;min-height:420px!important;max-height:420px!important}.dashboard-charts.equal-chart-row>.chart-panel .chart-frame,.dashboard-charts.equal-chart-row>.panel .chart-frame,.dashboard-charts.equal-chart-row>.chart-panel .recharts-responsive-container,.dashboard-charts.equal-chart-row>.panel .recharts-responsive-container,.dashboard-charts.equal-chart-row>.chart-panel .recharts-wrapper,.dashboard-charts.equal-chart-row>.panel .recharts-wrapper{height:350px!important;min-height:350px!important;max-height:350px!important}@media (max-width: 1100px){.equal-chart-row{grid-template-columns:1fr}.equal-chart-row>.chart-panel,.equal-chart-row>.panel{height:420px!important;min-height:420px!important;max-height:420px!important}.equal-chart-row>.chart-panel .chart-frame,.equal-chart-row>.panel .chart-frame,.equal-chart-row>.chart-panel .recharts-responsive-container,.equal-chart-row>.panel .recharts-responsive-container,.equal-chart-row>.chart-panel .recharts-wrapper,.equal-chart-row>.panel .recharts-wrapper{height:350px!important;min-height:350px!important;max-height:350px!important}}.page-shell{display:grid!important;gap:22px!important}.page-shell>*{margin-top:0!important;margin-bottom:0!important}.grid,.hero-grid,.mini-grid,.summary-strip,.nhnl-grid,.universe-tabs,.two-only,.dashboard-mid,.dashboard-charts,.equal-chart-row{gap:22px!important}.grid>*,.hero-grid>*,.mini-grid>*,.summary-strip>*,.nhnl-grid>*,.two-only>*,.dashboard-mid>*,.dashboard-charts>*,.equal-chart-row>*{margin-top:0!important;margin-bottom:0!important}.panel+.panel{margin-top:0!important}.dashboard-mid{align-items:stretch!important}.dashboard-mid>.panel{height:100%!important;min-height:300px!important;display:flex!important;flex-direction:column!important}.dashboard-mid>.panel .fill-space,.dashboard-mid>.panel .nhnl-grid,.dashboard-mid>.panel .progress-list{flex:1 1 auto!important}.dashboard-charts.equal-chart-row>.panel,.equal-chart-row>.panel{margin-top:0!important}