:root {
  --bg: #0b0d10;
  --panel: #11151c;
  --text: #f4f6f8;
  --muted: #c6cbd2;
  --gold: #d8b36a;
  --teal: #4ad1d9;
}
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui,-apple-system,Segoe UI,Roboto,sans-serif; color:var(--text); background: radial-gradient(1200px 800px at 10% 0%, #131924 0%, #0b0d10 55%);} 
.wrap { width:min(1100px,92vw); margin:0 auto; }
.hero { padding:56px 0 32px; border-bottom:1px solid #1b2230; }
.eyebrow { color: var(--gold); letter-spacing:.12em; text-transform: uppercase; font-size:.8rem; }
h1 { font-size:clamp(2.2rem,3.2vw,3.4rem); margin:8px 0 12px; }
.sub { color: var(--muted); font-size:1.05rem; line-height:1.6; }
.section { padding:28px 0; }
.grid { display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.card { background:var(--panel); border:1px solid #1f2735; padding:16px; border-radius:14px; }
.card h2 { margin-top:0; }
.metric { background:var(--panel); border:1px solid #1f2735; padding:16px; border-radius:14px; }
.metric h3 { margin:0 0 6px; color: var(--gold); }
.value { font-size:1.8rem; font-weight:700; }
.hint { color: var(--muted); font-size:.9rem; }
.muted { color: var(--muted); }
.split { display:grid; gap:16px; grid-template-columns: 1.1fr .9fr; }
.entries { display:flex; flex-direction:column; gap:8px; }
.entry { display:flex; justify-content:space-between; background:#0f131a; border:1px solid #1f2735; padding:8px 10px; border-radius:10px; }
.empty { color: var(--muted); }
.form { display:grid; gap:8px; }
input, button { padding:10px 12px; border-radius:10px; border:1px solid #2a3345; background:#0f131a; color:var(--text); }
button { background: linear-gradient(135deg, var(--gold), #b98b44); color:#111; font-weight:600; cursor:pointer; }
@media (max-width: 860px) { .split { grid-template-columns: 1fr; } }