:root{--bg-app:#fff;--bg-card:#fff;--border:#e2e8f0;--text-main:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--brand-primary:#ff4fd8;--brand-primary-dark:#e12fbe;--brand-primary-soft:#ffa8ed;--brand-dark-1:#222639;--brand-dark-2:#2b1334;--green:#10b981;--amber:#f59e0b;--pink:#ec4899;--red:#ef4444;--grid-line:#0000000a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-app);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit}button,input{font-family:inherit}.appShell{width:100%;height:100vh;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.contentArea{flex:1;padding:24px 28px;overflow-y:auto}.sec{color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;margin:22px 0 12px;font-size:10px;font-weight:700}.sec:first-child{margin-top:0}.grid2to1{grid-template-columns:2fr 1fr;gap:14px;display:grid}.grid1to1{grid-template-columns:1fr 1fr;gap:14px;display:grid}.chartCard{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:22px}.chartTitle{color:var(--text-main);margin-bottom:2px;font-size:13px;font-weight:700}.chartSub{color:var(--text-muted);margin-bottom:16px;font-size:11px}.legendRow{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.leg{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.legDot{border-radius:4px;flex-shrink:0;width:10px;height:10px}.kpiRow{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.kpiCard{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px}.kpiLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:10px;font-weight:700}.kpiDivider{border-radius:2px;width:28px;height:3px;margin-bottom:12px}.kpiValue{color:var(--text-main);letter-spacing:-.5px;margin-bottom:8px;font-size:26px;font-weight:800;line-height:1}.kpiFooter{align-items:center;gap:6px;font-size:12px;display:flex}.trendUp{color:var(--green);font-weight:700}.trendDown{color:var(--red);font-weight:700}.trendGood{color:var(--green);font-weight:700}.trendPrev{color:#cbd5e1}.badge{border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.bGreen{color:#15803d;background:#dcfce7}.bBlue{color:#1d4ed8;background:#dbeafe}.bRed{color:#dc2626;background:#fee2e2}.bAmber{color:#b45309;background:#fef3c7}.bOrange{color:#c2410c;background:#fff7ed}.bGray{color:#64748b;background:#f1f5f9}.bMagenta{color:#be185d;background:#fce7f6}.bPurple{color:#6d28d9;background:#f5f3ff}.bCyan{color:#0e7490;background:#cffafe}.chDot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}@media (max-width:960px){.kpiRow{grid-template-columns:repeat(2,1fr)}.grid2to1,.grid1to1{grid-template-columns:1fr}}