:root{
  --bg:#0a0a0a;
  --card:#121212;
  --gold:#c9a227;
  --emerald:#1dbf73;
  --text:#e8e8e8;
  --muted:#9aa0a6;
  --danger:#ff4d4f;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--emerald);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:24px}
.nav{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #262626;position:sticky;top:0;background:rgba(10,10,10,0.9);backdrop-filter:saturate(180%) blur(8px);z-index:10}
.nav .brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.4px}
.badge{padding:2px 8px;border:1px solid #333;border-radius:999px;font-size:12px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.card{background:linear-gradient(180deg,#111 0%, #0c0c0c 100%);border:1px solid #1f1f1f;border-radius:16px;padding:16px;box-shadow:0 0 0 1px rgba(255,255,255,0.02) inset}
.card h3{margin:0 0 6px 0}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.kpi{display:flex;flex-direction:column;gap:2px}
.kpi .label{font-size:12px;color:var(--muted)}
.kpi .value{font-weight:700}
.btn{border:1px solid #2a2a2a;background:#151515;border-radius:12px;color:var(--text);padding:10px 14px;cursor:pointer}
.btn:hover{border-color:#3a3a3a}
.btn.primary{border-color:var(--emerald);box-shadow:0 0 0 1px rgba(29,191,115,0.2) inset}
.btn.ghost{background:transparent;border-color:#2a2a2a}
.tag{font-size:12px;padding:4px 8px;border:1px solid #2a2a2a;border-radius:999px;color:var(--muted)}
.ticker{display:flex;gap:12px;overflow:auto;white-space:nowrap;padding:8px 24px;border-bottom:1px solid #1f1f1f;background:#0e0e0e}
.ticker .item{display:flex;gap:6px;align-items:center;padding:4px 8px;border-radius:8px;background:#121212;border:1px solid #1f1f1f}
.positive{color:var(--emerald)}
.negative{color:var(--danger)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:12px;border-bottom:1px solid #202020;text-align:left}
.input, select, textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #2a2a2a;background:#121212;color:var(--text)}
.section{margin:20px 0}
footer{padding:40px;color:var(--muted);text-align:center}
.header-hero{padding:36px 24px;border-bottom:1px solid #1f1f1f;background:radial-gradient(1200px 400px at 20% -10%, rgba(201,162,39,0.08), transparent), radial-gradient(1200px 400px at 80% -10%, rgba(29,191,115,0.08), transparent)}
.hero-title{font-size:28px;font-weight:800;letter-spacing:0.5px}
.small{font-size:12px;color:var(--muted)}
hr{border:0;border-top:1px solid #1f1f1f;margin:20px 0}