:root{--fondo:#f2f4f8;--superficie:#fff;--superficie-2:#e9edf4;--tinta:#132033;--tenue:#4e5c71;--linea:#d6dce6;--acento:#1d4e8e;--acento-tinta:#fff;--acento-suave:#e0e9f6;--aviso:#a9500c;--aviso-suave:#fbe8d7;--apagado:#474c53;--apagado-suave:#e6e7e9;--error:#b42318;--error-suave:#fde8e6;--menu:#0f1e33;--menu-tinta:#e6ecf5;--menu-tenue:#9eb0c8;--menu-activo:#1f3b62;--radio:12px;color:var(--tinta);background:var(--fondo);font-family:Public Sans,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--fondo);margin:0}a{color:var(--acento)}h1{margin:0;font-size:28px}h2{margin:0;font-size:16px}.num{font-variant-numeric:tabular-nums}.tenue{color:var(--tenue)}.campo{flex-direction:column;gap:6px;font-weight:600;display:flex}.campo input,.campo select,select.control,input.control{border:1px solid var(--linea);background:var(--superficie);min-height:42px;color:var(--tinta);font:inherit;border-radius:8px;padding:0 12px;font-weight:400}.campo input:focus,.campo select:focus,select.control:focus,input.control:focus{outline:2px solid var(--acento);outline-offset:1px}.boton{cursor:pointer;background:var(--acento);min-height:42px;color:var(--acento-tinta);font:inherit;border:0;border-radius:8px;padding:0 18px;font-weight:700}.boton:disabled{opacity:.6;cursor:default}a.boton{align-items:center;text-decoration:none;display:inline-flex}.boton.secundario{color:var(--tinta);border:1px solid var(--linea);background:0 0;font-weight:600}.aviso-error{background:var(--error-suave);color:var(--error);border-radius:8px;padding:10px 12px}.aviso-ok{background:var(--acento-suave);color:var(--acento);border-radius:8px;padding:10px 12px}.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio)}.tabla-caja{overflow-x:auto}table.tabla{border-collapse:collapse;width:100%}.tabla th{text-align:left;color:var(--tenue);padding:10px 12px;font-size:12px;font-weight:600}.tabla td{border-top:1px solid var(--linea);vertical-align:middle;padding:10px 12px}.chip{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.chip.ok{background:var(--acento-suave);color:var(--acento)}.chip.aviso{background:var(--aviso-suave);color:var(--aviso)}.chip.apagado{background:var(--apagado-suave);color:var(--apagado)}.encabezado{background:var(--superficie);border-bottom:1px solid var(--linea);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 24px;display:flex}.marca{align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.marca img{border-radius:50%;width:36px;height:36px}.cuerpo{flex-wrap:wrap;min-height:calc(100vh - 57px);display:flex}.menu{background:var(--menu);max-width:260px;color:var(--menu-tinta);flex-direction:column;flex:220px;gap:4px;padding:20px 12px;display:flex}.menu-grupo{letter-spacing:.08em;color:var(--menu-tenue);padding:16px 12px 8px;font-size:11px;font-weight:700}.menu-grupo:first-child{padding-top:4px}.menu a{min-height:40px;color:var(--menu-tinta);border-radius:8px;align-items:center;gap:10px;padding:0 12px;text-decoration:none;display:flex}.menu a:hover{background:var(--menu-activo)}.menu a.active{background:var(--menu-activo);font-weight:600}.contenido{flex-direction:column;flex:999 560px;gap:20px;min-width:0;padding:24px 28px;display:flex}@media (width<=720px){.menu{flex-flow:wrap;max-width:none;padding:8px}.menu-grupo{display:none}.contenido{padding:16px}}