:root { --brand: #111827; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:#0b1220; color:#e5e7eb; }
a { color: inherit; text-decoration: none; }
.wrap { max-width: 980px; margin: 0 auto; padding: 16px; }
.card { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.10); border-radius: 16px; padding: 14px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(255,255,255,0.14); background: rgba(255,255,255,0.08); color:#fff; font-weight: 650; cursor:pointer; }
.btn.primary { background: var(--brand); border-color: transparent; }
.btn.danger { background: #991b1b; border-color: transparent; }
.btn.small { padding: 8px 10px; border-radius: 12px; font-weight: 650; }
.grid { display:grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 720px){ .grid.two { grid-template-columns: 1fr 1fr; } }
.topbar { position: sticky; top:0; background: rgba(11,18,32,0.92); backdrop-filter: blur(10px); border-bottom:1px solid rgba(255,255,255,0.10); z-index: 10; }
.topbar .row { display:flex; align-items:center; justify-content:space-between; padding: 12px 16px; max-width: 980px; margin: 0 auto; }
.badge { display:inline-flex; padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); font-size: 12px; }
.h1 { font-size: 22px; font-weight: 800; margin: 0; }
.h2 { font-size: 16px; font-weight: 800; margin: 0; }
.p { margin: 6px 0 0; color: rgba(229,231,235,0.85); }
.input, select, textarea { width: 100%; padding: 11px 12px; border-radius: 12px; border:1px solid rgba(255,255,255,0.12); background: rgba(0,0,0,0.25); color:#fff; }
label { font-size: 12px; opacity: 0.9; display:block; margin: 10px 0 6px; }
.table { width:100%; border-collapse: collapse; }
.table td, .table th { padding: 10px; border-bottom:1px solid rgba(255,255,255,0.10); text-align:left; vertical-align: top; }
.muted { color: rgba(229,231,235,0.7); }
.row { display:flex; align-items:center; justify-content:space-between; gap: 10px; }
.price { font-weight: 800; }
hr { border: none; border-top: 1px solid rgba(255,255,255,0.12); margin: 12px 0; }