:root{--fondo:#f4f5f7;--caja:#fff;--texto:#1d2330;--suave:#5b6475;--borde:#d8dce3;--marca:#1f5fbf;--error:#b3261e;--ok:#1e7a3c}
@media (prefers-color-scheme:dark){:root{--fondo:#14171c;--caja:#1e232b;--texto:#e7eaf0;--suave:#9aa3b2;--borde:#333a45;--marca:#6ea2ff;--error:#ff8a80;--ok:#7bd88f}}
*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:420px;margin:8vh auto;padding:0 16px}main.ancho{max-width:640px}
.caja{background:var(--caja);border:1px solid var(--borde);border-radius:12px;padding:28px}
h1{font-size:1.35rem;margin:0 0 4px}p.sub{color:var(--suave);margin:0 0 20px}
label{display:block;font-weight:600;margin:14px 0 6px}
input{width:100%;padding:11px 12px;border:1px solid var(--borde);border-radius:8px;background:transparent;color:var(--texto);font-size:1rem}
input:focus{outline:2px solid var(--marca);outline-offset:1px}
button{margin-top:20px;width:100%;padding:12px;border:0;border-radius:8px;background:var(--marca);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}
button.secundario{background:transparent;color:var(--suave);border:1px solid var(--borde);width:auto;padding:8px 14px;margin:0}
.aviso{padding:10px 12px;border-radius:8px;margin:0 0 16px;border:1px solid var(--error);color:var(--error)}
ul.apps{list-style:none;padding:0;margin:16px 0}ul.apps li{border:1px solid var(--borde);border-radius:10px;margin:0 0 10px}
ul.apps a,ul.apps span{display:block;padding:14px 16px;color:var(--texto);text-decoration:none}
ul.apps a:hover{border-color:var(--marca)}ul.apps small{color:var(--suave);display:block}
.cabecera{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}