:root { --bg:#0b0f17; --card:#111827; --borde:#1f2937; --txt:#e5e7eb; --sub:#9ca3af; --azul:#3b82f6; --verde:#10b981; --rojo:#f87171; --ambar:#fbbf24; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--txt); font:14px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
a { color:var(--azul); text-decoration:none; }
header { display:flex; align-items:center; justify-content:space-between; padding:14px 24px; border-bottom:1px solid var(--borde); background:#0d1220; }
header .marca { font-weight:700; letter-spacing:.2px; }
header .marca span { color:var(--sub); font-weight:500; }
header nav a { margin-left:18px; color:var(--sub); }
header nav a:hover { color:var(--txt); }
main { max-width:1100px; margin:0 auto; padding:24px 16px 60px; }
h1 { font-size:22px; margin:0 0 4px; }
.sub { color:var(--sub); margin:0 0 20px; }
.card { background:var(--card); border:1px solid var(--borde); border-radius:12px; padding:18px; margin-bottom:18px; }
.fila { display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end; }
.campo { display:flex; flex-direction:column; gap:4px; flex:1; min-width:180px; }
label { font-size:12px; color:var(--sub); font-weight:600; }
input, textarea, select { background:#0b1220; color:var(--txt); border:1px solid var(--borde); border-radius:8px; padding:9px 11px; font:inherit; }
input:focus, textarea:focus { outline:2px solid rgba(59,130,246,.45); border-color:var(--azul); }
.btn { display:inline-flex; align-items:center; gap:6px; background:#1f2937; color:var(--txt); border:1px solid #374151; border-radius:8px; padding:9px 14px; font:inherit; font-weight:600; cursor:pointer; }
.btn:hover { background:#273244; }
.btn-azul { background:var(--azul); border-color:var(--azul); color:#fff; }
.btn-azul:hover { background:#2563eb; }
.btn-rojo { color:var(--rojo); border-color:rgba(248,113,113,.5); }
.btn-chico { padding:5px 10px; font-size:12.5px; }
table { width:100%; border-collapse:collapse; }
th { text-align:left; font-size:11.5px; text-transform:uppercase; letter-spacing:.4px; color:var(--sub); padding:8px 10px; border-bottom:1px solid var(--borde); }
td { padding:10px; border-bottom:1px solid var(--borde); vertical-align:top; }
tr:hover td { background:rgba(255,255,255,.02); }
.mono { font-family:ui-monospace, "Cascadia Code", Consolas, monospace; }
.badge { display:inline-block; padding:2px 9px; border-radius:999px; font-size:11.5px; font-weight:700; }
.ok { background:rgba(16,185,129,.15); color:#34d399; }
.no { background:rgba(248,113,113,.15); color:var(--rojo); }
.gris { background:rgba(156,163,175,.15); color:var(--sub); }
.aviso { padding:12px 14px; border-radius:10px; margin-bottom:16px; }
.aviso.ok { border:1px solid rgba(16,185,129,.35); }
.aviso.no { border:1px solid rgba(248,113,113,.35); }
.clave-grande { font-size:26px; font-weight:800; letter-spacing:1.5px; }
.muted { color:var(--sub); font-size:12.5px; }
@media (max-width:700px) { th:nth-child(n+4), td:nth-child(n+4) { display:none; } header nav a { margin-left:10px; } }