:root{--azul:#1e4a8c;--azul-d:#122a5c;--cream:#f5f1e8;--paper:#fff;--ink:#111;--lime:#b8e600;--rojo:#d63a2e;--gris:#6b6b7b;--border-w:3px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;line-height:1.6}h1,h2,h3,.display{font-family:Syne,sans-serif}a{color:var(--azul)}.card{background:var(--paper);border:var(--border-w) solid var(--ink);box-shadow:8px 8px 0 0 var(--azul);border-radius:6px}.btn{border:var(--border-w) solid var(--ink);background:var(--azul);color:#fff;cursor:pointer;box-shadow:4px 4px 0 0 var(--ink);border-radius:6px;align-items:center;gap:8px;padding:12px 22px;font-family:Syne,sans-serif;font-size:15px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover{box-shadow:2px 2px 0 0 var(--ink);transform:translate(2px,2px)}.btn:active{box-shadow:none;transform:translate(4px,4px)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:4px 4px 0 0 var(--ink);transform:none}.btn-ghost{background:var(--paper);color:var(--ink)}.btn-lime{background:var(--lime);color:var(--ink)}.btn-danger{background:var(--rojo);color:#fff}.btn-sm{box-shadow:3px 3px 0 0 var(--ink);padding:7px 12px;font-size:13px}.btn-sm:hover{box-shadow:1px 1px 0 0 var(--ink)}.input{border:var(--border-w) solid var(--ink);background:var(--paper);width:100%;box-shadow:4px 4px 0 0 var(--ink);border-radius:6px;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:15px;transition:transform 80ms,box-shadow 80ms}.input:focus{box-shadow:2px 2px 0 0 var(--azul);outline:none;transform:translate(2px,2px)}.label{margin-bottom:6px;font-size:13px;font-weight:700;display:block}.pill{text-transform:uppercase;letter-spacing:1px;border:2px solid var(--ink);background:var(--lime);border-radius:20px;padding:2px 10px;font-family:Syne,sans-serif;font-size:11px;font-weight:700;display:inline-block}.pill.admin{background:var(--azul);color:#fff}.pill.off{color:var(--gris);background:#e8e4da}.alert{border:var(--border-w) solid var(--ink);box-shadow:4px 4px 0 0 var(--rojo);background:#fde8e6;border-radius:6px;padding:12px 16px;font-size:14px;font-weight:500}.alert.ok{box-shadow:4px 4px 0 0 var(--lime);background:#eaf7e2}