:root{--bg:#f4f5f7;--surface:#fff;--line:#d3d8e1;--ink:#171a21;--ink-2:#555c6b;--accent:#1f3864;--accent-fg:#fff;--crit:#c02f2f;--ok:#157a3c;--pend:#8a5d00;--libro:#14274a;--libro-fg:#f3f5f9;--libro-suave:#aebbd2;--libro-linea:#ffffff12;--libro-margen:#e9786873;--display:"Archivo", "Helvetica Neue", Arial, sans-serif;--body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1218;--surface:#181c24;--line:#333a47;--ink:#f0efec;--ink-2:#c3c9d4;--accent:#8fb2e8;--accent-fg:#10141c;--crit:#f08a80;--ok:#62d08f;--pend:#f2c15c;--libro:#101c33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1218;--surface:#181c24;--line:#333a47;--ink:#f0efec;--ink-2:#c3c9d4;--accent:#8fb2e8;--accent-fg:#10141c;--crit:#f08a80;--ok:#62d08f;--pend:#f2c15c;--libro:#101c33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--body);margin:0}.acceso{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100%;display:grid}.libro{color:var(--libro-fg);background-color:var(--libro);background-image:linear-gradient(90deg, transparent 39px, var(--libro-margen) 39px, var(--libro-margen) 40px, transparent 40px), repeating-linear-gradient(0deg, var(--libro-linea) 0 1px, transparent 1px 32px);flex-direction:column;justify-content:space-between;gap:40px;padding:44px 56px;display:flex;position:relative}.libro-marca{font:600 13px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--libro-suave)}.libro h1{font:700 clamp(40px, 5.4vw, 68px)/1.02 var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0}.libro p{max-width:34ch;color:var(--libro-suave);margin:16px 0 0;font-size:17px}.libro-pie{color:var(--libro-suave);font-size:13px}.panel{place-items:center;padding:72px 24px 40px;display:grid;position:relative}.formulario{gap:18px;width:100%;max-width:380px;display:grid}.formulario h2{font:700 28px/1.15 var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0}.formulario .sub{color:var(--ink-2);margin:-10px 0 4px}.campo{gap:6px;display:grid}.campo label{font-size:13px;font-weight:600}.caja{display:flex;position:relative}.campo input{width:100%;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:11px 12px}.caja input{padding-right:76px}.ver{font:600 13px var(--body);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 8px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.boton{font:600 15px var(--body);color:var(--accent-fg);background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:12px 14px}.boton:hover:not(:disabled){filter:brightness(1.1)}.boton:disabled{opacity:.6;cursor:wait}.campo input:focus-visible,.boton:focus-visible,.ver:focus-visible,.tema:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error{color:var(--crit);margin:0;font-size:14px}.ayuda{color:var(--ink-2);margin:0;font-size:13.5px}.tema{font:500 13px var(--body);color:var(--ink-2);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 11px;display:inline-flex;position:absolute;top:20px;right:20px}.tema svg{width:15px;height:15px;display:block}@media (max-width:820px){.acceso{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.libro{gap:18px;padding:28px 24px 28px 56px}.libro h1{font-size:34px}.libro p{margin-top:8px;font-size:15px}.libro-pie{display:none}.panel{place-items:start center;padding:64px 16px 32px}}.usuarios{max-width:980px;padding-block:28px 56px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));gap:22px;margin:0 auto;display:grid}.usuarios-cab{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.usuarios-cab .tema{position:static}.usuarios-cab h1{font:700 32px/1.1 var(--display);margin:6px 0 0}.volver{color:var(--ink-2);font-size:14px;text-decoration:none}.volver:hover{color:var(--ink)}.usuarios-cuerpo{gap:18px;display:grid}.bloque{background:var(--surface);border:1px solid var(--line);border-radius:10px;gap:14px;min-width:0;padding:20px;display:grid}.bloque h2{font:700 18px var(--display);margin:0}.invitar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr) auto;align-items:end;gap:12px;display:grid}.usuarios select,.enlace input{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:8px;width:100%;min-width:0;max-width:100%;height:46px;padding:11px}.usuarios .campo input,.invitar .boton{height:46px}.niveles{color:var(--ink-2);flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.usuarios .campo input{background:var(--bg)}.usuarios select:focus-visible,.secundario:focus-visible,.volver:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.enlace{gap:10px;display:flex}.enlace input{flex:1;width:100%;font-size:14px}.lista{margin:0;padding:0;list-style:none;display:grid}.fila{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.5fr) 96px 150px 140px 208px;align-items:center;gap:12px;padding:12px 0;display:grid}.fila:first-child{border-top:0}.fila.apagada .quien{opacity:.6}.quien{min-width:0;display:grid}.quien span{color:var(--ink-2);overflow-wrap:anywhere;font-size:13.5px}.estado{color:var(--ink-2);font-size:12.5px;font-weight:600}.estado.activo{color:var(--ok)}.estado.invitado{color:var(--pend)}.ultimo{color:var(--ink-2);font-size:13px}.acciones{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.secundario{font:600 13px var(--body);color:var(--ink);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:0 0;border-radius:7px;padding:7px 10px}.secundario:hover{border-color:var(--ink-2)}@media (max-width:820px){.invitar{grid-template-columns:minmax(0,1fr)}.fila{grid-template-columns:minmax(0,1fr) auto}.enlace .boton{width:100%}.ultimo{grid-column:1/-1}.fila select{grid-column:1/-1;width:100%}.acciones{grid-column:1/-1;justify-content:flex-start}.enlace{flex-direction:column}}