body:has(.lp){background:#fff}#root:has(.lp){text-align:left;border-inline:0;width:100%;max-width:none;display:block}.lp header.lp-nav{color:inherit;box-shadow:none;padding:0}.lp nav.lp-nav-links{box-shadow:none;background:0 0;border:0;flex-flow:row;justify-content:flex-start;align-self:center;align-items:center;height:auto;margin:0;padding:0;display:none;position:static}.lp main{max-width:none;padding:0}.lp footer{background:0 0}.lp h1,.lp h2,.lp h3{text-align:inherit;font-family:inherit}.lp{--lp-primary:#0f4c81;--lp-primary-dark:#0b3a63;--lp-accent:#f97316;--lp-ink:#0f172a;--lp-muted:#475569;--lp-line:#e2e8f0;--lp-bg:#fff;--lp-bg-alt:#eff6ff;color:var(--lp-ink);background:var(--lp-bg);text-align:left;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.6}.lp *,.lp :before,.lp :after{box-sizing:border-box}.lp h1,.lp h2,.lp h3{color:var(--lp-ink);letter-spacing:-.02em;margin:0;line-height:1.15}:where(.lp) p{margin:0}:where(.lp) ul,:where(.lp) ol{margin:0;padding:0;list-style:none}.lp-wrap{width:100%;max-width:72rem;margin:0 auto;padding:0 1rem}.lp-skip{background:var(--lp-ink);color:#fff;z-index:100;padding:.75rem 1rem;position:absolute;top:0;left:-999px}.lp-skip:focus{top:.5rem;left:.5rem}.lp-btn{min-height:48px;font:inherit;cursor:pointer;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.lp-btn:disabled{opacity:.6;cursor:not-allowed}.lp-btn-primary{background:var(--lp-accent);color:var(--lp-ink)}.lp-btn-primary:hover:not(:disabled){background:#fb923c}.lp-btn-outline{border-color:var(--lp-primary);color:var(--lp-primary);background:0 0}.lp-btn-outline:hover{background:var(--lp-primary);color:#fff}.lp-btn-ghost{color:var(--lp-primary);background:0 0}.lp-btn-ghost:hover{background:var(--lp-bg-alt)}.lp-block{width:100%}.lp a:focus-visible,.lp button:focus-visible,.lp input:focus-visible{outline:3px solid var(--lp-primary);outline-offset:3px;border-radius:8px}.lp-nav{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--lp-line);background:#ffffffeb;position:sticky;top:0}.lp-nav-in{justify-content:space-between;align-items:center;gap:1rem;min-height:64px;display:flex}.lp-brand{color:var(--lp-ink);align-items:center;gap:.6rem;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.lp .lp-nav-links{gap:1.5rem}.lp-nav-links a{color:var(--lp-muted);font-weight:600;text-decoration:none}.lp-nav-links a:hover{color:var(--lp-primary)}.lp-hero{background:linear-gradient(180deg, var(--lp-bg-alt) 0%, #fff 100%);padding:2.5rem 0 3rem}.lp-hero-in{align-items:center;gap:2.5rem;display:grid}.lp-eyebrow{color:var(--lp-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.8rem;font-weight:700}.lp .lp-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,7vw,3.4rem);font-weight:800}.lp-lead{color:var(--lp-muted);max-width:40rem;margin-top:1rem;font-size:1.125rem}.lp-cta{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.lp-cta .lp-btn{flex:14rem}.lp-trust{color:var(--lp-muted);gap:.6rem;margin-top:1.75rem;font-size:.95rem;display:grid}.lp-trust li{align-items:center;gap:.6rem;display:flex}.lp-trust svg{color:var(--lp-primary);flex:none;width:20px;height:20px}.lp-hero-visual{justify-content:center;display:flex}.lp-phone{border:1px solid var(--lp-line);background:#fff;border-radius:28px;width:min(20rem,100%);padding:1.1rem 1.1rem 1.25rem;box-shadow:0 24px 48px -16px #0f4c8159}.lp-phone-bar{background:var(--lp-line);border-radius:99px;width:4rem;height:5px;margin:0 auto 1rem}.lp-phone-title{margin-bottom:.75rem;font-weight:800}.lp-field{border:1px solid var(--lp-line);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.7rem .85rem;display:flex}.lp-field span{color:var(--lp-muted);font-size:.85rem}.lp-chips{flex-wrap:wrap;gap:.4rem;margin:.75rem 0;display:flex}.lp-chips i{border:1px solid var(--lp-line);color:var(--lp-muted);border-radius:99px;padding:.3rem .8rem;font-size:.85rem;font-style:normal}.lp-chips i.on{background:var(--lp-primary);border-color:var(--lp-primary);color:#fff}.lp-phone-btn{background:var(--lp-primary);color:#fff;text-align:center;border-radius:10px;padding:.75rem;font-weight:700}.lp-phone-total{border-top:1px dashed var(--lp-line);justify-content:space-between;align-items:baseline;margin-top:1rem;padding-top:.75rem;display:flex}.lp-phone-total span{color:var(--lp-muted);font-size:.85rem}.lp-phone-total strong{color:var(--lp-primary);font-size:1.4rem}.lp-sec{padding:3.5rem 0}.lp-sec-alt{background:var(--lp-bg-alt)}.lp .lp-sec h2{letter-spacing:-.02em;margin:0 0 1.75rem;font-size:clamp(1.6rem,4.5vw,2.25rem);font-weight:800}.lp-grid4{gap:1rem;display:grid}.lp-card{border:1px solid var(--lp-line);background:#fff;border-radius:16px;padding:1.4rem}.lp .lp-card h3{margin:.9rem 0 .4rem;font-size:1.15rem}.lp-card p{color:var(--lp-muted)}.lp-ico{background:var(--lp-bg-alt);width:48px;height:48px;color:var(--lp-primary);border-radius:12px;place-items:center;display:grid}.lp-ico-big{width:64px;height:64px;margin:0 auto 1rem}.lp-roles{gap:1rem;display:grid}.lp-role{border:1px solid var(--lp-line);background:#fff;border-radius:16px;flex-direction:column;gap:1rem;padding:1.6rem;display:flex}.lp .lp-role h3{font-size:1.4rem}.lp-role ul{flex:1;gap:.6rem;display:grid}.lp-role li{color:var(--lp-ink);align-items:flex-start;gap:.6rem;display:flex}.lp-role li svg{color:#15803d;flex:none;width:22px;height:22px;margin-top:1px}.lp-steps{gap:1.25rem;display:grid}.lp-steps li{align-items:flex-start;gap:1rem;display:flex}.lp-num{background:var(--lp-primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.lp-steps h3{margin-bottom:.2rem;font-size:1.15rem}.lp-steps p{color:var(--lp-muted)}.lp-install{align-items:center;gap:1.5rem;display:grid}.lp-install .lp-lead{margin-bottom:1.25rem}.lp-install-list{gap:.75rem;display:grid}.lp-install-list li{border:1px solid var(--lp-line);background:#fff;border-radius:12px;gap:.15rem;padding:1rem 1.2rem;display:grid}.lp-install-list span{color:var(--lp-muted)}.lp-foot{border-top:1px solid var(--lp-line);color:var(--lp-muted);text-align:center;padding:1.75rem 0;font-size:.9rem}.lp-overlay{z-index:60;background:#0f172a8c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.lp-dialog{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:28rem;max-height:92vh;padding:1.75rem 1.4rem 2rem;animation:.22s ease-out lp-up;position:relative;overflow:auto}.lp .lp-dialog h2{margin:0 0 .75rem;font-size:1.5rem}.lp-dialog label{margin:1rem 0 .4rem;font-weight:700;display:block}.lp-dialog input{width:100%;min-height:48px;font:inherit;color:var(--lp-ink);background:#fff;border:2px solid #94a3b8;border-radius:10px;margin-bottom:1rem;padding:.7rem .9rem}.lp-dialog input:focus{border-color:var(--lp-primary)}.lp-hint{color:var(--lp-muted);font-size:.9rem}.lp-dialog form .lp-hint:last-child{text-align:center;margin-top:.9rem}.lp-sent{text-align:center;gap:.75rem;display:grid}.lp-close{cursor:pointer;width:44px;height:44px;color:var(--lp-muted);background:0 0;border:0;border-radius:10px;font-size:1.8rem;line-height:1;position:absolute;top:.6rem;right:.6rem}.lp-close:hover{background:var(--lp-bg-alt)}@keyframes lp-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (width>=640px){.lp-wrap{padding:0 1.5rem}.lp-grid4,.lp-roles{grid-template-columns:repeat(2,1fr)}.lp-overlay{align-items:center;padding:1rem}.lp-dialog{border-radius:20px}}@media (width>=900px){.lp nav.lp-nav-links{display:flex}.lp-hero{padding:4.5rem 0 5rem}.lp-hero-in{grid-template-columns:1.15fr .85fr}.lp-grid4{grid-template-columns:repeat(4,1fr)}.lp-steps{grid-template-columns:repeat(3,1fr)}.lp-install{grid-template-columns:1fr 1fr}.lp-sec{padding:5rem 0}}@media (prefers-reduced-motion:reduce){.lp *,.lp :before,.lp :after{transition:none!important;animation:none!important}}:root{--primary:#0f4c81;--primary-light:#1d6fa4;--accent:#38bdf8;--success:#10b981;--success-bg:#d1fae5;--success-text:#065f46;--warning:#f59e0b;--warning-bg:#fef3c7;--warning-text:#92400e;--danger:#ef4444;--danger-bg:#fee2e2;--danger-text:#991b1b;--bg:#f0f7ff;--surface:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a;--radius:.75rem;--radius-sm:.5rem;--radius-lg:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.login-container{background:linear-gradient(160deg,#0a2f55 0%,#0f4c81 45%,#1d6fa4 75%,#38bdf8 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";clip-path:polygon(0 60%,8% 30%,16% 55%,24% 20%,32% 48%,40% 15%,48% 42%,56% 8%,64% 38%,72% 10%,80% 35%,88% 5%,96% 28%,100% 18%,100% 100%,0 100%);background:#ffffff12;height:35%;position:absolute;bottom:-5%;left:-5%;right:-5%}.login-card{text-align:center;z-index:1;background:#fff;border-radius:1.5rem;width:100%;max-width:400px;padding:2.5rem;position:relative;box-shadow:0 25px 50px -12px #0006}.login-logo{margin-bottom:.5rem;font-size:3rem}.login-card h1{color:var(--primary);margin-bottom:.25rem;font-size:1.875rem;font-weight:800}.login-subtitle{color:var(--text-muted);margin-bottom:1.75rem;font-size:.9rem}.login-card .form-group{text-align:left;margin-bottom:1rem}.login-card .form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.8rem;font-weight:600;display:block}.login-card input{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.login-card input:focus{border-color:var(--primary-light)}.login-demo{border-radius:var(--radius-sm);color:var(--text-muted);background:#f8fafc;margin-top:1.5rem;padding:.75rem;font-size:.8rem}.login-demo p{margin-bottom:.25rem;font-weight:600}.login-demo code{color:var(--primary);font-size:.78rem;line-height:2;display:block}header{background:linear-gradient(90deg, #0a2f55 0%, var(--primary) 50%, var(--primary-light) 100%);color:#fff;z-index:100;padding:.875rem 2rem;position:sticky;top:0;box-shadow:0 2px 8px #0003}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.header-brand{align-items:center;gap:.625rem;display:flex}.header-logo{font-size:1.75rem}.header-brand h1{color:#fff;font-size:1.35rem;font-weight:800}.user-info{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.user-name{color:#ffffffd9;font-size:.875rem}.badge{border-radius:999px;padding:.2rem .625rem;font-size:.72rem;font-weight:700}.badge-admin{color:#fff;background:#ffffff38}.badge-jornada{border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:600}.badge-jornada.completa{color:#1d4ed8;background:#dbeafe}.badge-jornada.media{color:#4338ca;background:#e0e7ff}.fichaje-status{border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.fichaje-status.entrada{color:#6ee7b7;background:#10b98133}.fichaje-status.salida{color:#fca5a5;background:#ef44442e}.btn-logout{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;padding:.375rem .875rem;font-size:.85rem;font-weight:500;transition:background .2s}.btn-logout:hover{background:#ffffff3d}.btn-modo{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;padding:.375rem .875rem;font-size:.78rem;font-weight:600;transition:background .2s}.btn-modo:hover{background:#ffffff3d}.btn-modo.btn-modo-active{background:#10b9814d;border-color:#10b98199}nav{border-bottom:1px solid var(--border);z-index:99;background:#fff;flex-wrap:wrap;justify-content:center;gap:.25rem;padding:.5rem 1rem;display:flex;position:sticky;top:57px;box-shadow:0 1px 3px #0000000d}nav button{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;position:relative}nav button:hover{color:var(--text);background:#f1f5f9}nav button.active{color:var(--primary);background:#eff6ff;font-weight:600}nav button.active:after{content:"";background:var(--primary);border-radius:2px;height:2px;position:absolute;bottom:-.5rem;left:20%;right:20%}.nav-icon{font-size:1rem}.nav-badge{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:1.2rem;padding:.1rem .35rem;font-size:.65rem;font-weight:700;line-height:1.4}main{max-width:1200px;padding:1.5rem 2rem}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.25rem;padding:.8rem 1.25rem;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .1s;display:flex}.btn-primary:hover:not(:disabled){opacity:.91;transform:translateY(-1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-sm{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:#f1f5f9;padding:.3rem .75rem;font-size:.78rem;transition:background .2s}.btn-sm:hover{background:#e2e8f0}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.45rem .875rem;font-size:.875rem;transition:background .2s}.btn-ghost:hover{background:#f1f5f9}.btn-fichar{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#059669,#10b981);border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem;font-size:1rem;font-weight:700;transition:opacity .2s,transform .1s;display:flex}.btn-fichar:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-fichar:disabled{opacity:.45;cursor:not-allowed}.btn-approve{background:var(--success);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.45rem 1rem;font-size:.875rem;font-weight:600;transition:opacity .2s}.btn-reject{background:var(--danger);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.45rem 1rem;font-size:.875rem;font-weight:600;transition:opacity .2s}.btn-approve:hover,.btn-reject:hover{opacity:.85}.btn-responder{background:var(--primary-light);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:.75rem;padding:.45rem 1rem;font-size:.875rem;font-weight:500;transition:opacity .2s}.btn-responder:hover{opacity:.85}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;margin-bottom:1.25rem;padding:1.5rem}.card h2{color:var(--text);margin-bottom:1rem;font-size:1.05rem;font-weight:700}.card h3{color:var(--text);margin-bottom:.875rem;font-size:.95rem;font-weight:700}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-header h2{margin-bottom:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.stat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;border-left:4px solid #0000;align-items:center;gap:1rem;padding:1.25rem 1.375rem;display:flex}.stat-card.stat-blue{border-left-color:#3b82f6}.stat-card.stat-green{border-left-color:#10b981}.stat-card.stat-amber{border-left-color:#f59e0b}.stat-card.stat-red{border-left-color:#ef4444}.stat-icon{opacity:.75;font-size:1.875rem}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;font-size:.7rem;font-weight:600}.stat-number{color:var(--text);font-size:1.75rem;font-weight:800;line-height:1}.resumen-list{flex-direction:column;gap:.5rem;display:flex}.resumen-fecha{text-transform:capitalize;font-size:.875rem}.resumen-horas{color:var(--primary);font-weight:700}.timeline{flex-direction:column;gap:.5rem;display:flex}.timeline-item{border-radius:var(--radius-sm);grid-template-columns:1.5rem 5rem 1fr auto;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;display:grid}.timeline-item.entrada{background:#f0fdf4;border-left:3px solid #10b981}.timeline-item.salida{background:#fef2f2;border-left:3px solid #ef4444}.timeline-icon{color:var(--text-muted);text-align:center;font-size:.65rem}.timeline-tipo{font-weight:600}.timeline-hora{font-size:.95rem;font-weight:700}.timeline-zona{color:var(--text-muted);text-align:right;font-size:.78rem}.qr-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.qr-card{border-radius:var(--radius);text-align:center;cursor:pointer;border:2px solid var(--border);background:#f8fafc;padding:1.5rem;transition:all .2s}.qr-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.qr-card.selected{border-color:var(--primary);background:#eff6ff;box-shadow:0 0 0 4px #0f4c811a}.qr-icon{margin-bottom:.5rem;font-size:2.5rem}.qr-card h3{margin-bottom:.375rem;font-size:.95rem}.qr-card code{border-radius:var(--radius-sm);color:var(--text-muted);border:1px solid var(--border);background:#fff;margin:.375rem 0;padding:.375rem .5rem;font-family:monospace;font-size:.78rem;display:block}.fichar-action{flex-direction:column;gap:.75rem;display:flex}.qr-input{border:2px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.qr-input:focus{border-color:var(--primary-light)}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.375rem;font-size:.8rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fff;outline:none;padding:.7rem .875rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-light)}.view-solicitar{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;display:grid}.solicitudes-list{flex-direction:column;gap:.75rem;display:flex}.solicitud-item{border-radius:var(--radius-sm);border-left:4px solid var(--border);background:#f8fafc;padding:.875rem 1rem}.solicitud-item.estado-aprobado{border-left-color:var(--success);background:#f0fdf4}.solicitud-item.estado-rechazado{border-left-color:var(--danger);background:#fef2f2}.solicitud-item.estado-pendiente{border-left-color:var(--warning);background:#fffbeb}.solicitud-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.solicitud-fechas{font-size:.875rem;font-weight:600}.solicitud-motivo{color:var(--text-muted);text-transform:capitalize;font-size:.78rem}.solicitud-observacion{color:var(--text-muted);border-radius:var(--radius-sm);background:#fff;margin-top:.5rem;padding:.375rem .5rem;font-size:.78rem}.estado-badge{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:.2rem .625rem;font-size:.68rem;font-weight:700}.estado-badge.pendiente{background:var(--warning-bg);color:var(--warning-text)}.estado-badge.aprobado{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text);border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.badge-ok{background:var(--success-bg);color:var(--success-text);border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.view-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.view-header h2{font-size:1.2rem;font-weight:700}.count-badge{background:var(--warning-bg);color:var(--warning-text);border-radius:999px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.admin-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;margin-bottom:.875rem;padding:1.25rem 1.5rem}.admin-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.375rem;display:flex}.admin-nombre{margin-bottom:.2rem;font-size:1rem;font-weight:700;display:block}.admin-fechas{color:var(--text-muted);margin-bottom:.1rem;font-size:.875rem;display:block}.admin-motivo{color:var(--text-muted);text-transform:capitalize;font-size:.78rem;display:block}.admin-comentario{color:var(--text-muted);border-radius:var(--radius-sm);border-left:2px solid var(--border);background:#f8fafc;margin:.5rem 0;padding:.5rem .75rem;font-size:.875rem;font-style:italic}.observacion-box{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;margin-top:.875rem;padding:.875rem}.observacion-box textarea{border:2px solid var(--border);border-radius:var(--radius-sm);resize:vertical;outline:none;width:100%;margin-bottom:.75rem;padding:.625rem .75rem;font-family:inherit;font-size:.9rem}.observacion-box textarea:focus{border-color:var(--primary-light)}.observacion-text{color:var(--text-muted);border-radius:var(--radius-sm);background:#f8fafc;margin-top:.5rem;padding:.375rem .625rem;font-size:.82rem}.profesor-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;align-items:center;gap:.875rem;padding:.875rem 1rem;display:flex}.profesor-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.875rem;font-weight:700;display:flex}.profesor-info{flex:1;min-width:0}.profesor-info strong{font-size:.9rem;display:block}.profesor-info small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;display:block;overflow:hidden}.informe-selector{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.informe-selector h2{margin-bottom:0!important}.mes-selector{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mes-selector input[type=month]{border:2px solid var(--border);border-radius:var(--radius-sm);background:#fff;outline:none;padding:.5rem .75rem;font-size:.9rem;transition:border-color .2s}.mes-selector input[type=month]:focus{border-color:var(--primary-light)}.mes-selector .btn-primary{width:auto;margin-top:0;padding:.5rem 1.25rem}.informe-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.informe-stat{border-radius:var(--radius-sm);text-align:center;background:#f8fafc;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;display:flex}.informe-stat.warning{background:var(--warning-bg)}.informe-stat-icon{font-size:1.5rem}.informe-stat-value{color:var(--text);font-size:1.5rem;font-weight:800}.informe-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.informe-detalle h3{margin-bottom:.75rem;font-size:.95rem}.detalle-list{flex-direction:column;gap:.375rem;display:flex}.detalle-item{border-radius:var(--radius-sm);background:#f8fafc;grid-template-columns:1fr auto auto auto;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;display:grid}.detalle-item.exceso{background:#fffbeb}.detalle-fecha{text-transform:capitalize}.detalle-horas{color:var(--primary);font-weight:700}.nota-legal{color:var(--text-muted);border-radius:var(--radius-sm);border-left:3px solid var(--border);background:#f8fafc;margin-top:1rem;padding:.5rem .75rem;font-size:.78rem}.empty-state p{margin-bottom:.375rem;font-size:1rem}.empty-state small{font-size:.82rem}.toast{z-index:9999;text-align:center;border-radius:2rem;min-width:200px;max-width:90vw;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;animation:.3s toastIn;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0000002e}.toast-success{color:#6ee7b7;background:#064e3b;border:1px solid #065f46}.toast-error{color:#fca5a5;background:#7f1d1d;border:1px solid #991b1b}.toast-warning{color:#fcd34d;background:#78350f;border:1px solid #92400e}.toast-info{color:#93c5fd;background:#1e3a5f;border:1px solid #1d4ed8}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}.loading-overlay{z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:3px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;width:2.5rem;height:2.5rem;animation:.75s linear infinite spin}.btn-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.75s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){header{padding:.75rem 1rem}main{padding:1rem}.header-brand h1{font-size:1.1rem}.user-name{display:none}.stats-grid{grid-template-columns:1fr 1fr}.form-row,.view-solicitar{grid-template-columns:1fr}nav button{padding:.5rem .625rem}.nav-label{display:none}.nav-icon{font-size:1.25rem}nav button.active:after{display:none}.timeline-item{grid-template-columns:1.5rem 4rem 1fr}.timeline-zona{display:none}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.header-logo{display:none}}.scan-buttons{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.btn-scan{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:160px;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:opacity .2s;display:flex}.btn-scan:hover{opacity:.88}.btn-nfc{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.btn-nfc.active{animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.scanner-container{border-radius:var(--radius);aspect-ratio:1;background:#000;max-width:360px;margin:0 auto 1rem;position:relative;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%;display:block}.scanner-overlay{background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scanner-frame{aspect-ratio:1;border:3px solid #38bdf8;border-radius:12px;width:60%;animation:2s ease-in-out infinite scannerGlow;box-shadow:0 0 0 9999px #0006}@keyframes scannerGlow{0%,to{border-color:#38bdf8;box-shadow:0 0 0 9999px #0006,0 0 20px #38bdf866}50%{border-color:#10b981;box-shadow:0 0 0 9999px #0006,0 0 20px #10b98166}}.scanner-stop{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#000000b3;border:1px solid #ffffff4d;padding:.5rem 1.25rem;font-size:.875rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.zonas-list{flex-direction:column;gap:1rem;display:flex}.zona-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);border-left:4px solid var(--primary-light);background:#fff;padding:1.25rem 1.5rem}.zona-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.zona-nombre{margin-bottom:.25rem;font-size:1rem;font-weight:700;display:block}.zona-desc{color:var(--text-muted);margin-bottom:.5rem;font-size:.82rem;display:block}.zona-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.zona-coords{color:var(--text-muted);font-size:.78rem}.zona-actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.btn-warn{background:var(--warning-bg)!important;color:var(--warning-text)!important;border:1px solid var(--warning)!important}.btn-danger{background:var(--danger-bg)!important;color:var(--danger-text)!important;border:1px solid var(--danger)!important}.mode-badge{white-space:nowrap;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.mode-totp-gps{color:#6d28d9;background:#ede9fe}.mode-totp{color:#1d4ed8;background:#dbeafe}.mode-gps{color:#065f46;background:#d1fae5}.mode-none{color:#475569;background:#f1f5f9}.qr-preview{border-top:1px solid var(--border);flex-wrap:wrap;align-items:flex-start;gap:1.5rem;margin-top:1rem;padding-top:1rem;display:flex}.qr-preview img{border:2px solid var(--border);border-radius:var(--radius-sm);background:#fff;width:160px;height:160px;padding:8px}.qr-preview-info{flex:1;min-width:200px;font-size:.875rem}.qr-preview-info p{margin-bottom:.375rem}.qr-secret code{word-break:break-all;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.75rem}.informe-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.btn-tab{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:#fff;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-tab:hover{border-color:var(--primary-light);color:var(--primary)}.btn-tab.active{border-color:var(--primary);color:var(--primary);background:#eff6ff;font-weight:700}.ausencias-list{flex-direction:column;gap:.75rem;display:flex}.ausencia-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;padding:.875rem 1rem}.ausencia-header{flex-wrap:wrap;align-items:center;gap:.875rem;display:flex}.profesor-avatar.small{width:2rem;height:2rem;font-size:.75rem}.ausencia-info{flex:1;min-width:0}.ausencia-info strong{font-size:.9rem;display:block}.ausencia-info small{color:var(--text-muted);font-size:.78rem}.ausencia-badges{flex-wrap:wrap;gap:.375rem;display:flex}.ausencia-pill{white-space:nowrap;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:600}.ausencia-pill.vac{color:#065f46;background:#d1fae5}.ausencia-pill.enf{color:#991b1b;background:#fee2e2}.ausencia-pill.ap{color:#3730a3;background:#e0e7ff}.ausencia-pill.pend{background:var(--warning-bg);color:var(--warning-text)}.btn-download{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#059669,#10b981);border:none;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:700;transition:opacity .2s,transform .1s;display:inline-flex;box-shadow:0 2px 8px #10b9814d}.btn-download:hover{opacity:.88;transform:translateY(-1px)}.detalle-item{flex-wrap:wrap}.form-hint{color:var(--text-muted);border-radius:var(--radius-sm);border-left:3px solid var(--accent);background:#f8fafc;margin-top:.625rem;padding:.5rem .75rem;font-size:.8rem}@media (width<=768px){.zona-card-header{flex-direction:column}.zona-actions{justify-content:flex-start;width:100%}.qr-preview,.scan-buttons{flex-direction:column}}.app-container{flex-direction:column;min-height:100vh;display:flex}@media (width>=1024px){.app-container{grid-template-rows:auto 1fr;grid-template-columns:220px 1fr;min-height:100vh;display:grid}header{z-index:100;grid-column:1/-1;position:sticky;top:0}nav{border-bottom:none;border-right:1px solid var(--border);background:#fff;flex-direction:column;justify-content:flex-start;align-self:start;align-items:stretch;gap:.125rem;height:calc(100vh - 57px);padding:1.25rem .625rem;position:sticky;top:57px;overflow-y:auto;box-shadow:1px 0 4px #0000000a}nav button{border-radius:var(--radius-sm);justify-content:flex-start;width:100%;padding:.625rem 1rem;font-size:.875rem}nav button.active{border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding-left:calc(1rem - 3px)}nav button.active:after{display:none}main{min-width:0;max-width:none;padding:2rem 2.5rem}}.fichar-clock-card{text-align:center;color:#fff;background:linear-gradient(135deg,#0a2f55 0%,#0f4c81 60%,#1d6fa4 100%);padding:2rem 1.5rem}.fichar-hora-actual{font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 2px 8px #0003;margin-bottom:.375rem;font-size:3.5rem;font-weight:800;line-height:1}.fichar-fecha-actual{opacity:.8;text-transform:capitalize;margin-bottom:1rem;font-size:.95rem}.dashboard-entrada-hora{opacity:.85;margin-top:.5rem;margin-bottom:0;font-size:.9rem}.fichar-estado-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.fichar-estado-pill{letter-spacing:.06em;color:#fff;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:999px;padding:.35rem 1rem;font-size:.8rem;font-weight:700}.fichar-estado-pill.dentro{background:#ffffff40;border-color:#ffffff73}.fichar-estado-pill.fuera{background:#ffffff1f;border-color:#ffffff38}.fichar-timer{font-variant-numeric:tabular-nums;color:#fff;align-items:center;gap:.375rem;font-size:1.1rem;font-weight:700;display:flex}@media (width<=480px){.fichar-hora-actual{font-size:2.5rem}}.header-timer{background:#10b98133;border:1px solid #10b98159;border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .75rem;display:flex}.timer-dot{color:#6ee7b7;font-size:.55rem;animation:1.2s ease-in-out infinite blink}.timer-value{color:#6ee7b7;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.timer-banner{border-radius:var(--radius-sm);color:#065f46;background:#f0fdf4;border:1px solid #a7f3d0;align-items:center;gap:.5rem;margin-top:1rem;padding:.625rem 1rem;font-size:.875rem;display:flex}.perfil-header-card{flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.75rem 2rem;display:flex}.perfil-avatar-grande{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:5rem;height:5rem;font-size:1.75rem;font-weight:800;display:flex;box-shadow:0 4px 12px #0f4c8140}.perfil-datos-principales{flex:1;min-width:0}.perfil-datos-principales h2{color:var(--text);margin-bottom:.25rem;font-size:1.4rem;font-weight:800}.perfil-email{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.perfil-badges{flex-wrap:wrap;gap:.5rem;display:flex}.perfil-info-list{flex-direction:column;display:flex}.perfil-info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;font-size:.9rem;display:flex}.perfil-info-row:last-child{border-bottom:none}.perfil-info-row span{color:var(--text-muted);flex-shrink:0;font-size:.85rem}.perfil-info-row strong{text-align:right}.btn-pwa{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#7c3aed33;border:1px solid #a78bfa66;padding:.375rem .625rem;font-size:.875rem;transition:background .2s}.btn-pwa:hover{background:#7c3aed59}.btn-pwa-login{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;width:100%;margin-top:1rem;padding:.7rem 1rem;font-size:.9rem;font-weight:600;transition:opacity .2s;display:block}.btn-pwa-login:hover{opacity:.88}.btn-pwa-perfil{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;margin-left:auto;padding:.5rem 1.125rem;font-size:.85rem;font-weight:600;transition:opacity .2s}.btn-pwa-perfil:hover{opacity:.88}.profesor-card{flex-wrap:wrap}.profesor-card.inactivo{opacity:.6}.profesor-edit-form{border-top:1px solid var(--border);flex-basis:100%;width:100%;margin-top:1rem;padding-top:1rem}.presencia-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.presencia-titulo{color:var(--text);align-items:center;gap:.625rem;margin:0 0 .25rem;font-size:1.3rem;font-weight:800;display:flex}.presencia-subtitulo{color:var(--text-muted);text-transform:capitalize;font-size:.82rem}.presencia-header-right{align-items:center;gap:.75rem;display:flex}.presencia-dot-grande{background:var(--success);border-radius:50%;flex-shrink:0;width:.75rem;height:.75rem;animation:1.4s ease-in-out infinite blink;display:inline-block}.presencia-count-badge{background:var(--success-bg);color:var(--success-text);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .875rem;font-size:.85rem;font-weight:700;display:flex}.presencia-grid{flex-direction:column;gap:.75rem;display:flex}.presencia-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);border-left:4px solid var(--success);background:#fff;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.presencia-card.presencia-exceso{border-left-color:var(--warning);background:#fffdf5}.presencia-card-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1rem;font-weight:700;display:flex}.presencia-card-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.presencia-card-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.presencia-zona{color:var(--text-muted);font-size:.78rem}.presencia-jornada{color:var(--text-muted);font-size:.72rem}.presencia-card-derecha{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem;display:flex}.presencia-entrada{flex-direction:column;align-items:flex-end;display:flex}.presencia-entrada-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.65rem;font-weight:600}.presencia-entrada-hora{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800;line-height:1.1}.presencia-timer{align-items:center;gap:.3rem;display:flex}.presencia-timer-valor{color:var(--success-text);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.presencia-exceso-pill{background:var(--warning-bg);color:var(--warning-text);border-radius:999px;padding:.1rem .45rem;font-size:.68rem;font-weight:700}@media (width<=480px){.presencia-card{flex-wrap:wrap}.presencia-card-derecha{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%}.presencia-entrada{flex-direction:row;align-items:center;gap:.5rem}.presencia-entrada-hora{font-size:1.1rem}}.btn-nfc-write{color:#fff!important;background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;border:none!important}.btn-nfc-write:hover{opacity:.88}.firma-canvas-container{padding:.75rem 0}.firma-aviso{color:#92400e;border-left:3px solid var(--warning);border-radius:var(--radius-sm);background:#fffbeb;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.8rem;line-height:1.5}.firma-canvas{border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;max-width:100%;display:block}.salida-directa-card{border-left:4px solid var(--danger)}.btn-salida-directa{background:var(--danger);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;transition:background .15s}.btn-salida-directa:hover:not(:disabled){background:#dc2626}.btn-salida-directa:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow-lg);padding:1.75rem 1.5rem}.modal-box h3{color:var(--text);margin-bottom:.75rem;font-size:1.15rem}.modal-box p{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.modal-actions .btn-primary{width:auto;padding:.6rem 1.25rem}.btn-bell{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;padding:.375rem .625rem;font-size:1rem;line-height:1;transition:background .15s;position:relative}.btn-bell:hover{background:#ffffff3d}.bell-badge{background:var(--danger);color:#fff;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;padding:0 .2rem;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.notif-overlay{z-index:200;background:#00000040;position:fixed;inset:0}.notif-panel{background:var(--surface);border-radius:var(--radius);width:min(380px,100vw - 2rem);max-height:70vh;box-shadow:var(--shadow-lg);z-index:201;border:1px solid var(--border);flex-direction:column;display:flex;position:fixed;top:3.8rem;right:1rem;overflow:hidden}.notif-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.notif-panel-header h3{font-size:1rem;font-weight:700}.notif-leer-todas{color:var(--primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.2rem .4rem;font-size:.75rem}.notif-leer-todas:hover{background:#eff6ff}.notif-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.9rem}.notif-list{flex:1;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;transition:background .12s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f8fafc}.notif-item.leida{opacity:.65;cursor:default}.notif-icono{flex-shrink:0;margin-top:1px;font-size:1.2rem}.notif-body{flex:1;min-width:0}.notif-titulo{margin-bottom:.2rem;font-size:.875rem;font-weight:600;display:block}.notif-mensaje{color:var(--text-muted);margin:0 0 .3rem;font-size:.825rem;line-height:1.4}.notif-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-item.notif-tipo-alerta:not(.leida){border-left:3px solid var(--danger)}.notif-item.notif-tipo-aviso:not(.leida){border-left:3px solid var(--warning)}.notif-item.notif-tipo-info:not(.leida){border-left:3px solid var(--primary)}.notif-admin-list{flex-direction:column;gap:.5rem;display:flex}.notif-admin-item{border-radius:var(--radius-sm);border-left:3px solid var(--border);background:#f8fafc;align-items:flex-start;gap:.75rem;padding:.875rem;display:flex}.notif-admin-item.notif-tipo-alerta{border-left-color:var(--danger)}.notif-admin-item.notif-tipo-aviso{border-left-color:var(--warning)}.notif-admin-item.notif-tipo-info{border-left-color:var(--primary)}.notif-leida-tag{color:var(--success)}.notif-noleida-tag{color:var(--warning);font-weight:600}.config-color-group .form-group{width:100%}.config-color-row{align-items:center;gap:.75rem;margin-top:.375rem;display:flex}.config-color-row input[type=color]{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:3rem;height:2.5rem;padding:2px}.config-color-hex{color:var(--text-muted);font-family:monospace;font-size:.875rem}.config-color-preview{border-radius:var(--radius-sm);color:#fff;padding:.3rem .875rem;font-size:.78rem;font-weight:600}.btn-sm-bell{color:var(--primary);background:#f0f9ff;border-color:#bae6fd}.btn-sm-bell:hover{background:#e0f2fe}.planilla-controls{margin-bottom:0}.planilla-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.planilla-controls-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-csv{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;padding:.4rem .875rem;font-weight:600}.btn-csv:hover{background:#dcfce7}.planilla-resumen{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin:.75rem 0;display:grid}.planilla-kpi{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow);border-top:3px solid var(--border);flex-direction:column;align-items:center;gap:.2rem;padding:.875rem 1rem;display:flex}.planilla-kpi.kpi-ok{border-top-color:var(--success)}.planilla-kpi.kpi-warn{border-top-color:var(--warning)}.planilla-kpi.kpi-exceso{border-top-color:var(--danger)}.planilla-kpi.kpi-sin{border-top-color:var(--text-muted)}.planilla-kpi-val{color:var(--text);font-size:1.5rem;font-weight:800;line-height:1}.planilla-kpi-lab{color:var(--text-muted);text-align:center;font-size:.7rem;line-height:1.3}.planilla-card{padding:0;overflow:hidden}.planilla-table-wrap{overflow-x:auto}.planilla-table{border-collapse:collapse;width:100%;font-size:.82rem}.planilla-th{background:var(--primary);color:#fff;text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.6rem .75rem;font-size:.75rem;font-weight:600}.planilla-th.sortable{cursor:pointer}.planilla-th.sortable:hover,.planilla-th.sorted{background:var(--primary-light)}.planilla-td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.55rem .75rem}.planilla-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.planilla-center{text-align:center}.planilla-nombre{min-width:170px}.planilla-nombre strong{display:block}.planilla-email{color:var(--text-muted);font-size:.72rem;display:block}.planilla-trab{font-weight:700}.planilla-pos{color:var(--success);font-weight:700}.planilla-neg{color:var(--danger);font-weight:700}.planilla-warn{color:var(--warning);font-weight:700}.planilla-row:hover{background:#f8fafc}.planilla-row-deficit{background:#fff8f8}.planilla-row-exceso{background:#fffbf0}.planilla-row-sin-datos{opacity:.75;background:#f8fafc}.planilla-cumpl-wrap{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.planilla-bar{background:var(--border);border-radius:2px;width:60px;height:4px;overflow:hidden}.planilla-bar-fill{border-radius:2px;height:100%;transition:width .3s}.planilla-badge{white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.planilla-badge.ok{background:var(--success-bg);color:var(--success-text)}.planilla-badge.exceso{background:var(--warning-bg);color:var(--warning-text)}.planilla-badge.deficit{background:var(--danger-bg);color:var(--danger-text)}.planilla-badge.sin-datos{color:var(--text-muted);background:#f1f5f9}.planilla-tfoot td{background:#f0f7ff;font-size:.82rem}.planilla-tfoot .planilla-td{border-bottom:none;border-top:2px solid var(--primary)}@media (width<=767px){.planilla-resumen{grid-template-columns:repeat(2,1fr)}.planilla-kpi-val{font-size:1.2rem}}.chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:.4rem .9rem;font-size:.9rem}.chip-sm{cursor:default;background:#f0f7ff;margin-right:.25rem;padding:.1rem .5rem;font-size:.72rem}.resumen-clases{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}.resumen-clases strong{font-size:1.4rem;display:block}.clases-lista{flex-direction:column;gap:.5rem;display:flex}.clase-item{background:#f8fafc;border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.clase-fecha{min-width:3rem;color:var(--primary,#0f4c81);font-weight:700}.clase-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.clase-importe{white-space:nowrap;font-weight:600}.clase-acciones{gap:.25rem;display:flex}.desglose{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:.75rem}.desglose>div{justify-content:space-between;padding:.2rem 0;display:flex}.desglose-total{border-top:1px solid #e2e8f0;margin-top:.4rem;font-size:1.1rem;font-weight:700;padding-top:.5rem!important}.tabla-scroll{overflow-x:auto}.tabla-clases{border-collapse:collapse;width:100%}.tabla-clases th,.tabla-clases td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.5rem}.detalle-prof{border-top:2px solid #e2e8f0;margin-top:1.25rem;padding-top:1rem}.catalogo-lista{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.catalogo-item{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.catalogo-item.inactivo{opacity:.55}.catalogo-item>input:first-child{flex:1;min-width:8rem}.revision{background:#f8fafc;border-left:4px solid #94a3b8;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.revision p{margin:.25rem 0 0}.revision-aprobado{background:#f0fdf4;border-color:#16a34a}.revision-rechazado{background:#fef2f2;border-color:#dc2626}.revision-pendiente{background:#fffbeb;border-color:#f59e0b}.marca{font-size:.8rem;display:block}.marca-ok{color:#15803d}.marca-revisar{color:#b45309}.panel-revision{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:.6rem;margin-bottom:1rem;padding:1rem;display:grid}.panel-revision textarea{width:100%;font:inherit;border:1px solid #94a3b8;border-radius:8px;padding:.5rem}.chip-btn{cursor:pointer}.anotacion{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.anotacion-botones{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.anotacion-edit{gap:.25rem;display:flex}.anotacion-edit input{min-width:12rem}.marca-activa-ok{background:#dcfce7;border-color:#16a34a}.marca-activa-revisar{background:#fef3c7;border-color:#f59e0b}.clase-item{flex-wrap:wrap}.panel-revision,.clase-item,.revision,.anotacion{text-align:left}.panel-revision textarea{color:#0f172a;text-align:left;background:#fff}.panel-revision label{text-align:left}.clase-info{align-items:flex-start}:root{--primary:#0f4c81;--primary-light:#1d6fa4;--primary-dark:#0b3a63;--accent:#f97316;--accent-dark:#ea580c;--ink:#0f172a;--text:#0f172a;--text-muted:#475569;--bg:#f3f6fb;--surface:#fff;--border:#e2e8f0;--field:#8b9ab0;--success:#15803d;--success-bg:#dcfce7;--success-text:#14532d;--warning:#b45309;--warning-bg:#fef3c7;--warning-text:#78350f;--danger:#b91c1c;--danger-bg:#fee2e2;--danger-text:#7f1d1d;--radius:16px;--radius-sm:12px;--radius-lg:20px;--shadow:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-md:0 8px 24px -8px #0f172a2e;--nav-h:68px;--safe-b:env(safe-area-inset-bottom,0px)}html,body{background:var(--bg);color:var(--ink)}body{min-height:100dvh}#root{text-align:left;border:0;width:100%;max-width:none;margin:0;display:block}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--primary-light);outline-offset:2px;border-radius:10px}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.ico{flex:none}.app-container{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.app-container main{width:100%;max-width:62rem;padding:16px 16px calc(var(--nav-h) + var(--safe-b) + 24px);text-align:left;margin:0 auto}.app-container main>div{align-content:start;gap:14px;display:grid}.app-container main h2{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:1.15rem;font-weight:700}.app-container main h3{color:var(--ink);font-size:1rem;font-weight:700}header.topbar{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:0 12px;padding-top:env(safe-area-inset-top,0px);color:var(--ink);box-shadow:none;background:#fffffff0;position:sticky;top:0}.topbar-in{justify-content:space-between;align-items:center;gap:8px;max-width:80rem;min-height:56px;margin:0 auto;display:flex}.topbar-brand{color:var(--primary);letter-spacing:-.01em;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;display:flex}.topbar-brand span{color:var(--ink)}.topbar-right{align-items:center;gap:6px;display:flex}.icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:relative}.icon-btn:hover{background:#eef2f7}.icon-btn .badge-dot{background:var(--danger);color:#fff;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:700;line-height:1;display:grid;position:absolute;top:4px;right:3px}.chip-estado{color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;background:#e2e8f0;border-radius:99px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.chip-estado.dentro{background:var(--success-bg);color:var(--success-text)}.chip-estado .punto{background:currentColor;border-radius:50%;width:8px;height:8px}.chip-estado.dentro .punto{animation:1.6s ease-in-out infinite latido}@keyframes latido{50%{opacity:.35}}.chip-modo{border:1.5px solid var(--primary);min-height:36px;color:var(--primary);background:0 0;border-radius:99px;padding:0 12px;font-size:.8rem;font-weight:700}.chip-modo.activo{background:var(--primary);color:#fff}.topbar .solo-escritorio{display:none}.bottom-nav{z-index:45;height:calc(var(--nav-h) + var(--safe-b));padding:6px 4px var(--safe-b);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);background:#fffffff7;flex-wrap:nowrap;justify-content:space-around;align-items:stretch;gap:0;margin:0;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -6px 20px -12px #0f172a40}.bottom-nav .nav-item{min-width:0;color:var(--text-muted);background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:.72rem;font-weight:600;display:flex;position:relative}.bottom-nav .nav-item .ico{width:24px;height:24px}.bottom-nav .nav-item.active{color:var(--primary)}.bottom-nav .nav-item.active:before{content:"";background:var(--primary);border-radius:0 0 3px 3px;height:3px;position:absolute;top:-7px;left:28%;right:28%}.nav-item .nav-badge,.side-nav .nav-badge{background:var(--danger);color:#fff;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:2px;left:calc(50% + 6px)}.side-nav{display:none}.sheet-overlay{z-index:60;background:#0f172a80;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;padding:12px 16px calc(20px + var(--safe-b));background:#fff;border-radius:22px 22px 0 0;max-height:85dvh;animation:.22s ease-out subir;overflow:auto}@keyframes subir{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.sheet-grip{background:#cbd5e1;border-radius:99px;width:44px;height:5px;margin:0 auto 12px}.sheet h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:4px 4px 10px;font-size:.8rem}.sheet-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sheet-item{border:1px solid var(--border);min-height:88px;color:var(--ink);text-align:center;background:#f8fafc;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 4px;font-size:.85rem;font-weight:600;display:flex;position:relative}.sheet-item .ico{color:var(--primary);width:26px;height:26px}.sheet-item.activo{border-color:var(--primary);background:#e8f1fb}.sheet-acciones{gap:8px;margin-top:14px;display:grid}.sheet-acciones button{border:1.5px solid var(--border);min-height:48px;color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.sheet-acciones .salir{color:var(--danger);border-color:#fecaca}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;margin:0;padding:16px}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.card-header h2{margin:0}.empty-state{text-align:center;color:var(--text-muted);padding:22px 8px}.empty-state p{color:var(--ink);font-weight:600}.form-hint{color:var(--text-muted);font-size:.85rem}.btn-primary,.btn-approve,.btn-reject,.btn-cta,.btn-fichar{border-radius:var(--radius-sm);text-align:center;border:0;justify-content:center;align-items:center;gap:8px;width:auto;min-height:48px;padding:0 20px;font-size:1rem;font-weight:700;transition:background-color .15s,transform .1s,opacity .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);opacity:1;transform:none}.btn-approve{background:var(--success);color:#fff}.btn-reject{background:var(--danger);color:#fff}.btn-cta{background:var(--accent);color:var(--ink);width:100%;min-height:52px;font-size:1.05rem}.btn-cta:hover{background:#fb923c}.btn-sm,.btn-ghost{border-radius:var(--radius-sm);min-height:44px;color:var(--primary);background:#fff;border:1.5px solid #cbd5e1;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.9rem;font-weight:700;display:inline-flex}.btn-sm:hover,.btn-ghost:hover{border-color:var(--primary-light);background:#eef4fb}.btn-ghost{background:0 0;border-color:#0000}button:disabled{opacity:.55;cursor:not-allowed}.action-buttons{flex-wrap:wrap;gap:8px;display:flex}.card .btn-primary:only-child,.card form>.btn-primary{width:100%}.form-group{margin:0 0 14px}.form-group label,.panel-revision label{color:var(--ink);text-transform:none;letter-spacing:0;margin-bottom:6px;font-size:.85rem;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea,.card input[type=text],.card input[type=email],.card input[type=number],.card input[type=date],.card input[type=month],.card input[type=time],.card input[type=tel],.card select,.card textarea,.qr-input{width:100%;min-height:48px;color:var(--ink);border:1.5px solid var(--field);border-radius:var(--radius-sm);appearance:auto;background:#fff;outline:none;padding:10px 14px;font-size:1rem}.card textarea{min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.card input:focus,.card select:focus,.card textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1d6fa433}.form-row{grid-template-columns:1fr;gap:0 12px;display:grid}input[type=checkbox],input[type=radio]{width:22px;height:22px;min-height:0;accent-color:var(--primary)}.estado-badge,.badge-warning,.badge-ok{letter-spacing:.01em;text-transform:none;border-radius:99px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.estado-badge.pendiente,.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.estado-badge.aprobado,.badge-ok{background:var(--success-bg);color:var(--success-text)}.estado-badge.rechazado{background:var(--danger-bg);color:var(--danger-text)}.badge{color:var(--ink);background:#e2e8f0}.badge-admin{background:var(--primary);color:#fff}.badge-profesor{color:var(--primary-dark);background:#e8f1fb}.fichar-clock-card{color:#fff;text-align:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#0b3a63 0%,#0f4c81 55%,#1d6fa4 100%);border:0;padding:22px 16px}.fichar-clock-card.estado-dentro{background:linear-gradient(145deg,#065f46 0%,#047857 60%,#0d9488 100%)}.fichar-hora-actual{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#fff;font-size:clamp(2.6rem,14vw,3.6rem);font-weight:800;line-height:1.05}.fichar-fecha-actual{color:#ffffffe0;margin-top:6px;font-size:.95rem}.fichar-fecha-actual:first-letter,.periodo-etiqueta:first-letter{text-transform:uppercase}.fichar-estado-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.fichar-estado-pill,.fichar-timer{color:#fff;font-variant-numeric:tabular-nums;background:#ffffff2e;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:.9rem;font-weight:700;display:inline-flex}.dashboard-entrada-hora{color:#ffffffe6;margin-top:10px;font-size:.9rem}.fichar-clock-card .btn-sm{background:var(--accent);width:100%;color:var(--ink);border:0;min-height:52px;font-size:1.05rem;margin-top:16px!important}.fichar-clock-card .btn-sm:hover{background:#fb923c}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-align:left;flex-direction:column;gap:2px;padding:12px 10px;display:flex}.stat-card .stat-icon{display:none}.stat-card>div{flex-direction:column-reverse;display:flex}.stat-label{color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:.72rem;font-weight:600;line-height:1.25}.stat-number{color:var(--primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1.1}.stat-card.stat-green .stat-number{color:var(--success)}.stat-card.stat-amber .stat-number{color:var(--warning)}.resumen-list{gap:8px;display:grid}.resumen-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.resumen-fecha{text-transform:capitalize;font-weight:600}.resumen-right{align-items:center;gap:8px;display:flex}.resumen-horas{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:800}.timeline{gap:8px;display:grid}.timeline-item{border-radius:var(--radius-sm);border-left:4px solid var(--success);background:#f8fafc;align-items:center;gap:10px;padding:10px 12px;display:flex}.timeline-item.salida{border-left-color:var(--danger)}.timeline-hora{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:800}.timeline-zona{color:var(--text-muted);font-size:.85rem}.btn-fichar{background:var(--primary);color:#fff;border-radius:var(--radius);width:100%;min-height:64px;font-size:1.15rem}.qr-grid{grid-template-columns:1fr;gap:10px;display:grid}.qr-card{text-align:left;border-radius:var(--radius-sm);border:1.5px solid var(--border);padding:14px}.qr-card.selected{border-color:var(--primary);background:#eaf3fc}.fichar-action{gap:10px;display:grid}.solicitud-item,.profesor-card{border-radius:var(--radius-sm);border:1px solid var(--border);text-align:left;background:#fff;padding:14px}.profesores-grid{grid-template-columns:1fr;gap:10px;display:grid}.profesor-card{grid-template-columns:auto 1fr;align-items:center;gap:10px 12px;display:grid}.profesor-avatar{width:44px;height:44px;color:var(--primary-dark);background:#e8f1fb;border-radius:50%;place-items:center;font-weight:800;display:grid}.profesor-info{flex-direction:column;min-width:0;display:flex}.profesor-info small{color:var(--text-muted);overflow-wrap:anywhere}.profesor-card>div:nth-of-type(3){flex-wrap:wrap;grid-column:1/-1;gap:8px;flex-direction:row!important;align-items:center!important;display:flex!important}.profesor-edit-form{border-top:1px solid var(--border);grid-column:1/-1;padding-top:12px}.informe-tabs{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.informe-tabs::-webkit-scrollbar{display:none}.btn-tab{border:1.5px solid var(--border);min-height:44px;color:var(--text-muted);background:#fff;border-radius:99px;flex:none;padding:0 16px;font-size:.9rem;font-weight:700}.btn-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.notif-overlay{z-index:70;background:#0f172a80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.notif-panel{width:100%;max-height:82dvh;box-shadow:none;background:#fff;border-radius:22px 22px 0 0;padding:16px;animation:.22s ease-out subir;position:static;overflow:auto}.notif-panel-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.notif-list{gap:8px;display:grid}.notif-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;gap:10px;padding:12px;display:flex;position:relative}.notif-item.leida{opacity:.7}.notif-titulo{display:block}.notif-mensaje{color:var(--text-muted);font-size:.9rem}.notif-meta{color:var(--text-muted);font-size:.78rem}.notif-dot{background:var(--accent);border-radius:50%;align-self:center;width:10px;height:10px}.toast{left:50%;bottom:calc(var(--nav-h) + var(--safe-b) + 14px);z-index:90;background:var(--ink);color:#fff;max-width:calc(100vw - 32px);box-shadow:var(--shadow-md);text-align:center;border-radius:14px;padding:12px 18px;font-weight:600;position:fixed;transform:translate(-50%)}.toast-success{background:#166534}.toast-error{background:#991b1b}.toast-warning{background:#92400e}.loading-overlay{z-index:95;background:#fff9;place-items:center;display:grid;position:fixed;inset:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:44px;color:var(--ink);background:#fff;border:1.5px solid #b6c2d3;border-radius:99px;align-items:center;padding:0 16px;font-size:.95rem;font-weight:600;display:inline-flex}.chip-on{background:var(--primary);border-color:var(--primary);color:#fff}.chip-sm{min-height:28px;color:var(--primary-dark);background:#eaf3fc;border-color:#0000;padding:0 10px;font-size:.75rem}.chip-btn{cursor:pointer;min-height:36px;font-size:.8rem}.resumen-clases{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;display:grid}.resumen-clases>div{border:1px solid var(--border);border-radius:var(--radius-sm);background:#f8fafc;padding:12px}.resumen-clases strong{color:var(--primary);font-size:1.5rem;font-weight:800;line-height:1.1;display:block}.resumen-clases small{color:var(--text-muted)}.clases-lista{gap:10px;display:grid}.clase-item{border-radius:var(--radius-sm);border:1px solid var(--border);text-align:left;background:#f8fafc;grid-template-columns:auto 1fr auto;align-items:start;gap:6px 12px;padding:12px;display:grid}.clase-fecha{color:var(--primary);min-width:3rem;padding-top:2px;font-weight:800}.clase-info{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.clase-primas{flex-wrap:wrap;gap:4px;display:flex}.clase-importe{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:800}.clase-acciones{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.marca{font-size:.82rem;font-weight:600;display:block}.desglose>div{padding:6px 0}.revision{border-radius:var(--radius-sm);border-left-width:5px}.tabla-scroll{margin:0 -4px;overflow-x:auto}.panel-revision{text-align:left;border-radius:var(--radius-sm)}.anotacion{grid-column:1/-1;align-items:stretch}.anotacion-botones{justify-content:flex-start}.anotacion-edit input{flex:1;min-width:0}.catalogo-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#f8fafc;grid-template-columns:1fr;gap:8px;padding:12px;display:grid}.catalogo-item>input:first-child{min-width:0}@media (width<=719px){.tabla-clases thead{position:absolute;left:-9999px}.tabla-clases,.tabla-clases tbody,.tabla-clases tr,.tabla-clases td{width:100%;display:block}.tabla-clases tr{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;margin-bottom:10px;padding:8px 12px}.tabla-clases td{border:0;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.tabla-clases td:before{content:attr(data-label);color:var(--text-muted);font-size:.82rem;font-weight:600}.tabla-clases td:first-child{border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:8px;font-size:1.02rem;font-weight:800}.tabla-clases td:first-child:before{content:none}.tabla-clases td:last-child{justify-content:flex-end}.tabla-clases td:last-child:before{content:none}}@media (width>=720px){.form-row{grid-template-columns:1fr 1fr}.app-container main{padding-left:24px;padding-right:24px}.profesores-grid,.qr-grid{grid-template-columns:repeat(2,1fr)}.catalogo-item{grid-template-columns:1fr auto auto auto;align-items:center}.clase-acciones{grid-column:auto}.sheet{border-radius:22px;max-width:34rem;margin:0 auto 20px}.sheet-overlay{justify-content:center;align-items:center}.sheet{margin-bottom:0}.notif-overlay{justify-content:flex-end;align-items:flex-start;padding:64px 16px 0}.notif-panel{border-radius:18px;max-width:26rem}}@media (width>=960px){.app-container{grid-template:"top top""side main"1fr/248px minmax(0,1fr);display:grid}header.topbar{grid-area:top;padding:0 24px}.bottom-nav{display:none}.side-nav{border-right:1px solid var(--border);background:#fff;flex-direction:column;grid-area:side;align-self:start;gap:4px;height:calc(100dvh - 57px);padding:16px 12px;display:flex;position:sticky;top:57px;overflow:auto}.side-nav .nav-item{min-height:46px;color:var(--text-muted);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:0 14px;font-size:.95rem;font-weight:600;display:flex;position:relative}.side-nav .nav-item:hover{color:var(--ink);background:#f1f5f9}.side-nav .nav-item.active{color:var(--primary);background:#e8f1fb}.side-nav .nav-badge{margin-left:auto;position:static}.app-container main{grid-area:main;max-width:70rem;margin:0;padding:28px 32px 40px}.topbar .solo-escritorio{display:inline-flex}.stat-number{font-size:1.9rem}.toast{bottom:28px}.stats-grid{gap:14px}}.stats-grid{margin:0}.stat-card{border-left-width:1px!important}.card-header .btn-sm{min-height:40px;padding:0 12px;font-size:.85rem}.app-container main>div>.card,.app-container main>div>.stats-grid{margin:0}.card>h2{margin-bottom:12px}.scan-buttons{gap:10px;display:grid}.btn-scan{border-radius:var(--radius-sm);background:var(--accent);width:100%;min-height:58px;color:var(--ink);border:0;justify-content:center;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:flex}.btn-scan:hover{background:#fb923c}.btn-scan.btn-nfc{color:var(--primary);border:2px solid var(--primary);background:#fff}.btn-scan.btn-nfc.active{background:#e8f1fb}.or-divider{color:var(--text-muted);align-items:center;gap:10px;margin:16px 0 12px;font-size:.85rem;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--border);flex:1;height:1px}.or-divider span{order:2}.or-divider:after{order:3}.scanner-container{border-radius:var(--radius);aspect-ratio:3/4;background:#000;max-height:70dvh;position:relative;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%}.scanner-stop{color:var(--ink);background:#fffffff2;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.salida-directa-card{background:#fff7f7;border-color:#fecaca}.btn-salida-directa{border-radius:var(--radius-sm);background:var(--danger);color:#fff;border:0;justify-content:center;align-items:center;width:100%;min-height:56px;font-size:1.05rem;font-weight:800;display:flex}.salida-directa-info{color:var(--text-muted);margin-bottom:12px;font-size:.92rem}.modal-overlay{z-index:80;background:#0f172a8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-box{width:100%;max-width:28rem;padding:22px 18px calc(22px + var(--safe-b));text-align:left;background:#fff;border-radius:22px 22px 0 0;animation:.2s ease-out subir}.modal-box h3{margin-bottom:6px;font-size:1.15rem}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}@media (width>=720px){.modal-overlay{align-items:center;padding:16px}.modal-box{border-radius:20px}}.atajos{margin-top:8px}.chip svg{margin-right:6px}.chip-sm.chip-on{background:var(--primary);color:#fff}.atajos{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.atajos .chip{justify-content:center;min-height:40px;padding:0;font-size:.85rem}.periodo-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.segmentado{background:#e2e8f0;border-radius:99px;padding:4px;display:inline-flex}.segmentado button{min-height:40px;color:var(--text-muted);background:0 0;border:0;border-radius:99px;padding:0 18px;font-size:.9rem;font-weight:700}.segmentado button.activo{color:var(--primary);box-shadow:var(--shadow);background:#fff}.periodo-etiqueta{color:var(--text-muted);font-size:.85rem;font-weight:600;display:block}.stats-2x2{grid-template-columns:repeat(2,1fr)}@media (width>=960px){.stats-2x2{grid-template-columns:repeat(4,1fr)}}.resumen-fecha{text-transform:none}.resumen-fecha:first-letter{text-transform:uppercase}.mes-selector{align-items:stretch;gap:8px;display:flex}.mes-selector input{flex:1}.mes-selector .btn-primary{width:auto;margin:0;padding:0 22px}.informe-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0;display:grid}.informe-stat{border-radius:var(--radius-sm);border:1px solid var(--border);text-align:left;background:#f8fafc;flex-direction:column-reverse;gap:2px;padding:12px;display:flex}.informe-stat-icon{display:none}.informe-stat-value{color:var(--primary);font-size:1.4rem;font-weight:800;line-height:1.1}.informe-stat-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.informe-stat.warning .informe-stat-value{color:var(--warning)}.detalle-list{gap:8px;display:grid}.detalle-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.detalle-item.exceso{background:#fffbeb;border-color:#fcd34d}.detalle-fecha{font-weight:600}.detalle-horas{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:800}.btn-download{border-radius:var(--radius-sm);background:var(--primary);color:#fff;border:0;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex}.nota-legal{color:var(--text-muted);margin-top:14px;font-size:.78rem}.informe-detalle h3{margin:14px 0 8px}.card>.btn-primary,.card>.btn-approve{width:100%}.toolbar{align-items:stretch;gap:8px;display:flex}.toolbar .busqueda{border:1.5px solid var(--field);border-radius:var(--radius-sm);background:#fff;flex:1;min-width:0;min-height:48px;padding:0 14px;font-size:1rem}.toolbar .btn-primary{flex:none;width:auto}.profesores-grid .profesor-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;display:grid}.profesores-grid .profesor-info{flex-direction:column;gap:0;min-width:0;display:flex}.profesores-grid .profesor-info strong{font-size:1.02rem}.profesores-grid .profesor-card>div:nth-of-type(3){grid-column:1/-1;justify-content:flex-start!important}.profesores-grid .profesor-card.inactivo{opacity:.6}.opciones{gap:8px;display:grid}.opcion{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:#f8fafc;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;font-weight:400;display:flex}.opcion input{margin-top:2px}.opcion small{color:var(--text-muted);font-size:.82rem;display:block}.item-integracion{border:1px solid var(--border);border-radius:var(--radius-sm);background:#f8fafc;gap:10px;padding:12px;display:grid}.item-integracion small{color:var(--text-muted);margin:2px 0 6px;font-size:.82rem;display:block}.item-integracion .url{overflow-wrap:anywhere}.item-integracion.inactivo{opacity:.6}.aviso-secreto{border:2px solid var(--accent);background:#fff7ed}.secreto{border-radius:var(--radius-sm);border:1px dashed var(--accent-dark);overflow-wrap:anywhere;background:#fff;margin:10px 0;padding:12px;font-size:.9rem;display:block}.cotejo{border:1px solid var(--border);border-radius:var(--radius-sm);background:#f8fafc;margin-bottom:14px;padding:12px}.cotejo-filas{gap:6px;margin-top:8px;display:grid}.cotejo-fila{border:1px solid var(--border);font-variant-numeric:tabular-nums;background:#fff;border-radius:10px;grid-template-columns:3.2rem 1fr 1fr auto;align-items:center;gap:8px;padding:8px 10px;font-size:.88rem;display:grid}.cotejo-fila.dif{background:#fffbeb;border-color:#fcd34d}.texto-aviso{color:var(--warning);font-weight:700}.texto-ok{color:var(--success);font-weight:700}@media (width>=720px){.item-integracion{grid-template-columns:1fr auto;align-items:center}}.cmp-lista{gap:10px;margin-top:12px;display:grid}.cmp-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;overflow:hidden}.cmp-item.cmp-diferencia_horas,.cmp-item.cmp-sin_carga{border-left:5px solid var(--danger)}.cmp-item.cmp-diferencia_importe,.cmp-item.cmp-sin_coincidencia{border-left:5px solid var(--warning)}.cmp-item.cmp-ok{border-left:5px solid var(--success)}.cmp-cab{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:56px;padding:12px;display:flex}.cmp-nombre{flex-direction:column;min-width:0;display:flex}.cmp-nombre strong{overflow-wrap:anywhere}.cmp-nombre small{color:var(--text-muted)}.cmp-cifras{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px;display:grid}.cmp-cifras>div{font-variant-numeric:tabular-nums;background:#f8fafc;border-radius:10px;flex-direction:column;gap:1px;padding:8px 10px;font-size:.9rem;display:flex}.cmp-cifras small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.cmp-cifras em{color:var(--text-muted);font-size:.75rem;font-style:normal}.cmp-cifras .dif,.dif{color:var(--danger);font-weight:800}.cmp-vincular,.cmp-detalle{padding:0 12px 12px}.form-hint{color:var(--text-muted);background:0 0;border:0;border-radius:0;padding:0;font-size:.88rem;line-height:1.45}.informe-tabs{overflow-x:auto;flex-wrap:nowrap!important;display:flex!important}.app-container main>div{grid-template-columns:minmax(0,1fr);min-width:0}.app-container main .card,.app-container main .stat-card{min-width:0}.form-hint,.stat-label,.stat-number,.cmp-nombre{overflow-wrap:anywhere}.stat-number{font-size:clamp(1.15rem,5.4vw,1.6rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}#root{min-height:100dvh}button,input,select,textarea{font:inherit}h1,h2,h3,h4,p{margin:0}code{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.9em}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}