:root{--fondo:#f5f7fa;--superficie:#fff;--texto:#1d2733;--suave:#5b6878;--borde:#dde3ea;--primario:#0b6e74;--primario-claro:#e3f2f2;--alerta:#b4561a;--alerta-claro:#fdf0e6;--error:#b42318;--error-claro:#fdecea;--exito:#1f7a3d;--radio:8px;color:var(--texto);background:var(--fondo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}@media (prefers-color-scheme:dark){:root{--fondo:#12171d;--superficie:#1b222b;--texto:#e6ebf0;--suave:#9aa7b5;--borde:#2c3642;--primario:#4fb8bd;--primario-claro:#173335;--alerta:#f0a46b;--alerta-claro:#3a2717;--error:#ff8a80;--error-claro:#3b1d1b;--exito:#6fcf8f}}*{box-sizing:border-box}body{background:var(--fondo);margin:0}a{color:var(--primario)}h1{margin:0 0 1rem;font-size:1.4rem}h2{margin:1.5rem 0 .75rem;font-size:1.1rem}.marco{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.menu{background:var(--superficie);border-right:1px solid var(--borde);flex-direction:column;gap:2px;padding:1rem .75rem;display:flex}.menu .ips{padding:0 .5rem .25rem;font-weight:600}.menu .usuario{color:var(--suave);padding:0 .5rem 1rem;font-size:.85rem}.menu a{color:var(--texto);border-radius:var(--radio);padding:.45rem .6rem;text-decoration:none}.menu a.active{background:var(--primario-claro);color:var(--primario);font-weight:600}.menu .grupo{color:var(--suave);text-transform:uppercase;letter-spacing:.04em;margin:.9rem .6rem .2rem;font-size:.75rem}.menu button{margin-top:auto}.contenido{width:100%;max-width:1200px;padding:1.5rem 2rem}@media (width<=760px){.marco{grid-template-columns:1fr}.menu{border-right:0;border-bottom:1px solid var(--borde);flex-flow:wrap}.menu .grupo,.menu .usuario{display:none}.contenido{padding:1rem}}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:1rem;padding:1rem 1.25rem}.fila{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.fila>label{color:var(--suave);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}input,select,textarea{font:inherit;color:var(--texto);background:var(--superficie);border:1px solid var(--borde);border-radius:6px;min-width:0;padding:.45rem .6rem}textarea{width:100%;min-height:4rem}button{font:inherit;cursor:pointer;border:1px solid var(--primario);background:var(--primario);color:#fff;border-radius:6px;padding:.45rem .9rem}button.secundario{color:var(--primario);background:0 0}button.peligro{border-color:var(--error);color:var(--error);background:0 0}button:disabled{opacity:.5;cursor:default}.botones{flex-wrap:wrap;gap:.4rem;display:flex}table{border-collapse:collapse;background:var(--superficie);width:100%}th,td{text-align:left;border-bottom:1px solid var(--borde);vertical-align:top;padding:.5rem .6rem}th{color:var(--suave);font-size:.8rem;font-weight:600}.tabla-contenedor{border:1px solid var(--borde);border-radius:var(--radio);overflow-x:auto}.etiqueta{background:var(--primario-claro);color:var(--primario);border-radius:999px;margin:0 .2rem .2rem 0;padding:.1rem .45rem;font-size:.75rem;display:inline-block}.etiqueta.alerta{background:var(--alerta-claro);color:var(--alerta)}.etiqueta.error{background:var(--error-claro);color:var(--error)}.aviso{border-radius:var(--radio);margin-bottom:1rem;padding:.6rem .9rem}.aviso.error{background:var(--error-claro);color:var(--error)}.aviso.ok{background:var(--primario-claro);color:var(--primario)}.suave{color:var(--suave)}.vacio{color:var(--suave);padding:1rem 0}.entrar{max-width:380px;margin:10vh auto}.entrar form{flex-direction:column;gap:.75rem;display:flex}.entrar label{color:var(--suave);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.chat{background:var(--fondo);border-radius:var(--radio);flex-direction:column;gap:.4rem;max-height:50vh;padding:.5rem;display:flex;overflow-y:auto}.chat .m{white-space:pre-wrap;border-radius:10px;max-width:75%;padding:.4rem .7rem}.chat .entrante{background:var(--superficie);border:1px solid var(--borde);align-self:flex-start}.chat .saliente{background:var(--primario-claro);align-self:flex-end}.chat .hora{color:var(--suave);font-size:.7rem;display:block}.cupo-libre{color:var(--suave)}.indicadores{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.indicador .valor{font-size:1.6rem;font-weight:600}.pestanas{flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;display:flex}.pestanas button{color:var(--texto);border-color:var(--borde);background:0 0}.pestanas button.activa{background:var(--primario-claro);color:var(--primario);border-color:var(--primario)}