:root{--font-sans:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-mono:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--color-accent:#0867c8;--color-accent-mid:#22a8f5;--color-accent-light:#e7f2fd;--color-accent-hover:#05539e;--sidebar-bg-1:#0a2948;--sidebar-bg-2:#071b31;--sidebar-bg-3:#06182d;--sidebar-bg-hover:#ffffff12;--sidebar-active-a:#22a8f5;--sidebar-active-b:#0867c8;--sidebar-text:#ffffffb8;--sidebar-text-active:#fff;--sidebar-section:#ffffff8c;--sidebar-border:#ffffff14;--color-bg:#f4f6f9;--color-surface:#fff;--color-surface-2:#f8f9fc;--color-border:#e4e8ef;--color-border-strong:#c8d0dc;--color-text-primary:#0d1b2e;--color-text-secondary:#4a5568;--color-text-tertiary:#8a96a8;--color-red:#dc3545;--color-amber:#f59e0b;--color-green:#28a745;--color-blue:#2e6fd9;--color-purple:#6f42c1;--color-teal:#17a2b8;--color-teal-light:#e3f6f8;--color-pink:#e83e8c;--color-blue-light:#e8f0fd;--color-amber-light:#fffbeb;--color-gray-chip:#5c5c5c;--color-gray-chip-light:#ececec;--color-red-dark:#791f1f;--color-red-strong:#a32d2d;--color-red-bg:#fef2f2;--color-amber-dark:#633806;--color-amber-strong:#854f0b;--color-amber-bg:#faeeda;--color-green-dark:#27500a;--color-green-bg:#eaf3de;--color-purple-dark:#3d369e;--color-purple-bg:#eeedfe;--color-red-border:#fecaca;--color-amber-border:#fad675;--color-blue-dark:#0c447c;--color-blue-bg:#e6f1fb;--color-blue-border:#b5d4f4;--color-blue-accent:#185fa5;--color-green-strong:#3b6d11;--color-green-border:#c0dd97;--color-warn-red:#dc2626;--color-warn-red-dark:#7f1d1d;--color-warn-red-border:#fecaca;--color-warn-amber-bg:#fff7ed;--color-warn-amber-border:#fed7aa;--color-warn-amber-dark:#b45309;--color-warn-green-dark:#15803d;--color-warn-green-bg:#f0fdf4;--color-warn-green-border:#bbf7d0;--color-amber-light-border:#fcd34d;--color-text-muted:#5a6b7b;--print-navy:#1f4e78;--print-ink:#1f2d3d;--print-toolbar-bg:#1f2937;--tag-teal-dark:#0f6e56;--tag-teal-bg:#e1f5ee;--tag-coral-dark:#993c1d;--tag-coral-bg:#faece7;--color-orange-dark:#c2410c;--color-violet-dark:#5b21b6;--color-teal-deep:#085041;--color-warn-blue-bg:#eff6ff;--color-warn-blue-dark:#1d4ed8;--color-warn-gray-bg:#f3f4f6;--color-warn-gray-dark:#6b7280;--sidebar-width:250px;--sidebar-width-collapsed:72px;--topbar-height:56px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 8px 24px #0000001a, 0 4px 8px #0000000f;--shadow-blue-soft:0 2px 6px #168fea33;--page-bg-gradient:linear-gradient(135deg, #f8fbff 0%, #f1f8fe 55%, #f8fcff 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0f1420;--color-surface:#161c2c;--color-surface-2:#1d2436;--color-border:#2a3247;--color-border-strong:#3a4360;--color-text-primary:#e8ebf2;--color-text-secondary:#aeb6c9;--color-text-tertiary:#727c93;--color-text-muted:#9aaab8;--color-accent:#5aa3e8;--color-accent-mid:#7cc1f5;--color-accent-light:#1b2c42;--color-accent-hover:#8fc4f2;--color-red:#f0827a;--color-amber:#fbbf52;--color-green:#5fc97d;--color-blue:#6fa8f0;--color-purple:#a57edc;--color-teal:#4fc3d6;--color-pink:#f17bb0;--color-teal-light:#13303b;--color-blue-light:#182642;--color-amber-light:#3b2d19;--color-amber-light-border:#c99a3e;--color-gray-chip:#b7bec9;--color-gray-chip-light:#282a2f;--color-red-dark:#f0a5a0;--color-red-strong:#f0827a;--color-red-bg:#321a20;--color-red-border:#4c1e23;--color-amber-dark:#e0b067;--color-amber-strong:#e8b85a;--color-amber-bg:#2b2118;--color-amber-border:#462f14;--color-green-dark:#8fcb6a;--color-green-bg:#172218;--color-green-strong:#9ed47a;--color-green-border:#223818;--color-purple-dark:#a79be8;--color-purple-bg:#1c1c3b;--color-blue-dark:#7fb6e8;--color-blue-bg:#112033;--color-blue-border:#102742;--color-blue-accent:#6faee8;--color-warn-red:#f0827a;--color-warn-red-dark:#f0a5a0;--color-warn-red-border:#3e181c;--color-warn-amber-bg:#362218;--color-warn-amber-border:#532d14;--color-warn-amber-dark:#e8b05a;--color-warn-green-dark:#7fdb9e;--color-warn-green-bg:#132a23;--color-warn-green-border:#133d29;--color-warn-blue-bg:#142145;--color-warn-blue-dark:#7fa8f5;--color-warn-gray-bg:#292c36;--color-warn-gray-dark:#aeb4be;--tag-teal-dark:#6fcbae;--tag-teal-bg:#112829;--tag-coral-dark:#e8916a;--tag-coral-bg:#301d1c;--color-orange-dark:#f0955c;--color-violet-dark:#b599ec;--color-teal-deep:#6acbae;--page-bg-gradient:linear-gradient(135deg, #0f1420 0%, #121826 55%, #0f1420 100%)}}:root[data-theme=dark]{--color-bg:#0f1420;--color-surface:#161c2c;--color-surface-2:#1d2436;--color-border:#2a3247;--color-border-strong:#3a4360;--color-text-primary:#e8ebf2;--color-text-secondary:#aeb6c9;--color-text-tertiary:#727c93;--color-text-muted:#9aaab8;--color-accent:#5aa3e8;--color-accent-mid:#7cc1f5;--color-accent-light:#1b2c42;--color-accent-hover:#8fc4f2;--color-red:#f0827a;--color-amber:#fbbf52;--color-green:#5fc97d;--color-blue:#6fa8f0;--color-purple:#a57edc;--color-teal:#4fc3d6;--color-pink:#f17bb0;--color-teal-light:#13303b;--color-blue-light:#182642;--color-amber-light:#3b2d19;--color-amber-light-border:#c99a3e;--color-gray-chip:#b7bec9;--color-gray-chip-light:#282a2f;--color-red-dark:#f0a5a0;--color-red-strong:#f0827a;--color-red-bg:#321a20;--color-red-border:#4c1e23;--color-amber-dark:#e0b067;--color-amber-strong:#e8b85a;--color-amber-bg:#2b2118;--color-amber-border:#462f14;--color-green-dark:#8fcb6a;--color-green-bg:#172218;--color-green-strong:#9ed47a;--color-green-border:#223818;--color-purple-dark:#a79be8;--color-purple-bg:#1c1c3b;--color-blue-dark:#7fb6e8;--color-blue-bg:#112033;--color-blue-border:#102742;--color-blue-accent:#6faee8;--color-warn-red:#f0827a;--color-warn-red-dark:#f0a5a0;--color-warn-red-border:#3e181c;--color-warn-amber-bg:#362218;--color-warn-amber-border:#532d14;--color-warn-amber-dark:#e8b05a;--color-warn-green-dark:#7fdb9e;--color-warn-green-bg:#132a23;--color-warn-green-border:#133d29;--color-warn-blue-bg:#142145;--color-warn-blue-dark:#7fa8f5;--color-warn-gray-bg:#292c36;--color-warn-gray-dark:#aeb4be;--tag-teal-dark:#6fcbae;--tag-teal-bg:#112829;--tag-coral-dark:#e8916a;--tag-coral-bg:#301d1c;--color-orange-dark:#f0955c;--color-violet-dark:#b599ec;--color-teal-deep:#6acbae;--page-bg-gradient:linear-gradient(135deg, #0f1420 0%, #121826 55%, #0f1420 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23AEB6C9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}}:root[data-theme=dark] select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23AEB6C9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow-x:hidden}.app-layout{min-height:100vh;display:flex;overflow-x:hidden}@media print{.sidebar,.topbar{display:none!important}.page-content{padding:0!important}body.imprimiendo-papeleta *{visibility:hidden}body.imprimiendo-papeleta #papeleta-print-root,body.imprimiendo-papeleta #papeleta-print-root *{visibility:visible}body.imprimiendo-papeleta #papeleta-print-root{width:100%;margin:0;padding:0;position:absolute;top:0;left:0}.papeleta-overlay-toolbar{display:none!important}}@page papeleta-a4{size:A4 portrait;margin:0}.papeleta-page{page:papeleta-a4;box-sizing:border-box;color:#111;page-break-after:always;background:#fff;width:210mm;min-height:297mm;padding:14mm 16mm;font-family:Arial,Helvetica,sans-serif}.papeleta-page:last-child{page-break-after:auto}@media print{@page reporte-personal-page{size:landscape;margin:10mm}body.imprimiendo-reporte-personal #root{display:none!important}body.imprimiendo-reporte-personal .reporte-print-overlay{position:static!important;inset:auto!important;overflow:visible!important}body.imprimiendo-reporte-personal #reporte-print-root{margin:0;padding:0;display:block!important}.reporte-print-toolbar{display:none!important}.reporte-print-page{margin:0 auto;box-shadow:none!important}.reporte-print-footer{break-inside:avoid}body.imprimiendo-reporte-vacaciones #root{display:none!important}body.imprimiendo-reporte-vacaciones .reporte-print-overlay{position:static!important;inset:auto!important;overflow:visible!important}body.imprimiendo-reporte-vacaciones #vacaciones-print-root{margin:0;padding:0;display:block!important}}.reporte-print-page{page:reporte-personal-page;box-sizing:border-box;width:277mm;color:var(--print-ink);background:#fff;padding:8mm 10mm 16mm;font-family:Arial,Helvetica,sans-serif;box-shadow:0 4px 24px #00000059}.reporte-print-bloque{border:1px solid #c9d2dc;border-radius:4px;overflow:hidden}.reporte-print-bloque-titulo{background:var(--print-navy);color:#fff;letter-spacing:.4px;padding:5px 10px;font-size:11px;font-weight:700}.reporte-print-page table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:8px;font-size:9.5px}.reporte-print-page th,.reporte-print-page td{text-align:left;white-space:nowrap;text-overflow:ellipsis;border:1px solid #c9d2dc;padding:4px 6px;overflow:hidden}.reporte-print-page td.wrap{white-space:normal;overflow-wrap:break-word}.reporte-print-page thead{display:table-header-group}.reporte-print-page thead th{background:var(--print-navy);color:#fff;text-align:center;font-weight:700}.reporte-print-page tbody tr:nth-child(2n){background:#f3f6f8}.reporte-print-page tbody tr{break-inside:avoid}.reporte-print-footer{color:var(--color-text-muted);border-top:1px solid #c9d2dc;justify-content:space-between;align-items:center;margin-top:10px;padding-top:4px;font-size:9px;display:flex}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--sidebar-bg-1) 0%, var(--sidebar-bg-2) 55%, var(--sidebar-bg-3) 100%);z-index:100;flex-direction:column;transition:width .18s,transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 12px #00000026}.app-layout.sidebar-collapsed .sidebar{width:var(--sidebar-width-collapsed)}.app-layout.sidebar-collapsed .main-area{margin-left:var(--sidebar-width-collapsed)}.sidebar-logo{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:10px;min-height:30px;padding:18px 16px;display:flex}.sidebar-logo img{object-fit:contain;aspect-ratio:auto;flex-shrink:0;width:30px;height:30px;display:block}.sidebar-logo-text{white-space:nowrap;overflow:hidden}.sidebar-logo-title{color:#fff;letter-spacing:.4px;font-size:13px;font-weight:700;line-height:1.3}.sidebar-logo-sub{color:var(--sidebar-text);margin-top:1px;font-size:10px}.sidebar-collapse-btn{color:#ffffffbf;cursor:pointer;background:#ffffff14;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:auto;transition:background-color .15s,color .15s;display:flex}.sidebar-collapse-btn:hover{color:#fff;background:#ffffff29}.app-layout.sidebar-collapsed .sidebar-logo{justify-content:center;padding:18px 8px}.app-layout.sidebar-collapsed .sidebar-collapse-btn{margin-left:0}.sidebar-nav{scrollbar-width:none;flex:1;min-height:0;padding:8px 10px;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section-label{color:var(--sidebar-section);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:14px 10px 6px;font-size:10px;font-weight:600;overflow:hidden}.app-layout.sidebar-collapsed .nav-section-label{border-top:1px solid var(--sidebar-border);height:1px;margin:6px 4px 0;padding:12px 10px 0;overflow:hidden}.nav-item{color:var(--sidebar-text);white-space:nowrap;border-radius:9px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 11px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.nav-item:focus-visible{outline-offset:-2px;outline:2px solid #fff}.nav-item:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-active)}.nav-item.active{background:linear-gradient(135deg, var(--sidebar-active-a), var(--sidebar-active-b));color:var(--sidebar-text-active);box-shadow:var(--shadow-blue-soft)}.nav-item svg{opacity:.9;flex-shrink:0;width:20px;height:20px}.nav-item.active svg,.nav-item:hover svg{opacity:1}.nav-item-label{text-overflow:ellipsis;overflow:hidden}.app-layout.sidebar-collapsed .nav-item{justify-content:center;padding:10px}.app-layout.sidebar-collapsed .nav-item-label{display:none}.nav-item svg.nav-item-flecha{opacity:0;width:12px;height:12px;margin-left:auto;transition:transform .15s,opacity .15s}.nav-item:hover svg.nav-item-flecha,.nav-item:focus-visible svg.nav-item-flecha{opacity:.7}.nav-item-flecha.abierta{transform:rotate(180deg)}.nav-subitems{border-left:1px solid var(--sidebar-border);flex-direction:column;margin:0 0 6px 20px;padding-left:12px;display:flex}.nav-subitem{color:var(--sidebar-text);white-space:nowrap;border-radius:7px;padding:6px 10px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s}.nav-subitem:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-active)}.nav-subitem.active{color:var(--sidebar-text-active);background:var(--sidebar-bg-hover);font-weight:700}.app-layout.sidebar-collapsed .nav-item-flecha,.app-layout.sidebar-collapsed .nav-subitems{display:none}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:12px 14px 14px}.sidebar-user{align-items:center;gap:10px;padding:4px 2px 10px;display:flex}.sidebar-avatar{color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.sidebar-user-text{white-space:nowrap;overflow:hidden}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--sidebar-text);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;overflow:hidden}.sidebar-logout-btn{color:#ff9b9b;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:7px;width:100%;padding:7px 2px;font-size:12px;font-weight:500;transition:background-color .15s;display:flex}.sidebar-logout-btn:hover{background:#ff54541f}.sidebar-branding{border-top:1px solid var(--sidebar-border);text-align:center;margin-top:12px;padding-top:10px}.sidebar-branding-title{letter-spacing:.08em;color:#ffffff80;font-size:10px;font-weight:700}.sidebar-branding-sub{color:#ffffff52;margin-top:2px;font-size:9px}.app-layout.sidebar-collapsed .sidebar-user-text,.app-layout.sidebar-collapsed .sidebar-logout-btn span,.app-layout.sidebar-collapsed .sidebar-branding{display:none}.app-layout.sidebar-collapsed .sidebar-user,.app-layout.sidebar-collapsed .sidebar-logout-btn{justify-content:center}.main-area{margin-left:var(--sidebar-width);background:var(--page-bg-gradient);flex-direction:column;flex:1;min-width:0;min-height:100vh;transition:margin-left .18s;display:flex;overflow-x:hidden}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:50;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.topbar-date{color:var(--color-text-secondary);font-size:13px}.topbar-user{align-items:center;gap:10px;display:flex}.topbar-user-text{text-align:right;line-height:1.25}.topbar-user-name{color:var(--color-text-primary);font-size:13px;font-weight:600}.topbar-user-role{color:var(--color-text-tertiary);font-size:11px}.sidebar-mobile-toggle,.sidebar-mobile-backdrop{display:none}.page-content{flex:1;min-width:0;max-width:100%;padding:24px}.help-panel-overlay{z-index:1500;background:#00000059;justify-content:flex-end;display:flex;position:fixed;inset:0}.help-panel{background:var(--color-surface);flex-direction:column;width:min(420px,100%);height:100%;animation:.18s ease-out help-panel-in;display:flex;box-shadow:-8px 0 24px #0000002e}@keyframes help-panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}.help-panel-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.help-panel-title{color:var(--color-text-primary);font-size:15px;font-weight:700}.help-panel-body{flex:1;padding:20px;overflow-y:auto}@media (width<=1024px){.app-layout:not(.sidebar-collapsed):not(.sidebar-mobile-open) .sidebar{width:var(--sidebar-width-collapsed)}.app-layout:not(.sidebar-collapsed):not(.sidebar-mobile-open) .main-area{margin-left:var(--sidebar-width-collapsed)}.app-layout:not(.sidebar-collapsed):not(.sidebar-mobile-open) .nav-item-flecha,.app-layout:not(.sidebar-collapsed):not(.sidebar-mobile-open) .nav-subitems,.app-layout:not(.sidebar-collapsed):not(.sidebar-mobile-open) .nav-item-label,.app-layout:not(.sidebar-collapsed):not(.sidebar-mobile-open) .sidebar-user-text,.app-layout:not(.sidebar-collapsed):not(.sidebar-mobile-open) .sidebar-logout-btn span,.app-layout:not(.sidebar-collapsed):not(.sidebar-mobile-open) .sidebar-branding{display:none}}@media (width<=768px){.sidebar-mobile-toggle{border:1px solid var(--color-border);background:var(--color-surface);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.app-layout .sidebar{transform:translate(-100%);width:var(--sidebar-width)!important}.app-layout.sidebar-mobile-open .sidebar{transform:translate(0)}.app-layout .main-area,.app-layout.sidebar-collapsed .main-area{margin-left:0!important}.app-layout.sidebar-mobile-open .sidebar-mobile-backdrop{z-index:99;background:#060e1a73;display:block;position:fixed;inset:0}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{color:var(--color-text-primary);letter-spacing:-.4px;font-size:22px;font-weight:700}.page-subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:13px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:0;max-width:100%;overflow:hidden}.card-narrow{max-width:640px}.card-hover{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong);transform:translateY(-3px)}.card-hover:active{transition:transform .1s,box-shadow .1s;transform:translateY(-1px)}.menu-item-hover{cursor:pointer;transition:background-color .12s}.menu-item-hover:hover{background:var(--color-surface-2)}.card-header{border-bottom:1px solid var(--color-border);background:var(--color-surface-2);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card-title{color:var(--color-text-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.card-title svg{flex-shrink:0;width:16px;height:16px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px 18px;transition:box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11px;font-weight:500}.stat-value{color:var(--color-text-primary);letter-spacing:-.5px;font-size:28px;font-weight:700;line-height:1}.stat-sub{color:var(--color-text-tertiary);margin-top:4px;font-size:11px}.stat-card-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;display:flex}.stat-card-icon--blue{background:var(--color-accent-light);color:var(--color-accent)}.dashboard-welcome-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.dashboard-welcome-title{color:var(--color-text-primary);letter-spacing:-.4px;font-size:24px;font-weight:700}.dashboard-welcome-subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:13px}.dashboard-quote-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-shrink:0;align-items:center;gap:12px;max-width:320px;padding:14px 20px;display:flex}.dashboard-quote-icon{color:var(--color-text-tertiary);opacity:.6;flex-shrink:0}.dashboard-quote-text{color:var(--color-text-primary);font-size:13px;font-weight:600;line-height:1.4}.dashboard-charts-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=900px){.dashboard-charts-grid{grid-template-columns:1fr}.dashboard-welcome-row{flex-direction:column}.dashboard-quote-card{max-width:100%}}.avatar{background:var(--color-accent-light);width:32px;height:32px;color:var(--color-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}thead tr{background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}th{text-align:center;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:12px 15px;font-size:11px;font-weight:600}.th-sort-btn{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex}.th-sort-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}td{white-space:nowrap;border-bottom:1px solid var(--color-border);vertical-align:middle;text-align:center;padding:12px 15px;font-weight:400}.td-left{text-align:left}tbody tr{transition:background-color .15s}tbody tr:hover{background:var(--color-surface-2)}tbody tr:last-child td{border-bottom:none}.table-compact th,.table-compact td{padding:7px 12px}.table-compact th{font-size:10.5px}.table-compact td{font-size:12px}.btn{border-radius:var(--radius-sm);height:34px;font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover,.btn:active{background:var(--color-surface-2);border-color:var(--color-border-strong)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.btn-file{position:relative}.btn-file input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.btn-file:has(input[type=file]:focus-visible){outline:2px solid var(--color-accent);outline-offset:1px}.btn:disabled{cursor:not-allowed;opacity:.5;background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-tertiary);box-shadow:none}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover,.btn-primary:active{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-primary:focus-visible{outline-color:var(--color-accent);outline-offset:2px}.btn-primary:disabled{background:var(--color-accent);border-color:var(--color-accent);color:#fff;opacity:.45}.btn-red{background:var(--color-red-bg);color:var(--color-red);border-color:var(--color-red-border)}.btn-red:hover,.btn-red:active{background:var(--color-red-border)}.btn-red:focus-visible{outline-color:var(--color-red)}.btn-red:disabled{background:var(--color-red-bg);border-color:var(--color-red-border);color:var(--color-red);opacity:.45}.btn-green{color:var(--color-green);background:#f0fdf4;border-color:#bbf7d0}.btn-green:hover,.btn-green:active{background:#dcfce7}.btn-sm{height:27px;padding:0 10px;font-size:12px}.btn-icon{border-radius:var(--radius-sm);width:34px;height:34px;padding:0}.btn-icon.btn-sm{width:27px;height:27px}.btn svg,.search-wrap svg,.filter-dropdown-trigger svg,.filtro-panel-trigger svg,.acciones-menu-item svg{width:16px;height:16px}.form-control:not(textarea){height:34px}.form-control{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:100%;font-size:13px;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-surface);outline:none;padding:8px 11px;transition:border-color .15s,box-shadow .15s,background-color .15s}.form-control::placeholder{color:var(--color-text-tertiary)}.form-control:hover:not(:disabled):not(:focus){border-color:var(--color-accent-mid)}.form-control:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0038761a}.form-control:disabled,.form-control[readonly]{background:var(--color-surface-2);color:var(--color-text-tertiary);cursor:not-allowed}select.form-control{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234A5568' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-top:0;padding-bottom:0;padding-right:28px}select.form-control:disabled{cursor:not-allowed;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A96A8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent);cursor:pointer;flex-shrink:0;width:15px;height:15px}.switch{cursor:pointer;background:var(--color-border-strong);border:none;border-radius:9px;flex-shrink:0;width:32px;height:18px;padding:0;transition:background-color .2s;display:inline-block;position:relative}.switch.on{background:var(--color-accent)}.switch:disabled{cursor:not-allowed;opacity:.6}.switch-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:2px;left:2px}.switch.on .switch-knob{left:16px}.form-field{flex-direction:column;gap:4px;display:flex}.form-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.tabs-nav{flex-wrap:wrap;gap:4px;padding:10px 16px;display:flex}.tabs-nav-btn{cursor:pointer;font-size:13px;font-family:var(--font-sans);white-space:nowrap;color:var(--color-text-secondary);box-shadow:none;background:0 0;border:none;border-radius:8px 8px 0 0;align-items:center;gap:7px;padding:8px 16px 10px;font-weight:500;transition:all .15s;display:flex}.tabs-nav-btn.active{background:var(--color-accent-light);color:var(--color-accent);box-shadow:inset 0 -2px 0 var(--color-accent)}.tabs-nav-btn svg{flex-shrink:0;width:18px;height:18px}.subnav{flex-wrap:wrap;gap:2px;padding:8px 14px;display:flex}.subnav-btn{cursor:pointer;font-size:12.5px;font-family:var(--font-sans);white-space:nowrap;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.subnav-btn:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.subnav-btn.active{background:var(--color-surface-2);color:var(--color-accent);font-weight:600}.subnav-btn svg{flex-shrink:0;width:15px;height:15px}.config-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:16px;display:grid}.config-menu{position:sticky;top:12px}.config-contenido{min-width:0}.subnav-vertical{flex-flow:column;gap:2px;padding:8px}.subnav-vertical .subnav-btn{white-space:normal;text-align:left;width:100%;padding:9px 12px}@media (width<=900px){.config-layout{grid-template-columns:1fr}.config-menu{position:static}.subnav-vertical{flex-flow:wrap}.subnav-vertical .subnav-btn{white-space:nowrap;width:auto}}.filters-bar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.search-wrap{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);align-items:center;gap:8px;min-width:220px;height:34px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.search-wrap:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #0038761a}.search-wrap svg{color:var(--color-text-tertiary);flex-shrink:0}.search-wrap input{font-size:13px;font-family:var(--font-sans);color:var(--color-text-primary);background:0 0;border:none;outline:none;width:100%}.search-wrap input::placeholder{color:var(--color-text-tertiary)}.search-btn{cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:2px;display:flex}.search-btn:hover{color:var(--color-accent)}.filter-dropdown{position:relative}.filter-dropdown-trigger{cursor:pointer;justify-content:space-between;align-items:center;gap:6px;height:34px;display:flex}.filter-dropdown-trigger svg{color:var(--color-text-tertiary);flex-shrink:0}.filter-dropdown-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:300;max-height:260px;margin-top:4px;padding:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.filter-dropdown-empty{color:var(--color-text-tertiary);padding:8px 10px;font-size:13px}.filter-dropdown-item{font-size:13px;font-family:var(--font-sans);color:var(--color-text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;display:flex}.filter-dropdown-item:hover{background:var(--color-surface-2)}.filter-dropdown-item input[type=checkbox]{cursor:pointer}.filtro-panel{position:relative}.filtro-panel-trigger{align-items:center;gap:6px;height:34px;display:flex}.filtro-panel-trigger svg{color:var(--color-text-tertiary);flex-shrink:0}.filtro-panel-trigger-activo{border-color:var(--color-accent);color:var(--color-accent)}.filtro-panel-trigger-activo svg{color:var(--color-accent)}.filtro-panel-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:300;flex-direction:column;max-height:420px;margin-top:4px;display:flex;position:absolute;top:100%;left:0}.filtro-panel-categorias{flex-direction:column;padding:4px;display:flex;overflow-y:auto}.filtro-panel-categoria+.filtro-panel-categoria{border-top:1px solid var(--color-border)}.filtro-panel-grupo-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:10px 8px 4px;font-size:10px;font-weight:700}.filtro-panel-grupo-label:not(:first-child){border-top:1px solid var(--color-border);margin-top:4px}.filtro-panel-categoria-header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:7px;width:100%;padding:9px 8px;display:flex}.filtro-panel-categoria-header:hover{background:var(--color-surface-2)}.filtro-panel-categoria-header svg{color:var(--color-text-tertiary);flex-shrink:0}.filtro-panel-categoria-label{color:var(--color-text-primary);flex:1;font-size:12px;font-weight:600}.filtro-panel-categoria-badge{color:var(--color-accent);background:var(--color-accent-light);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.filtro-panel-categoria-opciones{flex-direction:column;padding:2px 8px 8px 28px;display:flex}.acciones-menu{position:relative}.acciones-menu-panel{min-width:240px;right:auto}.acciones-menu-item{width:100%;font-size:13px;font-family:var(--font-sans);color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.acciones-menu-item:hover{background:var(--color-surface-2)}.acciones-menu-item:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.acciones-menu-item svg{color:var(--color-text-tertiary);flex-shrink:0}.acciones-menu-sep{background:var(--color-border);height:1px;margin:4px 2px}.person-selector{flex-direction:column;gap:8px;display:flex}.person-selector-input-row{align-items:center;gap:8px;display:flex;position:relative}.person-selector-count{color:var(--color-accent);background:var(--color-accent-light);white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600}.person-selector-filtro-toggle{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;max-width:240px;color:var(--color-accent);background:var(--color-accent-light);border:none;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600;overflow:hidden}.person-selector-filtro-toggle.viendo-todos{color:var(--color-gray-chip);background:var(--color-gray-chip-light)}.person-selector-suggestions{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:260px;box-shadow:var(--shadow-md);z-index:300;max-height:360px;margin-top:4px;position:absolute;top:100%;left:0;overflow-y:auto}.person-selector-suggestion-item{cursor:pointer;font-family:var(--font-sans);align-items:center;gap:10px;padding:9px 12px;display:flex}.person-selector-suggestion-item:hover{background:var(--color-accent-light)}.person-selector-suggestion-item.seleccionada{background:var(--color-surface-2)}.person-selector-suggestion-item.activo{background:var(--color-accent-hover)!important}.person-selector-suggestion-item.activo .person-selector-suggestion-label,.person-selector-suggestion-item.activo .person-selector-suggestion-sublabel{color:#fff}.person-selector-suggestion-item.activo .person-selector-suggestion-estado{color:#fff;background:#ffffff38}.person-selector-suggestion-estado{color:#fff;background:var(--color-accent);border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:600}.person-selector-suggestion-estado.de-baja{background:var(--color-warn-red)}.person-selector-suggestion-label{color:var(--color-text-primary);flex:1;font-size:13px;font-weight:500}.search-wrap--chips{cursor:text;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;width:340px;height:38px;padding:7px 12px;overflow-y:auto}.search-wrap--chips svg{margin-top:6px}.person-selector-inline-chip{background:var(--color-accent-light);color:var(--color-accent);font-size:12px;font-weight:500;font-family:var(--font-sans);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 6px;display:inline-flex}.person-selector-inline-chip button{cursor:pointer;color:var(--color-accent);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:1px;display:flex}.person-selector-suggestion-sublabel{color:var(--color-text-tertiary);flex-shrink:0;font-size:12px}.person-selector-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--color-accent-light);color:var(--color-accent);font-size:12px;font-family:var(--font-sans);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 8px 5px 10px;display:inline-flex}.chip-remove{cursor:pointer;color:var(--color-accent);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:2px;display:flex}.chip-remove:hover{background:#00387626}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s modalIn;display:flex}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-title{color:var(--color-text-primary);font-size:15px;font-weight:600}.modal-body{flex:1;padding:20px 22px;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);background:var(--color-surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.badge{white-space:nowrap;background:var(--color-gray-chip-light);color:var(--color-gray-chip);border-radius:20px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--color-green-bg);color:var(--color-green-dark)}.badge-amber{background:var(--color-amber-bg);color:var(--color-amber-strong)}.badge-red{background:var(--color-red-bg);color:var(--color-red-dark)}.badge-red-solid{background:var(--color-red-strong);color:#fff}.badge-blue{background:var(--color-blue-bg);color:var(--color-blue-dark)}.badge-gray{background:var(--color-gray-chip-light);color:var(--color-gray-chip)}.badge-permiso{background:var(--color-green-bg);color:var(--color-green-dark)}.badge-licencia{background:var(--color-purple-bg);color:var(--color-purple-dark)}.badge-movimiento{background:var(--tag-coral-bg);color:var(--tag-coral-dark)}.badge-externo{background:var(--color-amber-bg);color:var(--color-amber-strong)}.badge-teal{background:var(--tag-teal-bg);color:var(--tag-teal-dark)}.alert{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.alert-success{background:var(--color-green-bg);border:1px solid var(--color-green-border);color:var(--color-green-dark)}.alert-error{background:var(--color-red-bg);border:1px solid var(--color-red-border);color:var(--color-red-dark)}.alert-warning{background:var(--color-amber-bg);border:1px solid var(--color-amber-border);color:var(--color-amber-dark)}.alert-info{background:var(--color-blue-bg);border:1px solid var(--color-blue-border);color:var(--color-blue-dark)}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;padding:32px 20px;transition:all .2s}.upload-zone:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.upload-zone p{color:var(--color-text-secondary);font-size:13px}.upload-zone span{color:var(--color-accent);font-weight:500;text-decoration:underline}.upload-zone-icon{color:var(--color-text-tertiary);margin-bottom:10px;font-size:32px}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.pagination{border-top:1px solid var(--color-border);color:var(--color-text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:flex}.pagination-info{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pagination-per-page{align-items:center;gap:6px;display:flex}.pagination-per-page select{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-surface);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234A5568' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;padding:3px 24px 3px 8px;transition:border-color .15s}.pagination-per-page select:hover{border-color:var(--color-border-strong)}.pagination-buttons{gap:4px;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.login-screen-bg{--portal-blue:#168fea;--portal-blue-bright:#22a8f5;--portal-blue-dark:#0b365a;--portal-blue-deep:#003a79;--portal-blue-mid:#0867c8;--portal-teal:#00a6a6;--portal-teal-bright:#00b8b0;--portal-teal-deep:#007f88;background:radial-gradient(circle at 25% 20%,#237dc833,#0000 35%),radial-gradient(circle at 78%,#00a6a621,#0000 32%),linear-gradient(135deg,#071b31 0%,#0a2948 50%,#06182d 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.portal-bg-decor{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.portal-bg-blob{filter:blur(2px);border-radius:50%;position:absolute}.portal-bg-blob--a{background:radial-gradient(circle,#168fea29,#0000 70%);width:560px;height:560px;top:-180px;left:-160px}.portal-bg-blob--b{background:radial-gradient(circle,#00a6a61f,#0000 70%);width:620px;height:620px;bottom:-220px;right:10%}.portal-bg-lines{width:100%;height:100%;position:absolute;inset:0}.portal-bg-watermark{opacity:.06;width:min(58vw,780px);height:auto;position:absolute;top:50%;right:-6%;transform:translateY(-50%)}@media (width<=1023px){.portal-bg-watermark{opacity:.05;width:80vw}}.portal-side-text{z-index:1;color:#ffffff8c;pointer-events:none;position:absolute}.portal-side-text--left{flex-direction:column;gap:28px;display:flex;top:48px;left:48px}.portal-side-block{flex-direction:column;padding-left:14px;font-size:22px;font-weight:300;line-height:1.25;display:flex;position:relative}.portal-side-block:before{content:"";background:var(--portal-blue-bright,#22a8f5);opacity:.8;width:3px;height:20px;position:absolute;top:4px;left:0}.portal-side-tagline{letter-spacing:1.5px;opacity:.85;font-size:11px;font-weight:700;line-height:1.7}.portal-side-text--right{text-align:right;top:48px;right:48px}.portal-side-tagline-right{padding-right:14px;font-size:15px;font-weight:400;line-height:1.35;position:relative}.portal-side-tagline-right:before{content:"";background:var(--portal-teal-bright,#00b8b0);opacity:.8;width:3px;height:44px;position:absolute;top:4px;right:0}@media (width<=1023px){.portal-side-text{display:none}}.portal-select-content{z-index:2;flex-direction:column;align-items:center;width:100%;min-width:0;max-width:960px;display:flex;position:relative}.portal-logo-row{justify-content:center;align-items:center;gap:14px;margin-bottom:clamp(20px,3vh,34px);display:flex}.portal-logo-icon{width:clamp(40px,4vw,54px);height:auto;display:block}.portal-logo-text{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.portal-logo-title{color:#fff;letter-spacing:.5px;font-size:clamp(24px,2.4vw,32px);font-weight:800}.portal-logo-sub{color:#ffffffa6;font-size:clamp(11px,1vw,13px);font-weight:500}.portal-select-title{color:#fff;text-align:center;letter-spacing:-.5px;max-width:100%;margin:0 0 10px;font-size:clamp(32px,3vw,52px);font-weight:700;line-height:1.05}.portal-select-title-accent{color:var(--portal-blue-bright,#22a8f5)}.portal-select-subtitle{color:#ffffffb3;text-align:center;margin-bottom:14px;font-size:16px;font-weight:400}.portal-select-divider{align-items:center;gap:6px;margin-bottom:clamp(22px,4vh,36px);display:flex}.portal-select-divider-line{background:linear-gradient(90deg, var(--portal-blue-bright,#22a8f5), var(--portal-teal-bright,#00b8b0));opacity:.7;border-radius:2px;width:34px;height:2px}.portal-select-divider-dot{background:var(--portal-teal-bright,#00b8b0);opacity:.8;border-radius:50%;width:5px;height:5px}.portal-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:36px;width:min(100%,880px);min-width:0;margin-bottom:26px;display:grid}@media (width<=767px){.portal-selector-grid{grid-template-columns:minmax(0,1fr);gap:22px}}.portal-card-xl{text-align:left;box-sizing:border-box;cursor:pointer;width:100%;min-width:0;height:100%;font-family:var(--font-sans);background:#fafdfffa;border:none;border-radius:20px;flex-direction:column;align-items:flex-start;padding:clamp(26px,3vw,38px) clamp(24px,3vw,40px) clamp(22px,2.5vw,32px);transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000038,0 4px 12px #0000001a}.portal-card-xl:hover{transform:translateY(-6px)}.portal-card-xl--blue:hover{box-shadow:0 30px 70px #00000042,0 4px 14px #0000001a,0 0 0 1px #168fea2e,0 0 40px #168fea2e}.portal-card-xl--teal:hover{box-shadow:0 30px 70px #00000042,0 4px 14px #0000001a,0 0 0 1px #00a6a62e,0 0 40px #00a6a62e}.portal-card-xl:active{transform:translateY(-2px)scale(.99)}.portal-card-xl:focus-visible{outline:3px solid var(--portal-blue-bright,#22a8f5);outline-offset:3px}.portal-card-xl-decoration{pointer-events:none;border-radius:50%;width:160px;height:160px;position:absolute;top:-50px;right:-50px}.portal-card-xl--blue .portal-card-xl-decoration{background:radial-gradient(circle,#168fea29,#0000 70%)}.portal-card-xl--teal .portal-card-xl-decoration{background:radial-gradient(circle,#00a6a629,#0000 70%)}.portal-card-xl-icon{color:#fff;border-radius:18px;justify-content:center;align-items:center;width:88px;height:88px;min-height:88px;display:flex}.portal-card-xl--blue .portal-card-xl-icon{background:linear-gradient(135deg,#0867c8,#003a79)}.portal-card-xl--teal .portal-card-xl-icon{background:linear-gradient(135deg,#00b8b0,#007f88)}.portal-card-xl-icon-underline{border-radius:2px;width:30px;height:3px;margin-top:14px}.portal-card-xl--blue .portal-card-xl-icon-underline{background:var(--portal-blue-mid,#0867c8)}.portal-card-xl--teal .portal-card-xl-icon-underline{background:var(--portal-teal-bright,#00b8b0)}.portal-card-xl-title{color:#08284b;margin-top:14px;font-size:clamp(22px,2vw,28px);font-weight:700}.portal-card-xl-subtitle{color:#4a5568;margin-top:4px;font-size:15px;font-weight:500}.portal-card-xl-desc{color:#64748b;margin-top:10px;font-size:14px;font-weight:400;line-height:1.5}.portal-card-xl-divider{background:#0f203a1a;width:100%;height:1px;margin:18px 0}.portal-features-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 14px;width:100%;min-width:0;display:grid}.portal-feature-item{color:#334155;align-items:center;gap:8px;min-width:0;font-size:13.5px;font-weight:500;display:flex}.portal-feature-item span{overflow-wrap:break-word;min-width:0}.portal-card-xl--blue .portal-feature-item svg{color:var(--portal-blue-mid,#0867c8);flex-shrink:0}.portal-card-xl--teal .portal-feature-item svg{color:var(--portal-teal-deep,#007f88);flex-shrink:0}.portal-card-xl-button{width:100%;margin-top:auto;padding-top:24px}.portal-card-xl-button-inner{color:#fff;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;height:58px;font-size:16px;font-weight:600;display:flex}.portal-card-xl--blue .portal-card-xl-button-inner{background:linear-gradient(135deg, var(--portal-blue-bright,#22a8f5), var(--portal-blue-dark,#0b365a))}.portal-card-xl--teal .portal-card-xl-button-inner{background:linear-gradient(135deg, var(--portal-teal-bright,#00b8b0), var(--portal-teal-deep,#007f88))}.portal-card-xl-arrow{transition:transform .22s}.portal-card-xl:hover .portal-card-xl-arrow{transform:translate(4px)}.portal-remember{color:#fffc;cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.portal-remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--portal-blue-bright,#22a8f5)}.portal-footer{z-index:1;color:#ffffff8c;font-size:12px;position:absolute}.login-auth-content.login-auth-content--servicios{max-width:980px}.login-trabajador-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:18px;width:100%;display:grid}.login-trabajador-grid .login-card{width:100%}.servicios-col{flex-direction:column;gap:18px;display:flex}.servicios-col .servicio-card{flex:1}@media (width>=760px){.login-trabajador-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.servicio-card{text-align:left;cursor:pointer;font:inherit;background:#fafdfffa;border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:26px 26px 22px;text-decoration:none;transition:transform .22s,box-shadow .22s;display:flex;position:relative;box-shadow:0 24px 60px #00000038,0 4px 12px #0000001a}.servicio-card:hover{transform:translateY(-4px);box-shadow:0 30px 70px #00000042,0 0 0 1px #00a6a62e,0 0 40px #00a6a62e}.servicio-card:focus-visible{outline:3px solid var(--portal-teal-bright,#00b8b0);outline-offset:3px}.servicio-card-icon{color:#fff;background:linear-gradient(135deg,#00b8b0,#007f88);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.servicio-card-titulo{color:#08284b;font-size:20px;font-weight:700}.servicio-card-desc{color:#4a5568;margin-top:4px;font-size:13.5px}.servicio-card-flecha{color:#007f88;align-self:flex-end;transition:transform .22s}.servicio-card:hover .servicio-card-flecha{transform:translate(4px)}.portal-emergencia-link{color:#ffffffd9;font:inherit;cursor:pointer;text-align:center;background:#ffffff0f;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:7px;margin-top:18px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.portal-emergencia-link span{color:#ffffffa6;font-weight:400}.portal-emergencia-link:hover{background:#ffffff1f}.portal-emergencia-link:focus-visible{outline-offset:2px;outline:2px solid #fff}.portal-footer--left{text-align:left;bottom:24px;left:32px}.portal-footer-brand{color:#ffffffd9;font-size:13px;font-weight:700}.portal-footer-sub{color:#ffffff8c;margin-top:1px;font-size:11px}.portal-footer-tag{color:#fff6;margin-top:2px;font-size:10.5px}.portal-footer--right{bottom:24px;right:32px}.portal-footer--right strong{color:#ffffffbf;font-weight:700}@media (width<=767px){.portal-footer--left{bottom:14px;left:16px}.portal-footer--right{bottom:14px;right:16px}}@media (prefers-reduced-motion:reduce){.portal-card-xl,.portal-card-xl-arrow{transition:none!important}}.login-auth-content{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:460px;animation:.26s dallas-content-fade-in;display:flex;position:relative}.login-welcome-title{text-align:center;background:linear-gradient(90deg, #fff 55%, var(--login-welcome-accent,#22a8f5) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(32px,2.4vw,42px);font-weight:700;line-height:1.1}.login-welcome-title--blue{--login-welcome-accent:#22a8f5}.login-welcome-title--teal{--login-welcome-accent:#00d9ce}.login-welcome-subtitle{color:#ffffffa6;text-align:center;margin-bottom:4px;font-size:15px}.login-card{box-sizing:border-box;width:min(460px,100vw - 32px);font-family:var(--font-sans);background:#fafdfffa;border-radius:24px;padding:34px 36px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000038,0 4px 12px #0000001a}@media (width<=767px){.login-auth-content{width:calc(100% - 32px);max-width:460px}.login-card{padding:26px 22px}}@media (height<=760px){.login-welcome-title{margin-bottom:4px}.login-welcome-subtitle{margin-bottom:0}}@keyframes dallas-content-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.login-auth-content{animation:none}}.login-card-decoration{pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;top:-46px;right:-46px}.login-card--blue .login-card-decoration{background:radial-gradient(circle,#168fea29,#0000 70%)}.login-card--teal .login-card-decoration{background:radial-gradient(circle,#00a6a629,#0000 70%)}.login-card-badge{border-radius:15px;align-items:center;gap:13px;margin-bottom:26px;padding:12px 14px;display:flex;position:relative}.login-card--blue .login-card-badge{background:#e7f2fd}.login-card--teal .login-card-badge{background:#e1f7f6}.login-card-badge-icon{color:#fff;border-radius:13px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;display:flex}.login-card--blue .login-card-badge-icon{background:linear-gradient(135deg,#0878e1,#004c9d)}.login-card--teal .login-card-badge-icon{background:linear-gradient(135deg,#08b6b4,#007c83)}.login-card-badge-text{flex:1;min-width:0}.login-card-badge-label{color:var(--color-text-muted);font-size:11px;font-weight:500}.login-card-badge-value{color:#0b2540;margin-top:1px;font-size:15px;font-weight:700}.login-card-cambiar{cursor:pointer;white-space:nowrap;background:#ffffffa6;border:1.5px solid;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:7px 13px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.login-card--blue .login-card-cambiar{color:#0867c8;border-color:#168fea73}.login-card--teal .login-card-cambiar{color:var(--portal-teal-deep,#007f88);border-color:#00a6a673}.login-card-cambiar:hover{background:#fffffff2}.login-field{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.login-field-label{letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-muted);font-size:11px;font-weight:700}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:#64748b;pointer-events:none;position:absolute;left:15px}.login-input-wrap input{box-sizing:border-box;color:#0b2540;background:#f5f8fc;border:1.5px solid #dce3ec;border-radius:11px;outline:none;width:100%;height:54px;padding:0 46px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-card--blue .login-input-wrap input:focus{border-color:#22a8f5;box-shadow:0 0 0 3px #22a8f51a}.login-card--teal .login-input-wrap input:focus{border-color:#00b8b0;box-shadow:0 0 0 3px #00b8b01a}.login-input-eye{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;right:9px}.login-input-eye:hover{background:#0000000d}.login-card-error{color:#c53030;background:#fff5f5;border:1px solid #feb2b2;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12px;display:flex}.login-card-submit{color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;margin-top:6px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.login-card--blue .login-card-submit{background:linear-gradient(135deg,#169de0,#003b70)}.login-card--teal .login-card-submit{background:linear-gradient(135deg,#08b8b5,#00777d)}.login-card-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #0000002e}.login-card-submit:disabled{opacity:.7;cursor:default}.login-card-submit-arrow{transition:transform .2s}.login-card-submit:hover .login-card-submit-arrow{transform:translate(3px)}.login-card-submit-spinner{animation:.8s linear infinite login-card-spin}@keyframes login-card-spin{to{transform:rotate(360deg)}}.login-card-forgot{align-items:center;gap:10px;margin-top:24px;display:flex}.login-card-forgot-line{background:#e5eaf1;flex:1;height:1px}.login-card-forgot-link{cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600;transition:opacity .15s}.login-card-forgot-link:hover{opacity:.75;text-decoration:underline}.login-card--blue .login-card-forgot-link{color:#0867c8}.login-card--teal .login-card-forgot-link{color:var(--portal-teal-deep,#007f88)}.login-card-forgot-hint{color:var(--color-text-muted);text-align:center;margin-top:10px;font-size:11.5px;line-height:1.4}.login-card :focus-visible{outline-offset:2px;outline:2px solid}.login-card--blue :focus-visible{outline-color:#22a8f5}.login-card--teal :focus-visible{outline-color:#00b8b0}.marcacion-grid{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}@media (width>=1000px){.marcacion-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}.marcacion-grid .kiosk-card{position:sticky;top:16px}}.kiosk-card{text-align:center;width:100%}.kiosk-box{width:100%;max-width:320px;margin:0 auto}.kiosk-clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-text-primary);font-size:clamp(2rem,6vw,2.8rem);font-weight:700}.kiosk-date{color:var(--color-text-tertiary);text-transform:capitalize;margin:6px 0 24px;font-size:13px}.kiosk-scan{border:2px dashed var(--color-border);border-radius:var(--radius-lg);width:110px;height:110px;color:var(--color-text-tertiary);justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.kiosk-hint{color:var(--color-text-secondary);margin-bottom:14px;font-size:13px}.kiosk-feedback{border-radius:var(--radius-md);max-width:380px;margin:20px auto 0;padding:14px 18px;font-size:13px;font-weight:600}.empty-state{color:var(--color-text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex}.empty-state svg{box-sizing:content-box;background:var(--color-accent-light);color:var(--color-accent);opacity:.85;border-radius:50%;margin-bottom:14px;padding:16px}.empty-state-spin svg{opacity:.55;animation:.9s linear infinite empty-state-spin-rotate}@keyframes empty-state-spin-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite empty-state-spin-rotate}.dallas-loader{flex-direction:column;align-items:center;display:flex}.dallas-loader-ring-box{width:72px;height:72px;position:relative}.dallas-loader-ring-svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.dallas-loader-paw-box{color:var(--color-teal,#17a2b8);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dallas-loader-paw-svg{width:31px;height:31px}.dallas-loader-pct{color:var(--color-accent,#0867c8);font-variant-numeric:tabular-nums;margin-top:10px;font-size:17px;font-weight:700}.dallas-loader-msg{color:var(--color-text-secondary,#4a5568);margin-top:7px;font-size:15px;font-weight:500}@media (width<=480px){.dallas-loader-ring-box{width:60px;height:60px}.dallas-loader-paw-svg{width:26px;height:26px}.dallas-loader-msg{font-size:14px}}.dallas-loader-ring{transform-origin:50%;transition:stroke-dashoffset .25s}.dallas-loader-ring--spin{animation:.9s linear infinite dallas-loader-spin}.dallas-loader-paw{animation:1.4s ease-in-out infinite dallas-loader-paw-pulse}@keyframes dallas-loader-spin{to{transform:rotate(360deg)}}@keyframes dallas-loader-paw-pulse{0%,to{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.dallas-loader-ring--spin,.dallas-loader-paw{animation:none!important}}.acciones-menu-item-danger,.acciones-menu-item-danger svg{color:var(--color-red)}.config-contenido>.card,.config-contenido>div>.card{width:100%}.config-nota{background:var(--color-accent-light);border-bottom:1px solid var(--color-border);color:var(--color-accent);padding:10px 16px;font-size:12px;line-height:1.5}.config-form{flex-direction:column;gap:14px;max-width:520px;padding:16px;display:flex}.campana{position:relative}.campana-btn{z-index:61;position:relative}.campana-fondo{z-index:59;cursor:default;background:0 0;border:0;position:fixed;inset:0}.campana-badge{box-sizing:border-box;background:var(--color-red);color:#fff;text-align:center;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:17px;position:absolute;top:-5px;right:-5px}.campana-panel{z-index:60;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;width:320px;max-width:calc(100vw - 24px);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 30px #0000002e}.campana-titulo{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:10px 14px;font-size:12px;font-weight:600}.campana-vacio{color:var(--color-text-tertiary);text-align:center;padding:22px 14px;font-size:13px}.campana-item{text-align:left;border:0;border-bottom:1px solid var(--color-border);cursor:pointer;background:0 0;flex-direction:column;gap:2px;width:100%;padding:10px 14px;font-family:inherit;display:flex}.campana-item:hover{background:var(--color-surface-2)}.campana-item-linea{color:var(--color-text-primary);font-size:13px;font-weight:600}.campana-item-sub{color:var(--color-text-tertiary);font-size:12px}.campana-mas{width:100%;color:var(--color-accent);cursor:pointer;background:0 0;border:0;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:600}.campana-mas:hover{background:var(--color-surface-2)}@media (width<=768px){.page-content{padding:16px 14px 28px}.topbar-user-text{display:none}.topbar-date{max-width:110px;font-size:12px;line-height:1.3}.app-layout.sidebar-mobile-open .sidebar-branding{display:none}.page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}.page-header>*{min-width:0}.btn{min-height:40px}.btn.btn-icon,.btn.btn-sm{min-height:36px}.form-control:not(textarea){height:40px;font-size:16px}.search-wrap{height:40px}.search-wrap input{font-size:16px}.filters-bar{flex-direction:column;padding:14px;flex-wrap:nowrap!important;align-items:stretch!important;gap:12px!important}.filters-bar>*,.filters-bar .filtro-panel,.filters-bar .filter-dropdown,.filters-bar .person-selector{min-width:0;max-width:100%;width:100%!important}.filters-bar .filtro-panel-trigger,.filters-bar .filter-dropdown-trigger{justify-content:space-between;width:100%}.filters-bar>.btn{justify-content:center;width:100%}.filters-bar .rango-fechas-grupo{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;display:grid!important}.filters-bar .rango-fechas-grupo .form-control{min-width:0;width:100%!important}.search-wrap,.search-wrap--chips{min-width:0!important}.person-selector,.person-selector-input-row{min-width:0;max-width:100%}.person-selector-input-row{flex-wrap:wrap}.person-selector-input-row .search-wrap{flex:100%}.person-selector-filtro-toggle{max-width:100%}.tabs-nav{gap:8px;padding:10px}.subnav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;display:grid!important;overflow:visible!important}.subnav-btn{white-space:normal;text-align:left;min-height:42px;padding:10px 12px;font-size:13px;line-height:1.25}.subnav-vertical{grid-template-columns:minmax(0,1fr)}.table-wrap{-webkit-overflow-scrolling:touch}td{padding-top:12px;padding-bottom:12px}td[colspan]{text-align:left}td[colspan]>.empty-state{box-sizing:border-box;width:min(100%,100vw - 60px);position:sticky;left:0}.pagination{text-align:center;flex-direction:column;align-items:stretch;gap:12px}.pagination-buttons{justify-content:center}.page-content input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(table input),.page-content select:not(table select),.modal-box input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),.modal-box select{min-height:40px;font-size:16px!important}.page-content textarea,.modal-box textarea{font-size:16px!important}.search-wrap input{min-height:0!important}.search-wrap--chips{flex-wrap:wrap;height:auto;min-height:40px;padding-top:3px;padding-bottom:3px;overflow:visible}input[type=checkbox],input[type=radio]{width:18px;height:18px}table[style*="table-layout: fixed"][style*=min-width]{min-width:0!important}table[style*="table-layout: fixed"][style*=min-width] td,table[style*="table-layout: fixed"][style*=min-width] th{padding-left:2px!important;padding-right:2px!important}table[style*="table-layout: fixed"][style*=min-width] td *{text-overflow:ellipsis;max-width:100%;overflow:hidden}.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:16px 16px 0 0;max-width:100%;max-height:92vh}.modal-header,.modal-body{padding:16px 18px}.modal-footer{border-radius:0;flex-wrap:wrap;padding:12px 18px}.modal-footer .btn{flex:140px;justify-content:center}}