:root{--bg:#0b1220;--panel:#121a2b;--muted:#aeb7c7;--txt:#e8eefc;--primary:#0078FF;--accent:#FF8C00;}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0a0f1e,#0b1220);color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.container{max-width:1100px;margin:0 auto;padding:16px}
.topbar{position:sticky;top:0;background:#0b1220d9;border-bottom:1px solid #1d2b4a;backdrop-filter:blur(8px);z-index:10}
.flex{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}
.badge{margin-left:8px;font-size:12px;padding:2px 8px;border:1px solid #29406b;border-radius:999px;color:#9ec1ff}
.nav a{color:#cfe0ff;text-decoration:none;margin:0 8px}.nav a:hover{color:white}.nav .pill{padding:6px 10px;border:1px solid #2a3f69;border-radius:10px}
.hero{padding:28px;margin-top:10px;border:1px solid #1d2b4a;background:linear-gradient(180deg,#101a31,#0d1628);border-radius:18px;display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.card{border:1px solid #1d2b4a;background:#0f1729;border-radius:16px;padding:16px}
h1{font-weight:800;line-height:1.1;margin:0 0 8px;font-size:42px}
h2{margin:16px 0 8px}
label{display:block;margin:8px 0 4px;color:#cfe0ff}
input,select,textarea{width:100%;padding:10px 12px;border-radius:12px;background:#0c1324;border:1px solid #1d2b4a;color:#e8eefc}
button{cursor:pointer;padding:10px 14px;border-radius:12px;border:none;background:var(--primary);color:white}
button.secondary{background:#12223e;color:#cfe0ff;border:1px solid #29406b}
button.ghost{background:transparent;border:1px solid #29406b;color:#cfe0ff}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.row{display:flex;gap:8px;flex-wrap:wrap}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}
.kpi .card{background:#0e1a2f}
.muted{color:var(--muted);font-size:14px}
.price{font-weight:700}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:8px;border-bottom:1px solid #1d2b4a;text-align:left}
.footer{border-top:1px solid #1d2b4a;padding:20px 0;margin-top:30px}
.alert{padding:10px;border:1px solid #29406b;border-radius:12px;background:#0e1a2f;margin:10px 0}
.success{color:#36d399}.warn{color:#f6c84c}.danger{color:#ff6b6b}
.badge-chip{display:inline-flex;gap:6px;align-items:center;border:1px solid #29406b;border-radius:999px;padding:4px 10px;margin:2px 4px;color:#cfe0ff}