@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap";:root{--brand-primary:#1a3a5c;--brand-secondary:#c8a84b;--brand-primary-light:#234d7a;--brand-primary-dark:#0f2238;--bg-base:#0d1117;--bg-surface:#161b22;--bg-elevated:#1c2330;--bg-overlay:#21262d;--border:#ffffff14;--border-strong:#ffffff26;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#484f58;--success:#2ea043;--success-bg:#2ea0431f;--warning:#d29922;--warning-bg:#d299221f;--danger:#da3633;--danger-bg:#da36331f;--info:#388bfd;--info-bg:#388bfd1f;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--shadow:0 4px 16px #0006;--shadow-lg:0 8px 32px #0009;--shadow-brand:0 0 20px #c8a84b33}[data-theme=claro]{--bg-base:#f3f5f8;--bg-surface:#f9fafb;--bg-elevated:#edf0f5;--bg-overlay:#e3e7ee;--border:#1a3a5c1a;--border-strong:#1a3a5c33;--text-primary:#0f1b2d;--text-secondary:#3d5068;--text-muted:#7a91a8;--shadow:0 2px 12px #1a3a5c14;--shadow-lg:0 6px 28px #1a3a5c21}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.5}:focus-visible{outline:2px solid var(--brand-secondary);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scan-line{0%{top:5%}to{top:95%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes successPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-fade{animation:.3s forwards fadeIn}.animate-spin{animation:1s linear infinite spin}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:99px;align-items:center;gap:4px;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:var(--bg-overlay);color:var(--text-secondary)}.badge-descanso{color:#8b5cf6;background:#8b5bf626}.badge-almuerzo{color:#f97316;background:#f9731626}.btn{border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:.55rem 1.2rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:filter .15s,box-shadow .15s,background-color .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--brand-secondary);color:var(--brand-primary-dark);font-weight:700}.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-brand)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-overlay);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #da36334d}.btn-success{background:var(--success-bg);color:var(--success);border:1px solid #2ea0434d;font-weight:700}.btn-success:hover:not(:disabled){background:var(--success);color:#fff}.btn-warning{background:var(--warning-bg);color:var(--warning);border:1px solid #d299224d;font-weight:700}.btn-warning:hover:not(:disabled){background:var(--warning);color:#fff}.btn-purple{color:#8b5cf6;background:#8b5bf626;border:1px solid #8b5bf64d;font-weight:700}.btn-purple:hover:not(:disabled){color:#fff;background:#8b5cf6}.btn-orange{color:#f97316;background:#f9731626;border:1px solid #f973164d;font-weight:700}.btn-orange:hover:not(:disabled){color:#fff;background:#f97316}.btn-sm{padding:.35rem .8rem;font-size:.8rem}.btn-lg{padding:.75rem 1.8rem;font-size:1rem}.btn-xl{border-radius:var(--radius-lg);width:100%;padding:1rem 0;font-size:1.1rem;font-weight:800}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:500}.input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);width:100%;padding:.6rem .9rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand-secondary);outline:none;box-shadow:0 0 0 3px #c8a84b26}.input::placeholder{color:var(--text-muted)}select.input{cursor:pointer}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.6rem 1rem;font-size:.72rem;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.85rem 1rem}.table tbody tr:hover{background:var(--bg-elevated)}.table tbody tr:last-child td{border-bottom:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:min(520px,95vw);box-shadow:var(--shadow-lg);max-height:90vh;padding:2rem;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.page{padding:2rem;animation:.25s fadeIn}.page-header{margin-bottom:2rem}.page-title{margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:.9rem}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--brand-secondary), transparent);height:2px;position:absolute;top:0;left:0;right:0}.stat-value{font-family:var(--font-display);margin-bottom:.25rem;font-size:2.2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.stat-icon{display:none}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll .table{min-width:520px}:root{--safe-extra:8px}.topbar-mobile{z-index:200;min-height:calc(56px + env(safe-area-inset-top,0px) + var(--safe-extra));padding-top:calc(env(safe-area-inset-top,0px) + var(--safe-extra));padding-bottom:4px;padding-left:max(1rem, env(safe-area-inset-left,0px));padding-right:max(1rem, env(safe-area-inset-right,0px));background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.drawer-mobile,.fichaje-fullscreen{top:calc(56px + env(safe-area-inset-top,0px) + var(--safe-extra))!important}@media (width<=768px){.app-main{padding-top:calc(56px + env(safe-area-inset-top,0px) + var(--safe-extra))}.page{padding:1rem .875rem .875rem}.page-title{font-size:1.3rem}.page-subtitle{font-size:.8rem}.page-header{margin-bottom:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1rem}.stat-card{padding:.9rem 1rem}.stat-value{font-size:1.6rem}.hide-mobile{display:none!important}.show-mobile-only{display:flex!important}.biometria-dot{display:block!important}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table th,.table td{white-space:nowrap;padding:.55rem .6rem;font-size:.78rem}.card{overflow-x:auto}.grid-2col{grid-template-columns:1fr!important}.modal{width:min(95vw,520px);padding:1.25rem}.tipo-grid-mobile{grid-template-columns:repeat(3,1fr)!important}.btn-row-mobile{flex-wrap:wrap}.btn-row-mobile .btn{flex:1;justify-content:center;min-width:120px}}@media (width<=480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-value{font-size:1.4rem}.modal{padding:1rem}.page{padding:.75rem}}