*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f2f5;color:#333}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh;align-items:stretch}.sidebar{width:235px;background:#fff;color:#1e293b;display:flex;flex-direction:column;padding:0;flex-shrink:0;box-shadow:2px 0 12px #00000014;border-right:1px solid #e2e8f0;position:sticky;top:0;height:100vh;overflow:hidden}.sidebar-logo{padding:0 20px;height:64px;display:flex;align-items:center;font-size:1.3rem;font-weight:800;border-bottom:1px solid #e2e8f0;letter-spacing:2px;flex-shrink:0;text-transform:uppercase;color:#1e293b}.sidebar-logo span{color:#f0a500}.sidebar-nav{flex:1;padding:8px 10px 16px;overflow-y:auto;min-height:0}.sidebar-nav a{display:flex;align-items:center;gap:9px;padding:9px 14px;color:#64748b;font-size:.855rem;font-weight:500;transition:color .15s,background .15s;border-radius:6px;margin:1px 0}.sidebar-nav a svg{flex-shrink:0;opacity:.6}.sidebar-nav a:hover svg,.sidebar-nav a.active svg{opacity:1}.sidebar-nav a:hover{color:#1e293b;background-color:#f1f5f9}.sidebar-nav a.active{color:#1e293b;background:linear-gradient(90deg,#f0a5001f,#f0a5000a);font-weight:600;box-shadow:inset 3px 0 #f0a500}.sidebar-grupo-label{padding:18px 14px 4px;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}.sidebar-footer{padding:12px 10px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:4px}.sidebar-footer-usuario{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:600;color:#475569;border-radius:6px;background:#f8fafc}.sidebar-footer-usuario svg{flex-shrink:0;color:#94a3b8}.sidebar-footer-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:500;color:#94a3b8;background:none;border:none;border-radius:6px;cursor:pointer;width:100%;transition:background .15s,color .15s;text-align:left}.sidebar-footer-btn:hover{background:#fee2e2;color:#dc2626}.layout-right{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;display:flex;align-items:center;padding:0 28px;gap:16px;box-shadow:0 1px 4px #0000000f}.topbar-titulo{font-size:1rem;font-weight:600;color:#1e293b;flex:1;letter-spacing:.02em}.main-content{flex:1;padding:32px;overflow-x:auto}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2b47,#2c4a7a)}.login-card{background:#fff;padding:40px;border-radius:8px;width:100%;max-width:380px;box-shadow:0 8px 32px #00000040}.login-card h1{font-size:1.8rem;font-weight:700;color:#1a2b47;margin-bottom:4px}.login-card .subtitle{color:#888;font-size:.9rem;margin-bottom:28px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;font-weight:600;color:#555;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2c4a7a}.tabla-listado{width:100%;border-collapse:collapse;font-size:.875rem}.tabla-listado th{padding:6px 14px;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;border-bottom:1px solid #3a5068;background:#4a6580}.tabla-listado td{padding:6px 14px;border-bottom:1px solid #e2e8f0;color:#334155}.tabla-listado tbody tr:hover{background-color:#dbeafe}.tabla-listado tbody tr:last-child td{border-bottom:none}.tabla-striped thead th{color:#fff;background:#4a6580;border-bottom:1px solid #3a5068}.tabla-striped tbody tr:nth-child(odd) td{background-color:#fff}.tabla-striped tbody tr:nth-child(2n) td{background-color:#dce8f5}.tabla-striped tbody tr:hover td{background-color:#bfd7ef!important}.btn-sm{padding:4px 10px;font-size:.78rem}.btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:10px 20px;border:none;border-radius:4px;font-size:.9rem;font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none;transition:opacity .2s,background .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#2c4a7a;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1a2b47}.btn-secondary{background-color:#e2e8f0;color:#333}.btn-secondary:hover:not(:disabled){background-color:#cbd5e1}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-success{background-color:#16a34a;color:#fff}.btn-success:hover:not(:disabled){background-color:#15803d}.alert{padding:12px 16px;border-radius:4px;font-size:.9rem;margin-bottom:16px}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h2{font-size:1.4rem;color:#1a2b47}.card{background:#fff;border-radius:6px;box-shadow:0 1px 4px #00000014;padding:24px;margin-bottom:24px}.tabla-basica{width:100%;border-collapse:collapse;font-size:.9rem}.tabla-basica th{text-align:left;padding:10px 12px;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;font-weight:600;color:#475569;font-size:.8rem;text-transform:uppercase}.tabla-basica td{padding:10px 12px;border-bottom:1px solid #f1f5f9}.tabla-basica tr:last-child td{border-bottom:none}.tabla-basica tr:hover td{background-color:#f8fafc}.cuadrante-wrapper{overflow-x:auto;border-radius:6px;box-shadow:0 1px 4px #00000014}.tabla-cuadrante{border-collapse:collapse;font-size:.75rem;min-width:900px;background:#fff}.tabla-cuadrante th{padding:5px 0;background-color:#1a2b47;color:#fff;text-align:center;font-weight:600;white-space:nowrap;border:1px solid #2c4a7a;overflow:hidden}.tabla-cuadrante th.th-nombre{text-align:left;padding-left:12px}.tabla-cuadrante td{padding:3px 0;text-align:center;border:1px solid #e2e8f0;cursor:pointer;overflow:hidden;white-space:nowrap;transition:filter .1s}.tabla-cuadrante td:hover{filter:brightness(.9)}.tabla-cuadrante td.td-nombre{text-align:left;padding-left:12px;font-weight:600;background-color:#f8fafc;cursor:default}.tabla-cuadrante td.td-nombre:hover{filter:none}.tabla-cuadrante td.td-codigo{color:#64748b;font-size:.75rem;background-color:#f8fafc;cursor:default}.tabla-cuadrante td.td-total{font-weight:700;background-color:#f0f9ff;cursor:default}.celda-horas{background-color:#dcfce7;color:#15803d;font-weight:600;cursor:pointer}.celda-descanso{background-color:#f1f5f9;color:#94a3b8;cursor:pointer}.celda-baja{background-color:#fef2f2;color:#dc2626;font-weight:600;cursor:pointer}.celda-vacaciones{background-color:#eff6ff;color:#2563eb;font-weight:600;cursor:pointer}.celda-festivo{background-color:#fef9c3;color:#854d0e;font-weight:600;cursor:pointer}.celda-vacio{background-color:#fff;cursor:pointer}.celda-peligro{background-color:#dc2626;color:#fff;font-weight:700;cursor:pointer}.celda-reten{background-color:#16a34a!important;color:#fff!important;font-weight:700;cursor:pointer}.celda-sabado{background-color:#bfdbfe!important}.celda-domingo{background-color:#fef08a!important}.th-sabado{background-color:#2563eb!important}.th-domingo{background-color:#ca8a04!important}.th-festivo{background-color:#dc2626!important}.celda-festivo-nacional{background-color:#fca5a5!important}.agenda-celda{width:22px;height:22px;text-align:center;vertical-align:middle;border-radius:3px;padding:1px;position:relative;cursor:default;font-size:.65rem}.agenda-celda .agenda-num{display:block;font-size:.62rem;color:inherit;line-height:1;opacity:.6}.agenda-celda .agenda-val{display:block;font-size:.62rem;font-weight:700;line-height:1}.agenda-vacio{background:#f8fafc;color:#94a3b8}.agenda-trabajado{background:#dcfce7;color:#15803d}.agenda-finde{background:#fef2f2;color:#b91c1c}.agenda-finde-trabajado{background:#bbf7d0;color:#166534;font-weight:700}.agenda-descanso{background:#f1f5f9;color:#94a3b8}.agenda-baja{background:#fef2f2;color:#dc2626;font-weight:700}.agenda-vacaciones{background:#eff6ff;color:#2563eb;font-weight:700}.agenda-festivo{background:#fef9c3;color:#854d0e;font-weight:700}.agenda-nocturno{background:#1e1b4b;color:#a5b4fc;font-weight:700}.agenda-leyenda{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:4px;vertical-align:middle}.tr-horas td{border-bottom:none}.tr-categoria td{border-bottom:none;padding-top:1px;padding-bottom:1px}.tr-turno td{border-bottom:2px solid #cbd5e1}.td-categoria{text-align:left;padding-left:12px;font-size:.75rem;color:#64748b;background-color:#f8fafc;cursor:pointer}.td-turno{text-align:left;padding-left:12px;font-size:.75rem;color:#94a3b8;font-style:italic;background-color:#f8fafc;cursor:pointer}.td-fila-aux{background-color:#f8fafc;cursor:default}.th-resumen{font-size:.65rem;padding:3px 2px;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;background-color:#2c4a7a!important;overflow:hidden}.td-resumen{text-align:center;font-size:.75rem;background-color:#f0f6ff;border:1px solid #bfdbfe;cursor:default;vertical-align:middle;font-weight:600;color:#1e3a5f;overflow:hidden}.td-resumen-nor{background-color:#e0f2fe}.td-resumen-total{background-color:#dbeafe;font-weight:700;font-size:.8rem}.dropzone{border:2px dashed #94a3b8;border-radius:8px;padding:48px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;color:#64748b}.dropzone:hover,.dropzone.active{border-color:#2c4a7a;background-color:#f0f6ff;color:#1a2b47}.dropzone p{margin-top:8px;font-size:.9rem}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.badge-blue{background-color:#dbeafe;color:#1d4ed8}.badge-green{background-color:#dcfce7;color:#15803d}.badge-gray{background-color:#f1f5f9;color:#475569}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}