:root{color-scheme:light;--bg:#f3f6f5;--card:#fff;--ink:#18312d;--muted:#647773;--line:#dce7e3;--accent:#19785d;--soft:#e4f4ec;--danger:#a13535} :root[data-tema="oscuro"]{color-scheme:dark;--bg:#101b19;--card:#192824;--ink:#e9f4ef;--muted:#a1b6ad;--line:#30433d;--accent:#80d2ad;--soft:#233c33;--danger:#ffb3aa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif} [hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:1.7rem;line-height:1.15}h2{font-size:1.35rem}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.centrado{min-height:100dvh;display:grid;place-items:center;padding:1rem}.tarjeta{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.25rem;box-shadow:0 2px 8px #142f260b}.acceso{width:min(100%,25rem);display:grid;gap:1.2rem;padding:2rem}.marca{display:grid;place-items:center;width:2.6rem;height:2.6rem;background:var(--accent);color:var(--card);font-weight:800;border-radius:12px}.eyebrow{font-size:.72rem;letter-spacing:.12em;font-weight:750;color:var(--accent)}.suave,small{color:var(--muted)}label{display:grid;gap:.35rem;font-size:.9rem;font-weight:650}input,select{width:100%;padding:.65rem .75rem;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink)}button{border:0;border-radius:9px;padding:.65rem .9rem;font-weight:650}.primario{background:var(--accent);color:var(--card)}.secundario{background:var(--soft);color:var(--ink)}.error{color:var(--danger)}.barra{position:sticky;top:0;z-index:2;display:flex;gap:.8rem;align-items:center;background:var(--card);border-bottom:1px solid var(--line);padding:.8rem 1.5rem}.nombre{flex:1;display:grid;line-height:1.15}.nombre small{font-size:.72rem}.estructura{display:grid;grid-template-columns:220px 1fr;min-height:calc(100dvh - 68px)}.lateral{border-right:1px solid var(--line);padding:2rem 1rem}.lateral nav{display:grid;gap:.3rem;margin-top:.6rem}.nav{background:transparent;color:var(--muted);text-align:left}.nav.activo{background:var(--soft);color:var(--accent)}.contenido{width:min(100%,1100px);padding:2rem;display:grid;align-content:start;gap:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.tarjeta h3{font-size:.9rem;color:var(--muted)}.valor{font-size:1.9rem;font-weight:750;letter-spacing:-.04em}.seccion{display:grid;gap:1rem}.fila{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.lista{display:grid;gap:.5rem}.usuario-fila{display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left;background:var(--card);border:1px solid var(--line);color:var(--ink);width:100%}.etiqueta{font-size:.8rem;background:var(--soft);border-radius:100px;padding:.2rem .55rem}.controles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem}.datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.datos div{display:grid}.datos small{font-size:.8rem}.acciones{display:grid;gap:.8rem}dialog{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;max-width:min(90vw,28rem)}dialog::backdrop{background:#0009}@media(max-width:650px){.estructura{display:block}.lateral{border:0;padding:.8rem 1rem}.lateral nav{display:flex}.lateral .eyebrow{display:none}.contenido{padding:1rem}.barra{padding:.7rem 1rem}.barra button{font-size:.8rem}.nombre small{display:none}}