:root{--bg:#0b1326;--surface:#131b2e;--surface2:#171f33;--surface3:#222a3d;--txt:#dae2fd;--muted:#9ca8c5;--primary:#b3c5ff;--accent:#4edea3;--outline:#424656}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1200px 600px at 90% -10%,rgba(179,197,255,.18),transparent 55%),radial-gradient(900px 500px at -10% 120%,rgba(78,222,163,.12),transparent 55%),var(--bg);color:var(--txt);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,"Microsoft YaHei",sans-serif}
.topbar{position:fixed;left:0;right:0;top:0;height:64px;background:rgba(11,19,38,.92);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:20}
.brand{font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;letter-spacing:.03em}
.top-actions{display:flex;gap:8px;align-items:center}
.top-search{width:320px;max-width:58vw;background:var(--surface3);border:0;color:var(--txt);padding:10px 12px;border-radius:10px}
.top-search:focus{outline:none;box-shadow:0 0 0 2px rgba(179,197,255,.28);background:#2d3449}
.btn-mini{border:0;border-radius:10px;padding:9px 12px;font-weight:700;background:linear-gradient(90deg,var(--primary),#0066ff);color:#001849;cursor:pointer}
.sidebar{display:none!important}
.main{margin-left:0;padding:82px 14px 16px;max-width:1200px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;align-items:end}
.hero h1{margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:44px;line-height:1}
.hero p{margin:8px 0 0;color:var(--muted)}
.cfg{background:linear-gradient(180deg,var(--surface2),var(--surface));padding:12px;border-radius:12px}
.cfg label{font-size:11px;color:var(--primary);letter-spacing:.08em;text-transform:uppercase}
.grid-top{display:grid;grid-template-columns:1fr 320px;gap:12px;margin-top:12px}
.card{background:linear-gradient(180deg,var(--surface2),var(--surface));border-radius:12px;padding:12px}
.kpi-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px}
.headline{font-size:48px;font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1}
.chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x}
#balanceChart{min-width:960px;display:block}
.muted{color:var(--muted);font-size:12px}
.side-stack{display:grid;gap:12px}
h2,h3{margin:0 0 10px}
.table-wrap{margin-top:12px}
.item{background:rgba(6,14,32,.45);border-radius:10px;padding:10px;margin-bottom:8px;cursor:pointer}
.item:hover{background:var(--surface3)}
.kpi{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.kpi span{background:rgba(179,197,255,.1);padding:5px 8px;border-radius:999px;font-size:12px}
.note{margin-top:6px;font-size:11px;color:var(--muted)}
a{color:var(--primary);text-decoration:none}
ul{padding-left:18px}
@media (max-width:980px){.hero{grid-template-columns:1fr}.grid-top{grid-template-columns:1fr}.top-search{width:220px}.headline{font-size:40px}}
@media (max-width:760px){
 .topbar{height:auto;min-height:64px;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px}
 .brand{font-size:14px}
 .top-actions{width:100%}
 .top-search{max-width:none;flex:1;width:auto}
 .btn-mini{padding:8px 10px}
 .main{padding:96px 10px 14px}
 .hero h1{font-size:30px}
 .headline{font-size:34px}
 #balanceChart{min-width:760px}
 .kpi span{font-size:11px}
}