:root,:root[data-theme=light]{--bg: #f4f7fb;--card: #ffffff;--tx: #1e293b;--tx2: #5b6b80;--linea: #ccd5e1;--borde: #b4c0d0;--linea-fuerte: #9aa9bd;--hover: #eef3f9;--marca: #0d9488;--marca-hover: #0f766e;--marca-suave: #e0f5f2;--marca-tx: #0f766e;--grave: #e11d48;--aviso: #d97706;--info: #2563eb;--ok: #16a34a;--sombra: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 20px rgba(15, 23, 42, .05);--chip-ok-bg: #dcfce7;--chip-ok: #166534;--chip-info-bg: #dbeafe;--chip-info: #1e40af;--chip-mal-bg: #ffe4e6;--chip-mal: #9f1239;--chip-aviso-bg: #fef3c7;--chip-aviso: #92400e;--chip-gris-bg: #e8edf3;--chip-gris: #475569}:root[data-theme=dark]{--bg: #0f1720;--card: #18232f;--tx: #e8eef4;--tx2: #9bacbb;--linea: #2a3948;--borde: #3a4c5e;--linea-fuerte: #4a5f75;--hover: #1e2d3b;--marca: #2dd4bf;--marca-hover: #5eead4;--marca-suave: #123c3a;--marca-tx: #5eead4;--grave: #fb7185;--aviso: #fbbf24;--info: #60a5fa;--ok: #4ade80;--sombra: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .25);--chip-ok-bg: #14532d;--chip-ok: #bbf7d0;--chip-info-bg: #1e3a8a;--chip-info: #bfdbfe;--chip-mal-bg: #881337;--chip-mal: #fecdd3;--chip-aviso-bg: #78350f;--chip-aviso: #fde68a;--chip-gris-bg: #334155;--chip-gris: #cbd5e1}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}a{color:inherit;text-decoration:none}b,strong{font-weight:700}h1{font-size:26px;margin:0 0 4px;letter-spacing:-.02em}h2{font-size:17px;margin:0 0 14px;letter-spacing:-.01em}.sub{color:var(--tx2);margin-bottom:4px;max-width:760px}.tiny{font-size:13px;color:var(--tx2)}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.nav{background:var(--card);border-right:1px solid var(--borde);padding:22px 14px 90px;position:sticky;top:0;height:100vh;overflow-y:auto}.logo{font-weight:700;font-size:26px;letter-spacing:2px;color:var(--marca);padding:2px 14px 20px}.nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:6px;color:var(--tx2);margin-bottom:3px;font-weight:400;transition:background .15s,color .15s}.nav a .ico{width:24px;display:inline-flex;justify-content:center}.nav a:hover{background:var(--hover);color:var(--tx)}.nav a.activo{background:var(--marca-suave);color:var(--marca-tx);font-weight:600}.nav .pie{position:fixed;bottom:0;left:0;width:250px;padding:14px 18px;background:var(--card);border-top:1px solid var(--linea);font-size:13px;color:var(--tx2)}.nav .pie b{color:var(--tx);display:block;font-size:15px}main{padding:32px 36px 60px;max-width:1480px;width:100%}.barra{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.barra .esp{flex:1}.rejilla{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:22px}.card{background:var(--card);border:1px solid var(--linea);border-radius:9px;padding:22px 24px;box-shadow:var(--sombra)}.kpi .v{font-size:26px;font-weight:700;letter-spacing:-.02em}.kpi .l{color:var(--tx2);font-size:13px;font-weight:400;margin-bottom:4px}.kpi .s{font-size:13px;color:var(--tx2);margin-top:3px}.kpi.acento{border-left:5px solid var(--marca)}.kpi.rojo{border-left:5px solid var(--grave)}.kpi.ambar{border-left:5px solid var(--aviso)}.kpi.azul{border-left:5px solid var(--info)}a.card:hover{border-color:var(--marca)}.card{border-color:var(--borde)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--linea);white-space:nowrap}th{font-size:13px;color:var(--tx2);font-weight:600;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0;background:var(--card);z-index:1;border-bottom:2px solid var(--linea-fuerte)}tbody tr:hover td{background:var(--hover)}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}.tabla{overflow:auto;max-height:72vh;border-radius:6px}input,select,textarea{font:inherit;height:38px;padding:5px 10px;border:1.5px solid var(--borde);border-radius:6px;background:var(--card);color:var(--tx);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--marca);box-shadow:0 0 0 4px var(--marca-suave)}input:disabled,select:disabled,textarea:disabled{background:var(--hover);color:var(--tx2);cursor:not-allowed}input[type=checkbox],input[type=radio]{padding:0;width:20px;height:20px;accent-color:var(--marca);vertical-align:middle}input[type=number]{width:110px}input.h{width:84px;text-align:right}input::-webkit-calendar-picker-indicator{padding:0;margin:0 0 0 4px}input[type=date],input[type=time],input[type=month]{min-width:158px}button{font:inherit;font-weight:600;height:38px;padding:5px 10px;border-radius:6px;border:1.5px solid var(--borde);background:var(--card);color:var(--tx);cursor:pointer;transition:background .15s,border-color .15s,transform .05s}button:hover:not(:disabled){background:var(--hover);border-color:var(--linea-fuerte)}button:active:not(:disabled){transform:translateY(1px)}button.p{background:var(--marca);color:#fff;border-color:var(--marca)}button.p:hover:not(:disabled){background:var(--marca-hover);border-color:var(--marca-hover)}button.peligro{color:var(--grave);border-color:var(--grave);background:transparent}button:disabled{opacity:.5;cursor:not-allowed}button.link{border:0;background:none;color:var(--marca-tx);padding:5px 10px;height:auto;font-weight:600}button.link:hover:not(:disabled){background:var(--marca-suave)}button.grande{height:38px;padding:5px 10px}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px 20px}.form label{display:flex;flex-direction:column;font-size:13px;color:var(--tx2);font-weight:600;gap:7px}.form input,.form select{width:100%}label>textarea,textarea{width:100%;height:auto;min-height:90px}.chip{display:inline-block;padding:3px 12px;border-radius:99px;font-size:13px;font-weight:600;background:var(--chip-gris-bg);color:var(--chip-gris)}.chip.registrado,.chip.ok{background:var(--chip-ok-bg);color:var(--chip-ok)}.chip.prueba,.chip.info{background:var(--chip-info-bg);color:var(--chip-info)}.chip.a_registrar,.chip.grave{background:var(--chip-mal-bg);color:var(--chip-mal)}.chip.baja{background:var(--chip-gris-bg);color:var(--chip-gris)}.chip.aviso{background:var(--chip-aviso-bg);color:var(--chip-aviso)}.alerta{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--linea)}.alerta:last-child{border-bottom:0}.alerta .m{flex:1}.error{color:var(--grave);margin:10px 0;font-weight:600}.ok{color:var(--ok);font-weight:600}.vacio{text-align:center;padding:30px 10px;color:var(--tx2)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:20;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal .card{width:min(780px,100%);max-height:92vh;overflow:auto;padding:28px 30px;border-radius:11px}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,var(--marca-suave),var(--bg) 60%)}.login .card{width:400px;max-width:100%;display:flex;flex-direction:column;gap:14px;padding:34px}.cuad{display:grid;grid-template-columns:190px repeat(7,1fr);min-width:980px}.cuad>div{border-bottom:1px solid var(--linea);padding:8px;min-height:48px;font-size:13px}.cuad .cab{font-weight:600;color:var(--tx2);position:sticky;top:0;background:var(--card)}.turno{background:var(--marca-suave);color:var(--marca-tx);border-radius:4px;padding:4px 9px;margin-bottom:3px;cursor:pointer;font-weight:600}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1.5px solid var(--linea)}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:5px 5px 0 0;background:none;color:var(--tx2);padding:5px 10px;height:38px;margin-bottom:-1.5px}.tabs button:hover:not(:disabled){background:var(--hover)}.tabs button.on{color:var(--marca-tx);border-bottom-color:var(--marca);background:var(--marca-suave)}.cabecera-ficha{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.avatar{width:68px;height:68px;border-radius:25%;background:var(--marca);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:700;flex:none}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.aviso-caja{background:var(--chip-aviso-bg);color:var(--chip-aviso);border-radius:7px;padding:14px 18px;margin-bottom:18px;font-weight:600}.aviso-caja.rojo{background:var(--chip-mal-bg);color:var(--chip-mal)}.aviso-caja.azul{background:var(--chip-info-bg);color:var(--chip-info)}.linea-tiempo{border-left:3px solid var(--linea);margin-left:8px;padding-left:18px}.linea-tiempo>div{position:relative;padding-bottom:14px}.linea-tiempo>div:before{content:"";position:absolute;left:-25px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--marca);border:2px solid var(--card)}.tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin-bottom:22px}.tarjetas .card{padding:20px 22px}.tarjetas h3{margin:0 0 10px;font-size:17px}.saludo{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.acciones{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 26px}.barra-meta{height:10px;border-radius:3px;background:var(--linea);overflow:hidden}.barra-meta>i{display:block;height:100%;background:var(--marca)}@media (max-width: 900px){.app{grid-template-columns:1fr}.nav{position:static;height:auto;display:flex;flex-wrap:wrap;gap:4px;padding:12px}.nav .pie{position:static;width:100%;border:0;background:none;padding:8px 6px}.logo{display:none}.nav a{padding:9px 12px}.nav a .ico{width:auto}.rejilla{grid-template-columns:1fr}main{padding:20px 16px 50px}.card{padding:18px}h1{font-size:26px}}.rejilla-horas{overflow:auto;max-height:68vh}.rejilla-horas table{border-collapse:separate;border-spacing:0;width:max-content}.rejilla-horas th,.rejilla-horas td{padding:0}.rejilla-horas th.nombre,.rejilla-horas td.nombre{position:sticky;left:0;z-index:3;background:var(--card);min-width:210px;max-width:210px;padding:8px 14px;white-space:normal;border-right:2px solid var(--linea-fuerte)}.rejilla-horas td.nombre{cursor:pointer}.rejilla-horas td.nombre.activa{background:var(--marca-suave);box-shadow:inset 4px 0 0 var(--marca)}.rejilla-horas th{position:sticky;top:0;z-index:2;text-transform:none;letter-spacing:0;font-size:13px}.rejilla-horas thead tr:nth-child(2) th{top:38px;font-size:13px;height:20px;padding:0;text-align:left;color:var(--tx2)}.rejilla-horas th.nombre{z-index:5}.rejilla-horas th.cab-dia{text-align:left;padding:9px 10px;border-bottom:1px solid var(--linea);height:38px;white-space:nowrap}.rejilla-horas td.c{width:var(--w);min-width:var(--w);height:34px;border-right:1px solid var(--linea);border-bottom:1px solid var(--linea);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.rejilla-horas td.c:hover:not(.fijo):not(.aus){background:var(--marca-suave)}.rejilla-horas td.c.on{background:var(--marca);border-right-color:var(--marca-hover)}.rejilla-horas td.c.mid{background:linear-gradient(90deg,var(--marca) 50%,transparent 50%)}.rejilla-horas td.c.aus{background:repeating-linear-gradient(45deg,var(--chip-gris-bg),var(--chip-gris-bg) 4px,transparent 4px,transparent 8px);cursor:not-allowed}.rejilla-horas td.c.pide{background:repeating-linear-gradient(45deg,var(--chip-aviso-bg),var(--chip-aviso-bg) 4px,transparent 4px,transparent 8px)}.rejilla-horas .dia-ini{border-left:2px solid var(--linea-fuerte)}.rejilla-horas td.c.fijo{cursor:default}.rejilla-horas td.c.h1{border-right:1px dotted var(--linea)}.rejilla-horas td.c.h2{border-right:1px solid var(--borde)}.rejilla-horas td.c.on.h1{border-right-color:#ffffff73}@media print{body *{visibility:hidden}.nomina-print,.nomina-print *{visibility:visible}.nomina-print{position:absolute;left:0;top:0;width:100%}.modal{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.no-print{display:none!important}*{box-shadow:none!important}}.aviso-actualizar{position:sticky;top:0;z-index:2000;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 16px;background:var(--marca-suave);color:var(--marca-tx);border-bottom:2px solid var(--marca);box-shadow:var(--sombra)}.aviso-actualizar span{max-width:640px}