:root{--paper: #efeae0;--paper-raised: #f7f3ea;--paper-line: #d9d0ba;--ink: #23262b;--ink-soft: #5b5f57;--ink-faint: #8b8778;--brand: #1f4f49;--brand-dark: #143a35;--brand-tint: #e2e9e2;--amber: #b9832a;--amber-tint: #f4e6cb;--green: #3c7a52;--green-tint: #dfeade;--brick: #a23e2e;--brick-tint: #f2ddd6;--baja: #565a75;--baja-tint: #e3e3ec;--white: #fffdf8;--shadow: 0 1px 2px rgba(31, 30, 20, .06), 0 4px 14px rgba(31, 30, 20, .06);--radius: 3px;--font-display: "Fraunces", ui-serif, Georgia, serif;--font-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);background-image:linear-gradient(180deg,var(--paper-raised) 0px,var(--paper) 220px);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}a{color:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app-shell{min-height:100%;display:flex;flex-direction:column}.cabecera{background:var(--brand);color:var(--white);padding:.9rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;box-shadow:var(--shadow);position:sticky;top:0;z-index:10}.cabecera__marca{font-family:var(--font-display);font-size:1.3rem;font-weight:600;letter-spacing:.02em;display:flex;align-items:baseline;gap:.5rem}.cabecera__marca small{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.cabecera__usuario{display:flex;align-items:center;flex-wrap:wrap;gap:.9rem;font-size:.85rem}.cabecera__usuario .rol{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;background:#ffffff24;padding:.2rem .5rem;border-radius:var(--radius)}.boton-salir{background:transparent;border:1px solid rgba(255,255,255,.4);color:var(--white);padding:.35rem .75rem;border-radius:var(--radius);font-size:.8rem}.boton-salir:hover{background:#ffffff1f}.contenido{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:1.75rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.tarjeta{background:var(--white);border:1px solid var(--paper-line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem;overflow-x:auto}.tarjeta__titulo{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin:0 0 .9rem;color:var(--brand-dark)}.tarjeta__eyebrow{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.3rem;display:block}.pestanas{display:flex;gap:.35rem;border-bottom:1px solid var(--paper-line);flex-wrap:wrap}.pestanas button{background:transparent;border:none;border-bottom:2px solid transparent;padding:.6rem .9rem;font-size:.85rem;color:var(--ink-soft);font-weight:500;margin-bottom:-1px}.pestanas button.activa{color:var(--brand-dark);border-bottom-color:var(--brand)}.pestanas button:hover:not(.activa){color:var(--ink)}.contador{display:flex;align-items:baseline;gap:.6rem;font-family:var(--font-mono)}.contador__numero{font-size:2.6rem;font-weight:500;color:var(--brand-dark);line-height:1}.contador__etiqueta{color:var(--ink-soft);font-size:.85rem}.contador__barra{margin-top:.7rem;height:6px;background:var(--paper-line);border-radius:3px;overflow:hidden}.contador__barra>div{height:100%;background:var(--brand)}.calendario{border:1px solid var(--paper-line);border-radius:var(--radius);overflow:hidden}.calendario__cabecera{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--brand-tint);border-bottom:1px solid var(--paper-line)}.calendario__selector-fecha{display:flex;align-items:baseline;gap:.35rem}.calendario__selector-fecha select{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--brand-dark);text-transform:capitalize;background:transparent;border:none;border-radius:var(--radius);padding:.1rem .15rem;cursor:pointer}.calendario__selector-fecha select:hover{background:#1f4f4914}.calendario__nav{display:flex;gap:.4rem}.calendario__nav button{background:var(--white);border:1px solid var(--paper-line);border-radius:var(--radius);width:2rem;height:2rem;font-family:var(--font-mono);color:var(--brand-dark)}.calendario__nav button:hover{background:var(--brand-tint)}.calendario__semana{display:grid;grid-template-columns:repeat(7,1fr);background:var(--paper-raised);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.calendario__semana span{padding:.4rem 0;text-align:center;border-right:1px solid var(--paper-line)}.calendario__semana span:last-child{border-right:none}.calendario__grid{display:grid;grid-template-columns:repeat(7,1fr)}.dia{min-height:5.2rem;border-right:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line);padding:.35rem;display:flex;flex-direction:column;gap:.2rem;position:relative;background:var(--white);font-family:var(--font-mono);font-size:.8rem;color:var(--ink);-webkit-user-select:none;user-select:none}.dia__personas{display:flex;flex-direction:column;gap:2px;margin-top:.15rem}.persona-chip{font-family:var(--font-body);font-size:.62rem;font-weight:600;line-height:1.4;padding:.5px 5px;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.persona-chip--mas{background:transparent!important;color:var(--ink-faint)!important;font-weight:500;font-style:italic;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.dia:nth-child(7n){border-right:none}.dia--fuera-de-mes{background:var(--paper-raised);color:var(--ink-faint)}.dia--finde{background:var(--paper-raised)}.dia--pasado{background:var(--paper-raised);color:var(--ink-faint)}.dia--festivo{background:var(--brick-tint);border-left:3px solid var(--brick)}.dia--seleccionable{cursor:pointer}.dia--seleccionable:hover{background:var(--brand-tint)}.dia--seleccionado{background:var(--brand);color:var(--white)}.dia--pendiente{background:var(--amber-tint);border-left:3px solid var(--amber)}.dia--aprobada{background:var(--green-tint);border-left:3px solid var(--green)}.dia--baja{background:var(--baja-tint);border-left:3px solid var(--baja);background-image:repeating-linear-gradient(135deg,rgba(86,90,117,.09),rgba(86,90,117,.09) 5px,transparent 5px,transparent 10px)}.dia--festivo>span:first-child,.dia--pendiente>span:first-child,.dia--aprobada>span:first-child,.dia--baja>span:first-child{font-weight:700}.dia--festivo .dia__etiqueta,.dia--pendiente .dia__etiqueta,.dia--aprobada .dia__etiqueta,.dia--baja .dia__etiqueta{font-weight:600}.dia--festivo .dia__etiqueta{color:var(--brick)}.dia--pendiente .dia__etiqueta{color:var(--amber)}.dia--aprobada .dia__etiqueta{color:var(--green)}.dia--baja .dia__etiqueta{color:var(--baja)}.dia__etiqueta{font-size:.55rem;letter-spacing:.03em;color:var(--ink-faint);text-transform:uppercase}.dia--seleccionado .dia__etiqueta{color:#ffffffbf}.leyenda{display:flex;flex-wrap:wrap;gap:1rem;font-size:.78rem;color:var(--ink-soft);margin-top:.9rem}.leyenda__item{display:flex;align-items:center;gap:.4rem}.leyenda__punto{width:10px;height:10px;border-radius:50%;display:inline-block}.campo{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}.campo label{font-size:.78rem;color:var(--ink-soft);font-weight:500}.campo input,.campo select,.campo textarea{border:1px solid var(--paper-line);border-radius:var(--radius);padding:.55rem .7rem;background:var(--white);color:var(--ink)}.campo textarea{resize:vertical;min-height:4.5rem}.boton{border:none;border-radius:var(--radius);padding:.6rem 1.1rem;font-weight:600;font-size:.85rem}.boton--primario{background:var(--brand);color:var(--white)}.boton--primario:hover{background:var(--brand-dark)}.boton--primario:disabled{background:var(--ink-faint);cursor:not-allowed}.boton-fichar{display:block;width:100%;padding:1.5rem;margin-top:1rem;font-family:var(--font-mono);font-size:1.25rem;font-weight:700;letter-spacing:.02em;border:none;border-radius:10px;cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.boton-fichar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #1f1e1429}.boton-fichar:active:not(:disabled){transform:translateY(0)}.boton-fichar:disabled{opacity:.6;cursor:not-allowed;transform:none}.boton-fichar--entrada{background:var(--green);color:var(--white)}.boton-fichar--entrada:hover:not(:disabled){background:#2f6342}.boton-fichar--salida{background:var(--brick);color:var(--white)}.boton-fichar--salida:hover:not(:disabled){background:#832f22}.boton--aprobar{background:var(--green-tint);color:var(--green);border:1px solid var(--green)}.boton--denegar{background:var(--brick-tint);color:var(--brick);border:1px solid var(--brick)}.boton--fantasma{background:transparent;border:1px solid var(--paper-line);color:var(--ink-soft)}.boton--fantasma:hover{border-color:var(--brand);color:var(--brand-dark)}table.tabla{width:100%;min-width:480px;border-collapse:collapse;font-size:.85rem}.modal-contenido table.tabla{min-width:0}table.tabla th{text-align:left;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);border-bottom:1px solid var(--paper-line);padding:.5rem .6rem}.th-ordenable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-ordenable:hover{color:var(--brand-dark)}table.tabla td{padding:.6rem;border-bottom:1px solid var(--paper-line);vertical-align:top}.fila-clicable{cursor:pointer}.fila-clicable:hover{background:var(--brand-tint)}.fila-seleccionada,.fila-seleccionada:hover{background:var(--amber-tint)}.campo input:disabled,.campo select:disabled{background:var(--paper-raised);color:var(--ink-faint);cursor:not-allowed}.etiqueta-estado{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border-radius:var(--radius);display:inline-block}.etiqueta-estado--pendiente{background:var(--amber-tint);color:var(--amber)}.etiqueta-estado--aprobada{background:var(--green-tint);color:var(--green)}.etiqueta-estado--denegada{background:var(--brick-tint);color:var(--brick)}.aviso{padding:.7rem .9rem;border-radius:var(--radius);font-size:.85rem;margin-bottom:1rem}.aviso--error{background:var(--brick-tint);color:var(--brick);border:1px solid var(--brick)}.aviso--exito{background:var(--green-tint);color:var(--green);border:1px solid var(--green)}.vacio{color:var(--ink-faint);font-size:.85rem;font-style:italic}.dia--con-datos{cursor:pointer}.dia--con-datos:hover{background:var(--brand-tint)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#23262b73;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal-caja{background:var(--white);border:1px solid var(--paper-line);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:480px;max-height:80vh;overflow-y:auto;overflow-x:auto}.modal-cabecera{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--paper-line);background:var(--brand-tint)}.modal-cabecera h3{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--brand-dark);text-transform:capitalize}.modal-cerrar{background:transparent;border:none;font-size:1.4rem;line-height:1;color:var(--ink-faint);padding:.1rem .35rem}.modal-cerrar:hover{color:var(--ink)}.modal-contenido{padding:.9rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.55rem}.modal-persona{display:flex;align-items:center;gap:.55rem;font-size:.88rem}.modal-persona__punto{width:10px;height:10px;border-radius:50%;flex-shrink:0}.login-pantalla{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-tarjeta{width:100%;max-width:380px;background:var(--white);border:1px solid var(--paper-line);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.2rem 2rem}.login-tarjeta__marca{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--brand-dark);margin:0 0 .2rem}.login-tarjeta__sub{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 1.6rem}.grid-dos{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.contenido-vista-selector{padding:0 1.5rem}@media (max-width: 780px){.grid-dos{grid-template-columns:1fr}}@media (max-width: 640px){.cabecera{padding:.75rem 1rem}.contenido{padding:1.1rem .75rem 2rem;gap:1.1rem}.tarjeta{padding:1rem}.pestanas button{padding:.5rem .65rem;font-size:.8rem}.login-tarjeta{padding:1.5rem 1.25rem}.contenido-vista-selector{padding:0 .75rem}.dia{min-height:3.4rem;padding:.2rem;font-size:.68rem}.calendario__semana{font-size:.58rem}.calendario__mes,.calendario__selector-fecha select{font-size:.9rem}.dia__etiqueta{font-size:.48rem}.persona-chip{font-size:.5rem;padding:.5px 3px}}