.sidebar{width:260px;background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;box-shadow:2px 0 8px #0000001a}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.sidebar-header h2{margin:0;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-version{font-size:.65rem;color:#64748b;margin-top:.25rem}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;color:#cbd5e1;text-decoration:none;transition:all .2s ease;margin:.25rem .75rem;border-radius:.5rem}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item-active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 12px #3b82f64d}.nav-item-active:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.nav-icon{font-size:1.25rem;width:1.75rem;text-align:center}.nav-label{font-size:.875rem;font-weight:500}.sidebar-footer{padding:1rem 1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#ffffff0d;border-radius:.75rem}.user-avatar{width:2.5rem;height:2.5rem;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.user-details{flex:1;min-width:0}.user-name{display:block;font-size:.875rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{display:block;font-size:.7rem;color:#94a3b8;text-transform:capitalize}@media(max-width:768px){.sidebar{width:70px}.sidebar-header h2,.sidebar-version,.nav-label,.user-details{display:none}.sidebar-header{padding:1rem}.nav-item{justify-content:center;padding:.75rem;margin:.25rem}.nav-icon{font-size:1.5rem;width:auto}.user-info{justify-content:center;padding:.5rem}.user-avatar{width:2rem;height:2rem;font-size:1rem}}.header{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:70px}.header-title h1{margin:0;font-size:24px;color:#2c3e50;font-weight:600}.user-menu{display:flex;align-items:center;gap:15px}.user-menu span{color:#666;font-weight:500}.logout-button{background-color:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.logout-button:hover{background-color:#c0392b}.layout{display:flex;min-height:100vh}.layout-main{flex:1;display:flex;flex-direction:column}.layout-content{flex:1;padding:20px;background-color:#f8f9fa;overflow-y:auto}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px;animation:moveBackground 60s linear infinite;pointer-events:none}@keyframes moveBackground{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.login-card{background:#fff;padding:2rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;position:relative;z-index:1;animation:slideUp .5s ease}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:var(--gray-800);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-header p{color:var(--gray-600);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{margin-bottom:0}.login-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:.875rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:.5rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:1.5rem;font-size:.75rem;color:var(--gray-500)}.backend-status{position:fixed;top:1rem;right:1rem;display:flex;gap:.5rem;align-items:center;z-index:1000}.status-indicator{padding:.5rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem;backdrop-filter:blur(8px)}.status-indicator.online{background:#48bb78e6;color:#fff}.status-indicator.offline{background:#f56565e6;color:#fff}.status-indicator.checking{background:#ed8936e6;color:#fff}.retry-button,.debug-toggle{padding:.5rem .875rem;border:none;border-radius:2rem;cursor:pointer;font-size:.75rem;font-weight:500;transition:var(--transition);backdrop-filter:blur(8px)}.retry-button{background:#4299e1e6;color:#fff}.debug-toggle{background:#718096e6;color:#fff}.debug-info{position:fixed;top:4.5rem;right:1rem;background:#fff;border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-lg);z-index:1000;max-width:320px;animation:slideInRight .3s ease}.debug-info h4{margin-top:0;margin-bottom:.75rem;color:var(--gray-800);font-size:.875rem;border-bottom:1px solid var(--gray-200);padding-bottom:.5rem}.debug-info p{margin:.5rem 0;font-size:.75rem;color:var(--gray-600)}.test-credentials{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200)}.test-credentials h5{margin-bottom:.5rem;font-size:.75rem;color:var(--gray-700)}.test-credentials button{margin:.25rem;padding:.375rem .75rem;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;font-size:.7rem;transition:var(--transition)}.test-credentials button:hover{background:var(--gray-200)}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}.system-info,.instructions{margin-top:1rem;padding:.75rem;background:var(--gray-100);border-radius:var(--radius-md);font-size:.7rem;color:var(--gray-600)}.system-info ul,.instructions ol{margin:.5rem 0;padding-left:1.25rem}.status-online{color:var(--success);font-weight:600}.status-offline{color:var(--danger);font-weight:600}.status-unknown{color:var(--warning);font-weight:600}@media(max-width:480px){.login-card{padding:1.5rem;margin:1rem;width:calc(100% - 2rem)}.backend-status{top:.5rem;right:.5rem}.status-indicator{padding:.375rem .75rem;font-size:.65rem}.debug-info{top:3.5rem;right:.5rem;left:.5rem;max-width:none}}.login-logo{text-align:center;margin-bottom:1.5rem;animation:fadeIn .5s ease}.login-logo-img{width:80px;height:80px;object-fit:contain;border-radius:50%;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.login-logo-img:hover{transform:scale(1.05)}.error-message{animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:480px){.login-logo-img{width:60px;height:60px}.test-credentials button{font-size:.6rem;padding:.2rem .4rem}}.forgot-password-link{text-align:center;margin:.75rem 0 .5rem}.forgot-password-btn{background:none;border:none;color:#667eea;font-size:.875rem;cursor:pointer;transition:all .2s ease;padding:.5rem 1rem;display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem}.forgot-password-btn:hover:not(:disabled){color:#5a67d8;background-color:#667eea1a;transform:translateY(-1px)}.forgot-password-btn:active:not(:disabled){transform:translateY(0)}.forgot-password-btn:disabled{opacity:.5;cursor:not-allowed;background:none}.recovery-modal{background:#fff;border-radius:var(--radius-xl);width:90%;max-width:450px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:var(--shadow-xl)}.recovery-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-xl) var(--radius-xl) 0 0;color:#fff}.recovery-modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.recovery-modal-header .close-btn{position:absolute;top:1rem;right:1.25rem;background:#fff3;border:none;font-size:1.25rem;cursor:pointer;color:#fff;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.recovery-modal-header .close-btn:hover{background:#ffffff4d}.recovery-modal-body{padding:1.5rem}.recovery-description{color:var(--gray-600);font-size:.875rem;margin-bottom:1.25rem;line-height:1.5}.recovery-error{background-color:#fee2e2;color:#dc2626;padding:.75rem;border-radius:.5rem;margin:1rem 0;font-size:.875rem;border-left:4px solid #dc2626}.recovery-success{text-align:center}.recovery-success .success-icon{font-size:4rem;margin-bottom:1rem}.recovery-success h3{color:var(--gray-800);margin-bottom:1rem;font-size:1.25rem}.recovery-success p{color:var(--gray-600);font-size:.875rem;margin-bottom:1rem;line-height:1.5}.recovery-success .recovery-note{background-color:#fef3c7;color:#92400e;padding:.75rem;border-radius:.5rem;font-size:.75rem;margin:1rem 0}.recovery-actions{display:flex;gap:.75rem;margin-top:1.5rem}.recovery-actions button{flex:1}.spinner-small{display:inline-block;width:.875rem;height:.875rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}@media(max-width:480px){.recovery-modal{width:95%;margin:1rem}.recovery-actions{flex-direction:column}.recovery-actions button{width:100%}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#4299e1;border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:#718096;font-size:.875rem}.skeleton-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:1rem}.skeleton-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px #0000001a}.skeleton-table{background:#fff;border-radius:12px;padding:1rem;overflow:hidden}.skeleton-row{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.skeleton-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.skeleton-stat-card{background:#fff;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;height:16px;margin-bottom:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard{padding:24px;max-width:1400px;margin:0 auto;background:#f8f9fa;min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.dashboard-header h1{font-size:28px;font-weight:700;color:#1a202c;margin:0}.dashboard-header p{color:#718096;font-size:14px;margin-top:4px}.date-filter{display:flex;gap:12px}.date-filter select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;cursor:pointer;font-weight:500}.stats-section{margin-bottom:24px}.stats-section h2{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:16px;display:flex;align-items:center;gap:8px}.workers-stats,.payments-stats,.locals-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat-card{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #0000001a;transition:all .2s;border-left:3px solid #4299e1;min-width:0}.stat-card.primary{border-left-color:#4299e1}.stat-card.success{border-left-color:#48bb78}.stat-card.warning{border-left-color:#ed8936}.stat-card.info{border-left-color:#9f7aea}.stat-card.money{border-left-color:#38a169}.stat-card.bonus{border-left-color:#f6ad55}.stat-card.pending{border-left-color:#f56565}.stat-icon{font-size:32px;min-width:44px;text-align:center}.stat-info{flex:1;min-width:0;overflow:hidden}.stat-number{font-size:24px;font-weight:700;color:#1a202c;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label{font-size:11px;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;word-break:break-word}.stat-percent{font-size:11px;color:#a0aec0;margin-top:2px}.distribution-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.distribution-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:#2d3748}.distribution-bars{display:flex;height:32px;border-radius:8px;overflow:hidden;margin-bottom:16px;background:#e2e8f0}.distribution-bar{display:flex;align-items:center;justify-content:center;transition:width .3s ease;height:100%;min-width:40px}.distribution-bar.active{background:linear-gradient(90deg,#48bb78,#38a169)}.distribution-bar.inactive{background:linear-gradient(90deg,#f56565,#ed8936)}.distribution-bar.new{background:linear-gradient(90deg,#4299e1,#667eea)}.bar-label{color:#fff;font-size:11px;font-weight:600;white-space:nowrap;padding:0 6px}.distribution-legends{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#4a5568}.legend-color{width:12px;height:12px;border-radius:3px}.legend-color.active{background:#48bb78}.legend-color.inactive{background:#f56565}.legend-color.new{background:#4299e1}.executive-summary{background:linear-gradient(135deg,#2d3748,#1a202c);border-radius:20px;padding:20px;color:#fff}.executive-summary h2{font-size:16px;font-weight:600;margin-bottom:16px;color:#fff}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.summary-item{text-align:center;padding:12px;background:#ffffff1a;border-radius:12px;backdrop-filter:blur(10px)}.summary-value{font-size:20px;font-weight:700;margin-bottom:4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;opacity:.8;word-break:break-word}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#4299e1;border-radius:50%;animation:spin .8s linear infinite}[title]{cursor:help}@media(max-width:1024px){.workers-stats,.payments-stats,.locals-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start}.workers-stats,.payments-stats,.locals-stats{grid-template-columns:1fr}.stat-number,.summary-value{font-size:18px;white-space:normal;word-break:break-word}.progress-bar-container{height:50px}.progress-bar{font-size:11px}.progress-labels{flex-direction:column;gap:10px}.summary-grid{grid-template-columns:repeat(2,1fr)}.stat-icon{font-size:28px;min-width:40px}}@media(max-width:480px){.summary-grid{grid-template-columns:1fr}.executive-summary{padding:16px}.stat-card{padding:12px}.stat-number{font-size:18px}.stat-label{font-size:10px}.summary-value{font-size:18px}}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem}.error-icon{font-size:4rem;margin-bottom:1rem}.dashboard-error h2{color:#e53e3e;margin-bottom:.5rem}.dashboard-error p{color:#718096;margin-bottom:1.5rem}.users-page{max-width:1200px;margin:0 auto;padding:1rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--gray-800);margin:0}.page-subtitle{color:var(--gray-600);margin-top:.25rem;font-size:.875rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-top:1rem}.user-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition);border-left:4px solid var(--primary)}.user-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.user-card.inactive{opacity:.7;background-color:var(--gray-100)}.user-card-header{padding:1rem;background:linear-gradient(135deg,var(--gray-800) 0%,var(--gray-700) 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.user-card-header h3{margin:0;font-size:1rem;font-weight:600;flex:1;word-break:break-word}.user-status{font-size:.7rem;padding:.25rem .625rem;border-radius:1rem;font-weight:600;white-space:nowrap}.user-status.active{background:#48bb78e6;color:#fff}.user-status.inactive{background:#f56565e6;color:#fff}.user-card-body{padding:1rem}.user-card-body p{margin:.5rem 0;font-size:.813rem;color:var(--gray-700);display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.user-card-body p strong{min-width:70px;color:var(--gray-800)}.role-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:600}.role-badge.administrador{background:#d1ecf1;color:#0c5460}.role-badge.master{background:gold;color:#856404}.assigned-locals-section{margin:.75rem 0;padding:.75rem;background:var(--gray-100);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.assigned-locals-section p{margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:var(--gray-700)}.current-locals-list{margin-top:.5rem}.locales-count-display{margin-bottom:.5rem}.count-badge{display:inline-block;background:var(--success);color:#fff;padding:.25rem .625rem;border-radius:1rem;font-size:.7rem;font-weight:700}.locales-details ul{margin:0;padding-left:0;list-style:none;max-height:150px;overflow-y:auto}.local-detail-item{margin-bottom:.5rem;padding:.5rem;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--gray-200);transition:var(--transition)}.local-info{display:flex;align-items:flex-start;gap:.5rem}.local-icon{font-size:1rem}.local-text{flex:1;display:flex;flex-direction:column;gap:.125rem}.local-name{font-weight:600;color:var(--gray-800);font-size:.75rem}.local-address{font-size:.7rem;color:var(--gray-500);line-height:1.3}.no-locals-assigned{padding:.5rem;background:#fff3cd;border:1px solid #ffc107;border-radius:var(--radius-sm);text-align:center}.no-locals-assigned .warning-text{display:block;color:#856404;font-weight:700;font-size:.75rem;margin-bottom:.25rem}.no-locals-assigned small{color:#856404;font-size:.65rem}.created-date{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--gray-200);font-size:.7rem;color:var(--gray-500)}.user-card-actions{padding:.75rem 1rem;border-top:1px solid var(--gray-200);display:flex;gap:.5rem;flex-wrap:wrap}.user-card-actions button{flex:1;min-width:70px;padding:.5rem .75rem;font-size:.75rem;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.status-btn{background:var(--warning);color:#fff}.status-btn.btn-success{background:var(--success)}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:550px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal.large-modal{max-width:700px}.modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--gray-200);position:sticky;top:0;background:#fff}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--gray-800)}.user-form{padding:1.25rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4299e11a}.locals-checkbox-group{max-height:200px;overflow-y:auto;border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:.5rem;background:#fff}.checkbox-label{display:flex;align-items:center;padding:.5rem;margin:.25rem 0;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:.813rem}.checkbox-label:hover{background:var(--gray-100)}.checkbox-label input{width:1rem;height:1rem;margin-right:.5rem}.checkbox-label span{flex:1}.selected-badge{color:var(--success);font-size:.7rem;margin-left:.5rem}.no-locals-message{color:var(--gray-500);font-style:italic;text-align:center;padding:.5rem}.form-help{display:block;margin-top:.25rem;color:var(--gray-500);font-size:.7rem}.error-message{color:var(--danger);font-size:.7rem;margin-bottom:.25rem}.selection-counter{margin-top:.5rem;text-align:right}.counter{font-size:.7rem;padding:.25rem .5rem;border-radius:1rem}.counter.success{background:#d4edda;color:#155724}.counter.error{background:#f8d7da;color:#721c24}@media(max-width:768px){.users-page{padding:.75rem}.page-header{flex-direction:column;align-items:stretch;text-align:center}.users-grid{grid-template-columns:1fr}.user-card-header{flex-direction:column;align-items:flex-start}.user-card-body p{flex-direction:column;gap:.125rem}.user-card-body p strong{min-width:auto}.user-card-actions{flex-direction:column}.user-card-actions button{width:100%}.local-info{flex-direction:column;gap:.25rem}.local-icon{align-self:flex-start}.form-actions{flex-direction:column}.form-actions button{width:100%}.modal{width:95%;margin:1rem}}.bulk-modal{max-width:900px!important;width:95%}.steps-indicator{display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 1rem}.step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:20px;left:50%;width:100%;height:2px;background:var(--gray-300);z-index:0}.step.active:not(:last-child):after{background:var(--primary)}.step-number{width:40px;height:40px;border-radius:50%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;font-weight:700;position:relative;z-index:1;margin-bottom:.5rem}.step.active .step-number{background:var(--primary);color:#fff}.step-label{font-size:.75rem;color:var(--gray-500)}.step.active .step-label{color:var(--primary);font-weight:500}.upload-step{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.template-section,.upload-section{background:var(--gray-100);padding:1.5rem;border-radius:var(--radius-lg);text-align:center}.template-section h3,.upload-section h3{margin-bottom:.5rem;font-size:1rem}.template-section p,.upload-section p{font-size:.875rem;color:var(--gray-600);margin-bottom:1rem}.file-input{padding:.75rem;border:1px dashed var(--gray-400);border-radius:var(--radius-md);width:100%;cursor:pointer}.mapping-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;max-height:400px;overflow-y:auto;padding:.5rem}.mapping-item{background:var(--gray-100);padding:.75rem;border-radius:var(--radius-md)}.mapping-item label{display:block;font-weight:600;font-size:.75rem;margin-bottom:.25rem;color:var(--gray-700)}.mapping-item select{width:100%;padding:.5rem;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:.813rem}.field-hint{display:block;font-size:.65rem;color:var(--gray-500);margin-top:.25rem}.mapping-actions{margin-top:1.5rem;text-align:center}.preview-stats{display:flex;gap:1rem;margin-bottom:1rem}.preview-stats .stat{padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500}.preview-stats .stat.valid{background:#d4edda;color:#155724}.preview-stats .stat.invalid{background:#f8d7da;color:#721c24}.preview-table-container{overflow-x:auto;max-height:400px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:var(--radius-md)}.preview-table{width:100%;border-collapse:collapse;font-size:.75rem}.preview-table th{background:var(--gray-100);padding:.75rem;text-align:left;position:sticky;top:0}.preview-table td{padding:.5rem .75rem;border-bottom:1px solid var(--gray-200)}.preview-table .invalid-row{background:#fff5f5}.badge{display:inline-block;padding:.25rem .5rem;border-radius:1rem;font-size:.65rem;font-weight:500}.badge.success{background:#d4edda;color:#155724}.badge.error{background:#f8d7da;color:#721c24;cursor:help}.more-info{text-align:center;font-size:.75rem;color:var(--gray-500);padding:.5rem}.preview-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.results-summary{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.summary-card{text-align:center;padding:1rem 2rem;border-radius:var(--radius-lg);min-width:150px}.summary-card.success{background:#d4edda}.summary-card.error{background:#f8d7da}.summary-number{font-size:2rem;font-weight:700}.errors-section{margin-top:1rem}.errors-section h4{margin-bottom:.75rem;color:var(--danger)}.errors-list{max-height:300px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:.5rem}.error-item{background:#fff5f5;padding:.75rem;border-radius:var(--radius-sm);margin-bottom:.5rem}.error-item strong{display:block;margin-bottom:.25rem}.error-item ul{margin:.25rem 0 0 1.25rem;font-size:.75rem;color:var(--danger)}.results-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.upload-progress{text-align:center;padding:2rem}.progress-bar{height:8px;background:var(--primary);border-radius:4px;transition:width .3s ease;margin-bottom:1rem}@media(max-width:768px){.upload-step{grid-template-columns:1fr;gap:1rem}.steps-indicator{padding:0}.step-label{display:none}.mapping-grid{grid-template-columns:1fr}.preview-table{font-size:.7rem}.preview-table th,.preview-table td{padding:.5rem}}.workers-page{padding:20px;max-width:1400px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8f9fa;min-height:100vh}.workers-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 4px #0000000d}.workers-page-header h1{margin:0;color:#333;font-size:1.5rem}.workers-page-header p{margin:5px 0 0;color:#666;font-size:.8rem}.user-info-badge{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.user-name{font-weight:500;color:#555}.user-role{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.user-role.master{background:gold;color:#856404}.user-role.administrador{background:#2196f3;color:#fff}.locales-count{font-size:12px;color:#666;background:#f0f0f0;padding:4px 12px;border-radius:20px}.workers-header-actions{display:flex;gap:12px;flex-wrap:wrap}.workers-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.workers-stat-badge{background:#fff;border-radius:12px;padding:14px 12px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s;min-width:0;border-left:3px solid}.workers-stat-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.workers-stat-badge.total{border-left-color:#4299e1}.workers-stat-badge.active{border-left-color:#48bb78}.workers-stat-badge.new{border-left-color:#9f7aea}.workers-stat-badge.inactive{border-left-color:#ed8936}.workers-stat-badge.gender{border-left-color:#ed64a6}.workers-stat-badge.salary{border-left-color:#38a169}.workers-stat-icon{font-size:28px;min-width:44px;text-align:center}.workers-stat-info{flex:1;min-width:0;overflow:hidden}.workers-stat-number{font-size:20px;font-weight:700;color:#1a202c;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workers-stat-label{font-size:11px;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;word-break:break-word}.workers-stat-percent{font-size:10px;color:#a0aec0;margin-top:2px}.workers-distribution-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a}.workers-distribution-section h3{font-size:14px;font-weight:600;margin-bottom:16px;color:#2d3748;display:flex;align-items:center;gap:8px}.workers-distribution-bars{display:flex;height:32px;border-radius:8px;overflow:hidden;margin-bottom:16px;background:#e2e8f0}.workers-distribution-bar{display:flex;align-items:center;justify-content:center;transition:width .3s ease;height:100%;min-width:40px}.workers-distribution-bar.active{background:linear-gradient(90deg,#48bb78,#38a169)}.workers-distribution-bar.inactive{background:linear-gradient(90deg,#f56565,#ed8936)}.workers-distribution-bar.new{background:linear-gradient(90deg,#4299e1,#667eea)}.workers-bar-label{color:#fff;font-size:11px;font-weight:600;white-space:nowrap;padding:0 6px}.workers-distribution-legends{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.workers-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#4a5568}.workers-legend-color{width:12px;height:12px;border-radius:3px}.workers-legend-color.active{background:#48bb78}.workers-legend-color.inactive{background:#f56565}.workers-legend-color.new{background:#4299e1}.workers-executive-summary{background:linear-gradient(135deg,#2d3748,#1a202c);border-radius:16px;padding:20px;margin-top:24px;margin-bottom:24px;color:#fff}.workers-executive-summary h2{font-size:14px;font-weight:600;margin-bottom:16px;color:#fff}.workers-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.workers-summary-item{text-align:center;padding:12px;background:#ffffff1a;border-radius:12px;backdrop-filter:blur(10px)}.workers-summary-value{font-size:18px;font-weight:700;margin-bottom:4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workers-summary-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;opacity:.8;word-break:break-word}.workers-filters-panel{background:#fff;border-radius:12px;padding:16px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a}.workers-filters-grid{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.workers-filter-group{display:flex;align-items:center;gap:8px}.workers-filter-group label{font-weight:500;color:#555;font-size:.8rem}.workers-filter-group select,.workers-filter-group input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:.85rem}.workers-filter-group select:focus,.workers-filter-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.workers-sort-order{padding:8px 12px;background:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.workers-sort-order:hover{background:#e0e0e0}.workers-filter-results{display:flex;align-items:center;gap:12px}.workers-results-count{background:#2196f3;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.workers-items-per-page{display:flex;align-items:center;gap:8px}.workers-items-per-page label{font-size:.75rem;color:#666}.workers-items-per-page select{padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:.75rem}.workers-notification{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;animation:slideInRight .3s ease}.workers-notification.error{background:#fff5f5;color:#c53030;border-left:4px solid #e53e3e}.workers-notification.success{background:#f0fff4;color:#22543d;border-left:4px solid #48bb78}.workers-notification button{background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.7}.workers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-bottom:20px}.worker-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .2s;border:1px solid #e0e0e0;overflow:hidden}.worker-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.worker-photo-section{display:flex;justify-content:center;padding:20px 20px 0;background:linear-gradient(135deg,#667eea,#764ba2)}.worker-photo-container{position:relative;width:90px;height:90px;border-radius:50%;overflow:hidden;cursor:pointer;border:4px solid white;box-shadow:0 4px 12px #00000026;background:#f0f0f0;transition:transform .2s}.worker-photo-container:hover{transform:scale(1.02)}.worker-photo{width:100%;height:100%;object-fit:cover}.worker-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.photo-emoji{font-size:3rem}.photo-menu{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px 0;min-width:130px;z-index:10;white-space:nowrap}.photo-menu-item{display:block;width:100%;padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;font-size:12px;color:#333;transition:background .2s}.photo-menu-item:hover{background:#f0f0f0}.photo-menu-item.danger{color:#f44336}.photo-menu-item.danger:hover{background:#ffebee}.photo-upload-progress{position:absolute;bottom:-10px;left:10%;width:80%;height:4px;background:#ffffff80;border-radius:2px;overflow:hidden}.photo-upload-progress .progress-bar{height:100%;background:#4caf50;transition:width .3s ease}.worker-card-header{padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #eee}.worker-card-header h3{margin:0;font-size:1rem;font-weight:600;color:#1a1a1a;flex:1;word-break:break-word}.worker-salary{background:#1976d2;padding:4px 12px;border-radius:20px;font-weight:700;color:#fff;font-size:.8rem;white-space:nowrap}.worker-details{padding:16px;background:#fff}.worker-details p{margin:8px 0;font-size:.8rem;color:#555;display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.worker-details strong{min-width:80px;color:#333;font-weight:600}.documents-section{margin-top:12px;border-top:1px solid #eee;padding-top:12px}.btn-documents-toggle{width:100%;padding:8px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-documents-toggle:hover:not(:disabled){background:#e8e8e8}.btn-documents-toggle:disabled{opacity:.6;cursor:wait}.docs-count{background:#2196f3;color:#fff;padding:2px 8px;border-radius:12px;font-size:10px}.documents-list{margin-top:12px;max-height:0;overflow:hidden;transition:max-height .35s ease}.documents-list.show{max-height:250px;overflow-y:auto;padding:8px;background:#fafafa;border-radius:8px}.document-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#fff;border-radius:6px;margin-bottom:6px;border:1px solid #eee}.document-item:last-child{margin-bottom:0}.document-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.document-icon{font-size:18px}.document-details{display:flex;flex-direction:column;min-width:0}.document-name{font-size:11px;font-weight:500;color:#333}.document-meta{font-size:9px;color:#999}.document-actions{display:flex;gap:4px}.btn-download,.btn-delete-doc{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;background:none;transition:background .2s;font-size:12px}.btn-download:hover{background:#e3f2fd}.btn-delete-doc:hover{background:#ffebee}.loading-docs,.no-docs{text-align:center;padding:16px;color:#999;font-size:12px}.worker-status{padding:8px 16px;text-align:right;border-top:1px solid #eee;background:#fafafa}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.status-badge.activo{background:#e8f5e9;color:#2e7d32}.status-badge.nuevo-ingreso{background:#fff3e0;color:#e65100}.status-badge.retirado{background:#ffebee;color:#c62828}.worker-actions{padding:12px 16px;border-top:1px solid #eee;display:flex;gap:12px}.worker-actions button{flex:1;padding:8px;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.75rem;transition:all .2s}.worker-actions button:hover:not(:disabled){transform:translateY(-1px)}.workers-btn-secondary{background:#6c757d;color:#fff}.workers-btn-secondary:hover:not(:disabled){background:#5a6268}.workers-btn-danger{background:#dc3545;color:#fff}.workers-btn-danger:hover:not(:disabled){background:#c82333}.workers-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.workers-btn-disabled{opacity:.6;cursor:not-allowed}.workers-upload-progress-container{background:#e3f2fd;border-radius:8px;padding:12px;margin-bottom:16px}.workers-upload-progress-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:500;color:#1565c0}.workers-progress-bar-wrapper{background:#ddd;border-radius:20px;overflow:hidden;height:20px}.workers-progress-bar{background:linear-gradient(90deg,#2196f3,#1976d2);height:100%;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:width .3s ease;color:#fff;font-size:10px;font-weight:600}.workers-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.workers-modal{background:#fff;border-radius:24px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:workersModalSlideUp .3s ease;box-shadow:0 25px 50px #00000040}@keyframes workersModalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.workers-modal-header{padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.workers-modal-header-left{display:flex;align-items:center;gap:12px}.workers-modal-header-left h2{margin:0;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:10px}.workers-modal-header-left h2:before{content:"👷";font-size:1.3rem}.workers-modal-header-actions{display:flex;gap:12px;align-items:center}.workers-header-btn-primary{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 20px;border-radius:40px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.workers-header-btn-primary:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.workers-header-btn-secondary{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 20px;border-radius:40px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.workers-header-btn-secondary:hover{background:#ffffff40;transform:translateY(-1px)}.workers-header-btn-primary:disabled,.workers-header-btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.workers-modal-footer{display:none}.workers-modal-body{padding:24px;overflow-y:auto;flex:1;max-height:calc(90vh - 80px);background:#f8fafc}.workers-modal-body{padding:24px;overflow-y:auto;flex:1;max-height:calc(90vh - 140px);background:#f8fafc}.workers-modal-body::-webkit-scrollbar{width:8px}.workers-modal-body::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.workers-modal-body::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.workers-modal-body::-webkit-scrollbar-thumb:hover{background:#64748b}.workers-form{display:flex;flex-direction:column;gap:24px}.workers-form-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;transition:box-shadow .2s}.workers-form-section:hover{box-shadow:0 4px 12px #00000014}.workers-form-section h3{margin:0 0 20px;font-size:1rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.workers-form-section h3:before{font-size:1.2rem}.workers-form-section:first-child h3:before{content:"📋"}.workers-form-section:nth-child(2) h3:before{content:"💰"}.workers-form-section:nth-child(3) h3:before{content:"📞"}.workers-form-section:nth-child(4) h3:before{content:"🏦"}.workers-form-section:nth-child(5) h3:before{content:"📎"}.workers-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.workers-form-group{display:flex;flex-direction:column;gap:8px}.workers-form-group label{font-weight:600;color:#334155;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.workers-form-group label.required:after{content:" *";color:#ef4444}.workers-form-group input,.workers-form-group select,.workers-form-group textarea{padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;font-size:.9rem;transition:all .2s;background:#fff;font-family:inherit}.workers-form-group input:focus,.workers-form-group select:focus,.workers-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.workers-form-group input:hover,.workers-form-group select:hover,.workers-form-group textarea:hover{border-color:#cbd5e1}.workers-disabled-input{background:#f1f5f9!important;color:#64748b!important;cursor:not-allowed}.workers-form-help{font-size:.7rem;color:#94a3b8;margin-top:4px}.workers-form-group.error input,.workers-form-group.error select{border-color:#ef4444;background-color:#fef2f2}.error-message{color:#ef4444;font-size:.7rem;margin-top:4px;display:flex;align-items:center;gap:4px}.error-message:before{content:"⚠️";font-size:.65rem}.workers-documents-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.workers-btn-document{padding:10px 18px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#334155;border:1px solid #cbd5e1;border-radius:40px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.workers-btn-document:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.workers-btn-document:disabled{opacity:.6;cursor:not-allowed}.workers-upload-progress-container{background:#f1f5f9;border-radius:12px;padding:12px 16px;margin-bottom:16px;border:1px solid #e2e8f0}.workers-upload-progress-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:.75rem;font-weight:500;color:#334155}.workers-upload-icon{font-size:1rem}.workers-upload-text{flex:1}.workers-success-icon{color:#10b981;font-size:1rem}.workers-error-icon{color:#ef4444;font-size:1rem}.workers-progress-bar-wrapper{background:#e2e8f0;border-radius:20px;overflow:hidden;height:8px}.workers-progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;border-radius:20px;transition:width .3s ease}.workers-progress-bar.error{background:linear-gradient(90deg,#ef4444,#dc2626)}.workers-upload-status{font-size:.7rem;color:#64748b;margin-top:8px;text-align:center}.workers-upload-status.success{color:#10b981}.workers-upload-status.error{color:#ef4444}.workers-modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px;background:#fff;border-radius:0 0 24px 24px}.workers-btn-secondary{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0;padding:10px 24px;border-radius:40px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.workers-btn-secondary:hover{background:#e2e8f0;transform:translateY(-1px)}.workers-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 28px;border-radius:40px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.workers-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.workers-btn-primary:disabled{opacity:.6;cursor:not-allowed}.total-transferir-field{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;padding:4px 12px}.total-transferir-field input{background:#f0fdf4;font-weight:700;color:#166534}.bank-info-hint{font-size:.7rem;color:#94a3b8;margin-top:8px;padding:8px 12px;background:#f8fafc;border-radius:8px}@media(max-width:768px){.workers-modal{max-width:95%;margin:10px}.workers-form-grid{grid-template-columns:1fr;gap:16px}.workers-modal-header{padding:16px 20px}.workers-modal-body,.workers-form-section{padding:16px}.workers-documents-buttons{flex-direction:column}.workers-btn-document{width:100%;justify-content:center}.workers-modal-footer{flex-direction:column}.workers-btn-secondary,.workers-btn-primary{width:100%;justify-content:center}}.workers-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;flex-wrap:wrap;padding:16px 0}.workers-pagination button{padding:8px 14px;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500}.workers-pagination button:hover:not(:disabled){background:#f0f0f0;border-color:#bbb}.workers-pagination button.active{background:#2196f3;color:#fff;border-color:#2196f3}.workers-pagination button:disabled{opacity:.5;cursor:not-allowed}.workers-pagination-info{font-size:.8rem;color:#666}.workers-no-data{text-align:center;padding:60px 20px;background:#fafafa;border-radius:12px}.workers-no-data p{margin:8px 0;color:#999}.workers-access-denied{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;margin:40px}.workers-access-denied h1{color:#dc3545;margin-bottom:16px}.workers-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.workers-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.workers-page{padding:16px}.workers-page-header{flex-direction:column;align-items:flex-start}.workers-quick-stats{grid-template-columns:repeat(2,1fr);gap:12px}.workers-stat-number{font-size:16px;white-space:normal}.workers-stat-icon{font-size:24px;min-width:36px}.workers-grid{grid-template-columns:1fr}.workers-filters-grid{flex-direction:column;align-items:stretch}.workers-filter-group{justify-content:space-between}.workers-filter-group input,.workers-filter-group select{flex:1}.workers-distribution-bars{height:28px}.workers-bar-label{font-size:9px}.workers-summary-grid{grid-template-columns:repeat(2,1fr)}.workers-summary-value{font-size:16px;white-space:normal}.workers-modal{margin:16px;width:calc(100% - 32px);max-width:none}}@media(max-width:480px){.workers-quick-stats,.workers-summary-grid{grid-template-columns:1fr}.worker-details p{flex-direction:column;gap:4px}.worker-details strong{min-width:auto}.worker-actions{flex-direction:column}.worker-actions button{width:100%}}.worker-info-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:12px 16px;background:#fff}.info-item{display:flex;align-items:flex-start;gap:10px}.info-icon{font-size:1rem;min-width:24px;text-align:center}.info-content{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.info-label{font-size:.7rem;font-weight:600;color:#64748b;min-width:65px}.info-value{font-size:.8rem;color:#1e293b;word-break:break-word}.worker-documents-section{padding:0 16px 12px;border-top:1px solid #e2e8f0}.btn-docs-toggle{width:100%;padding:6px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;font-size:.7rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.docs-list-container{max-height:0;overflow:hidden;transition:max-height .3s ease;margin-top:8px}.docs-list-container.show{max-height:200px;overflow-y:auto}.doc-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f8fafc;border-radius:6px;margin-bottom:6px;font-size:.7rem}.doc-icon{font-size:.9rem}.doc-name{flex:1;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-download,.doc-delete{background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px}.doc-download:hover{background:#e3f2fd}.doc-delete:hover{background:#fee2e2}.docs-loading,.docs-empty{text-align:center;padding:12px;color:#94a3b8;font-size:.7rem}.btn-edit,.btn-delete{flex:1;padding:8px;border:none;border-radius:8px;font-size:.75rem;font-weight:500;cursor:pointer}.btn-edit{background:#e2e8f0;color:#475569}.btn-delete{background:#fee2e2;color:#dc2626}.export-buttons-group{display:inline-flex;gap:8px;margin:0 10px}.workers-btn-export{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.workers-btn-export-full{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.workers-btn-export:hover,.workers-btn-export-full:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.locals-container{padding:1rem;max-width:1400px;margin:0 auto;min-height:100vh;background:#f8f9fa}.locals-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding:1.25rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:1rem}.header-info h1{margin:0 0 .25rem;color:var(--gray-800);font-size:1.5rem;font-weight:700}.header-info p{margin:0;color:var(--gray-600);font-size:.875rem}.header-stats{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.stat-card{text-align:center;padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:var(--radius-md);min-width:80px}.stat-number{display:block;font-size:1.5rem;font-weight:700}.stat-label{font-size:.7rem;opacity:.9}.search-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:1rem}.search-input{position:relative;flex:1;min-width:200px}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:1rem}.search-input input{width:100%;padding:.75rem .875rem .75rem 2.5rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;transition:var(--transition)}.search-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4299e11a}.search-info{color:var(--gray-500);font-size:.75rem;white-space:nowrap}.form-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.form-container{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s ease}.form-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--gray-200);background:#fff;border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:sticky;top:0}.form-header h2{margin:0;color:var(--gray-800);font-size:1.125rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--gray-500);padding:.25rem;transition:var(--transition);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.close-btn:hover{background:var(--gray-100);color:var(--gray-700)}.local-form{padding:1.25rem}.form-group label{display:block;margin-bottom:.375rem;font-weight:500;color:var(--gray-700);font-size:.875rem}.form-group input,.form-group textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4299e11a}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:1.125rem;height:1.125rem;margin:0}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.btn-primary,.btn-success,.btn-cancel{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.btn-success{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);color:#fff;flex:2}.btn-cancel{background:var(--gray-200);color:var(--gray-700);flex:1}.loading-container{text-align:center;padding:3rem 1rem}.loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-state{text-align:center;padding:3rem 1rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:var(--gray-700);font-size:1rem}.empty-state p{margin:0 0 1.25rem;color:var(--gray-500);font-size:.875rem}.locals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.local-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition)}.local-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card-header{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.card-header h3{margin:0;font-size:1rem;font-weight:600;flex:1;word-break:break-word}.status-badge{padding:.25rem .625rem;border-radius:1rem;font-size:.7rem;font-weight:600;white-space:nowrap}.status-badge.active{background:#fff3;color:#fff}.status-badge.inactive{background:var(--danger);color:#fff}.card-content{padding:1rem}.info-item{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.625rem;font-size:.813rem}.info-item .icon{font-size:1rem;min-width:1.25rem}.info-item .text{flex:1;color:var(--gray-700);line-height:1.4;word-break:break-word}.card-actions{padding:.75rem 1rem;border-top:1px solid var(--gray-200);display:flex;gap:.5rem;flex-wrap:wrap}.btn-action{padding:.5rem .75rem;border:none;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:var(--transition);flex:1;min-width:70px;font-weight:500}.btn-action.edit{background:var(--warning);color:#fff}.btn-action.status{background:var(--primary);color:#fff}.btn-action.delete{background:var(--danger);color:#fff}.btn-action:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:768px){.locals-header{flex-direction:column;align-items:stretch}.header-stats{justify-content:space-between}.stat-card{flex:1;text-align:center}.search-bar{flex-direction:column;align-items:stretch}.search-input{max-width:none}.search-info{text-align:center;white-space:normal}.locals-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-success,.btn-cancel{width:100%}.card-actions{flex-direction:column}.btn-action{width:100%}}@media(min-width:769px)and (max-width:1024px){.locals-grid{grid-template-columns:repeat(2,1fr)}}.audit-logs-container{padding:20px;max-width:1400px;margin:0 auto}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0}.stat-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a;text-align:center}.stat-number{font-size:2.5em;font-weight:700;color:#2c3e50;margin:10px 0}.stat-label{color:#7f8c8d;font-size:.9em}.filters-section{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:15px 0}.filter-actions{display:flex;gap:10px;margin-top:15px}.logs-table-container{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a}.table-responsive{overflow-x:auto;margin:15px 0}.logs-table{width:100%;border-collapse:collapse}.logs-table th{background:#f8f9fa;padding:12px;text-align:left;border-bottom:2px solid #dee2e6;font-weight:600}.logs-table td{padding:12px;border-bottom:1px solid #dee2e6;vertical-align:top}.logs-table tr:hover{background:#f8f9fa}.user-info{display:flex;flex-direction:column}.role-badge,.action-badge{padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:600;text-transform:uppercase}.role-badge.master{background:#8e44ad;color:#fff}.role-badge.administrador{background:#3498db;color:#fff}.action-badge.success{background:#2ecc71;color:#fff}.action-badge.warning{background:#f39c12;color:#fff}.action-badge.danger{background:#e74c3c;color:#fff}.action-badge.info{background:#3498db;color:#fff}.log-details{max-width:300px}.endpoint{font-family:Courier New,monospace;color:#666;word-break:break-all}.pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid #dee2e6}.page-info{color:#666}.loading,.no-logs{text-align:center;padding:40px;color:#666}.access-denied{text-align:center;padding:50px 20px}.access-denied h1{color:#e74c3c;margin-bottom:20px}.remunerations-container{padding:20px;max-width:1400px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8fafc;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px;background:#fff;padding:16px 20px;border-radius:16px;box-shadow:0 2px 8px #00000014}.page-header h1{margin:0;color:#1e293b;font-size:1.5rem}.page-header p{margin:5px 0 0;color:#64748b;font-size:.8rem}.period-selector{display:flex;gap:12px}.period-selector select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.85rem}.period-info-banner{background:linear-gradient(135deg,#e3f2fd,#bbdef5);border-radius:12px;padding:12px 20px;margin-bottom:20px;display:flex;align-items:center;gap:12px;border-left:4px solid #1976d2;box-shadow:0 2px 8px #00000014}.period-icon{font-size:24px}.period-text{font-size:14px;color:#1565c0;font-weight:500;line-height:1.4}.view-mode-selector{display:flex;gap:16px;margin-bottom:24px;background:#fff;border-radius:12px;padding:6px;box-shadow:0 2px 4px #0000000d;width:fit-content}.view-mode-btn{padding:10px 24px;border:none;background:transparent;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;color:#64748b}.view-mode-btn:hover{background:#f1f5f9;color:#1e293b}.view-mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.two-column-layout{display:grid;grid-template-columns:350px 1fr;gap:24px;margin-top:20px}.local-history-layout{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 12px #00000014}.local-selector-bar{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.local-selector-bar label{font-weight:600;color:#334155;font-size:.9rem}.local-select{min-width:250px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:.85rem;background:#fff}.payment-panel{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px}.no-selection{text-align:center;padding:60px 20px;color:#94a3b8}.no-selection .icon{font-size:3rem;display:block;margin-bottom:16px}.selected-worker-summary{display:flex;align-items:center;gap:16px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.worker-avatar-large{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.worker-info-large{flex:1}.worker-info-large h3{margin:0 0 4px;font-size:1.1rem;color:#1e293b}.worker-info-large p{margin:0;font-size:.8rem;color:#64748b}.worker-salary-base{font-weight:500;color:#10b981!important}.toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;z-index:1000;animation:slideIn .3s ease;box-shadow:0 4px 12px #00000026}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-warning{background:#f59e0b;color:#fff}.toast-info{background:#3b82f6;color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:900px){.two-column-layout{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.view-mode-selector{width:100%;justify-content:center}.selected-worker-summary{flex-direction:column;text-align:center}}.workers-list-panel{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden;display:flex;flex-direction:column;height:fit-content;max-height:calc(100vh - 200px)}.panel-header{padding:16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.panel-header h3{margin:0 0 12px;font-size:1rem;font-weight:600;color:#1e293b}.panel-header .filter-group{margin-bottom:12px}.panel-header .filter-group label{display:block;font-size:.7rem;font-weight:600;color:#64748b;margin-bottom:4px}.panel-header .filter-group select,.panel-header .search-box input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem}.workers-list{flex:1;overflow-y:auto;max-height:calc(100vh - 320px)}.worker-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s;position:relative}.worker-item:hover{background:#f8fafc}.worker-item.selected{background:linear-gradient(135deg,#f8f4ff,#faf5ff);border-left:3px solid #667eea}.worker-item.has-pending{background:#fff8f0}.worker-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-icon{font-size:1.2rem;color:#fff}.worker-info{flex:1;min-width:0}.worker-name{font-weight:600;color:#1e293b;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-details{display:flex;gap:8px;font-size:.7rem;color:#64748b;margin-top:4px;flex-wrap:wrap}.worker-cargo{background:#e2e8f0;padding:2px 6px;border-radius:4px}.pending-indicator{font-size:.9rem;flex-shrink:0}.selected-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#10b981;font-weight:700;font-size:1rem}.workers-count{padding:12px 16px;border-top:1px solid #e2e8f0;font-size:.75rem;color:#64748b;background:#f8fafc;text-align:center}.payment-list-section{background:#f8fafc;border-radius:16px;padding:16px;margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.section-header h4{margin:0;font-size:.9rem;color:#334155}.bulk-actions{display:flex;gap:12px;align-items:center}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#475569;cursor:pointer}.btn-bulk-pay{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:6px 16px;border-radius:40px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-bulk-pay:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.btn-bulk-pay:disabled{opacity:.5;cursor:not-allowed}.payment-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.payment-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border-radius:10px;border:1px solid #e2e8f0}.payment-item.pending{border-left:3px solid #f59e0b}.payment-checkbox{flex-shrink:0}.payment-date{font-size:.7rem;color:#64748b;min-width:80px}.payment-type{min-width:100px}.type-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:500}.type-badge.quincena{background:#e3f2fd;color:#1565c0}.type-badge.fin_mes{background:#e8f5e9;color:#2e7d32}.type-badge.aguinaldo{background:#fce4ec;color:#c62828}.payment-amount{flex:1;font-weight:600;color:#1e293b}.payment-status{min-width:100px}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:500}.status-badge.paid{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fed7aa;color:#9a3412}.payment-actions{display:flex;gap:8px}.btn-pay-single{background:#10b981;color:#fff;border:none;padding:4px 12px;border-radius:20px;font-size:.7rem;cursor:pointer;transition:all .2s}.btn-pay-single:hover:not(:disabled){background:#059669}.empty-payments{text-align:center;padding:20px;color:#94a3b8;font-size:.8rem}.payment-form-container{background:#f8fafc;border-radius:16px;padding:20px;margin-bottom:24px}.payment-form-container h4{margin:0 0 16px;font-size:.9rem;color:#334155}.payment-form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:16px;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:150px}.form-group.full-width{width:100%}.form-group label{display:block;font-size:.7rem;font-weight:600;color:#475569;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:.85rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-hint{display:block;font-size:.65rem;color:#94a3b8;margin-top:4px}.warning-hint{display:block;font-size:.65rem;color:#f59e0b;margin-top:4px}.error-hint{display:block;font-size:.65rem;color:#ef4444;margin-top:4px}.payment-total{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#e8eaf6;border-radius:12px;margin:8px 0}.payment-total span{font-size:.85rem;color:#3949ab}.payment-total strong{font-size:1.2rem;color:#1e293b}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.btn-cancel{background:#e2e8f0;color:#475569;border:none;padding:10px 20px;border-radius:40px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#cbd5e1}.btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 24px;border-radius:40px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-save:disabled{opacity:.5;cursor:not-allowed}.form-warning{margin-top:12px;padding:8px 12px;background:#fef3c7;border-radius:8px;font-size:.7rem;color:#92400e}.form-warning p{margin:0}.payment-history-section{margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0}.payment-history-section h4{margin:0 0 16px;font-size:.9rem;color:#334155}.history-list{max-height:200px;overflow-y:auto}.history-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap}.history-item:last-child{border-bottom:none}.history-date{font-size:.75rem;color:#64748b;min-width:80px}.history-type{min-width:100px}.history-amount{flex:1;font-weight:600;color:#1e293b}.history-actions{display:flex;gap:8px}.btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.btn-toggle-status{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-toggle-status:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:6px 10px;border-radius:6px;font-size:.7rem;cursor:pointer;transition:all .2s}.btn-delete:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.empty-history{text-align:center;padding:20px;color:#94a3b8;font-size:.8rem}.local-history-container{margin-top:16px}.local-history-header{margin-bottom:24px}.local-history-header h3{margin:0 0 8px;font-size:1.1rem;color:#1e293b}.period-info{color:#64748b;font-size:.8rem;margin:0}.local-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.local-stats-cards .stat-card{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.local-stats-cards .stat-card.success{border-left:4px solid #10b981}.local-stats-cards .stat-card.warning{border-left:4px solid #f59e0b}.local-stats-cards .stat-card.info{border-left:4px solid #3b82f6}.local-stats-cards .stat-icon{font-size:2rem}.local-stats-cards .stat-info{flex:1}.local-stats-cards .stat-value{font-size:1.3rem;font-weight:700;color:#1e293b}.local-stats-cards .stat-label{font-size:.7rem;color:#64748b;text-transform:uppercase}.local-stats-cards .stat-sub{font-size:.65rem;color:#94a3b8;margin-top:4px}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px;padding:12px 16px;background:#f8fafc;border-radius:12px}.bulk-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.export-actions{display:flex;gap:12px}.btn-export-excel,.btn-export-csv{padding:8px 16px;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-export-excel{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-export-excel:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.btn-export-csv{background:#3b82f6;color:#fff}.btn-export-csv:hover:not(:disabled){transform:translateY(-1px);background:#2563eb}.btn-export-excel:disabled,.btn-export-csv:disabled{opacity:.5;cursor:not-allowed}.history-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;align-items:flex-end;padding:16px;background:#f8fafc;border-radius:12px}.history-filters .filter-group{display:flex;flex-direction:column;gap:6px}.history-filters .filter-group label{font-size:.7rem;font-weight:600;color:#475569;text-transform:uppercase}.history-filters .filter-group select,.history-filters .filter-group input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;background:#fff;min-width:180px}.btn-refresh{background:#e2e8f0;color:#475569;border:none;padding:8px 20px;border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:#cbd5e1}.history-table-container{overflow-x:auto;margin-bottom:24px}.history-table{width:100%;border-collapse:collapse;font-size:.85rem}.history-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.history-table td{padding:12px 16px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.history-table .pending-row{background:#fffbeb}.history-table .worker-name-cell strong{color:#1e293b}.history-table .amount-cell{font-weight:600;color:#1e293b}.history-table .bonus-cell{color:#10b981;font-weight:500}.history-table .deduction-cell{color:#ef4444;font-weight:500}.history-table .total-cell{font-weight:700;color:#1e293b}.history-table .table-footer{background:#f8fafc;font-weight:600}.history-table .actions-cell{display:flex;gap:6px;flex-wrap:wrap;white-space:nowrap}.history-table .checkbox-cell{text-align:center;vertical-align:middle}.history-table .checkbox-cell input{width:18px;height:18px;cursor:pointer}.btn-mark-paid{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-mark-paid:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.btn-mark-pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-mark-pending:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b4d}.worker-summary{margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0}.worker-summary h4{margin:0 0 16px;font-size:.9rem;color:#334155}.worker-summary-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.worker-summary-item{background:#f8fafc;border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.worker-summary-item .worker-name{font-weight:600;color:#1e293b;font-size:.85rem}.worker-summary-item .worker-totals{display:flex;gap:12px;font-size:.75rem}.worker-summary-item .worker-totals .total{color:#1e293b;font-weight:500}.worker-summary-item .worker-totals .paid{color:#10b981}.worker-summary-item .worker-totals .pending{color:#f59e0b}.worker-summary-item .worker-count{font-size:.7rem;color:#64748b}.info-message{text-align:center;padding:60px 20px;background:#f8fafc;border-radius:16px;color:#64748b}.info-message .info-icon{font-size:3rem;display:block;margin-bottom:16px}.loading-spinner-small{text-align:center;padding:40px;color:#94a3b8}@media(max-width:768px){.local-stats-cards{grid-template-columns:1fr}.history-filters{flex-direction:column;align-items:stretch}.history-filters .filter-group select,.history-filters .filter-group input{width:100%}.worker-summary-list{grid-template-columns:1fr}.history-table{font-size:.7rem}.history-table th,.history-table td{padding:8px 10px}.history-table .bonus-cell,.history-table .deduction-cell{display:none}.history-table .actions-cell{flex-direction:column}.btn-mark-paid,.btn-mark-pending,.btn-delete{width:100%;text-align:center}.actions-bar{flex-direction:column;align-items:stretch}.bulk-actions,.export-actions{justify-content:center}}.edit-payment-modal{max-width:600px}.payment-info-badge{display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;width:100%;max-width:550px;max-height:90vh;overflow-y:auto;animation:modalSlideUp .3s ease;box-shadow:0 20px 40px #0003}.modal-header{padding:18px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0}.modal-header h2{margin:0;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:10px}.close-btn{background:#fff3;border:none;font-size:1.2rem;cursor:pointer;color:#fff;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#ffffff59;transform:scale(1.05)}.modal-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 130px)}.modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px;background:#fafafa;border-radius:0 0 16px 16px}.payment-calculation{background:#f8fafc;border-radius:12px;padding:16px;margin-top:20px}.payment-calculation h4{margin:0 0 12px;font-size:.85rem;color:#334155}.calculation-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.8rem;border-bottom:1px solid #e2e8f0}.calculation-row:last-child{border-bottom:none}.calculation-row.bonus{color:#10b981}.calculation-row.deduction{color:#ef4444}.calculation-row.total{margin-top:8px;padding-top:8px;border-top:2px solid #e2e8f0;font-weight:700;font-size:.9rem}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row .form-group{flex:1}.form-hint{display:block;font-size:.65rem;color:#64748b;margin-top:4px}.btn-secondary{background:#e2e8f0;color:#475569;border:none;padding:10px 20px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#cbd5e1}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.form-row{flex-direction:column;gap:16px}.edit-payment-modal{margin:16px;width:calc(100% - 32px);max-width:none}}.period-info-card{background:#e8eaf6;border-radius:10px;padding:10px 12px;margin-bottom:16px;display:flex;align-items:center;gap:10px;font-size:.8rem}.period-info-card .period-icon{font-size:1.1rem}.period-info-card .period-text{color:#3949ab}.period-info-card .grace-period-hint{display:block;font-size:.65rem;color:#5c6bc0;margin-top:2px}.location-map-container{width:100%;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;margin:12px 0}.location-map{width:100%;height:250px;background:#f1f5f9}.location-map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;background:#f8fafc;border-radius:12px;border:1px dashed #cbd5e1;color:#94a3b8}.location-map-placeholder .placeholder-icon{font-size:32px;margin-bottom:8px}.location-map-placeholder p{margin:0;font-size:14px}.location-info-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:12px;color:#475569;flex-wrap:wrap}.location-info-bar .info-icon{font-size:14px}.location-info-bar .info-text{flex:1;word-break:break-all}.location-info-bar .info-accuracy{background:#e2e8f0;padding:2px 8px;border-radius:12px;font-size:10px;color:#475569}.custom-marker{background:transparent;border:none}.marker-content{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.marker-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:marker-bounce .5s ease}.marker-pulse{position:absolute;width:40px;height:40px;background:#3b82f666;border-radius:50%;animation:pulse 1.5s infinite}@keyframes marker-bounce{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(.8);opacity:.8}70%{transform:scale(1.5);opacity:0}to{transform:scale(1.8);opacity:0}}.map-popup{text-align:center;font-family:inherit}.map-popup strong{display:block;margin-bottom:4px;color:#1e293b}@media(max-width:768px){.location-map{height:200px}.location-info-bar{font-size:10px;gap:6px}}.att-container{padding:20px;max-width:1400px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8f9fa;min-height:100vh}.att-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #00000014}.att-page-header h1{margin:0;color:#333;font-size:1.5rem}.att-page-header p{margin:5px 0 0;color:#666;font-size:.8rem}.att-header-actions{display:flex;gap:12px}.att-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.att-stat-card{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #00000014;transition:all .2s;border-left:3px solid #667eea}.att-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.att-stat-icon{font-size:32px;min-width:48px;text-align:center}.att-stat-info{flex:1}.att-stat-number{font-size:24px;font-weight:700;color:#1a202c;line-height:1.2}.att-stat-label{font-size:11px;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.att-filters-section{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;box-shadow:0 2px 8px #00000014}.att-filter-group{display:flex;align-items:center;gap:12px}.att-filter-group label{font-weight:500;color:#555;font-size:.8rem}.att-filter-group input,.att-filter-group select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;background:#fff;transition:all .2s}.att-filter-group input:focus,.att-filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.att-table-container{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #00000014}.att-table{width:100%;border-collapse:collapse;font-size:14px;min-width:800px}.att-table th{background:linear-gradient(135deg,#667eea,#764ba2);padding:14px 16px;text-align:left;font-weight:600;color:#fff;font-size:.85rem}.att-table th:first-child{border-radius:12px 0 0}.att-table th:last-child{border-radius:0 12px 0 0}.att-table td{padding:14px 16px;border-bottom:1px solid #f0f0f0;vertical-align:middle;background:#fff}.att-table tr:hover td{background:#f8fafc}.date-cell{white-space:nowrap;font-weight:500;color:#2c3e50}.worker-cell strong{color:#1e293b}.worker-cell small{display:block;font-size:.7rem;color:#64748b;margin-top:4px}.observations-cell{max-width:250px;white-space:normal;word-break:break-word}.photo-cell{text-align:center}.supervisor-cell small{color:#64748b;font-size:.7rem}.att-btn-view-photo{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s}.att-btn-view-photo:hover{background:#e3f2fd}.att-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.att-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.att-btn-primary:disabled{opacity:.6;cursor:not-allowed}.att-btn-secondary{background:#e2e8f0;color:#4a5568;border:none;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.att-btn-secondary:hover{background:#cbd5e1;transform:translateY(-1px)}.att-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.att-btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.att-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:16px;border-top:1px solid #eee}.att-pagination button{padding:8px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.att-pagination button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.att-pagination button:disabled{opacity:.5;cursor:not-allowed}.att-page-info{font-size:.8rem;color:#64748b}.att-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.att-modal{background:#fff;border-radius:16px;width:100%;max-width:550px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .3s ease;box-shadow:0 20px 40px #0003}.att-modal-large{max-width:700px}.att-modal-photo{max-width:800px}.att-modal-header{padding:18px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0}.att-modal-header h2{margin:0;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:10px}.att-close-btn{background:#fff3;border:none;font-size:1.2rem;cursor:pointer;color:#fff;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.att-close-btn:hover{background:#ffffff59;transform:scale(1.05)}.att-modal-body{padding:24px;overflow-y:auto;flex:1;max-height:calc(90vh - 130px);position:relative}.att-modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px;background:#fafafa;border-radius:0 0 16px 16px}.att-form-group{margin-bottom:20px}.att-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#444;font-size:.85rem}.att-form-group input,.att-form-group select,.att-form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:.9rem;transition:all .2s}.att-form-group input:focus,.att-form-group select:focus,.att-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.att-worker-summary{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee}.att-worker-summary h3{margin:0 0 6px;font-size:1.1rem;color:#333}.att-worker-summary p{margin:0;color:#666;font-size:.85rem}.att-btn-camera{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.att-btn-camera:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.att-photo-preview{margin-top:12px;position:relative;display:inline-block}.att-photo-preview img{max-width:180px;border-radius:10px;border:2px solid #eee;box-shadow:0 2px 8px #0000001a}.att-photo-preview button{position:absolute;top:-10px;right:-10px;background:#f44336;color:#fff;border:none;border-radius:50%;width:26px;height:26px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.att-photo-preview button:hover{transform:scale(1.1);background:#d32f2f}.att-location-info{margin-top:10px;padding:10px;background:#e8eaf6;border-radius:8px;font-size:.75rem;color:#3949ab}.att-location-info p{margin:4px 0}.att-saving-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;z-index:20}.att-spinner{width:45px;height:45px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:15px}.att-photo-modal-body{padding:20px}.att-worker-info{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}.att-worker-info h3{margin:0 0 6px;font-size:1.1rem;color:#333}.att-photo-full-container{text-align:center;margin-bottom:20px}.att-full-photo{max-width:100%;max-height:400px;border-radius:8px;cursor:pointer;transition:transform .2s;box-shadow:0 2px 8px #0000001a}.att-full-photo:hover{transform:scale(1.02)}.att-photo-info{margin-top:12px;padding:8px 12px;background:#e3f2fd;border-radius:8px;font-size:.75rem;color:#1565c0;text-align:center}.att-location-section{margin-top:20px;padding-top:16px;border-top:1px solid #eee}.att-location-section h4{margin:0 0 12px;font-size:.9rem;color:#555;display:flex;align-items:center;gap:6px}.att-observations-box{margin-top:20px;padding:14px;background:#fff8e1;border-radius:10px;border-left:4px solid #ffc107}.att-observations-box strong{display:block;margin-bottom:6px;color:#e65100}.att-no-data{text-align:center;padding:40px;color:#94a3b8}.att-access-denied{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;margin:40px}.att-access-denied h1{color:#dc3545;margin-bottom:16px}@media(max-width:768px){.att-container{padding:16px}.att-page-header{flex-direction:column;align-items:flex-start}.att-filters-section{flex-direction:column;align-items:stretch}.att-filter-group{justify-content:space-between}.att-filter-group input,.att-filter-group select{flex:1}.att-stats-cards{grid-template-columns:1fr}.att-table{font-size:12px}.att-table th,.att-table td{padding:10px 12px}.att-modal{margin:16px;width:calc(100% - 32px);max-width:none}.att-full-photo{max-height:250px}}.btn-delete-visit{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-delete-visit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.btn-delete-visit:disabled{opacity:.5;cursor:not-allowed}.master-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;font-size:11px;padding:4px 10px;border-radius:20px;margin-left:12px;font-weight:600}.selected-preview{background:#f8fafc;border-radius:12px;padding:12px;margin-bottom:16px}.badge-photo{background:#667eea;color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;display:inline-block}.badge-dayoff{background:#10b981;color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;display:inline-block}.badge-absent{background:#f59e0b;color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;display:inline-block}.badge-no-photo{background:#94a3b8;color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;display:inline-block}.att-filter-group select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff}.absence-info{margin-top:16px;padding:16px;border-radius:12px;text-align:center}.absence-info span{font-size:40px;display:block;margin-bottom:8px}.absence-info p{font-weight:600;margin-bottom:8px}.absence-info small{font-size:11px;color:#666}.dayoff-info{background:#d1fae5;color:#065f46}.absent-info{background:#fed7aa;color:#92400e}@media(max-width:768px){.quick-buttons{flex-direction:column}.quick-btn{padding:10px}.att-history-filters{flex-direction:column}.att-filter-group select{width:100%}}*{box-sizing:border-box;margin:0;padding:0}.sup-container{padding:16px;max-width:100%;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f7fb;min-height:100vh}.sup-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;background:#fff;padding:14px 18px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.sup-page-header h1{margin:0;color:#1a1a2e;font-size:1.4rem}.sup-page-header .subtitle{font-size:.75rem;color:#666;margin:4px 0 0}.sup-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:30px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #667eea4d}.sup-btn-primary:active{transform:scale(.97)}.sup-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sup-btn-secondary{background:#e2e8f0;color:#4a5568;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s}.sup-btn-secondary:hover{background:#cbd5e1;transform:translateY(-1px)}.sup-btn-small{background:#e2e8f0;border:none;padding:6px 12px;border-radius:20px;cursor:pointer;font-size:.7rem}.sup-btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;padding:10px 20px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease}.sup-btn-success:active{transform:scale(.97)}.sup-btn-success:disabled{opacity:.6;cursor:not-allowed}.sup-btn-camera{background:#4a5568;color:#fff;padding:12px 16px;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:.85rem;font-weight:500;text-align:center;margin:8px 0;transition:all .2s;width:100%;border:none}.sup-btn-camera:active{transform:scale(.98)}.sup-btn-view-photo{background:#667eea;color:#fff;border:none;padding:6px 14px;border-radius:25px;font-size:.7rem;cursor:pointer;transition:all .2s}.sup-btn-view-photo:active{transform:scale(.95)}.sup-local-selector{background:#fff;padding:12px 16px;border-radius:16px;margin-bottom:20px;box-shadow:0 1px 3px #00000014}.sup-local-selector label{display:block;font-size:.7rem;font-weight:600;color:#666;margin-bottom:4px;text-transform:uppercase}.sup-local-select{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:12px;font-size:.95rem;background:#fff;transition:all .2s}.sup-local-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sup-workers-section{margin-bottom:24px}.sup-workers-section h2{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:12px;display:flex;align-items:center;gap:8px}.sup-workers-scroll{display:flex;overflow-x:auto;gap:12px;padding-bottom:8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.sup-worker-card{background:#fff;border-radius:16px;padding:12px;min-width:140px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;box-shadow:0 1px 3px #00000014}.sup-worker-card.selected{border-color:#667eea;background:linear-gradient(135deg,#f8f4ff,#faf5ff)}.sup-worker-avatar{font-size:2.2rem;text-align:center;margin-bottom:8px}.sup-worker-info h3{font-size:.8rem;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.sup-worker-info p{font-size:.65rem;color:#666;margin:0;text-align:center}.selected-badge{background:#667eea;color:#fff;border-radius:20px;padding:2px 8px;font-size:.65rem;text-align:center;margin-top:6px}.sup-history-section{background:#fff;border-radius:16px;padding:16px;box-shadow:0 1px 3px #00000014;margin-top:8px}.sup-history-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.sup-history-header h2{margin:0;font-size:.95rem;font-weight:600;color:#1e293b}.sup-history-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sup-history-filters input{padding:8px 10px;border:1px solid #e2e8f0;border-radius:10px;font-size:.75rem;background:#fff}.sup-visits-list{display:flex;flex-direction:column;gap:12px}.sup-visit-card{background:#f8fafc;border-radius:14px;padding:12px;transition:all .2s;border:1px solid #eef2f6}.sup-visit-card:active{transform:scale(.99)}.sup-visit-date{font-size:.65rem;color:#94a3b8;margin-bottom:6px}.sup-visit-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-wrap:wrap;gap:6px}.sup-visit-local{font-size:.8rem;font-weight:500;color:#334155}.badge-no-photo{background:#ffc107;color:#333;padding:2px 10px;border-radius:20px;font-size:.6rem;font-weight:600}.sup-visit-observations{font-size:.75rem;color:#555;margin-bottom:8px;word-break:break-word;line-height:1.3}.sup-visit-footer{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;color:#94a3b8;margin-top:6px}.sup-table-container{background:#fff;border-radius:12px;overflow-x:auto;display:none}.sup-table{width:100%;border-collapse:collapse;font-size:13px;min-width:700px}.sup-table th{background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 14px;text-align:left;font-weight:600;color:#fff;font-size:.8rem}.sup-table td{padding:12px 14px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.sup-table tr:hover td{background:#f8fafc}@media(min-width:768px){.sup-visits-list{display:none}.sup-table-container{display:block}}.sup-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.sup-modal{background:#fff;border-radius:24px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .3s ease;box-shadow:0 20px 40px #0003}.sup-modal-photo{max-width:700px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sup-modal-header{padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0}.sup-modal-header h2{margin:0;font-size:1.1rem;font-weight:600}.sup-close-btn{background:#fff3;border:none;font-size:1.2rem;cursor:pointer;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.sup-close-btn:active{transform:scale(.95)}.sup-modal-body{padding:20px;overflow-y:auto;flex:1;max-height:calc(90vh - 130px);position:relative}.sup-modal-footer{padding:14px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px;background:#fafafa;border-radius:0 0 24px 24px}.sup-form-group{margin-bottom:18px}.sup-form-group label{display:block;font-size:.75rem;font-weight:600;margin-bottom:6px;color:#334155;text-transform:uppercase}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400;text-transform:none}.checkbox-label input{width:20px;height:20px;cursor:pointer}.checkbox-label span{font-weight:500;font-size:.85rem;text-transform:none}.sup-form-group textarea,.sup-form-group input[type=text],.sup-form-group input[type=date]{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;font-size:.85rem;resize:vertical;transition:all .2s}.sup-form-group textarea:focus,.sup-form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sup-worker-summary{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eef2f6}.sup-worker-summary h3{margin:0 0 4px;font-size:1rem;color:#1e293b}.sup-worker-summary p{margin:0;color:#667eea;font-size:.8rem}.photo-help-text{display:block;margin-top:10px;color:#6c757d;font-size:.7rem;background:#f8f9fa;padding:8px 12px;border-radius:10px;border-left:3px solid #17a2b8}.sup-photo-preview{position:relative;margin-top:12px;display:inline-block;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.sup-photo-preview img{max-width:100%;max-height:180px;object-fit:cover;border-radius:12px}.btn-remove-photo{position:absolute;top:6px;right:6px;background:#dc3545e6;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-photo:active{transform:scale(.95)}.sup-location-info{margin-top:10px;padding:8px 12px;background:#e8eaf6;border-radius:12px;font-size:.7rem;color:#3949ab}.sup-location-info p{margin:4px 0;word-break:break-all}.sup-photo-full-container{text-align:center;margin-bottom:16px}.sup-full-photo{max-width:100%;max-height:300px;border-radius:12px;cursor:pointer;transition:transform .2s;box-shadow:0 2px 8px #0000001a}.sup-full-photo:active{transform:scale(.99)}.sup-photo-info{margin-top:10px;padding:8px 12px;background:#e3f2fd;border-radius:10px;font-size:.7rem;color:#1565c0;text-align:center}.sup-location-section{margin-top:16px;padding-top:12px;border-top:1px solid #eef2f6}.sup-location-section h4{margin:0 0 10px;font-size:.85rem;color:#475569}.sup-observations-box{margin-top:16px;padding:12px;background:#fff8e1;border-radius:12px;border-left:3px solid #ffc107}.sup-observations-box strong{display:block;margin-bottom:6px;color:#e65100;font-size:.75rem}.sup-observations-box p{margin:0;font-size:.8rem;color:#555;word-break:break-word}.sup-saving-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;z-index:20}.sup-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.sup-no-locals,.sup-no-workers,.sup-no-data{text-align:center;padding:40px 20px;background:#fff;border-radius:16px;color:#94a3b8}.sup-no-locals .icon,.sup-no-workers .icon{font-size:48px;display:block;margin-bottom:16px}.sup-no-locals h2,.sup-no-workers h2{margin:0 0 8px;font-size:1.1rem;color:#475569}@media(max-width:480px){.sup-container{padding:10px}.sup-page-header h1{font-size:1.2rem}.sup-btn-primary{padding:8px 16px;font-size:.75rem}.sup-worker-card{min-width:120px;padding:10px}.sup-worker-avatar{font-size:1.8rem}.sup-worker-info h3{font-size:.7rem}.sup-modal{margin:0;width:100%;max-width:none;border-radius:20px}.sup-modal-header{padding:14px 16px}.sup-modal-body{padding:16px}.sup-full-photo{max-height:220px}}@media(min-width:768px){.sup-container{max-width:800px;margin:0 auto;padding:20px}.sup-workers-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));overflow-x:visible;gap:16px}.sup-worker-card{min-width:auto}.sup-history-filters{flex-direction:row}.sup-history-filters input{width:auto;min-width:140px}}@media(min-width:1024px){.sup-container{max-width:1200px}.sup-workers-scroll{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.mt-2{margin-top:8px}.mb-2{margin-bottom:8px}.hidden{display:none}.quick-buttons{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}.quick-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.quick-btn span{font-size:13px}.quick-btn:active{transform:scale(.98)}.photo-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dayoff-btn{background:#10b981;color:#fff}.absent-btn{background:#f59e0b;color:#fff}.selected-preview{background:#f8fafc;border-radius:12px;padding:12px}.absence-selected{padding:12px;border-radius:10px;text-align:center;font-weight:500}.dayoff-selected{background:#d1fae5;color:#065f46}.absent-selected{background:#fed7aa;color:#92400e}.reason-input{width:100%;margin-top:10px;padding:10px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;resize:vertical}.badge-photo{background:#667eea;color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.badge-dayoff{background:#10b981;color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.badge-absent{background:#f59e0b;color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.badge-no-photo{background:#94a3b8;color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.row-absent{background-color:#fef3c7!important}.row-dayoff{background-color:#d1fae5!important}.absence-reason{display:block;font-size:10px;color:#92400e;margin-top:4px}.type-cell{text-align:center}.no-photo-indicator{font-size:18px}.sup-filter-group select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff}:root{--primary: #4299e1;--primary-dark: #3182ce;--primary-light: #90cdf4;--success: #48bb78;--success-dark: #38a169;--danger: #f56565;--danger-dark: #e53e3e;--warning: #ed8936;--warning-dark: #dd6b20;--info: #4299e1;--gray-100: #f7fafc;--gray-200: #edf2f7;--gray-300: #e2e8f0;--gray-400: #cbd5e0;--gray-500: #a0aec0;--gray-600: #718096;--gray-700: #4a5568;--gray-800: #2d3748;--gray-900: #1a202c;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition: all .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#f0f2f5);color:var(--gray-800);line-height:1.5}#root{min-height:100vh}.btn-primary,.btn-secondary,.btn-danger,.btn-success,.btn-warning,.btn-info{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.05)}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-400)}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,var(--danger-dark) 100%);color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-success{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);color:#fff}.btn-warning{background:linear-gradient(135deg,var(--warning) 0%,var(--warning-dark) 100%);color:#fff}.btn-info{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:16px}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-700);font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;transition:var(--transition);background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4299e11a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--gray-100);cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.form-error{color:var(--danger);font-size:.75rem;margin-top:.25rem}.form-hint{color:var(--gray-500);font-size:.75rem;margin-top:.25rem}.table-container{overflow-x:auto;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table thead{background:linear-gradient(135deg,var(--gray-800) 0%,var(--gray-700) 100%)}.table th{padding:.875rem 1rem;text-align:left;color:#fff;font-weight:600}.table td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-200)}.table tbody tr:hover{background:var(--gray-100)}.card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.card-title{font-size:1.125rem;font-weight:600;color:var(--gray-800)}.card-body{margin-bottom:1rem}.card-footer{padding-top:.75rem;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:.5rem}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:#fff;border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:var(--shadow-xl)}.modal.large-modal{max-width:800px}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);position:sticky;top:0;background:#fff;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--gray-800)}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:.75rem;background:var(--gray-100);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.close-btn{position:absolute;top:1rem;right:1.25rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray-500);transition:var(--transition);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.close-btn:hover{background:var(--gray-100);color:var(--gray-800)}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;gap:.75rem}.loading-spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:var(--gray-600);font-size:.875rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.875rem 1.25rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:.75rem;z-index:1100;animation:slideInRight .3s ease;box-shadow:var(--shadow-lg);max-width:400px}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--info);color:#fff}.toast-warning{background:var(--warning);color:#fff}.toast button{background:none;border:none;color:#fff;font-size:1.125rem;cursor:pointer;margin-left:auto;padding:0 .25rem}.empty-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.125rem;color:var(--gray-700);margin-bottom:.5rem}.empty-state p{color:var(--gray-500);font-size:.875rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.modal{width:95%;margin:1rem}.modal.large-modal{width:95%}.toast{bottom:1rem;right:1rem;left:1rem;max-width:none}.btn-primary,.btn-secondary,.btn-danger{padding:.625rem 1rem;font-size:.8125rem}}.number-cell,.numeric-value,.currency-value{word-break:break-word;overflow-wrap:break-word;white-space:normal}.large-number{font-size:clamp(14px,4vw,24px)}.card-value{font-size:clamp(16px,5vw,28px);font-weight:700;line-height:1.2;word-break:break-word}.overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.long-number{font-size:12px;letter-spacing:-.3px;word-break:break-all}@media(max-width:768px){.long-number{font-size:10px}}.number-compact{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}[title],.stat-number[title],.summary-amount[title],.amount[title],.summary-value[title]{cursor:help}@media(min-width:769px){.stat-number,.summary-amount{font-size:clamp(16px,3vw,24px)}}.worker-card-header h3,.worker-card-header .worker-salary{color:#fff!important}.worker-card-header{background:linear-gradient(135deg,#1e293b,#0f172a)!important}