:root{
  --bg:#131D39;         /* fondo solicitado */
  --accent:#B9BF40;     /* botones */
  --text:#E7EAF6;
  --muted:#9AA1B5;
  --card:#1C2952;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--accent);text-decoration:none}
.header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#0F1733;position:sticky;top:0;border-bottom:1px solid #22315F}
.brand{font-weight:700;letter-spacing:.4px}
.container{max-width:980px;margin:24px auto;padding:0 16px}
.card{background:var(--card);border:1px solid #22315F;border-radius:14px;padding:16px;box-shadow:0 8px 20px rgba(0,0,0,.15);}
.grid{display:grid;gap:16px}
.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
input,select,button{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #2A3A6B;background:#0f1733;color:var(--text)}
label{font-size:.9rem;color:var(--muted);margin-bottom:6px;display:block}
button{background:var(--accent);color:#111;font-weight:700;border:none;cursor:pointer;transition:transform .05s ease, box-shadow .2s}
button:hover{box-shadow:0 5px 18px rgba(185,191,64,.35)}
button:active{transform:translateY(1px)}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table th,.table td{padding:12px 14px;text-align:left}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#20305f;color:#C8D1EE;font-size:.8rem}
.price{font-weight:800}
.footer{margin-top:40px;padding:20px;color:var(--muted);text-align:center}