:root{--azul: #2F5597;--azul-oscuro: #24437A;--azul-tinta: #16233F;--naranja: #ED7D31;--naranja-texto: #B25514;--naranja-tinte: #FDF1E7;--gris-texto: #5C6B85;--gris-suave: #93A1B8;--gris-claro: #C3CBD9;--borde: #E4E9F2;--borde-suave: #EDF1F7;--fondo: #F5F7FB;--fondo-celda: #F7F9FC;--azul-tinte: #EAF0F9;--verde: #2E9E6B;--verde-texto: #217A52;--verde-tinte: #EAF7F0;--rojo: #C0392B;--rojo-tinte: #FBEBE8;--rojo-borde: #F2C9C0;--font-ui: "Instrument Sans", "Segoe UI", system-ui, sans-serif;--font-display: "Sora", "Trebuchet MS", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);color:var(--azul-tinta);background:var(--fondo)}a{color:var(--naranja);text-decoration:none}a:hover{color:#c96322}button{font-family:var(--font-ui);cursor:pointer}input,select,textarea{font-family:var(--font-ui);font-size:13.5px;color:var(--azul-tinta)}.boot{height:100vh;background:var(--fondo)}.shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:232px;min-width:232px;background:#fff;border-right:1px solid var(--borde);display:flex;flex-direction:column}.sidebar-logo{padding:24px 20px 18px}.sidebar-logo img{width:152px;display:block}.sidebar nav{padding:4px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-label{padding:14px 12px 8px;font-size:10.5px;font-weight:600;letter-spacing:.08em;color:var(--gris-suave)}.nav-label:first-child{padding-top:6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--gris-texto);font-size:13.5px;font-weight:500}.nav-item:hover{background:var(--fondo-celda);color:var(--gris-texto)}.nav-item.activo{background:var(--azul-tinte);color:var(--azul);font-weight:600}.sidebar-user{margin-top:auto;padding:14px 16px;border-top:1px solid var(--borde);display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;min-width:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;background:var(--azul);color:#fff}.avatar.rrhh{background:var(--naranja)}.sidebar-user .nombre{font-size:13px;font-weight:600}.sidebar-user .rol{font-size:11.5px;color:var(--gris-suave)}.btn-salir{margin-left:auto;background:none;border:none;color:var(--gris-suave);display:flex;padding:4px}.btn-salir:hover{color:var(--rojo)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;min-height:64px;background:#fff;border-bottom:1px solid var(--borde);display:flex;align-items:center;gap:18px;padding:0 28px}.topbar h1{margin:0;font-family:var(--font-display);font-size:18px;font-weight:600}.topbar .derecha{margin-left:auto;display:flex;align-items:center;gap:12px}.contenido{flex:1;overflow-y:auto;padding:22px 28px}.chip-fichaje{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--verde-tinte);color:var(--verde-texto);font-size:12.5px;font-weight:600;white-space:nowrap}.chip-fichaje.fuera{background:var(--fondo-celda);color:var(--gris-texto)}.punto{width:8px;height:8px;min-width:8px;border-radius:50%;background:var(--verde)}.punto.gris{background:var(--gris-claro)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:10px;border:none;font-size:13.5px;font-weight:600}.btn-naranja{background:var(--naranja);color:#fff}.btn-naranja:hover{background:#de6f24}.btn-azul{background:var(--azul);color:#fff}.btn-azul:hover{background:var(--azul-oscuro)}.btn-borde{background:#fff;border:1px solid var(--borde);color:var(--gris-texto)}.btn-grande{height:48px;font-size:15px;width:100%}.btn-icono{width:30px;height:30px;padding:0;border-radius:8px;border:1px solid var(--borde);background:#fff;color:var(--gris-texto);display:inline-flex;align-items:center;justify-content:center}.card{background:#fff;border:1px solid var(--borde);border-radius:12px;padding:18px}.card-titulo{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--gris-suave);text-transform:uppercase}.num-grande{font-family:var(--font-display);font-weight:700}.barra{height:8px;border-radius:999px;background:var(--borde-suave);overflow:hidden}.barra>div{height:100%;border-radius:999px;background:var(--azul)}.pill{height:34px;padding:0 16px;border-radius:999px;border:1px solid var(--borde);background:#fff;color:var(--gris-texto);font-size:13px;font-weight:500}.pill.activa{background:var(--azul);border-color:var(--azul);color:#fff;font-weight:600}.chip-rol{padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.chip-rol.ADMIN{background:var(--naranja-tinte);color:var(--naranja-texto)}.chip-rol.MANAGER{background:var(--azul-tinte);color:var(--azul)}.chip-rol.EMPLOYEE{background:#f1f4f9;color:var(--gris-texto)}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cal-head{font-size:11px;font-weight:600;color:var(--gris-suave);padding:2px 4px}.cal-celda{border:1px solid #EAEEF5;border-radius:8px;background:#fff;padding:6px 7px;min-height:92px;display:flex;flex-direction:column;gap:4px;text-align:left}.cal-celda.finde{background:var(--fondo-celda)}.cal-celda.otro-mes{background:#fafbfd}.cal-celda.festivo{background:#fdf6ef;border-color:#f5dcc5}.cal-celda.hoy{border:2px solid var(--azul);padding:5px 6px}.cal-celda.pendiente{border-color:var(--rojo-borde)}.cal-celda:not(.finde):not(.otro-mes):hover{border-color:var(--azul)}.cal-num{font-size:11px;font-weight:600;color:var(--gris-texto)}.cal-celda.otro-mes .cal-num{color:var(--gris-claro)}.cal-celda.finde .cal-num{color:var(--gris-suave)}.cal-celda.hoy .cal-num{color:var(--azul);font-weight:700}.chip-imp{display:flex;justify-content:space-between;gap:6px;padding:2px 7px;border-radius:6px;font-size:10.5px;font-weight:600}.chip-pendiente{background:var(--rojo-tinte);color:var(--rojo)}.chip-festivo{font-size:10.5px;font-weight:600;color:var(--naranja-texto)}.tabla{width:100%;border-collapse:collapse}.tabla th{text-align:left;font-size:11.5px;font-weight:600;color:var(--gris-suave);padding:12px 10px;border-bottom:1px solid var(--borde-suave)}.tabla td{padding:10px;font-size:13px;border-bottom:1px solid var(--borde-suave)}.tabla tr:last-child td{border-bottom:none}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#16233f73;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:14px;padding:24px;width:440px;max-width:calc(100vw - 40px);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal h2{margin:0;font-family:var(--font-display);font-size:17px;font-weight:600}.campo{display:flex;flex-direction:column;gap:5px}.campo label{font-size:12px;font-weight:600;color:var(--gris-texto)}.campo input,.campo select,.campo textarea{height:38px;border:1px solid var(--borde);border-radius:8px;padding:0 12px;background:#fff}.campo textarea{height:70px;padding:9px 12px;resize:vertical}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--azul-tinte);border-color:var(--azul)}.modal-acciones{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.error-texto{font-size:12.5px;color:var(--rojo)}.login{display:flex;height:100vh;background:#fff}.login-marca{width:43%;min-width:380px;background:var(--azul);position:relative;display:flex;flex-direction:column;justify-content:center;padding:0 64px;overflow:hidden}.login-marca .eyebrow{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.14em;color:var(--naranja)}.login-marca h1{margin:14px 0 8px;font-family:var(--font-display);font-size:52px;font-weight:700;color:#fff}.login-marca p{margin:0;font-size:16px;color:#b9c8e4;position:relative;z-index:2}.login-marca svg.skyline{position:absolute;left:0;bottom:-24px;width:100%;opacity:.85}.login-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.login-caja{width:400px;max-width:calc(100vw - 48px);display:flex;flex-direction:column;gap:22px}.login-caja img{width:190px}.login-caja h2{margin:0;font-family:var(--font-display);font-size:23px;font-weight:600}.btn-ms{display:flex;align-items:center;justify-content:center;gap:12px;height:48px;border-radius:10px;border:1px solid #D5DCE8;background:#fff;font-size:14.5px;font-weight:600;color:var(--azul-tinta)}.btn-ms:hover{background:var(--fondo-celda)}.login-nota{font-size:12px;color:var(--gris-suave)}.login-pie{position:absolute;bottom:28px;font-size:12px;color:#b6c0d2}.aviso-naranja{background:#fdf6ef;border:1px solid #F5DCC5;border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:12px;font-size:13px;color:#7a4a1e}.card-rojo{border-color:var(--rojo-borde)}