:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1e222b;--border: #2a2f3a;--text: #e8eaf0;--muted: #8a91a2;--accent: #c9ced8;--accent-strong: #ffffff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--panel);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px}.brand-mark{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#e6e9ef,#8f96a3);color:#111;font-weight:700}nav{display:flex;flex-direction:column;gap:4px}.nav-item{text-align:left;background:none;border:0;color:var(--muted);padding:10px 12px;border-radius:8px;font:inherit;font-size:14px;cursor:pointer}.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item.active{background:var(--panel-2);color:var(--accent-strong);font-weight:500}.env-badge{margin-top:auto;font-size:12px;color:#f2c46d;border:1px solid #5a4a22;background:#2a2414;padding:6px 10px;border-radius:999px;width:fit-content}.main{flex:1;padding:40px 48px;max-width:1200px}.header h1{margin:0 0 6px;font-size:28px;font-weight:600}.header p{margin:0 0 32px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.card-label{font-size:13px;color:var(--muted)}.card-value{font-size:30px;font-weight:600;margin:10px 0 6px;color:var(--accent)}.card-hint{font-size:12px;color:var(--muted)}.footnote{margin-top:32px;font-size:12px;color:var(--muted)}@media(max-width:720px){.layout{flex-direction:column}.sidebar{width:100%;border-right:0;border-bottom:1px solid var(--border)}nav{flex-direction:row;overflow-x:auto}.nav-item{white-space:nowrap}.env-badge{display:none}.main{padding:24px 20px}}