:root { --navy:#102b46; --navy2:#173c5d; --gold:#d7a629; --paper:#f5f1e7; --ink:#182432; --muted:#66717d; --line:#d8d1c2; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; }
a { color:inherit; }
.dash-top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px clamp(20px,5vw,72px); background:var(--navy); color:#fff; }
.dash-brand { display:flex; align-items:center; gap:12px; text-decoration:none; font:700 19px Georgia,serif; }
.dash-brand img { width:34px; height:34px; }
.dash-nav { display:flex; gap:18px; font-size:13px; }
.dash-main { width:min(1200px,calc(100% - 32px)); margin:0 auto; padding:52px 0 80px; }
.dash-title { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:28px; }
.eyebrow { margin:0 0 8px; color:#a67506; font:800 11px ui-monospace,monospace; letter-spacing:.14em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:6px; font:600 clamp(34px,5vw,58px)/1 Georgia,serif; color:var(--navy); }
.muted { color:var(--muted); line-height:1.65; }
.login-card,.panel { padding:22px; border:1px solid var(--line); background:#fff; box-shadow:0 10px 30px rgba(16,43,70,.06); }
.login-card { max-width:640px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr auto; gap:10px; }
input,button { min-height:44px; padding:0 13px; border:1px solid var(--line); border-radius:2px; font:inherit; }
button { border-color:var(--navy); background:var(--navy); color:#fff; cursor:pointer; }
button.secondary { background:#fff; color:var(--navy); }
.metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:22px 0; }
.metric { padding:20px; border-top:3px solid var(--gold); background:var(--navy); color:#fff; }
.metric span { display:block; margin-bottom:9px; color:rgba(255,255,255,.6); font-size:12px; }
.metric strong { font:600 29px Georgia,serif; color:#f5c951; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.panel { overflow:auto; }
.panel.full { grid-column:1/-1; }
.panel h2 { color:var(--navy); font:600 25px Georgia,serif; }
.kv { display:grid; grid-template-columns:150px 1fr; border-top:1px solid var(--line); }
.kv span,.kv strong { padding:12px 0; }
.kv span { color:var(--muted); }
table { width:100%; border-collapse:collapse; font-size:13px; }
th,td { padding:11px 9px; border-bottom:1px solid #ece7dc; text-align:left; vertical-align:top; white-space:nowrap; }
th { color:var(--muted); font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.status { min-height:22px; margin-top:12px; color:#9b6d08; font-size:13px; }
.progress { width:120px; height:7px; overflow:hidden; border-radius:99px; background:#e8e2d5; }
.progress i { display:block; height:100%; background:var(--gold); }
.recharge { display:flex; gap:6px; }
.recharge input { width:110px; min-height:34px; }
.recharge button { min-height:34px; padding:0 9px; font-size:12px; }
[hidden] { display:none!important; }
@media(max-width:760px){.dash-top,.dash-title{align-items:flex-start;flex-direction:column}.form-grid,.metrics,.grid{grid-template-columns:1fr}.panel.full{grid-column:auto}.dash-nav{flex-wrap:wrap}.kv{grid-template-columns:110px 1fr}}