@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#0f2744;-webkit-font-smoothing:antialiased;background:#f3f6fa;font-family:DM Sans,system-ui,sans-serif}button,input{font:inherit}.sidebar{color:#e8eef6;background:#0f2744;flex-direction:column;flex-shrink:0;width:260px;min-height:100vh;padding:1.25rem 1rem;display:flex}.sidebar__brand{border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;padding:.25rem .5rem 1.25rem;display:flex}.sidebar__logo{background:#1d6fb8;border-radius:10px;place-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:grid}.sidebar__title{margin:0;font-size:.85rem;font-weight:600;line-height:1.2}.sidebar__subtitle{color:#9bb0c9;margin:.15rem 0 0;font-size:.72rem}.sidebar__user{align-items:center;gap:.75rem;padding:1.1rem .5rem;display:flex}.sidebar__avatar{background:#1a3a5c;border:2px solid #2b6aa3;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:.75rem;font-weight:700;display:grid}.sidebar__user-name{margin:0;font-size:.9rem;font-weight:600}.sidebar__user-role{color:#9bb0c9;margin:.15rem 0 0;font-size:.75rem}.sidebar__nav{flex-direction:column;flex:1;gap:.25rem;padding:.25rem 0;display:flex}.sidebar__link{color:#c5d4e6;border-radius:8px;padding:.7rem .9rem;font-size:.9rem;text-decoration:none;transition:background .15s,color .15s}.sidebar__link:hover{color:#fff;background:#ffffff0f}.sidebar__link--active{color:#fff;background:#1d6fb8;font-weight:600}.sidebar__logout{color:#c5d4e6;cursor:pointer;text-align:left;background:0 0;border:1px solid #ffffff26;border-radius:8px;margin-top:auto;padding:.7rem .9rem;font-size:.9rem}.sidebar__logout:hover{color:#fff;background:#ffffff0f}.app-layout{background:#f3f6fa;min-height:100vh;display:flex}.app-layout__main{flex:1;min-width:0;padding:1.5rem 1.75rem}.dashboard__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.dashboard__header h1{color:#0f2744;margin:0;font-size:1.6rem}.dashboard__header p{color:#6b7c90;margin:.3rem 0 0;font-size:.95rem}.dashboard__datetime{color:#334155;flex-direction:column;align-items:flex-end;gap:.2rem;font-size:.9rem;display:flex}.dashboard__live{color:#94a3b8;font-size:.75rem;font-weight:600}.dashboard__live--on{color:#1f8f5f}.dashboard__datetime strong{color:#0f2744;font-size:1.1rem}.dashboard__status,.dashboard__soft-error{color:#64748b}.dashboard__error{color:#991b1b;background:#fff;border:1px solid #fecaca;border-radius:12px;padding:1.25rem}.dashboard__error button{color:#991b1b;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:8px;margin-top:.75rem;padding:.45rem .8rem}.dash-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;margin-bottom:1.15rem;display:grid}.dash-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.05rem}.dash-stat__label{color:#64748b;margin:0;font-size:.82rem;font-weight:600}.dash-stat__value{color:#0f2744;margin:.35rem 0 0;font-size:1.7rem;font-weight:700}.dash-stat__value--sm{font-size:1.35rem}.dash-stat__hint{color:#94a3b8;margin:.25rem 0 0;font-size:.78rem}.dash-stat--ok .dash-stat__value{color:#1f8f5f}.dash-stat--warn .dash-stat__value{color:#c56a12}.dash-stat--danger .dash-stat__value{color:#c0392b}.dashboard__grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:1rem;display:grid}.dash-view-tabs{background:#e8eef5;border-radius:10px;gap:.35rem;margin-bottom:.85rem;padding:.25rem;display:inline-flex}.dash-view-tabs__btn{color:#475569;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.45rem .95rem;font-size:.9rem;font-weight:600}.dash-view-tabs__btn--active{color:#0f2744;background:#fff;box-shadow:0 1px 2px #0f274414}.dash-table-card__tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.dash-filter-chip{color:#1d4ed8;font:inherit;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:.35rem .7rem;font-size:.82rem;font-weight:600}.dash-table__row--clickable{cursor:pointer}.dash-table__row--clickable:hover td{background:#f8fafc}.dash-area-pct{align-items:center;gap:.55rem;min-width:120px;display:flex}.dash-area-pct__bar{background:#e2e8f0;border-radius:999px;flex:1;height:8px;overflow:hidden}.dash-area-pct__bar>span{border-radius:inherit;background:#1e8e5a;height:100%;display:block}.dash-table-card,.dash-side__card{background:#fff;border:1px solid #e2e8f0;border-radius:12px}.dash-table-card__head{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.dash-table-card__head h2{color:#0f2744;margin:0;font-size:1.05rem}.dash-table-card__head p{color:#94a3b8;margin:.2rem 0 0;font-size:.8rem}.dash-table-card__head input{min-width:200px;font:inherit;border:1px solid #d0d9e4;border-radius:8px;padding:.55rem .75rem}.dash-table-wrap{overflow-x:auto}.dash-table{border-collapse:collapse;width:100%}.dash-table th,.dash-table td{text-align:left;color:#334155;border-bottom:1px solid #f1f5f9;padding:.85rem 1.1rem;font-size:.9rem}.dash-table th{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.dash-table__empty{text-align:center!important;color:#94a3b8!important;padding:2rem!important}.dash-person{color:#0f2744;align-items:center;gap:.65rem;font-weight:600;display:flex}.dash-person__avatar{color:#1d6fb8;background:#e8eef6;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:grid}.dash-badge{border-radius:999px;align-items:center;padding:.25rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.dash-badge--presente,.dash-badge--finalizado{color:#1f8f5f;background:#e8f7ef}.dash-badge--pendiente{color:#c56a12;background:#fff4e8}.dash-badge--ausente{color:#c0392b;background:#fdecec}.dash-badge--licencia{color:#3b5bdb;background:#eef2ff}.dash-table-card__foot{color:#94a3b8;justify-content:space-between;align-items:center;padding:.85rem 1.1rem;font-size:.8rem;display:flex}.dash-pager{align-items:center;gap:.5rem;display:flex}.dash-pager button{cursor:pointer;background:#fff;border:1px solid #d0d9e4;border-radius:6px;width:28px;height:28px}.dash-pager button:disabled{opacity:.4;cursor:not-allowed}.dash-side{flex-direction:column;gap:1rem;display:flex}.dash-side__card{padding:1rem 1.1rem 1.15rem}.dash-side__card h3{color:#0f2744;margin:0 0 .85rem;font-size:.95rem}.dash-donut{border-radius:50%;place-items:center;width:140px;height:140px;margin:.25rem auto 1rem;display:grid}.dash-donut__hole{text-align:center;background:#fff;border-radius:50%;place-content:center;width:88px;height:88px;display:grid}.dash-donut__hole strong{color:#0f2744;font-size:1.2rem}.dash-donut__hole span{color:#94a3b8;font-size:.7rem}.dash-legend{color:#475569;flex-direction:column;gap:.4rem;margin:0;padding:0;font-size:.82rem;list-style:none;display:flex}.dash-legend .dot{border-radius:50%;width:8px;height:8px;margin-right:.45rem;display:inline-block}.dot--ok{background:#22a06b}.dot--warn{background:#e67e22}.dot--danger{background:#d64545}.dash-activity{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.dash-activity li{justify-content:space-between;gap:.75rem;font-size:.82rem;display:flex}.dash-activity strong{color:#0f2744;display:block}.dash-activity span{color:#64748b}.dash-activity time{color:#94a3b8;white-space:nowrap}.dash-side__empty{color:#94a3b8;margin:0;font-size:.85rem}@media (width<=1100px){.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard__grid{grid-template-columns:1fr}}@media (width<=640px){.dash-stats{grid-template-columns:1fr}.dash-table-card__head{flex-direction:column;align-items:stretch}.dash-table-card__head input{width:100%;min-width:0}}.empleado-home{background:radial-gradient(at 10% 0,#dceaf7 0%,#0000 45%),#f3f6fa;min-height:100vh;padding:2rem 1.5rem}.empleado-home__header{justify-content:space-between;align-items:flex-start;gap:1rem;max-width:640px;margin:0 auto 1.5rem;display:flex}.empleado-home__eyebrow{color:#1d6fb8;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .35rem;font-size:.8rem;font-weight:600}.empleado-home__header h1{color:#0f2744;margin:0;font-size:1.6rem}.empleado-home__meta{color:#6b7c90;margin:.35rem 0 0}.empleado-home__header button{color:#0f2744;cursor:pointer;background:#fff;border:1px solid #c5d0de;border-radius:8px;padding:.55rem .9rem}.empleado-home__header button:hover{background:#eef3f8}.empleado-home__card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:640px;margin:0 auto;padding:1.5rem}.empleado-home__card h2{color:#0f2744;margin:0 0 .6rem;font-size:1.15rem}.empleado-home__card p{color:#475569;margin:0;line-height:1.55}.empleado-home__hint{font-size:.9rem;color:#64748b!important;margin-top:1rem!important}.empleado-home__hint code{background:#f1f5f9;border-radius:4px;padding:.1rem .35rem;font-size:.85em}.login{background:radial-gradient(at 20% 20%,#1a4a7a 0%,#0000 50%),radial-gradient(at 80% 80%,#0d3a5c 0%,#0000 45%),#0a1f33;place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login__panel{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:2rem 1.75rem;box-shadow:0 20px 50px #00000059}.login__brand{text-align:center;margin-bottom:1.75rem}.login__logo{color:#fff;background:#1d6fb8;border-radius:12px;place-items:center;width:52px;height:52px;margin-bottom:.85rem;font-weight:700;display:inline-grid}.login__brand h1{color:#0f2744;margin:0;font-size:1.35rem}.login__brand p{color:#6b7c90;margin:.35rem 0 0;font-size:.9rem}.login__form{flex-direction:column;gap:1rem;display:flex}.login__form label{color:#334155;flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.login__form input{border:1px solid #d0d9e4;border-radius:8px;outline:none;padding:.7rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.login__form input:focus{border-color:#1d6fb8;box-shadow:0 0 0 3px #1d6fb826}.login__form button{color:#fff;cursor:pointer;background:#1d6fb8;border:none;border-radius:8px;margin-top:.35rem;padding:.8rem;font-family:inherit;font-size:.95rem;font-weight:600}.login__form button:hover:not(:disabled){background:#185f9c}.login__form button:disabled{opacity:.7;cursor:not-allowed}.login__error{color:#c0392b;margin:0;font-size:.85rem;font-weight:500}.personal-page__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.personal-page__header h1{color:#0f2744;margin:0;font-size:1.6rem}.personal-page__header p{color:#6b7c90;margin:.3rem 0 0;font-size:.95rem}.personal-page__actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.personal-page__error{color:#991b1b;background:#fff;border:1px solid #fecaca;border-radius:12px;margin-bottom:1rem;padding:.9rem 1rem}.personal-group-bar{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.personal-groups{flex-direction:column;gap:.75rem;display:flex}.personal-group{overflow:hidden}.personal-group__head{cursor:pointer;text-align:left;width:100%;font:inherit;color:#0f2744;background:#f8fafc;border:none;align-items:center;gap:.65rem;padding:.85rem 1rem;display:flex}.personal-group__head:hover{background:#f1f5f9}.personal-group__chevron{color:#64748b;width:1rem}.personal-group__title{flex:1;font-size:.95rem;font-weight:700}.personal-group .personal-table-wrap{border-top:1px solid #eef2f7}.personal-toolbar{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.personal-toolbar input,.personal-toolbar select,.personal-form input,.personal-form select,.personal-form textarea{color:#0f2744;background:#fff;border:1px solid #d5dee9;border-radius:8px;min-width:0;padding:.55rem .75rem}.personal-toolbar input[type=search]{flex:1;min-width:220px}.btn{cursor:pointer;border:none;border-radius:8px;padding:.55rem .95rem;font-weight:600}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{color:#fff;background:#1d6fb8}.btn--ghost{color:#0f2744;background:#fff;border:1px solid #d5dee9}.btn--danger{color:#b91c1c;background:#fff;border:1px solid #fecaca}.btn--sm{padding:.35rem .65rem;font-size:.85rem}.personal-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.personal-table-wrap{overflow-x:auto}.personal-table{border-collapse:collapse;width:100%;font-size:.92rem}.personal-table th,.personal-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:.85rem 1rem}.personal-table th{color:#64748b;text-transform:uppercase;letter-spacing:.02em;background:#f8fafc;font-size:.8rem;font-weight:600}.personal-table__empty{text-align:center;color:#64748b;padding:2rem 1rem!important}.personal-person{align-items:center;gap:.7rem;display:flex}.personal-person__avatar{color:#1d6fb8;background:#e8f1fa;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:inline-flex}.personal-person__meta{color:#64748b;margin-top:.1rem;font-size:.8rem;display:block}.personal-badge{border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.personal-badge--activo{color:#1e8e5a;background:#e8f8ef}.personal-badge--inactivo{color:#64748b;background:#f1f5f9}.personal-badges{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.personal-badge--sin-clave{color:#c2410c;background:#fff7ed}.personal-modal__hint{color:#64748b;margin:0 0 1rem;font-size:.9rem}.personal-row-actions{flex-wrap:wrap;gap:.4rem;display:flex}.personal-modal-backdrop{z-index:50;background:#0f274473;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.personal-modal{background:#fff;border-radius:14px;width:min(560px,100%);max-height:min(90vh,820px);padding:1.25rem 1.35rem;overflow:auto;box-shadow:0 20px 50px #0f274433}.personal-modal h2{color:#0f2744;margin:0 0 1rem;font-size:1.2rem}.personal-form{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.personal-form__full{grid-column:1/-1}.personal-form label{color:#475569;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;display:flex}.personal-form__hint{color:#94a3b8;font-size:.75rem;font-weight:400}.personal-modal__footer{justify-content:flex-end;gap:.6rem;margin-top:1.1rem;display:flex}.personal-modal__error{color:#b91c1c;grid-column:1/-1;font-size:.9rem;font-weight:500}.personal-table__row--selected td{background:#f0f7fc}.personal-modal--wide{width:min(720px,100%)}.zonas-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.9fr);align-items:start;gap:1rem;display:grid}.zonas-layout__map{padding:.85rem;position:sticky;top:1rem}.zonas-map-panel__head{margin-bottom:.75rem}.zonas-map-panel__head h2{color:#0f2744;margin:0;font-size:1.05rem}.zonas-map-panel__head p{color:#6b7c90;margin:.25rem 0 0;font-size:.85rem}.zona-map{background:#eef2f7;border:1px solid #e2e8f0;border-radius:10px;width:100%;height:360px;overflow:hidden}.zona-map--modal{height:auto}.zona-map--modal .zona-map{height:280px}.zona-map--fallback{text-align:center;color:#64748b;justify-content:center;align-items:center;padding:1rem;font-size:.9rem;display:flex}.horario-dias{border:1px solid #e2e8f0;border-radius:10px;margin:0;padding:.75rem .9rem .9rem}.horario-dias legend{color:#475569;padding:0 .25rem;font-size:.82rem;font-weight:600}.horario-dias__grid{flex-wrap:wrap;gap:.55rem .9rem;display:flex}.horario-dias__item{color:#0f2744;cursor:pointer;align-items:center;gap:.35rem;font-size:.88rem;font-weight:500;display:inline-flex}@media (width<=980px){.zonas-layout{grid-template-columns:1fr}.zonas-layout__map{position:static}}@media (width<=640px){.personal-form{grid-template-columns:1fr}.personal-page__header{flex-direction:column}}