.loading-spinner{display:inline-flex;align-items:center;justify-content:center}.loading-spinner__circle{border-radius:50%;border:2px solid var(--color-neutral-200);border-top-color:var(--color-primary-600);animation:spin .8s linear infinite}.loading-spinner--small .loading-spinner__circle{width:16px;height:16px}.loading-spinner--medium .loading-spinner__circle{width:24px;height:24px;border-width:3px}.loading-spinner--large .loading-spinner__circle{width:40px;height:40px;border-width:4px}.skeleton{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton--text{border-radius:var(--radius-sm)}.skeleton--circle{border-radius:50%}.skeleton--rect{border-radius:var(--radius-md)}.skeleton--card{border-radius:var(--radius-xl)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.loading-overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.loading-overlay__message{font-size:var(--font-size-lg);color:var(--color-neutral-600);margin:0}.protected-route-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-body)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-family);font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;white-space:nowrap;letter-spacing:.3px;text-transform:none}.btn:focus-visible{box-shadow:0 0 0 3px #10b9814d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn--small{padding:8px 16px;font-size:13px;min-height:36px}.btn--medium{padding:10px 20px;font-size:14px;min-height:40px}.btn--large{padding:12px 24px;font-size:16px;min-height:48px}.btn--primary{background-color:#2d7a4f;color:#fff;box-shadow:0 4px 12px #2d7a4f33}.btn--primary:hover:not(:disabled){background-color:#24603d;box-shadow:0 6px 16px #2d7a4f4d;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn--secondary{background-color:#fff;color:#374151;border:1px solid #E5E7EB}.btn--secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db;color:#111827}.btn--success{background-color:#10b981;color:#fff;box-shadow:0 4px 12px #10b98133}.btn--success:hover:not(:disabled){background-color:#059669;box-shadow:0 6px 16px #10b9814d;transform:translateY(-1px)}.btn--danger{background-color:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444433}.btn--danger:hover:not(:disabled){background-color:#dc2626;box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}.btn--warning{background-color:#f59e0b;color:#fff}.btn--warning:hover:not(:disabled){background-color:#d97706}.btn--ghost{background-color:transparent;color:#ffffffe6}.btn--ghost:hover:not(:disabled){background-color:#ffffff1a}.btn--full-width{width:100%}.btn--loading{position:relative;color:transparent}.btn__spinner{position:absolute;width:20px;height:20px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.btn--loading .btn__spinner{color:var(--color-white)}.btn--secondary.btn--loading .btn__spinner{color:#ffffffe6}.btn__icon{display:flex;align-items:center;justify-content:center}.btn__icon svg{width:20px;height:20px}@keyframes spin{to{transform:rotate(360deg)}}.input-wrapper{display:flex;flex-direction:column;gap:0;width:100%}.input-label{display:none}.input-required{color:#ff6b6b;margin-left:4px}.input-container{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:16px 0;font-size:16px;font-family:var(--font-family);color:#fff;background-color:transparent;border:none;border-bottom:1.5px solid rgba(255,255,255,.35);border-radius:0;transition:all .3s ease;min-height:auto}.input-field::placeholder{color:#ffffffa6;font-weight:300;letter-spacing:.3px}.input-field:hover:not(:disabled){border-bottom-color:#ffffff8c}.input-field:focus{outline:none;border-bottom-color:#fffffff2;box-shadow:none}.input-field:disabled{background-color:transparent;cursor:not-allowed;opacity:.5}.input-wrapper--with-icon .input-field{padding-left:40px}.input-icon{position:absolute;left:0;display:flex;align-items:center;justify-content:center;color:#ffffffb3;pointer-events:none}.input-icon svg{width:20px;height:20px}.input-wrapper--error .input-field{border-bottom-color:#ff6b6b}.input-wrapper--error .input-field:focus{border-bottom-color:#ff6b6b;box-shadow:none}.input-error{font-size:13px;color:#ff8585;display:flex;align-items:center;gap:4px;margin-top:8px;text-shadow:0 1px 3px rgba(0,0,0,.4);font-weight:500}.input-wrapper--disabled .input-label{color:#ffffff80}.card{background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.card--padding-none{padding:0}.card--padding-small{padding:var(--space-3)}.card--padding-medium{padding:var(--space-5)}.card--padding-large{padding:var(--space-6)}.card--default{background-color:var(--color-white)}.card--highlight{background-color:var(--color-primary-800);color:var(--color-white)}.card--highlight .card__header,.card--highlight .card__body{color:var(--color-white)}.card--muted{background-color:var(--color-neutral-100)}.card--outline{background-color:transparent;border:1px solid var(--color-neutral-200);box-shadow:none}.card--hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--clickable{cursor:pointer}.card--clickable:focus-visible{outline:none;box-shadow:0 0 0 3px #40916c4d}.card__header{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-neutral-100);margin-bottom:var(--space-4)}.card--highlight .card__header{border-bottom-color:#fff3}.card__body{flex:1}.card__footer{padding-top:var(--space-4);border-top:1px solid var(--color-neutral-100);margin-top:var(--space-4)}.card--highlight .card__footer{border-top-color:#fff3}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);animation:slideUp var(--transition-slow);margin-bottom:var(--space-4)}.alert__icon{flex-shrink:0;width:20px;height:20px}.alert__icon svg{width:100%;height:100%}.alert__content{flex:1;min-width:0}.alert__title{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.alert__message{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.alert__close{flex-shrink:0;width:20px;height:20px;padding:0;background:none;border:none;cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}.alert__close:hover{opacity:1}.alert__close svg{width:100%;height:100%}.alert--success{background-color:var(--color-success-light);color:var(--color-success)}.alert--success .alert__message{color:var(--color-primary-900)}.alert--error{background-color:var(--color-danger-light);color:var(--color-danger)}.alert--error .alert__message{color:#9e242e}.alert--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.alert--warning .alert__message{color:#8a5a2a}.alert--info{background-color:var(--color-info-light);color:var(--color-info)}.alert--info .alert__message{color:#2d5470}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #00000003;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid #F3F4F6}.modal--small{max-width:400px}.modal--medium{max-width:600px}.modal--large{max-width:800px}.modal--full{max-width:95vw;height:90vh}.modal-header{padding:20px 24px;border-bottom:1px solid #F3F4F6;display:flex;justify-content:space-between;align-items:center}.modal-title{margin:0;font-size:1.125rem;font-weight:600;color:#111827;letter-spacing:-.01em}.modal-close-btn{background:none;border:none;font-size:1.25rem;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close-btn:hover{color:#111827;background-color:#f3f4f6}.modal-content{padding:24px;overflow-y:auto;color:#4b5563;font-size:.95rem;line-height:1.5}.modal-footer{padding:16px 24px;border-top:none;background-color:transparent;display:flex;justify-content:flex-end;align-items:center;gap:12px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background-image:url(/fondo.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.auth-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00000080,#0000004d);z-index:1}.auth-container{width:100%;max-width:480px;background:#00000073;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:56px 48px;border-radius:24px;box-shadow:0 12px 40px #00000080;border:1px solid rgba(255,255,255,.12);position:relative;z-index:2}.auth-header{text-align:center;margin-bottom:48px}.auth-title{font-size:48px;font-weight:700;color:#fff;margin:0 0 16px;text-shadow:0 3px 10px rgba(0,0,0,.4);letter-spacing:-1px}.auth-subtitle{font-size:16px;color:#ffffffe6;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);font-weight:400;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:28px;margin-top:0}.auth-footer{text-align:center;margin-top:36px;font-size:15px;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.3)}.auth-link{color:#fff;font-weight:500;text-decoration:none;position:relative;display:inline-block;padding-bottom:2px;transition:color .3s ease}.auth-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#3a9d5d,#2d7a4f);transition:width .3s ease}.auth-link:hover{color:#3a9d5d}.auth-link:hover:after{width:100%}@media (max-width: 480px){.auth-page{padding:16px}.auth-container{padding:40px 28px}.auth-title{font-size:38px}.auth-subtitle{font-size:14px}}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:#fff;border-right:1px solid #E5E7EB;display:flex;flex-direction:column;padding:var(--space-5) var(--space-4);overflow-y:auto;z-index:var(--z-sticky)}.sidebar__logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);padding:0 var(--space-3)}.sidebar__logo-icon{width:28px;height:28px;color:#45c4b0}.sidebar__logo-icon svg{width:100%;height:100%;stroke-width:2.5}.sidebar__logo-text{font-size:18px;font-weight:600;color:#111827;letter-spacing:-.02em}.sidebar__nav{margin-bottom:var(--space-8)}.sidebar__nav--general{margin-top:auto;padding-top:var(--space-5);border-top:1px solid #F3F4F6}.sidebar__label{display:block;font-size:11px;font-weight:600;color:#9ca3af;letter-spacing:.08em;margin-bottom:var(--space-3);padding:0 var(--space-3);text-transform:uppercase}.sidebar__menu{display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:8px;color:#6b7280;text-decoration:none;transition:all .4s cubic-bezier(.25,.1,.25,1);width:100%;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-family);border-left:4px solid transparent;margin-left:0}.sidebar__link:hover{background-color:#f9fafb;color:#374151;border-left:4px solid #F3F4F6;border-radius:0 8px 8px 0;margin-left:-12px;padding-left:20px}.sidebar__link--active{background-color:#f0fdfa;color:#2a7c6f;font-weight:600;border-left:4px solid #45C4B0;border-radius:0 8px 8px 0;margin-left:-12px;padding-left:20px}.sidebar__link-icon{width:18px;height:18px;flex-shrink:0}.sidebar__link-icon svg{width:100%;height:100%;stroke-width:2}.sidebar__link-text{flex:1;text-align:left}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform var(--transition-slow);z-index:400}.sidebar--open{transform:translate(0);box-shadow:var(--shadow-xl)}}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:0 var(--space-6);background:#fff;border-bottom:1px solid #E5E7EB;height:var(--header-height);box-shadow:none;z-index:10;position:relative}.header__left{flex-shrink:0}.header__menu-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;color:#4b5563;cursor:pointer;transition:all .2s ease}.header__menu-btn:hover{color:#111827}.header__menu-btn svg{width:24px;height:24px}.header__user-section{display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:30px;cursor:pointer;transition:all .2s ease}.header__user-section:hover{background:#f3f4f6;border-color:#d1d5db;opacity:1}.header__avatar{width:38px;height:38px;border-radius:50%;background:#45c4b0;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none}.header__avatar-initial{font-size:16px;font-weight:600;color:#fff}.header__user-info{display:flex;flex-direction:column;align-items:flex-start;gap:0}.header__greeting{font-size:11px;font-weight:500;color:#6b7280;line-height:1.2;text-transform:none;letter-spacing:normal}.header__user-name{font-size:14px;font-weight:600;color:#111827;line-height:1.2;letter-spacing:-.01em}.header__right{display:flex;align-items:center;gap:var(--space-4)}@media (max-width: 1024px){.header__menu-btn{display:flex}}@media (max-width: 768px){.header{padding:0 var(--space-4)}.header__greeting{display:none}.header__user-name{font-size:14px}}.layout{display:flex;min-height:100vh;background-color:var(--bg-body)}.layout__main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.layout__content{flex:1;padding:var(--space-6);overflow-y:auto}.layout__page-header{margin-bottom:var(--space-6)}.layout__page-title{font-size:24px;font-weight:600;color:#111827;margin:0 0 4px;letter-spacing:-.02em}.layout__page-subtitle{font-size:13px;font-weight:400;color:#6b7280;margin:0}@media (max-width: 1024px){.layout__main{margin-left:0}.layout__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100}}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6);height:calc(100vh - 140px)}.dashboard-main-content{display:flex;flex-direction:column;gap:var(--space-6)}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}.history-section{flex:1}.history-card{padding:24px;background:#fff;border-radius:16px;border:1px solid var(--color-neutral-200);box-shadow:0 1px 3px #00000005;height:100%}.chart-card-large,.chart-card-small{padding:24px;background:#fff;border-radius:16px;border:1px solid var(--color-neutral-200);box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column}.chart-card-large h3,.chart-card-small h3{margin:0 0 20px;font-size:16px;font-weight:600;color:var(--color-neutral-900)}.legend{display:flex;justify-content:center;gap:16px;margin-top:20px}.legend-item{font-size:12px;color:var(--color-neutral-600);display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%}.dashboard-sidebar{height:100%}.control-panel-card{height:100%;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:24px;padding:32px;border:none;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;align-items:center;text-align:center}.control-header{margin-bottom:40px}.control-header h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--color-neutral-900)}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.status-pill.success{background:#ecfdf5;color:#059669}.status-pill.warning{background:#fffbeb;color:#d97706}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.timer-section{margin-bottom:48px}.big-timer{font-size:48px;font-weight:800;color:var(--color-neutral-900);font-variant-numeric:tabular-nums;letter-spacing:-2px;line-height:1}.timer-subtitle{margin:8px 0 0;font-size:13px;color:var(--color-neutral-400)}.action-buttons-grid{width:100%;display:flex;flex-direction:column;gap:16px;margin-top:auto}.pause-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pause-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .2s;font-size:11px;font-weight:600;color:#4b5563}.pause-btn:hover:not(:disabled){border-color:#f59e0b;background:#fffbeb;color:#d97706}.pause-btn .icon{font-size:18px}.action-btn{width:100%;padding:16px;border-radius:12px;border:none;font-weight:600;font-size:15px;cursor:pointer;transition:transform .1s}.action-btn.primary{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b98133}.action-btn.danger{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444433}@media (max-width: 1280px){.dashboard-grid{grid-template-columns:1fr;height:auto}.charts-row{grid-template-columns:1fr}.process-sidebar{height:auto}}.view-all-btn{background:none;border:none;color:#45c4b0;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.view-all-btn:hover{text-decoration:underline;text-decoration-color:#45c4b0;text-underline-offset:4px}.dashboard-container{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:20px}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.metric-card{padding:24px;background:#fff;border-radius:16px;border:1px solid var(--color-neutral-200);box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column;gap:16px}.metric-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.metric-info{display:flex;flex-direction:column}.metric-label{font-size:13px;color:var(--color-neutral-500);font-weight:500}.metric-value{font-size:24px;font-weight:700;color:var(--color-neutral-900);margin:4px 0}.metric-subtext{font-size:12px;color:var(--color-neutral-500)}.metric-subtext.positive{color:#10b981;font-weight:600}.middle-section{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-6)}.chart-card-large{padding:24px;background:#fff;border-radius:16px;border:1px solid var(--color-neutral-200);box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column}.chart-card-large h3{margin:0 0 20px;font-size:16px;font-weight:600;color:var(--color-neutral-900)}.control-panel-card{height:100%;background:#fff;border-radius:20px;padding:24px;border:1px solid var(--color-neutral-200);box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.control-header-centered{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:32px;width:100%}.control-header-centered h3{margin:0;font-size:18px;font-weight:600;color:var(--color-neutral-900)}.big-timer-compact{font-size:56px;font-weight:800;color:var(--color-neutral-900);font-variant-numeric:tabular-nums;letter-spacing:-2px;margin:16px 0;line-height:1}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase}.status-pill.success{background:#ecfdf5;color:#10b981}.status-pill.warning{background:#fffbeb;color:#f59e0b}.status-pill.neutral{background:#f3f4f6;color:#6b7280}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.action-buttons-grid{width:100%;display:flex;flex-direction:column;gap:16px}.pause-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pause-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;background:#f59e0b;border:none;border-radius:12px;cursor:pointer;transition:all .2s;font-size:11px;font-weight:600;color:#fff;box-shadow:0 4px 6px #f59e0b33}.pause-btn:hover:not(:disabled){background:#d97706;transform:translateY(-2px)}.pause-btn:disabled{background:#f3f4f6;color:#9ca3af;box-shadow:none;cursor:not-allowed}.pause-btn .icon{font-size:20px}.action-btn{width:100%;padding:18px;border-radius:12px;border:none;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.action-btn:active{transform:scale(.98)}.action-btn.primary{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b9814d}.action-btn.danger{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef44444d}.action-btn.secondary{background:#3b82f6;color:#fff}.history-section{width:100%}.history-card{padding:24px;background:#fff;border-radius:16px;border:1px solid var(--color-neutral-200);box-shadow:0 1px 3px #00000005}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.history-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-neutral-900)}.view-all-btn{background:none;border:none;color:#45c4b0;font-size:12px;font-weight:600;cursor:pointer}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--color-neutral-500);padding-bottom:12px;border-bottom:1px solid #E5E7EB;font-weight:600}.dashboard-table td{padding:12px 0;border-bottom:1px solid #F3F4F6;font-size:13px;color:var(--color-neutral-700);vertical-align:middle}.dashboard-table tr:last-child td{border-bottom:none}.date-cell{display:flex;flex-direction:column}.day-name{font-weight:600;color:var(--color-neutral-900)}.date-val{font-size:11px;color:var(--color-neutral-400)}.hours-badge{background:#f0fdf9;color:#059669;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.status-badge-mini{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.status-badge-mini.success{background:#ecfdf5;color:#059669}@media (max-width: 1280px){.middle-section,.metrics-row{grid-template-columns:1fr}}.jornada-page{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);max-width:1200px}.status-card,.controls-card{padding:var(--space-8);border:1px solid var(--color-neutral-200);box-shadow:0 4px 6px -1px #0000000d;border-radius:var(--radius-xl);height:100%}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.status-header h3{margin:0;font-size:20px;font-weight:600;color:var(--color-neutral-900);letter-spacing:-.01em}.status-badge{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.status-badge--success{background-color:#d1fae5;color:#059669}.status-badge--warning{background-color:#fef3c7;color:#d97706}.status-badge--neutral{background-color:#f3f4f6;color:#6b7280}.timer-display{text-align:center;margin:40px 0}.timer-value{font-size:4rem;font-weight:700;color:#45c4b0;font-family:var(--font-family);letter-spacing:-.02em;line-height:1}.timer-label{font-size:14px;color:var(--color-neutral-500);margin-top:8px;font-weight:500}.jornada-info{display:flex;flex-direction:column;gap:0;margin-top:auto;background:#f9fafb;border-radius:var(--radius-lg);overflow:hidden}.info-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB}.info-item:last-child{border-bottom:none}.info-label{font-weight:500;color:var(--color-neutral-600);font-size:14px}.info-value{font-weight:600;color:var(--color-neutral-900);font-size:14px}.controls-card h3{margin:0 0 var(--space-8) 0;font-size:20px;font-weight:600;color:var(--color-neutral-900)}.control-buttons{display:flex;flex-direction:column;gap:16px}.control-buttons button{height:56px;font-size:16px;font-weight:600}@media (max-width: 768px){.jornada-page{grid-template-columns:1fr}.timer-value{font-size:3rem}}.historial-page{display:flex;flex-direction:column;gap:var(--space-8)}.historial-header-actions{display:flex;justify-content:flex-start;align-items:center;margin-bottom:var(--space-2)}.view-toggles{display:flex;background:#f3f4f6;padding:3px;border-radius:8px;border:1px solid var(--color-neutral-200)}.view-toggle{padding:6px 16px;border:none;background:none;font-size:13px;font-weight:500;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s}.view-toggle.active{background:#fff;color:#111827;font-weight:600;box-shadow:0 1px 2px #0000000d;border:1px solid var(--color-neutral-200)}.historial-stats{margin-bottom:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}.stat-card{text-align:center;padding:24px var(--space-6);border:1px solid var(--color-neutral-200);box-shadow:0 1px 2px #00000005;border-radius:12px;background:#fff;transition:box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 6px -1px #0000000d}.stat-value{font-size:32px;font-weight:700;color:#45c4b0;margin-bottom:4px;letter-spacing:-.02em;line-height:1.2}.stat-label{font-size:13px;color:var(--color-neutral-500);font-weight:500;margin:0}.historial-table-card{padding:0;overflow:hidden;border:1px solid var(--color-neutral-200);box-shadow:0 1px 3px #00000005;border-radius:12px;background:#fff}.table-header{padding:20px 24px;border-bottom:1px solid var(--color-neutral-200);background:#fff}.table-header h3{margin:0;font-size:16px;color:var(--color-neutral-900);font-weight:600}.historial-table{width:100%;border-collapse:collapse}.historial-table th{background-color:#f9fafb;padding:16px 24px;text-align:left;font-weight:600;color:var(--color-neutral-600);font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-neutral-200)}.historial-table td{padding:20px 24px;border-bottom:1px solid var(--color-neutral-100);vertical-align:middle;color:var(--color-neutral-700);font-size:14px;transition:background-color .1s}.historial-table tbody tr:last-child td{border-bottom:none}.historial-table tbody tr:hover td{background-color:#f8fafc}.fecha-display{display:flex;flex-direction:column;gap:2px}.fecha-principal{font-weight:600;color:var(--color-neutral-900);font-size:14px}.fecha-secundaria{font-size:12px;color:var(--color-neutral-500);text-transform:capitalize}.duracion-badge{background-color:#f0fdf9;color:#059669;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;display:inline-block}.estado-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;display:inline-block}.estado-badge--success{background-color:#d1fae5;color:#059669}.estado-badge--primary{background-color:#e0f9f5;color:#0f766e}.estado-badge--warning{background-color:#fef3c7;color:#b45309}.estado-badge--neutral{background-color:#f3f4f6;color:#4b5563}.calendar-view-container{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}.calendar-card{padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000005;border:1px solid var(--color-neutral-200)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-header h3{margin:0;font-size:16px;font-weight:600;text-transform:capitalize;color:var(--color-neutral-900)}.calendar-nav{display:flex;gap:8px}.calendar-nav button{border:1px solid var(--color-neutral-200);background:#fff;font-size:16px;cursor:pointer;color:#6b7280;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.calendar-nav button:hover{background:#f9fafb;color:#111827;border-color:#9ca3af}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day-header{text-align:center;font-size:12px;font-weight:600;color:#9ca3af;padding-bottom:8px;text-transform:uppercase}.calendar-day{aspect-ratio:1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;transition:all .2s;font-size:14px;color:#374151;border:1px solid transparent}.calendar-day:not(:empty):hover{background:#45c4b01a;cursor:pointer;border:1px solid #45C4B0}.calendar-day.has-jornada{background:#ecfdf5;color:#047857;border:1px solid #D1FAE5}.calendar-day.selected{border:2px solid #00F5A7;background:#00f5a70d;box-shadow:0 0 0 4px #00f5a71a;z-index:10}.day-number{font-weight:500}.day-hours{font-size:10px;color:#059669;margin-top:4px;font-weight:600;background:#fff;padding:1px 6px;border-radius:10px}.calendar-day.has-jornada .day-hours{background:#fffc}.details-card{height:100%;border-radius:12px;padding:24px;background:#fff;box-shadow:0 1px 3px #00000005;border:1px solid var(--color-neutral-200)}.details-card h3{margin:0 0 20px;font-size:16px;color:var(--color-neutral-900);border-bottom:1px solid #E5E7EB;padding-bottom:12px;text-transform:capitalize;font-weight:600}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed #E5E7EB;font-size:14px;color:#4b5563}.detail-row span:last-child{font-weight:600;color:#111827}.detail-row.highlight{background:#f0fdf9;margin:12px -24px -24px;padding:20px 24px;border-top:1px solid #E5E7EB;border-bottom:none;border-radius:0 0 12px 12px;font-weight:600;color:#065f46}.detail-row.highlight span:last-child{color:#059669;font-size:16px}.details-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f9fafb;border:1px dashed #E5E7EB;border-radius:12px;min-height:300px}.placeholder-content h4{margin:12px 0 4px;color:#374151;font-weight:600;font-size:15px}.empty-state{padding:60px 20px;text-align:center;color:var(--color-neutral-500);display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state p{margin:8px 0;font-size:14px}@media (max-width: 1024px){.calendar-view-container{grid-template-columns:1fr}}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--color-neutral-200);background:#f9fafb}.pagination-info{font-size:13px;color:var(--color-neutral-500)}.pagination-info span{font-weight:600;color:var(--color-neutral-800)}.pagination-controls{display:flex;align-items:center;gap:16px}.pagination-btn{padding:6px 16px;background:#fff;border:1px solid var(--color-neutral-300);border-radius:6px;font-size:13px;font-weight:500;color:var(--color-neutral-700);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:var(--color-neutral-400);color:var(--color-neutral-900)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.pagination-page{font-size:13px;color:var(--color-neutral-600)}.pagination-page span{font-weight:700;color:#45c4b0}.profile-page{display:flex;flex-direction:column;gap:var(--space-6);max-width:1000px;margin:0 auto}.profile-cards-container{display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--color-neutral-200);background:#fff}.profile-header-card{background:#fff;border-radius:0;overflow:visible;position:relative;box-shadow:none;border:none;border-bottom:1px solid var(--color-neutral-100)}.profile-cover{height:120px;background:linear-gradient(135deg,#45c4b0,#2a7c6f)}.profile-avatar-container{position:absolute;top:60px;left:var(--space-8);padding:4px;background:#fff;border-radius:50%}.profile-avatar{width:100px;height:100px;border-radius:50%;background:#45c4b0;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff;border:4px solid #FFFFFF}.profile-info-header{padding:60px var(--space-8) var(--space-6) var(--space-8)}.profile-info-header h2{margin:0;font-size:24px;color:var(--color-neutral-900);font-weight:700}.profile-email{margin:4px 0 12px;color:var(--color-neutral-500);font-size:15px}.profile-role-badge{display:inline-block;padding:4px 12px;background:var(--color-neutral-100);color:var(--color-neutral-600);border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.profile-details-card{padding:0;overflow:hidden;border:none;box-shadow:none;border-radius:0}.card-header{padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--color-neutral-100);background:#fff}.card-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-neutral-800)}.profile-details-list{padding:var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-5)}.detail-item{display:flex;flex-direction:column;gap:4px;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-neutral-100)}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-label{font-size:13px;font-weight:500;color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.02em}.detail-value{font-size:15px;color:var(--color-neutral-900);font-weight:500}.detail-value.mono{font-family:monospace;font-size:14px;background:var(--color-neutral-50);padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content}.action-description{margin:0 0 var(--space-6) 0;color:var(--color-neutral-500);font-size:14px;line-height:1.5}@media (max-width: 768px){.profile-content-grid{grid-template-columns:1fr}.profile-avatar-container{left:50%;transform:translate(-50%)}.profile-info-header{text-align:center;padding-top:60px}}.analytics-page{display:flex;flex-direction:column;gap:var(--space-8)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.analytics-title h2{font-size:24px;font-weight:700;color:var(--color-neutral-900);margin:0}.analytics-title p{color:var(--color-neutral-500);margin:4px 0 0;font-size:14px}.analytics-actions{display:flex;gap:12px;align-items:center}.time-toggle{display:flex;background:#f3f4f6;padding:4px;border-radius:8px}.toggle-btn{padding:6px 16px;border:none;background:none;font-size:13px;font-weight:600;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s}.toggle-btn.active{background:#c5ff00;color:#111827;box-shadow:0 1px 2px #0000000d}.export-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.export-btn:hover{background:#f9fafb;border-color:#d1d5db}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.kpi-card{background:#fff;padding:24px;border-radius:16px;border:1px solid #E5E7EB;box-shadow:0 4px 6px -1px #00000005;display:flex;flex-direction:column;justify-content:space-between}.kpi-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.kpi-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#6b7280}.kpi-icon.active{background:#e0f9f5;color:#45c4b0}.kpi-label{font-size:13px;font-weight:500;color:#6b7280}.kpi-trend{font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;display:flex;align-items:center;gap:2px}.kpi-trend.positive{background:#d1fae5;color:#059669}.kpi-trend.neutral{background:#f3f4f6;color:#6b7280}.kpi-value{font-size:28px;font-weight:700;color:#111827;margin-bottom:4px;letter-spacing:-.02em}.kpi-subtext{font-size:12px;color:#9ca3af}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chart-card{background:#fff;padding:24px;border-radius:16px;border:1px solid #E5E7EB;box-shadow:0 4px 6px -1px #00000005;height:400px}.chart-header{margin-bottom:24px}.chart-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media (max-width: 640px){.kpi-grid{grid-template-columns:1fr}.analytics-header{flex-direction:column;align-items:flex-start;gap:16px}.analytics-actions{width:100%;justify-content:space-between}}:root{--color-primary-900: #2A7C6F;--color-primary-800: #35998A;--color-primary-700: #3FB5A3;--color-primary-600: #45C4B0;--color-primary-500: #5DD4C1;--color-primary-400: #7EDDD0;--color-primary-300: #A0E7DD;--color-primary-200: #C2F1EA;--color-primary-100: #E0F9F5;--color-accent-900: #2A7C6F;--color-accent-800: #35998A;--color-accent-700: #3FB5A3;--color-accent-600: #45C4B0;--color-accent-500: #5DD4C1;--color-accent-400: #7EDDD0;--color-accent-300: #A0E7DD;--color-accent-200: #C2F1EA;--color-accent-100: #E0F9F5;--color-neutral-900: #111827;--color-neutral-800: #1F2937;--color-neutral-700: #374151;--color-neutral-600: #4B5563;--color-neutral-500: #6B7280;--color-neutral-400: #9CA3AF;--color-neutral-300: #D1D5DB;--color-neutral-200: #E5E7EB;--color-neutral-100: #F3F4F6;--color-neutral-50: #F9FAFB;--color-white: #FFFFFF;--color-success: #10B981;--color-success-light: #D1FAE5;--color-success-600: #059669;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-danger: #EF4444;--color-danger-light: #FEE2E2;--color-danger-600: #DC2626;--color-info: var(--color-accent-600);--color-info-light: var(--color-accent-100);--bg-body: #F8FAFC;--bg-sidebar: var(--color-white);--bg-card: var(--color-white);--bg-card-highlight: var(--color-accent-700);--font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--sidebar-width: 260px;--header-height: 65px;--max-content-width: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-neutral-800);background-color:var(--bg-body);min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-neutral-900)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary-700);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-900)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary-700)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-neutral-500)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-up{animation:slideUp var(--transition-slow)}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}