@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.employees-container{min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);padding:var(--space-8) var(--space-6);animation:fadeIn .8s var(--ease-elastic)}.employees-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);animation:slideUp .8s var(--ease-elastic);min-height:44px}.employees-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--gray-900);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.employees-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);margin-top:var(--space-2);font-weight:500}.employees-actions{display:flex;gap:var(--space-4);align-items:center}.employees-add-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--gray-900);border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-2xl);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.employees-add-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-slow)}.employees-add-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.employees-add-button:hover:before{left:100%}.employees-search{position:relative;max-width:400px;width:100%}.employees-search-input{width:100%;padding:var(--space-4) var(--space-5) var(--space-4) var(--space-12);border:2px solid var(--gray-200);border-radius:var(--radius-2xl);font-size:var(--font-size-base);background:var(--white);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.employees-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);transform:scale(1.02)}.employees-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--primary);font-size:18px;z-index:1}.employees-search-input:focus+.employees-search-icon{color:var(--primary)}.employees-filters{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);animation:slideUp 1s var(--ease-elastic)}.employees-filter{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.employees-filter:hover{border-color:var(--primary);color:var(--primary-dark);transform:translateY(-2px)}.employees-filter.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark);font-weight:600}.employees-grid{display:flex;flex-direction:column;gap:var(--space-6);animation:slideUp 1.2s var(--ease-elastic)}.employees-empty{text-align:center;padding:var(--space-16) var(--space-8);animation:scaleIn .8s var(--ease-elastic)}.employees-empty-icon{width:120px;height:120px;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);border-radius:var(--radius-3xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6) auto;font-size:var(--font-size-4xl);color:var(--gray-400);box-shadow:var(--shadow-lg)}.employees-empty-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-700);margin-bottom:var(--space-4)}.employees-empty-text{font-size:var(--font-size-base);color:var(--gray-500);line-height:1.6;max-width:500px;margin:0 auto var(--space-8) auto}.employees-empty-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--gray-900);border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-2xl);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md)}.employees-empty-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.employees-loading{display:flex;justify-content:center;align-items:center;padding:var(--space-16);animation:fadeIn .6s var(--ease-elastic)}.employees-loading-spinner{width:60px;height:60px;border:4px solid var(--gray-200);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.employees-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6);animation:slideUp .8s var(--ease-elastic)}.employees-stat-card{background:linear-gradient(135deg,var(--white) 0%,var(--gray-50) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.employees-stat-number{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-1);line-height:1}.employees-stat-label{font-size:var(--font-size-base);color:var(--gray-600);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.employees-stat-icon{width:36px;height:36px;background:var(--primary-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3) auto;font-size:var(--font-size-lg);color:#000;border:2px solid var(--primary-border)}@media (max-width: 1024px){.employees-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-5)}}@media (max-width: 768px){.employees-container{padding:var(--space-6) var(--space-4)}.employees-header{flex-direction:column;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6)}.employees-title{font-size:var(--font-size-3xl)}.employees-subtitle{font-size:var(--font-size-base)}.employees-actions{width:100%;justify-content:space-between}.employees-search{max-width:250px}.employees-filters{flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.employees-filter{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.employees-grid{grid-template-columns:1fr;gap:var(--space-5)}.employees-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.employees-stat-card{padding:var(--space-5)}.employees-stat-number{font-size:var(--font-size-3xl)}.employees-empty{padding:var(--space-12) var(--space-6)}.employees-empty-icon{width:80px;height:80px;font-size:var(--font-size-3xl);margin-bottom:var(--space-5)}.employees-empty-title{font-size:var(--font-size-xl)}}@media (max-width: 480px){.employees-actions{flex-direction:column;gap:var(--space-4);width:100%}.employees-search{max-width:100%}.employees-add-button{width:100%;justify-content:center}.employees-stats{grid-template-columns:1fr}.employees-filters{justify-content:center}}.employees-stat-card:nth-child(1){animation-delay:.1s}.employees-stat-card:nth-child(2){animation-delay:.2s}.employees-stat-card:nth-child(3){animation-delay:.3s}.employees-stat-card:nth-child(4){animation-delay:.4s}.employees-filter:nth-child(1){animation-delay:.1s}.employees-filter:nth-child(2){animation-delay:.2s}.employees-filter:nth-child(3){animation-delay:.3s}.employees-filter:nth-child(4){animation-delay:.4s}.search-filter-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.search-box{position:relative;display:flex;align-items:center;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:2px solid var(--gray-200);padding:0;min-width:260px;max-width:340px;width:100%;height:44px}.search-box input{border:none;outline:none;background:transparent;font-size:var(--font-size-base);padding:0 var(--space-4) 0 40px;width:100%;color:var(--gray-800);height:100%;display:flex;align-items:center}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--primary);font-size:18px;z-index:1}.filters-box{display:flex;gap:var(--space-2)}.filters-box select{border-radius:var(--radius-xl);border:2px solid var(--gray-200);background:var(--white);color:var(--gray-700);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-5);box-shadow:var(--shadow-sm);transition:border-color .2s}.filters-box select:focus{border-color:var(--primary)}.export-btn,.import-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border:none;border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:600;padding:var(--space-3) var(--space-5);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.export-btn:disabled,.import-btn:disabled{opacity:.6;cursor:not-allowed}.export-btn:hover,.import-btn:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:var(--white)}.import-btn input[type=file]{display:none}.import-error{color:var(--error);background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);font-weight:500}.import-success{color:var(--success);background:var(--success-light);border:1px solid var(--success);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);font-weight:500}.no-employees{text-align:center;color:var(--gray-500);font-size:var(--font-size-lg);padding:var(--space-8);grid-column:1/-1}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin:var(--space-6) 0}.pagination button{background:var(--white);border:2px solid var(--primary);color:var(--primary);border-radius:var(--radius-xl);font-size:var(--font-size-base);padding:var(--space-2) var(--space-4);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button:hover:not(:disabled){background:var(--primary);color:var(--white)}.pagination span{font-size:var(--font-size-base);color:var(--gray-700);font-weight:500}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--space-8);grid-column:1/-1}.loading-spinner{display:flex;align-items:center;gap:var(--space-3);color:var(--primary);font-weight:500;font-size:var(--font-size-lg)}.loading-spinner:before{content:"";width:24px;height:24px;border:3px solid var(--gray-200);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.search-filter-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.filters-box{flex-direction:column;gap:var(--space-2)}.pagination{gap:var(--space-2)}}.filters-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);margin-top:-16px;align-items:center;justify-content:flex-start}.management-buttons{display:flex;gap:.75rem;align-items:center}.manage-department-button,.manage-position-button,.bulk-department-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;border:2px solid #dee2e6;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014;position:relative;overflow:hidden}.manage-department-button:hover,.manage-position-button:hover{border-color:#305cde;color:#424242;box-shadow:0 4px 16px #fff3}.manage-department-button:hover:before,.manage-position-button:hover:before{left:100%}.manage-department-button:active,.manage-position-button:active{transform:translateY(0);box-shadow:0 2px 8px #ffffff4d}.add-employee-button:hover:before{left:100%}.add-employee-button:active{transform:translateY(0) scale(1);box-shadow:0 4px 12px #0000004d}@media (max-width: 768px){.search-filter-row{flex-direction:column;gap:1rem}.filters-box{flex-wrap:wrap}.pagination{flex-direction:column;gap:1rem}.management-buttons{flex-wrap:wrap;gap:.5rem}.manage-department-button,.manage-position-button{padding:.625rem 1rem;font-size:.8rem}.add-employee-button{width:44px;height:44px;font-size:1rem}}@media (max-width: 480px){.management-buttons{flex-direction:column;width:100%}.manage-department-button,.manage-position-button{width:100%;justify-content:center}.add-employee-button{align-self:center}}.modal-content{max-width:90vw;max-height:90vh;overflow:auto}.toast-container{position:fixed;top:0;right:0;z-index:10001;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);pointer-events:none}.toast-container .toast{pointer-events:auto}.toast{position:relative;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-5);min-width:320px;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid var(--primary);transition:all var(--transition-normal);animation:slideIn .4s var(--ease-elastic)}.toast-exiting{animation:slideOut .3s var(--ease-elastic);transform:translate(100%);opacity:0}.toast-content{display:flex;align-items:flex-start;gap:var(--space-4)}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.toast-message{flex:1;font-size:var(--font-size-base);color:var(--gray-800);font-weight:500;line-height:1.5;margin:0}.toast-close{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-close:hover{background:var(--gray-100);color:var(--gray-600);transform:scale(1.1)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--primary);width:100%;transform-origin:left;animation:progress 5s linear;border-radius:0 0 var(--radius-2xl) var(--radius-2xl);overflow:hidden}.toast-success{border-left-color:var(--success)}.toast-success .toast-icon{background:var(--success-light);color:var(--success);border-color:var(--success)}.toast-success .toast-progress{background:var(--success)}.toast-error{border-left-color:var(--error)}.toast-error .toast-icon{background:var(--error-light);color:var(--error);border-color:var(--error)}.toast-error .toast-progress{background:var(--error)}.toast-warning{border-left-color:var(--warning)}.toast-warning .toast-icon{background:var(--warning-light);color:var(--warning);border-color:var(--warning)}.toast-warning .toast-progress{background:var(--warning)}.toast-info{border-left-color:var(--info)}.toast-info .toast-icon{background:var(--info-light);color:var(--info);border-color:var(--info)}.toast-info .toast-progress{background:var(--info)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 768px){.toast-container{padding:var(--space-4)}.toast{min-width:auto;max-width:none}.toast-content{gap:var(--space-3)}.toast-message{font-size:var(--font-size-sm)}}@media (max-width: 480px){.toast-container{padding:var(--space-3)}.toast{padding:var(--space-4)}.toast-icon{width:20px;height:20px}.toast-close{padding:var(--space-1)}}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s var(--ease-smooth)}.confirmation-modal-content{background:var(--white);border-radius:var(--radius-lg);padding:0;max-width:450px;width:90%;box-shadow:var(--shadow-2xl);animation:slideUp .3s var(--ease-elastic);border:1px solid var(--gray-200)}.confirmation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6) 0 var(--space-6);border-bottom:1px solid var(--gray-200)}.confirmation-modal-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--gray-800);display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-family)}.confirmation-modal-icon{font-size:20px;transition:var(--transition-normal)}.confirmation-modal-icon.default{color:var(--primary)}.confirmation-modal-icon.danger{color:var(--error)}.confirmation-modal-close-btn{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:var(--space-2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);width:32px;height:32px}.confirmation-modal-close-btn:hover{background:var(--gray-100);color:var(--gray-700)}.confirmation-modal-body{padding:var(--space-6)}.confirmation-modal-message{margin:0 0 var(--space-6) 0;color:var(--gray-600);line-height:1.6;font-size:var(--font-size-base);font-family:var(--font-family)}.confirmation-modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;flex-wrap:wrap}.confirmation-modal-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-normal);border:none;min-width:80px;font-family:var(--font-family);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.confirmation-modal-btn.cancel{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.confirmation-modal-btn.cancel:hover{background:var(--gray-200);color:var(--gray-800);border-color:var(--gray-400)}.confirmation-modal-btn.confirm{background:var(--primary);color:var(--white);border:1px solid var(--primary)}.confirmation-modal-btn.confirm:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.confirmation-modal-btn.confirm.danger{background:var(--error);border-color:var(--error)}.confirmation-modal-btn.confirm.danger:hover{background:var(--error-dark);border-color:var(--error-dark)}.confirmation-modal-btn.confirm.default{background:var(--primary);border-color:var(--primary)}.confirmation-modal-btn.confirm.default:hover{background:var(--primary-dark);border-color:var(--primary-dark)}@media (max-width: 480px){.confirmation-modal-content{width:95%;max-width:none;margin:var(--space-4)}.confirmation-modal-header,.confirmation-modal-body{padding:var(--space-4)}.confirmation-modal-actions{flex-direction:column;gap:var(--space-2)}.confirmation-modal-btn{width:100%;justify-content:center}}.confirmation-modal-overlay.entering{animation:fadeIn .2s var(--ease-smooth)}.confirmation-modal-overlay.exiting{animation:fadeOut .2s var(--ease-smooth)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.confirmation-modal-content.entering{animation:slideUp .3s var(--ease-elastic)}.confirmation-modal-content.exiting{animation:slideDown .3s var(--ease-elastic)}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.loading-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.loader{width:48px;overflow:visible;transform:rotate(-90deg);transform-origin:center;--active: #7627a3;--track: #f2d4fe;--duration: 8s;animation:spin 2s linear infinite}@keyframes spin{0%{rotate:0deg}to{rotate:360deg}}.active{stroke:var(--active);stroke-linecap:round;stroke-dashoffset:360;animation:active-animation var(--duration) ease-in-out infinite}@keyframes active-animation{0%{stroke-dasharray:0 0 0 360 0 360}12.5%{stroke-dasharray:0 0 270 90 270 90}25%{stroke-dasharray:0 270 0 360 0 360}37.5%{stroke-dasharray:0 270 270 90 270 90}50%{stroke-dasharray:0 540 0 360 0 360}50.001%{stroke-dasharray:0 180 0 360 0 360}62.5%{stroke-dasharray:0 180 270 90 270 90}75%{stroke-dasharray:0 450 0 360 0 360}87.5%{stroke-dasharray:0 450 270 90 270 90}87.501%{stroke-dasharray:0 90 270 90 270 90}to{stroke-dasharray:0 360 1 360 0 360}}.track{stroke:var(--track);stroke-linecap:round;stroke-dashoffset:360;animation:track-animation var(--duration) ease-in-out infinite}@keyframes track-animation{0%{stroke-dasharray:0 20 320 40 320 40}12.5%{stroke-dasharray:0 290 50 310 50 310}25%{stroke-dasharray:0 290 320 40 320 40}37.5%{stroke-dasharray:0 560 50 310 50 310}37.501%{stroke-dasharray:0 200 50 310 50 310}50%{stroke-dasharray:0 200 320 40 320 40}62.5%{stroke-dasharray:0 470 50 310 50 310}62.501%{stroke-dasharray:0 110 50 310 50 310}75%{stroke-dasharray:0 110 320 40 320 40}87.5%{stroke-dasharray:0 380 50 310 50 310}to{stroke-dasharray:0 380 320 40 320 40}}.loading-container.small .loader{width:24px;height:24px}.loading-container.medium .loader{width:48px;height:48px}.loading-container.large .loader{width:64px;height:64px}.loading-container.xlarge .loader{width:96px;height:96px}.loading-container.primary .loader{--active: #305CDE;--track: #e3f2fd}.loading-container.success .loader{--active: #28a745;--track: #d4edda}.loading-container.warning .loader{--active: #ffc107;--track: #fff3cd}.loading-container.danger .loader{--active: #dc3545;--track: #f8d7da}.loading-container.info .loader{--active: #17a2b8;--track: #d1ecf1}.loading-container.light .loader{--active: #f8f9fa;--track: #e9ecef}.loading-container.dark .loader{--active: #343a40;--track: #6c757d}.loading-container.with-text{flex-direction:column;gap:1rem}.loading-container.with-text .loading-text{color:#666;font-size:.9rem;text-align:center}.loading-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffffe6;z-index:9999}.loading-container.inline{display:inline-flex;width:auto;height:auto}.navbar{display:flex;flex-direction:column;background:#1f2937;border-right:1px solid #374151;height:100vh;width:240px;position:fixed;left:0;top:0;z-index:1000;transition:all .2s ease}.navbar-header{display:flex;align-items:center;justify-content:center;padding:16px 12px;border-bottom:1px solid #374151;background:linear-gradient(180deg,#0f172a,#1f2937)}.navbar-logo{display:flex;align-items:center;justify-content:center}.navbar-logo img{height:64px;width:auto}.navbar-content{flex:1;padding:8px 0;overflow-y:auto}.navbar-section{margin-bottom:24px}.navbar-section-header{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:4px;color:#9ca3af;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.navbar-section-header span{opacity:1}.navbar-section-items{display:flex;flex-direction:column;gap:2px}.navbar-item{display:flex;align-items:center;gap:12px;padding:8px 12px;margin:0 8px;border-radius:6px;text-decoration:none;color:#d1d5db;font-size:14px;font-weight:500;transition:all .2s ease;border:none;background:none;cursor:pointer;width:calc(100% - 16px);text-align:left}.navbar-item:hover{background:#374151;color:#f9fafb}.navbar-item.active{background:#1e40af;color:#dbeafe;font-weight:600}.navbar-item.logout{color:#dc2626}.navbar-item.logout:hover{background:#374151;color:#b91c1c}.navbar-item span{opacity:1;white-space:nowrap;overflow:hidden}.navbar-badge{background:none;color:#ef4444;font-size:12px;font-weight:700;padding:0;border-radius:0;margin-left:auto;width:auto;height:auto;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;box-shadow:none;transition:all .2s ease}.navbar-item:hover .navbar-badge{color:#dc2626;transform:scale(1.1)}.navbar-item-group{display:flex;flex-direction:column}.navbar-submenu{margin-left:8px;margin-top:4px;display:flex;flex-direction:column;gap:2px}.navbar-subitem{display:flex;align-items:center;gap:12px;padding:6px 12px;margin:0 8px;border-radius:6px;text-decoration:none;color:#9ca3af;font-size:13px;font-weight:500;transition:all .2s ease;width:calc(100% - 16px)}.navbar-subitem:hover{background:#374151;color:#d1d5db}.navbar-subitem.active{background:#1e40af;color:#dbeafe;font-weight:600}.navbar-subitem span{opacity:1;white-space:nowrap;overflow:hidden}.chevron{margin-left:auto;transition:transform .2s ease}.chevron.rotated{transform:rotate(180deg)}.navbar-footer{padding:8px 0;border-top:1px solid #374151;display:flex;flex-direction:column;gap:8px}.navbar-user-info{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0 8px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.navbar-user-info:hover{background:#ffffff14;border-color:#ffffff26}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0;box-shadow:0 2px 8px #3b82f64d;border:2px solid rgba(255,255,255,.2)}.user-details{flex:1;min-width:0}.user-name{font-size:14px;font-weight:600;color:#f3f4f6!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px;letter-spacing:.025em}.user-email{font-size:12px;color:#d1d5db!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.navbar-footer-actions{display:flex;flex-direction:column;gap:2px}.navbar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}@media (max-width: 1024px){.navbar-section-header{font-size:10px}.navbar-item{font-size:13px}.navbar-subitem{font-size:12px}}@media (max-width: 768px){.navbar{width:200px;height:100vh;top:0;left:0;overflow:hidden}.navbar-content{overflow:hidden;padding:4px 0}.navbar-section{margin-bottom:12px}.navbar-section-header{font-size:9px;padding:4px 12px}.navbar-item{font-size:11px;padding:4px 12px}.navbar-subitem{font-size:10px;padding:3px 12px}.navbar-user-info{padding:8px 10px;gap:8px}.user-avatar{width:28px;height:28px;font-size:12px}.user-name{font-size:12px}.user-email{font-size:10px}}@media (max-width: 640px){.navbar{width:190px;height:100vh;top:0;left:0;overflow:hidden}.navbar-content{overflow:hidden;padding:2px 0}.navbar-section{margin-bottom:8px}.navbar-section-header{font-size:8px;padding:2px 8px}.navbar-item{font-size:10px;padding:2px 8px;margin:0 2px;width:calc(100% - 4px)}.navbar-subitem{font-size:9px;padding:1px 8px;margin:0 2px;width:calc(100% - 4px)}.navbar-section-items{gap:0px}.navbar-user-info{padding:6px 8px;gap:6px;margin:0 2px}.user-avatar{width:24px;height:24px;font-size:10px}.user-name{font-size:10px}.user-email{font-size:9px}}@media (max-width: 480px){.navbar{width:180px;height:100vh;top:0;left:0;overflow:hidden}.navbar-content{overflow:hidden;padding:2px 0}.navbar-header{padding:6px 4px}.navbar-logo img{height:20px}.navbar-section{margin-bottom:8px}.navbar-section-header{font-size:7px;padding:2px 8px}.navbar-item{font-size:9px;padding:2px 8px;margin:0 2px;width:calc(100% - 4px)}.navbar-subitem{font-size:8px;padding:1px 8px;margin:0 2px;width:calc(100% - 4px)}.navbar-section-items{gap:0px}}@media (max-width: 360px){.navbar{width:160px;height:100vh;top:0;left:0;overflow:hidden}.navbar-content{overflow:hidden;padding:1px 0}.navbar-section-header{font-size:6px;padding:1px 6px}.navbar-item{font-size:8px;padding:1px 6px;margin:0 1px;width:calc(100% - 2px)}.navbar-subitem{font-size:7px;padding:1px 6px;margin:0 1px;width:calc(100% - 2px)}.navbar-section-items{gap:0px}}.navbar-content::-webkit-scrollbar{width:2px}.navbar-content::-webkit-scrollbar-track{background:transparent;margin-right:8px}.navbar-content::-webkit-scrollbar-thumb{background:transparent;border-radius:1px;transition:background .3s ease;margin-right:8px}.navbar-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.navbar:hover .navbar-content::-webkit-scrollbar-thumb{background:#d1d5db}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar-item:focus,.navbar-subitem:focus,.navbar-toggle:focus{outline:none}.selection-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1100;padding:20px}.selection-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.selection-modal-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 32px 32px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#305cde,#23408f);color:#fff;position:relative;text-align:center;min-height:120px}.selection-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.selection-modal-header h3{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:16px;position:relative;z-index:1}.selection-modal-header h3:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff26;border-radius:12px;font-size:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.selection-modal-header .modal-subtitle{font-size:.875rem;color:#fffc;font-weight:400;margin:8px 0 0;z-index:1;position:relative}.selection-modal-close-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:absolute;top:20px;right:20px;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:40px;height:40px}.selection-modal-close-btn:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.selection-modal-search{position:relative;padding:20px 32px;border-bottom:1px solid #e5e7eb}.search-icon{position:absolute;left:48px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:16px;z-index:1}.selection-search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:all .2s}.selection-search-input:focus{outline:none;border-color:#305cde;box-shadow:0 0 0 3px #305cde1a}.selection-modal-content{flex:1;overflow-y:auto;padding:20px 32px}.selection-empty-state{text-align:center;padding:60px 20px;color:#6b7280}.selection-empty-state .empty-icon{font-size:48px;color:#d1d5db;margin-bottom:16px}.selection-empty-state h4{margin:0 0 8px;font-size:18px;color:#374151}.selection-empty-state p{margin:0;font-size:14px}.selection-list{display:flex;flex-direction:column;gap:8px}.selection-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:all .2s;cursor:pointer}.selection-item:hover{border-color:#305cde;box-shadow:0 4px 12px #305cde1a}.selection-item.selected{border-color:#10b981;background:#10b9810d}.selection-item-avatar{width:40px;height:40px;background:#305cde;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.selection-item-icon{width:40px;height:40px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.selection-item-info{flex:1}.selection-item-name{font-weight:600;color:#1f2937;margin-bottom:4px}.selection-item-email{font-size:14px;color:#6b7280;margin-bottom:2px}.selection-item-role{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.selection-item-description{font-size:14px;color:#6b7280;margin-bottom:2px}.selection-item-members{font-size:12px;color:#9ca3af}.selection-item-check{width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;opacity:0;transition:opacity .2s}.selection-item.selected .selection-item-check{opacity:1}.selection-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 32px;border-top:1px solid #e5e7eb;background:#f9fafb}.selection-cancel-btn{background:#fff;color:#6b7280;border:2px solid #e5e7eb;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.selection-cancel-btn:hover{background:#f3f4f6;border-color:#d1d5db}.selection-confirm-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.selection-confirm-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026;background:linear-gradient(135deg,#059669,#047857)}.selection-confirm-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.selection-modal{margin:20px;max-height:90vh}.selection-modal-header{padding:16px 20px}.selection-modal-header h3{font-size:18px}.selection-modal-search,.selection-modal-content{padding:16px 20px}.selection-modal-footer{padding:16px 20px;flex-direction:column}.selection-cancel-btn,.selection-confirm-btn{width:100%;justify-content:center}}.workplace-form-container{max-width:700px;margin:0 auto;padding:2rem;border-radius:8px}.workplace-form-header{text-align:center;margin-bottom:2rem}.workplace-form-header h1{color:#000;margin:0;font-size:1.8rem;font-weight:600;padding-bottom:.5rem;border-bottom:2px solid #ffc82a}.workplace-form-header p{color:#666;font-size:1rem}.workplace-form{display:flex;flex-direction:column;gap:2rem}.form-section{background-color:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000001a}.form-section h2{color:#333;font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #ffc82a}.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;color:#333;font-weight:500;margin-bottom:.5rem}.form-group label svg{color:#ffc82a;font-size:1rem}.form-group input,.form-group select{width:85%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#ffc82a;box-shadow:0 0 0 2px #ffc82a1a}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-button,.submit-button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.cancel-button{background-color:#f8f9fa;color:#333;border:1px solid #ddd}.cancel-button:hover{background-color:#e9ecef}.submit-button{background-color:#ffc82a;color:#000;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.map-container{height:400px;width:100%;border-radius:8px;overflow:hidden;margin:1rem 0;border:1px solid #ffc82a}.search-container{position:relative;margin-bottom:1.5rem}.search-input{width:85%;padding:.75rem 2.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#ffc82a;box-shadow:0 0 0 2px #ffc82a1a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#666}.workplace-form-container .form-group{position:relative;margin-bottom:1.5rem}.workplace-form-container .form-group label{position:static!important;display:block!important;margin-bottom:.5rem!important;color:#000!important;font-weight:600!important;font-size:.95rem!important;left:auto!important;top:auto!important;background:transparent!important;padding:0!important;pointer-events:auto!important;transition:none!important}.workplace-form-container .form-group input,.workplace-form-container .form-group select{width:100%!important;padding:.65rem!important;border:1px solid #e2e2e2!important;border-radius:6px!important;font-size:1rem!important;transition:all .2s!important;background:#fff!important;position:static!important}.workplace-form-container .form-group input:focus,.workplace-form-container .form-group select:focus{outline:none!important;border-color:#305cde!important;box-shadow:0 0 0 2px #305cde1a!important;transform:none!important}.workplace-form-container .form-group input.error,.workplace-form-container .form-group select.error{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc35451a!important}.workplace-form-container .form-group input:focus+label,.workplace-form-container .form-group input:not(:placeholder-shown)+label,.workplace-form-container .form-group select:focus+label{position:static!important;top:auto!important;left:auto!important;font-size:.95rem!important;color:#000!important;font-weight:600!important;background:transparent!important;padding:0!important;margin-bottom:.5rem!important}@media (max-width: 768px){.workplace-form-container{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.workplace-container{min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);padding:var(--space-8) var(--space-6);animation:fadeIn .8s var(--ease-elastic)}.workplace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);animation:slideUp .8s var(--ease-elastic);min-height:44px}.workplace-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--gray-900);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.workplace-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);margin-top:var(--space-2);font-weight:500}.workplace-actions{display:flex;gap:var(--space-4);align-items:center}.workplace-add-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--gray-900);border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-2xl);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.workplace-add-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-slow)}.workplace-add-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.workplace-add-button:hover:before{left:100%}.workplace-search{position:relative;max-width:400px;width:100%}.workplace-search-input{width:100%;padding:var(--space-4) var(--space-5) var(--space-4) var(--space-12);border:2px solid var(--gray-200);border-radius:var(--radius-2xl);font-size:var(--font-size-base);background:var(--white);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.workplace-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);transform:scale(1.02)}.workplace-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--primary);font-size:18px;z-index:1}.workplace-search-input:focus+.workplace-search-icon{color:var(--primary)}.workplace-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6);animation:slideUp .8s var(--ease-elastic)}.workplace-stat-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);text-align:center;position:relative;overflow:hidden;transition:all var(--transition-normal);border:1px solid var(--gray-200)}.workplace-stat-number{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-1)}.workplace-stat-label{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:500}.workplace-stat-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3) auto;font-size:var(--font-size-lg);color:var(--white);box-shadow:var(--shadow-sm)}.workplace-filters{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);animation:slideUp 1s var(--ease-elastic)}.workplace-filter{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.workplace-filter:hover{border-color:var(--primary);color:var(--primary-dark);transform:translateY(-2px)}.workplace-filter.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark);font-weight:600}.workplace-map-button{background:var(--success);color:var(--white);border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-sm)}.workplace-map-button:hover{background:var(--success-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.workplace-map-section{margin-bottom:var(--space-8);background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);animation:slideUp 1.2s var(--ease-elastic)}.workplace-grid{display:flex;flex-direction:column;gap:var(--space-6);animation:slideUp 1.2s var(--ease-elastic)}.workplace-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal);border:2px solid transparent}.workplace-card.clickable{cursor:pointer;position:relative}.workplace-card.clickable:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f60d,#3b82f605);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.workplace-card.clickable:hover:before{opacity:1}.workplace-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--primary-light)}.workplace-header-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);border-bottom:2px solid var(--gray-100)}.workplace-title-section{display:flex;align-items:center;gap:var(--space-3)}.workplace-name{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin:0}.workplace-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:600;color:var(--white);text-transform:uppercase}.workplace-actions-card{display:flex;gap:var(--space-2)}.workplace-view-button,.workplace-edit-button,.workplace-delete-button{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.workplace-view-button{background:var(--info);color:var(--white)}.workplace-view-button:hover{background:var(--info-dark);transform:translateY(-1px)}.workplace-edit-button{background:var(--primary);color:var(--gray-900)}.workplace-edit-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.workplace-delete-button{background:var(--danger);color:var(--white)}.workplace-delete-button:hover{background:var(--danger-dark);transform:translateY(-1px)}.workplace-content{padding:var(--space-6)}.workplace-info{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.info-item{display:flex;align-items:center;gap:var(--space-3)}.info-label{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-600);min-width:80px}.info-value{font-size:var(--font-size-base);color:var(--gray-700);flex:1}.workplace-description{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-xl);border-left:4px solid var(--primary)}.workplace-description p{margin:0;color:var(--gray-600);line-height:1.6}.workplace-coordinates{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.coordinates-label{font-weight:600;color:var(--gray-600)}.coordinates-value{color:var(--gray-700);font-family:monospace}.workplace-hint{margin-top:var(--space-4);padding:var(--space-3);background:#3b82f61a;border-radius:var(--radius-lg);text-align:center;border:1px dashed rgba(59,130,246,.3)}.workplace-hint span{font-size:var(--font-size-sm);color:var(--info);font-weight:500;opacity:.8}.workplace-empty{text-align:center;padding:var(--space-16) var(--space-8);animation:scaleIn .8s var(--ease-elastic)}.workplace-empty-icon{width:120px;height:120px;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);border-radius:var(--radius-3xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6) auto;font-size:var(--font-size-4xl);color:var(--gray-400);box-shadow:var(--shadow-lg)}.workplace-empty-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-700);margin-bottom:var(--space-4)}.workplace-empty-text{font-size:var(--font-size-base);color:var(--gray-500);line-height:1.6;max-width:500px;margin:0 auto var(--space-8) auto}.workplace-empty-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--gray-900);border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-2xl);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md)}.workplace-empty-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}@media (max-width: 1024px){.workplace-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.workplace-container{padding:var(--space-6) var(--space-4)}.workplace-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.workplace-title{font-size:var(--font-size-3xl)}.workplace-subtitle{font-size:var(--font-size-base)}.workplace-actions{width:100%;flex-direction:column;gap:var(--space-3)}.workplace-search{max-width:none}.workplace-filters{flex-direction:column}.workplace-filter,.workplace-map-button{width:100%}.workplace-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.workplace-stat-card{padding:var(--space-4)}.workplace-stat-number{font-size:var(--font-size-2xl)}.workplace-grid{grid-template-columns:1fr}.workplace-header-card{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.workplace-actions-card{width:100%;justify-content:flex-end}.workplace-empty{padding:var(--space-12) var(--space-4)}.workplace-empty-icon{width:80px;height:80px;font-size:var(--font-size-3xl)}.workplace-empty-title{font-size:var(--font-size-xl)}}@media (max-width: 480px){.workplace-actions{gap:var(--space-2)}.workplace-add-button{width:100%;justify-content:center}.workplace-stats{grid-template-columns:1fr}.workplace-filters{gap:var(--space-2)}.workplace-actions-card{gap:var(--space-1)}}:root{--primary: #ffc82a;--primary-dark: #e6b425;--primary-light: #fff3cd;--success: #10b981;--success-dark: #059669;--danger: #ef4444;--danger-dark: #dc2626;--info: #3b82f6;--info-dark: #2563eb;--info-light: #dbeafe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827;--white: #ffffff;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-normal: .3s ease;--transition-slow: .6s ease;--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55)}.edit-workplace-button{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.875rem;background:#305cde;color:#fff;box-shadow:0 2px 8px #305cde4d}.edit-workplace-button :hover{background:#1e4bb8;transform:translateY(-1px);box-shadow:0 4px 12px #305cde66}.workplace-view-button{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b9814d}.workplace-view-button :hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.workplace-delete-button{background:#ef4444;color:#fff;box-shadow:0 2px 8px #ef44444d}.workplace-delete-button :hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.workplace-details{display:flex;flex-direction:row;gap:1rem}.workplace-details-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.workplace-details-item svg{color:#305cde;font-size:.875rem;flex-shrink:0}.status-badge{font-weight:500}.status-badge.active{color:#10b981}.status-badge.inactive{color:#6b7280}.action-modal-content{padding:1rem;text-align:center}.action-modal-text{margin-bottom:1.5rem;font-size:1rem;color:#374151}.action-modal-text strong.activate{color:#10b981}.action-modal-text strong.deactivate{color:#f59e0b}.action-modal-buttons{display:flex;gap:12px;justify-content:center}.modal-button-cancel{background:#6b7280;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-button-cancel:hover{background:#4b5563}.modal-button-confirm{color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-button-confirm.activate{background:#10b981}.modal-button-confirm.activate:hover{background:#059669}.modal-button-confirm.deactivate{background:#f59e0b}.modal-button-confirm.deactivate:hover{background:#d97706}.employee-form-container{max-width:1000px;margin:0 auto;padding:2rem}.employee-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #eee}.form-title{display:flex;align-items:center;gap:.75rem}.title-icon{font-size:1.5rem;color:#305cde}.employee-form-header h1{font-size:2rem;color:#333;margin:0}.close-button:hover{background:#f5f5f5;color:#333}.employee-form{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #0000001a}.form-sections{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;padding:1.5rem;box-shadow:0 4px 20px #0000001a;border-radius:16px}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;color:#333;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #305CDE;font-weight:600}.section-icon{color:#305cde;font-size:1.1rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:600;font-size:.95rem;position:relative;z-index:1}.form-group input,.form-group select{width:100%;padding:.875rem;border:2px solid #e2e2e2;border-radius:6px;font-size:1rem;transition:all .2s;background:#fff;margin-top:0;position:relative;z-index:0}.form-group input:focus,.form-group select:focus{outline:none;border-color:#305cde;box-shadow:0 0 0 3px #305cde1a}.form-group input.error,.form-group select.error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:.85rem;margin-top:.25rem;display:block;font-weight:500}.field-description{color:#666;font-size:.8rem;margin-top:.25rem;display:block;font-style:italic}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.cancel-button,.save-button{padding:.875rem 1.75rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.95rem;border:none}.cancel-button{background:#f8f9fa;color:#6c757d;border:2px solid #dee2e6}.cancel-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.save-button{background:#305cde;color:#fff}.save-button:hover:not(:disabled){background:#2a4fc7;transform:translateY(-1px);box-shadow:0 4px 12px #305cde4d}.cancel-button:disabled,.save-button:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.employee-form-container{padding:1rem}.employee-form-header{flex-direction:column;gap:1rem;align-items:flex-start}.form-sections{gap:1.5rem}.form-section{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%;justify-content:center}}.form-group input[type=file]{padding:.5rem;background-color:#ecf0ff;border:1px dashed #ddd;border-radius:4px;cursor:pointer}.form-group input[type=file]:hover{border-color:#305cde}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23305CDE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2rem}.workspace-select{width:100%;padding:.6rem 2rem .6rem .6rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23305CDE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;transition:all .3s ease}.workspace-select:focus{outline:none;border-color:#305cde}.validation-message{font-size:.8rem;margin-top:.25rem;display:block;font-weight:500}.validation-message.valid{color:#28a745}.validation-message.invalid{color:#dc3545}input.valid{border-color:#28a745!important;box-shadow:0 0 0 2px #28a7451a}input.invalid{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc35451a}.form-group .input-container{position:relative;width:100%}.form-group .input-container input{width:100%;margin-top:0}.form-group .input-label{display:block;margin-bottom:.5rem;color:#555;font-weight:600;font-size:.95rem;position:relative;z-index:1}.form-group .input-with-icon{position:relative;width:100%}.form-group .input-with-icon input{padding-left:2.5rem}.form-group .input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#666;z-index:2}.form-group>div{margin-top:0}.form-group .input-container{margin-top:0}.form-group .input-container label{margin-bottom:.5rem;display:block}.form-group .profession-selector{margin-top:0}.form-group *{box-sizing:border-box}.form-group label{position:relative;z-index:10;background:transparent;padding:0;margin:0 0 .5rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=date],.form-group select{margin-top:0;position:relative;z-index:1}.employee-form-container .form-group{position:relative;display:block}.employee-form-container .form-group label{display:block!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin-bottom:.5rem!important;z-index:10!important;background:transparent!important;padding:0!important;width:auto!important;height:auto!important}.employee-form-container .form-group input,.employee-form-container .form-group select{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin-top:0!important;z-index:1!important;width:100%!important}.employee-form-container .form-group>div{position:relative!important;top:auto!important;left:auto!important;transform:none!important}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);position:relative;overflow:hidden;width:100%;max-width:100vw;box-sizing:border-box}.auth-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.auth-background-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#1a43c0,#fff)}.auth-background-pattern{position:absolute;top:0;left:0;right:0;bottom:0;animation:float 20s ease-in-out infinite}.auth-card{background:var(--white);border-radius:var(--radius-3xl);padding:var(--space-10);box-shadow:var(--shadow-2xl);width:100%;max-width:450px;position:relative;z-index:1;border:1px solid var(--gray-200);animation:slideUp .8s var(--ease-elastic);box-sizing:border-box;overflow:hidden}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.auth-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--gray-900);box-shadow:var(--shadow-lg);animation:bounceIn 1s var(--ease-elastic)}.auth-logo-icon svg{width:24px;height:24px}.auth-title{font-size:var(--font-size-3xl);font-weight:800;color:var(--gray-900);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.auth-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);margin:0;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:var(--space-6)}.auth-info{text-align:center;padding:var(--space-6);background:var(--gray-50);border-radius:var(--radius-2xl);border:1px solid var(--gray-200);margin-bottom:var(--space-4)}.auth-info p{margin:0;color:var(--gray-700);font-size:var(--font-size-base);line-height:1.6;font-weight:500}.auth-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.auth-label{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:var(--space-4);width:20px;height:20px;color:var(--gray-400);z-index:1;transition:all var(--transition-normal)}.auth-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);border:2px solid var(--gray-200);border-radius:var(--radius-xl);font-size:var(--font-size-base);background:var(--white);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.auth-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);transform:scale(1.02)}.auth-input:focus+.auth-input-icon{color:var(--primary)}.auth-form-actions{display:flex;justify-content:flex-end;margin-top:var(--space-2)}.auth-forgot-link{color:var(--primary);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:all var(--transition-normal)}.auth-forgot-link:hover{color:var(--primary-dark);text-decoration:underline}.auth-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-2xl);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-3);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-button svg{width:20px;height:20px;transition:all var(--transition-normal)}.auth-button-loading{pointer-events:none}.auth-button-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.auth-footer-text{color:var(--gray-600);font-size:var(--font-size-base);margin:0}.auth-footer-link{color:var(--primary);font-weight:600;text-decoration:none;transition:all var(--transition-normal)}.auth-footer-link:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width: 768px){.auth-container{padding:var(--space-4);width:100%;max-width:100vw;overflow-x:hidden}.auth-card{padding:var(--space-8);margin:var(--space-4);width:calc(100% - var(--space-8));max-width:100%;box-sizing:border-box}.auth-title{font-size:var(--font-size-2xl)}.auth-subtitle{font-size:var(--font-size-base)}.auth-logo-icon{width:40px;height:40px}.auth-logo-icon svg{width:20px;height:20px}}@media (max-width: 480px){.auth-container{padding:var(--space-2)}.auth-card{padding:var(--space-6);margin:var(--space-2);width:calc(100% - var(--space-4))}.auth-button{padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm)}.auth-info{padding:var(--space-4)}.auth-info p{font-size:var(--font-size-sm)}}.auth-form-group:nth-child(1){animation-delay:.1s}.auth-form-group:nth-child(2){animation-delay:.2s}.auth-button{animation-delay:.3s}.error-message{background:var(--error-light);color:var(--error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--error);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--gray-600);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-normal);margin-bottom:var(--space-6)}.back-link:hover{color:var(--gray-800);transform:translate(-2px)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon input{padding-left:var(--space-12)}.input-icon{position:absolute;left:var(--space-4);width:20px;height:20px;color:var(--gray-400);z-index:1}.message{padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-4)}.message.success{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.message.error{background:var(--error-light);color:var(--error);border:1px solid var(--error)}.register-card{max-width:1200px!important;width:100%;margin:2rem auto;padding:2rem}.document-section{display:flex;flex-direction:column;gap:.5rem}.radio-group{display:flex;gap:1rem;margin-bottom:.5rem}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.radio-option:hover{background-color:#f8f9fa}.radio-option input[type=radio]{margin:0;width:16px;height:16px;accent-color:#305CDE}.radio-label{font-weight:500;color:#333;font-size:.9rem}.form-select{width:100%;padding:.75rem;border:1px solid #d8d8d8;border-radius:6px;font-size:1rem;transition:all .3s ease;background-color:#fff;cursor:pointer}.form-select:focus{outline:none;border-color:#305cde;box-shadow:0 0 0 3px #305cde1a}.form-select.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-select.valid{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.progress-bar{margin-bottom:2rem}.progress-steps{display:flex;justify-content:space-evenly;align-items:center;margin-bottom:1rem;position:relative}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2;position:relative;width:100px}.step-number{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;transition:all .3s ease}.step.active .step-number{background:var(--primary);color:#fff}.step span{font-size:.875rem;font-weight:500;color:#6b7280;transition:color .3s ease}.step.active span{color:var(--primary)}.progress-line{position:absolute;top:20px;left:20px;right:20px;height:2px;background:#e5e7eb;z-index:1}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.register-content{min-height:400px}.register-step{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:2rem}.step-header h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.step-header p{color:#6b7280;font-size:1.125rem}.plan-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.plan-header-icon{width:60px;height:60px;background:linear-gradient(135deg,#305cde,#1e40af);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 8px 25px #305cde4d}.plan-header h2{margin:0;font-size:2rem;font-weight:700;color:#1f2937}.fidelity-title{font-size:1.5rem;font-weight:700;color:#1f2937;text-align:center!important;margin:0;padding:1rem 0;width:100%;display:block}.plan-description{font-size:.95rem;line-height:1.4;color:#6b7280;text-align:center;margin:.25rem 0 .5rem}.form-section{margin-bottom:2rem;padding:1.5rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.form-section h3{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary);display:inline-block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-group{position:relative}.form-group input{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #305cde1a}.form-group label{position:absolute;left:1rem;top:1rem;color:#9ca3af;transition:all .3s ease;pointer-events:none;background:#fff;padding:0 .25rem}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label{top:-.5rem;left:.75rem;font-size:.875rem;color:var(--primary);font-weight:500}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.pricing-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 8px 30px #0000001a;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary);opacity:0;transition:opacity .3s ease}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026;border-color:var(--primary)}.pricing-card:hover:before{opacity:1}.pricing-card.selected{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 60px #305cde33}.pricing-card.selected:before{opacity:1}.card-header{text-align:center;margin-bottom:1.5rem;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center}.plan-icon{width:50px;height:50px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.25rem;color:#fff;box-shadow:0 8px 25px #305cde4d}.plan-name{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.plan-description{color:#6b7280;font-size:.9rem}.plan-pricing{text-align:center;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:12px;border:2px solid #e5e7eb;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.price-label{font-size:.8rem;color:#6b7280;font-weight:500;text-align:center;margin-bottom:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.price-container{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.currency{font-size:1.125rem;font-weight:600;color:#6b7280}.price{font-size:2.5rem;font-weight:800;color:var(--primary);line-height:1}.period{font-size:1.125rem;font-weight:600;color:#6b7280}.price-note{display:flex;flex-direction:column;align-items:center;gap:.25rem}.note-text{font-size:.875rem;color:#6b7280}.discount-text{font-size:.75rem;font-weight:600;color:#059669;background:#d1fae5;padding:.25rem .5rem;border-radius:6px;margin-top:.25rem}.plan-features{margin-bottom:2rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.feature-item:last-child{border-bottom:none}.feature-item i{color:#10b981;font-size:.875rem;flex-shrink:0}.feature-item span{color:#374151;font-size:.875rem;font-weight:500}.plan-cta{text-align:center}.btn-pricing{display:inline-flex;align-items:center;gap:.5rem;background:#f3f4f6;color:#374151;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;width:100%;justify-content:center;border:2px solid transparent;cursor:pointer}.btn-pricing:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #305cde4d}.btn-pricing.primary{background:var(--primary);color:#fff;box-shadow:0 8px 25px #305cde4d}.btn-pricing.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #305cde66}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;color:#fff!important;box-shadow:0 8px 25px #10b9814d;animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{transform:scale(1);box-shadow:0 8px 25px #10b9814d}50%{transform:scale(1.05);box-shadow:0 12px 35px #10b98166}}.success-content{text-align:center;max-width:500px;margin:0 auto}.email-highlight{color:#305cde;font-weight:600;background:#eff6ff;padding:.25rem .5rem;border-radius:6px;border:1px solid #dbeafe;display:inline-block}.steps-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin:1rem 0;text-align:left;box-shadow:0 2px 8px #0000000d}.steps-list li{margin-bottom:.75rem;padding-left:1.5rem;position:relative;color:#475569;font-size:.95rem;line-height:1.5}.steps-list li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:1rem}.steps-list li:last-child{margin-bottom:0}.success-info{margin-bottom:2rem}.success-info h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.success-info ul{list-style:none;padding:0;text-align:left}.success-info li{color:#6b7280;position:relative;padding:.5rem 0 .5rem 1.5rem}.success-info li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.success-actions{display:flex;justify-content:center}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.btn-secondary{background:#f3f4f6;color:#374151;text-decoration:none;padding:1rem 2rem;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;border:2px solid transparent;cursor:pointer}.btn-secondary:hover{background:#e5e7eb;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.btn-primary{background:linear-gradient(135deg,#305cde,#1e40af);color:#fff!important;text-decoration:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #305cde4d;position:relative;overflow:hidden}.btn-primary span,.btn-primary i{color:#fff!important;z-index:2;position:relative}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #305cde66;background:linear-gradient(135deg,#1e40af,#1d4ed8)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0);box-shadow:0 4px 15px #305cde4d}.overview-content{display:flex;flex-direction:column;gap:2rem}.overview-section{background:#f9fafb;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb}.overview-section h3{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #305CDE;display:inline-block}.overview-item{margin-bottom:.75rem;font-size:1rem;color:#4b5563}.overview-item:last-child{margin-bottom:0}.overview-item strong{color:#1f2937;font-weight:600}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.register-card{margin:1rem;padding:1.5rem}.form-row{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr;gap:1rem}.pricing-card{padding:1rem}.plan-header{flex-direction:column;gap:.75rem}.plan-header h2{font-size:1.5rem}.plan-header-icon{width:50px;height:50px;font-size:1.25rem}.fidelity-title{font-size:1.25rem;padding:.75rem 0}.progress-steps{gap:.5rem}.step span{font-size:.75rem}.form-actions{flex-direction:column;gap:1rem}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.plan-header-icon.ultimate-icon{background:linear-gradient(135deg,gold,orange);border:3px solid #FFD700;box-shadow:0 8px 25px #ffd70066,0 0 0 1px #ffd70033;color:#8b4513;animation:ultimateGlow 3s ease-in-out infinite}@keyframes ultimateGlow{0%,to{box-shadow:0 8px 25px #ffd70066,0 0 0 1px #ffd70033}50%{box-shadow:0 12px 35px #ffd70099,0 0 0 2px #ffd70066}}.face-registration-manager{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e2e2}.face-registration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e2e2}.face-registration-header h2{display:flex;align-items:center;gap:.5rem;margin:0;color:#333;font-size:1.5rem}.pending-count{display:flex;align-items:center;gap:.5rem}.count-badge{background:#ff6b6b;color:#fff;padding:.25rem .75rem;border-radius:20px;font-weight:600;font-size:.9rem}.count-text{color:#666;font-size:.9rem}.no-requests{text-align:center;padding:3rem;color:#666}.no-requests-icon{font-size:3rem;color:#28a745;margin-bottom:1rem}.no-requests h3{margin:0 0 .5rem;color:#333}.no-requests p{margin:0;color:#666}.requests-list{display:flex;flex-direction:column;gap:.75rem}.request-card{background:#f8f9fa;border:1px solid #e2e2e2;border-radius:8px;overflow:hidden;transition:all .3s ease}.request-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.request-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #f0f0f0}.request-card-header:hover{background:#f8f9fa}.request-status-compact{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;background:#f8f9fa;border:1px solid #e2e2e2;margin-right:1rem}.request-card-header:hover .expand-icon{color:#305cde}.request-card-details{padding:1.5rem;background:#f8f9fa;border-top:1px solid #e2e2e2}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.user-info{display:flex;align-items:center;gap:1rem}.user-details{flex:1}.request-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;background:#fff;border:1px solid #e2e2e2}.status-icon{font-size:1rem}.status-icon.pending{color:#ffc107}.status-icon.approved{color:#28a745}.status-icon.rejected{color:#dc3545}.status-text{font-size:.9rem;font-weight:500}.request-details{margin-bottom:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.detail-item:last-child{border-bottom:none;margin-bottom:0}.detail-label{font-weight:500;color:#666;font-size:.9rem}.detail-value{color:#333;font-size:.9rem}.rejection-reason{color:#dc3545;font-style:italic}.face-image-section{margin:1rem 0;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e2e2e2}.view-photo-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#305cde;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.view-photo-btn:hover{background:#1e3a8a;transform:translateY(-1px)}.view-photo-btn:active{transform:translateY(0)}.face-image-container{display:flex;justify-content:center;align-items:center;margin-top:.5rem;position:relative}.face-image{max-width:200px;max-height:200px;border-radius:8px;border:2px solid #e2e2e2;object-fit:cover;box-shadow:0 2px 8px #0000001a}.face-image-error{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:#666;background:#f8f9fa;border-radius:8px;border:1px solid #e2e2e2}.error-icon{font-size:2rem;color:#999}.request-actions{display:flex;gap:1rem;justify-content:flex-end}.approve-btn{background:#28a745;color:#fff}.approve-btn:hover{background:#218838;transform:translateY(-1px)}.reject-btn{background:#dc3545;color:#fff}.reject-btn:hover{background:#c82333;transform:translateY(-1px)}.reject-modal{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:100%;box-shadow:0 10px 30px #0000004d}.modal-content{margin-bottom:2rem;border-radius:none;box-shadow:none}.modal-content p{margin:0 0 1.5rem;color:#666;line-height:1.5}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.9rem;resize:vertical;min-height:80px}.form-group textarea:focus{outline:none;border-color:#305cde;box-shadow:0 0 0 2px #305cde33}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-btn{padding:.75rem 1.5rem;border:1px solid #ddd;background:#fff;color:#666;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.cancel-btn:hover{background:#f8f9fa;border-color:#ccc}.reject-confirm-btn{padding:.75rem 1.5rem;border:none;background:#dc3545;color:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.reject-confirm-btn:hover:not(:disabled){background:#c82333}.reject-confirm-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.face-registration-header,.request-card-header{flex-direction:column;gap:1rem;align-items:flex-start}.user-info-compact{width:100%}.request-status-compact{margin-right:0;align-self:flex-end}.expand-icon{position:absolute;top:1rem;right:1.5rem}.face-image{max-width:150px;max-height:150px}.view-photo-btn{width:100%;justify-content:center;margin-top:.5rem}.request-actions{justify-content:stretch}.action-btn{flex:1;justify-content:center}.modal-actions{flex-direction:column}.cancel-btn,.reject-confirm-btn{width:100%}}.face-capture-container{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e2e2}.face-capture-header{margin-bottom:1.5rem}.face-capture-header h3{font-size:1.2rem;color:#333;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.face-capture-header p{color:#666;font-size:.9rem;margin:0}.error-message{background:#ffebee;color:#c62828;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #ffcdd2;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.success-message{background:#e8f5e9;color:#2e7d32;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #c8e6c9;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.capture-options{display:flex;gap:1rem;flex-wrap:wrap}.capture-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #305CDE;background:#305cde;color:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.capture-btn:hover{background:#1e4bb8;border-color:#1e4bb8;transform:translateY(-2px);box-shadow:0 4px 12px #305cde4d}.capture-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-btn{background:#28a745;border-color:#28a745}.upload-btn:hover{background:#1e7e34;border-color:#1e7e34;box-shadow:0 4px 12px #28a7454d}.camera-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.camera-video{width:100%;max-width:400px;height:300px;border-radius:8px;border:2px solid #e2e2e2;box-shadow:0 4px 12px #0000001a}.camera-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.preview-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.preview-image-wrapper{position:relative;display:inline-block}.preview-image{width:100%;max-width:400px;height:300px;object-fit:cover;border-radius:8px;border:2px solid #e2e2e2;box-shadow:0 4px 12px #0000001a}.quality-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003}.preview-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.retake-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #6c757d;background:#6c757d;color:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.retake-btn:hover{background:#5a6268;border-color:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #2196f3;background:#2196f3;color:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.save-btn:hover{background:#1976d2;border-color:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.register-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #28a745;background:#28a745;color:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.register-btn:hover{background:#1e7e34;border-color:#1e7e34;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.register-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #dc3545;background:#dc3545;color:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.cancel-btn:hover{background:#c82333;border-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}@media (max-width: 768px){.capture-options{flex-direction:column}.camera-controls,.preview-controls{flex-direction:column;width:100%}.capture-btn,.retake-btn,.register-btn,.cancel-btn{width:100%;justify-content:center}.camera-video,.preview-image{max-width:100%;height:250px}}.company-face-status{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e2e2}.company-face-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e2e2}.company-face-header h2{display:flex;align-items:center;gap:.5rem;margin:0;color:#333;font-size:1.5rem}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#305cde;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.refresh-btn:hover{background:#2a4fc7;transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-item{background:#f8f9fa;border:1px solid #e2e2e2;border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-number{display:block;font-size:2rem;font-weight:700;color:#305cde;margin-bottom:.5rem}.stat-label{color:#666;font-size:.9rem;font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #305CDE;border-radius:50%;animation:spin 1s linear infinite}.no-users{text-align:center;padding:3rem;color:#666}.no-users-icon{font-size:3rem;color:#6c757d;margin-bottom:1rem}.no-users h3{margin:0 0 .5rem;color:#333}.no-users p{margin:0;color:#666}.users-list{display:flex;flex-direction:column;gap:.75rem}.user-card{background:#f8f9fa;border:1px solid #e2e2e2;border-radius:8px;overflow:hidden;transition:all .3s ease}.user-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #f0f0f0}.user-card-header:hover{background:#f8f9fa}.user-info-compact{display:flex;align-items:center;gap:1rem;flex:1}.user-avatar{width:40px;height:40px;background:#305cde;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.user-details-compact{flex:1;min-width:0}.user-name{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{margin:0;color:#666;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status-compact{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;margin-right:1rem}.user-status-compact.registered{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.user-status-compact.not-registered{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.expand-icon{color:#666;font-size:1rem;transition:transform .3s ease}.user-card-header:hover .expand-icon{color:#305cde}.user-card-details{padding:1.5rem;background:#f8f9fa;border-top:1px solid #e2e2e2}.user-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.user-info{flex:1;min-width:0}.user-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;flex-shrink:0}.user-status.registered{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.user-status.not-registered{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-icon{font-size:.9rem}.status-icon.registered{color:#28a745}.status-icon.not-registered{color:#dc3545}.user-actions{display:flex;justify-content:flex-end}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.view-btn{background:#17a2b8;color:#fff}.view-btn:hover{background:#138496;transform:translateY(-1px)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.user-modal{background:#fff;border-radius:12px;padding:2rem;max-width:800px;width:100%;box-shadow:0 10px 30px #0000004d;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e2e2}.modal-header h3{margin:0;color:#333}.close-btn{background:none;border:none;font-size:1.2rem;color:#666;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .3s ease}.close-btn:hover{background:#f0f0f0;color:#333}.modal-content{margin-bottom:1rem}@media (max-width: 768px){.company-face-header{flex-direction:column;gap:1rem;align-items:flex-start}.stats-summary{grid-template-columns:1fr}.user-card-header{flex-direction:column;gap:1rem;align-items:flex-start}.user-info-compact{width:100%}.user-status-compact{margin-right:0;align-self:flex-end}.expand-icon{position:absolute;top:1rem;right:1.5rem}.user-modal{margin:1rem;padding:1.5rem}}@media (max-width: 480px){.user-card{padding:1rem}.user-name{font-size:.9rem}.user-email{font-size:.8rem}}.face-registration-dashboard{max-width:100%;margin:0 auto}.dashboard-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #e2e2e2;padding-bottom:1rem}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:none;border:2px solid transparent;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:1rem;color:#666}.tab-btn:hover{background:#f8f9fa;color:#305cde;border-color:#e2e2e2}.tab-btn.active{background:#305cde;color:#fff;border-color:#305cde}.tab-btn.active:hover{background:#2a4fc7;border-color:#2a4fc7}.dashboard-content{min-height:400px}@media (max-width: 768px){.face-registration-dashboard{padding:1rem}.dashboard-tabs{flex-direction:column;gap:.5rem}.tab-btn{justify-content:center;padding:.75rem 1rem;font-size:.9rem}}.tolerance-manager{max-width:100%;margin:0 auto}.tolerance-actions{display:flex;gap:12px}.edit-actions{display:flex;gap:8px}.tolerance-message{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-weight:500}.tolerance-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.tolerance-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.tolerance-content{display:flex;flex-direction:column;gap:24px}.tolerance-current{text-align:center;padding:24px;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.tolerance-value{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:12px}.tolerance-number{font-size:3rem;font-weight:700;line-height:1}.tolerance-unit{font-size:1.25rem;color:#6c757d;font-weight:500}.tolerance-description{color:#495057;font-size:1rem;margin:0;line-height:1.5}.tolerance-edit{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:20px}.tolerance-slider-container{margin-bottom:20px}.tolerance-slider-container label{display:block;margin-bottom:12px;font-weight:600;color:#2c3e50}.tolerance-slider{width:100%;height:8px;border-radius:4px;background:#e9ecef;outline:none;-webkit-appearance:none;margin-bottom:8px}.tolerance-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer;box-shadow:0 2px 4px #0003}.tolerance-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.tolerance-slider-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#6c757d;font-weight:500}.tolerance-input{display:flex;align-items:center;gap:12px}.tolerance-input input{width:120px;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:1rem;text-align:center}.tolerance-input input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.tolerance-info{background:#e3f2fd;border-radius:8px;padding:16px;border-left:4px solid #2196f3}.info-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.info-item:last-child{margin-bottom:0}.info-item svg{color:#2196f3;margin-top:2px;flex-shrink:0}.info-item div{color:#1565c0;font-size:.9rem;line-height:1.4}.tolerance-reset{text-align:center;padding:20px;background:#fff3cd;border-radius:8px;border:1px solid #ffeaa7;display:flex;flex-direction:column;align-items:center;gap:12px}.reset-description{color:#6c757d;font-size:.8rem;margin:0;line-height:1.4;text-align:center;padding:6px 12px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef;opacity:.8}.tolerance-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.tolerance-loading p{color:#6c757d;margin:0;font-size:.9rem}@media (max-width: 768px){.tolerance-manager{padding:16px}.settings-section-header{flex-direction:column;gap:16px;align-items:flex-start}.tolerance-actions{width:100%;justify-content:flex-end}.tolerance-number{font-size:2.5rem}.tolerance-unit{font-size:1rem}.edit-actions{flex-direction:column;gap:8px}.save-tolerance-btn,.cancel-tolerance-btn{width:100%;justify-content:center}}.danger-button{background:#dc3545!important;color:#fff!important;border:none!important}.danger-button:hover{background:#c82333!important}.danger-button:focus{box-shadow:0 0 0 2px #dc354540!important}.totem-management{max-width:100%;margin:0 auto}.totem-register-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;margin-bottom:2rem}.totem-register-section h3{display:flex;align-items:center;gap:.5rem;color:#333;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.totem-form{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.form-group{flex:1;min-width:250px}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500;font-size:.9rem}.totem-input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s}.totem-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.totem-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.totem-success-message{margin-top:1.5rem;background:linear-gradient(135deg,#e8f5e9,#f1f8f4);border:2px solid #4caf50;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start;animation:slideDown .3s ease-out}.success-icon{flex-shrink:0;font-size:2.5rem;color:#4caf50;display:flex;align-items:center;justify-content:center}.success-content{flex:1}.success-content h4{margin:0 0 .75rem;color:#2e7d32;font-size:1.1rem;font-weight:600}.success-content p{margin:0 0 .5rem;color:#1b5e20;font-size:.95rem;line-height:1.6}.success-content p:last-child{margin-bottom:0}.success-note{color:#33691e!important;font-style:italic;font-size:.9rem!important}.totem-list-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.totem-list-section h3{display:flex;align-items:center;gap:.5rem;color:#333;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.loading-state{text-align:center;padding:3rem 1rem;color:#666}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-state{text-align:center;padding:3rem 1rem;color:#999}.empty-state svg{font-size:4rem;color:#ddd;margin-bottom:1rem}.empty-state h4{color:#666;margin:0 0 .5rem}.empty-state p{color:#999;margin:0;font-size:.9rem}.totems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.25rem}.totem-card{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:1.25rem;transition:all .2s}.totem-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.totem-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.totem-card-title{display:flex;align-items:center;gap:.5rem}.totem-card-title svg{color:#667eea;font-size:1.25rem}.totem-card-title h4{margin:0;color:#333;font-size:1.1rem}.online-status{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.online-status.online{background:#e8f5e9;color:#2e7d32}.online-status.offline{background:#ffebee;color:#c62828}.totem-card-body{display:flex;flex-direction:column;gap:.75rem}.totem-info-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.info-label{display:flex;align-items:center;gap:.35rem;color:#666;font-size:.9rem;font-weight:500;min-width:140px}.info-label svg{font-size:.85rem}.info-value{color:#333;font-size:.9rem;text-align:right;flex:1;word-break:break-all}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-active{background:#e8f5e9;color:#2e7d32}.status-inactive,.status-desativado{background:#f5f5f5;color:#757575}.status-blocked{background:#ffebee;color:#c62828}.status-default{background:#e3f2fd;color:#1976d2}.totem-card-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee;display:flex;justify-content:flex-end}.totem-config-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;margin-top:2rem;margin-bottom:2rem}.config-header{display:flex;justify-content:space-between;align-items:center;gap:2rem}.config-info h3{display:flex;align-items:center;gap:.5rem;color:#333;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.config-info p{color:#666;margin:0;font-size:.9rem;line-height:1.5}.config-toggle{display:flex;align-items:center;gap:1rem;flex-shrink:0}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#667eea}input:focus+.toggle-slider{box-shadow:0 0 1px #667eea}input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-label{font-size:.9rem;font-weight:600;color:#333;min-width:60px}.config-warning{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:.95rem}.config-warning svg{font-size:1.25rem;flex-shrink:0}@media (max-width: 768px){.totem-form{flex-direction:column}.form-group{width:100%}.totems-grid{grid-template-columns:1fr}.totem-info-row{flex-direction:column;align-items:flex-start}.info-label{min-width:auto}.info-value{text-align:left;width:100%}.config-header{flex-direction:column;align-items:flex-start;gap:1rem}.config-toggle{width:100%;justify-content:space-between}}.documents-section-container{padding:0;max-width:100%;margin:0;font-family:Poppins,sans-serif}.documents-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap}.documents-header-content{flex:1;min-width:250px}.documents-title-wrapper{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.documents-title-icon{font-size:2rem;color:#305cde;flex-shrink:0}.documents-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0;font-family:Poppins,sans-serif}.documents-subtitle{font-size:1rem;color:#64748b;margin:0;font-weight:400}.documents-stats{display:flex;gap:1rem;flex-wrap:wrap}.stat-item{background:linear-gradient(135deg,#305cde,#4169e1);color:#fff;padding:1rem 1.5rem;border-radius:12px;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 4px 12px #305cde33;min-width:140px}.stat-label{font-size:.875rem;opacity:.9;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700}.documents-empty{text-align:center;padding:4rem 2rem;color:#64748b}.documents-empty svg{color:#cbd5e1;margin-bottom:1.5rem}.documents-empty h3{font-size:1.5rem;color:#1a1a1a;margin:0 0 .5rem;font-weight:600}.documents-empty p{font-size:1rem;margin:0}.documents-error{text-align:center;padding:3rem 2rem;background:#fef2f2;border-radius:12px;border:1px solid #fecaca}.documents-error p{color:#dc2626;margin-bottom:1rem;font-size:1rem}.retry-button{background:#305cde;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif}.retry-button:hover{background:#2548b8;transform:translateY(-1px);box-shadow:0 4px 12px #305cde4d}.section-header{margin-bottom:1.5rem}.section-title{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0;font-family:Poppins,sans-serif;position:relative;padding-bottom:.75rem}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#305cde,#4169e1);border-radius:2px}.active-contract-section{margin-bottom:3rem}.active-contract-card{background:linear-gradient(135deg,#fff,#f8fafe);border-radius:20px;box-shadow:0 8px 32px #305cde26;border:2px solid #305CDE;overflow:hidden}.active-contract-header{display:flex;align-items:center;gap:2rem;padding:2rem;background:linear-gradient(135deg,#305cde,#4169e1);color:#fff}.active-contract-icon{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.active-contract-icon svg{color:#fff}.active-contract-info{flex:1;min-width:0}.active-contract-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.active-contract-title{font-size:1.75rem;font-weight:700;margin:0;color:#fff;font-family:Poppins,sans-serif}.active-contract-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:24px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid rgba(255,255,255,.3)}.active-contract-company{font-size:1rem;margin:0;opacity:.95;font-weight:500}.active-contract-body{padding:2rem}.active-contract-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2rem}.active-info-card{display:flex;align-items:flex-start;gap:.75rem}.active-info-icon{color:#305cde;font-size:1.25rem;flex-shrink:0;margin-top:.25rem}.active-info-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.active-info-label{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.active-info-value{font-size:1rem;color:#1e293b;font-weight:700;word-wrap:break-word}.active-contract-footer{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:1rem;border-top:2px dashed #e2e8f0}.monthly-extract{width:100%;max-width:500px;margin:0 auto;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-family:Courier New,monospace;font-size:14px;line-height:1.5;box-shadow:0 1px 3px #0000001a}.extract-header{text-align:center;padding:12px 16px;border-bottom:1px dashed #9ca3af}.extract-title{margin:0;font-size:16px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:1px}.extract-content{padding:0}.extract-section{border-bottom:1px dashed #9ca3af}.extract-section:last-of-type{border-bottom:none}.extract-section-title{padding:6px 16px;font-size:12px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:1px dashed #9ca3af}.extract-items{padding:0}.extract-item{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;border-bottom:1px dotted #e5e7eb;min-height:24px}.extract-item:last-child{border-bottom:none}.extract-item.subtotal{border-top:1px dashed #9ca3af;border-bottom:1px dashed #9ca3af;font-weight:700;background:#f9fafb}.extract-item-label{font-size:13px;color:#000;font-weight:400;flex:1;text-transform:uppercase}.extract-item-value{font-size:13px;color:#000;font-weight:700;text-align:right;min-width:80px}.extract-total{padding:12px 16px;border-top:2px solid #000;background:#f9fafb}.extract-total-item{display:flex;justify-content:space-between;align-items:center}.extract-total-label{font-size:14px;color:#000;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.extract-total-value{font-size:16px;color:#000;font-weight:700;text-align:right}@media (max-width: 768px){.monthly-extract{max-width:100%;font-size:13px}.extract-item{padding:4px 12px;flex-direction:column;align-items:flex-start;gap:2px;min-height:22px}.extract-item-value{text-align:left;min-width:auto;font-size:12px}.extract-total-item{flex-direction:column;align-items:flex-start;gap:4px}.extract-total-value{text-align:left;font-size:14px}}.info-tooltip{position:relative;display:inline-flex;margin-top:0;margin-bottom:auto;align-items:center;justify-content:center;cursor:help;vertical-align:middle}.info-tooltip .info-icon{color:#305cde;font-size:1rem;transition:color .2s ease;display:flex;align-items:center;vertical-align:middle}.info-tooltip:hover .info-icon{color:#2548b8}.tooltip-content{visibility:hidden;opacity:0;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.75rem;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #00000026;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e293b}.info-tooltip:hover .tooltip-content{visibility:visible;opacity:1}.tooltip-content p{margin:.25rem 0;line-height:1.4}.tooltip-content p:first-child{margin-top:0}.tooltip-content p:last-child{margin-bottom:0}.tooltip-content strong{color:#60a5fa;font-weight:600}.tooltip-total{margin-top:.5rem!important;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.2);font-weight:600;color:#60a5fa}.active-download-button{background:linear-gradient(135deg,#305cde,#4169e1);color:#fff;border:none;padding:1rem 2.5rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;font-family:Poppins,sans-serif;box-shadow:0 4px 16px #305cde4d}.active-download-button:hover:not(:disabled){background:linear-gradient(135deg,#2548b8,#345ac9);transform:translateY(-2px);box-shadow:0 6px 24px #305cde66}.active-download-button:disabled{opacity:.5;cursor:not-allowed}.contracts-history-section{margin-top:3rem}.contracts-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden;width:100%}.contracts-table{width:100%;border-collapse:collapse;font-family:Poppins,sans-serif;table-layout:fixed}.contracts-table th,.contracts-table td{padding:1rem 1.5rem}.contracts-table thead{background:linear-gradient(135deg,#f8fafe,#f0f4ff)}.contracts-table th:nth-child(1){width:15%}.contracts-table th:nth-child(2){width:12%}.contracts-table th:nth-child(3){width:22%}.contracts-table th:nth-child(4){width:15%}.contracts-table th:nth-child(5){width:18%}.contracts-table th:nth-child(6){width:18%}.contracts-table th{text-align:left;font-size:.875rem;font-weight:700;color:#305cde;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.contracts-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.contracts-table tbody tr:hover{background:#fafbfc}.contracts-table tbody tr:last-child{border-bottom:none}.contracts-table td{font-size:.875rem;color:#1e293b;white-space:nowrap}.contracts-table td.table-period,.contracts-table td.table-value{white-space:nowrap}.table-contract-code{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#305cde;white-space:nowrap}.table-contract-code svg{font-size:1.25rem;flex-shrink:0}.table-status{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.table-period{color:#64748b;font-weight:500}.table-value{font-weight:600;color:#1e293b}.table-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.table-download-button,.table-extract-button{background:#305cde;color:#fff;border:none;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.table-download-button:hover:not(:disabled){background:#2548b8}.table-download-button:disabled{opacity:.5;cursor:not-allowed}.table-extract-button{background:#f1f5f9;color:#64748b;transition:none}.table-extract-button:hover:not(:disabled){background:#e2e8f0;color:#475569}.table-extract-button.active{background:#f1f5f9;color:#64748b}.table-extract-button.active:hover:not(:disabled){background:#e2e8f0;color:#475569}.table-extract-button:disabled{opacity:.5;cursor:not-allowed}.expanded-row{background:#fafbfc}.extract-expanded-cell{padding:1.5rem!important;border-top:2px solid #e2e8f0!important}.extract-expanded-container{width:100%}@media (max-width: 768px){.extract-expanded-cell{padding:1rem!important}}.document-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden;transition:all .3s ease;border:2px solid transparent;display:flex;flex-direction:column}.document-card:hover{border-color:#305cde}.document-card.expanded{border-color:#305cde;box-shadow:0 8px 32px #305cde26}.document-card-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;cursor:pointer;transition:background-color .2s ease;position:relative}.document-card-header:hover{background-color:#fafbfc}.document-card.expanded .document-card-header{border-bottom:1px solid #f1f5f9}.document-icon{background:linear-gradient(135deg,#f3f6fd,#e8f0fe);color:#305cde;width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #305cde1a}.document-main-info{flex:1;min-width:0}.document-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.document-title{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0;font-family:Poppins,sans-serif}.document-company{font-size:.875rem;color:#64748b;margin:0;font-weight:500}.document-status{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#dcfce7;color:#15803d}.status-inactive{background:#fee2e2;color:#dc2626}.status-pending{background:#fef3c7;color:#d97706}.status-default{background:#f1f5f9;color:#64748b}.expand-button{background:none;border:none;color:#305cde;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%;margin-left:auto;flex-shrink:0}.expand-button:hover{background:#f0f4ff;transform:scale(1.1)}.document-card.expanded .expand-button{color:#2548b8}.document-card-content{overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out}.document-card-content.collapsed{max-height:0;opacity:0}.document-card-content.expanded{max-height:1000px;opacity:1}.document-card-body{padding:1.5rem;background:#fafbfc}.document-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.document-info-item{display:flex;align-items:flex-start;gap:.75rem;background:#fff;padding:1rem;border-radius:10px;border-left:3px solid #305CDE;box-shadow:0 1px 3px #0000000d}.info-icon{color:#305cde;flex-shrink:0;margin-top:.25rem}.info-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.info-label{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.875rem;color:#1e293b;font-weight:600;word-wrap:break-word}.document-card-footer{padding:1rem 1.5rem;background:#fff;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.download-button{background:linear-gradient(135deg,#305cde,#4169e1);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-family:Poppins,sans-serif;box-shadow:0 2px 8px #305cde33}.download-button:hover:not(:disabled){background:linear-gradient(135deg,#2548b8,#345ac9);transform:translateY(-1px);box-shadow:0 4px 12px #305cde4d}.download-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.documents-section-container{padding:0}.documents-title,.documents-title-icon{font-size:1.5rem}.documents-header{flex-direction:column;gap:1rem}.active-contract-header{flex-direction:column;padding:1.5rem;gap:1.5rem;text-align:center}.active-contract-icon{width:64px;height:64px}.active-contract-title{font-size:1.5rem}.active-contract-title-row{flex-direction:column;align-items:center;gap:.75rem}.active-contract-body{padding:1.5rem}.active-contract-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.active-download-button{width:100%;justify-content:center;padding:1rem 1.5rem}.monthly-value-info{flex-direction:column;gap:.25rem;text-align:center}.tooltip-content{left:auto;right:0;transform:translate(0);white-space:normal;min-width:250px;max-width:300px}.tooltip-content:after{left:auto;right:1rem;transform:translate(0)}.contracts-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.contracts-table{min-width:900px}.contracts-table th,.contracts-table td{padding:.75rem 1rem;font-size:.8rem}.contracts-table th:not(:first-child):not(:last-child),.contracts-table td:not(:first-child):not(:last-child){min-width:120px}.section-title{font-size:1.25rem}.document-card-header{padding:1rem;gap:1rem}.document-icon{width:48px;height:48px}.document-icon svg{width:24px;height:24px}.document-title{font-size:1rem}.document-info-grid{grid-template-columns:1fr;gap:.75rem}.document-card-body,.document-card-footer{padding:1rem}.download-button{width:100%;justify-content:center}.expand-button{padding:.25rem}}@media (max-width: 480px){.documents-title,.documents-title-icon,.active-contract-title{font-size:1.25rem}.active-contract-icon{width:56px;height:56px}.active-contract-icon svg{font-size:32px}.active-contract-grid{grid-template-columns:1fr;gap:1rem}.active-info-card{padding:1rem}.active-info-value{font-size:1rem}.section-title{font-size:1.125rem}.stat-item{min-width:100%}.stat-value{font-size:1.25rem}.document-title-row{flex-direction:column;align-items:flex-start;gap:.5rem}}.tablet-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 16px;border-bottom:1px solid #f1f5f9}.tablet-item:last-child{border-bottom:none}.tablet-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.tablet-main-info{display:flex;flex-direction:column;gap:2px}.tablet-model{font-weight:600;color:#1e293b;font-size:13px;line-height:1.3}.tablet-serial{font-size:11px;color:#64748b;font-family:Courier New,monospace}.tablet-details{display:flex;flex-direction:column;gap:2px;margin-top:2px}.tablet-specs{font-size:10px;color:#64748b;font-weight:500}.tablet-fiscal{font-size:10px;color:#64748b;font-family:Courier New,monospace}@media (max-width: 768px){.tablet-item{flex-direction:column;gap:8px;align-items:flex-start}.tablet-info{width:100%}}@media (max-width: 768px){.table-actions{gap:.5rem;flex-direction:row}.table-download-button,.table-extract-button{min-width:36px;padding:.5rem}}.afd-aej-reports{width:100%}.reports-content{display:flex;flex-direction:column;gap:2rem}.reports-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-card{background:#fff!important;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.info-card:hover{background:#fff!important;border-color:#305cde;box-shadow:0 4px 12px #305cde26;transform:translateY(-2px)}.info-card svg{font-size:1.5rem;color:#305cde;flex-shrink:0;margin-top:.25rem;background:#f0f4ff;padding:.5rem;border-radius:8px}.info-card h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .5rem;line-height:1.4}.info-card p{color:#4b5563;font-size:.875rem;line-height:1.7;margin:0}.report-type-section{display:flex;flex-direction:column;gap:1rem}.section-label{display:flex;align-items:center;gap:.5rem;color:var(--gray-800);font-size:var(--font-size-base);font-weight:600}.section-label svg{color:var(--primary);font-size:1.125rem}.report-type-options{display:flex;gap:1rem;flex-wrap:wrap}.type-option{flex:1;min-width:200px;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all var(--transition-normal);text-align:center;display:flex;flex-direction:column;gap:.5rem}.type-option:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.type-option.active{border-color:var(--primary);background:linear-gradient(135deg,var(--primary-light) 0%,rgba(48,92,222,.05) 100%);box-shadow:var(--shadow-md)}.type-option span{color:var(--gray-800);font-size:var(--font-size-xl);font-weight:700;display:block}.type-option.active span{color:var(--primary-dark)}.type-option small{color:var(--gray-600);font-size:var(--font-size-sm);display:block}.period-section{display:flex;flex-direction:column;gap:1rem}.period-quick-actions{display:flex;gap:.75rem;flex-wrap:wrap}.quick-action-btn{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:.5rem 1rem;font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700);cursor:pointer;transition:all var(--transition-normal)}.quick-action-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--gray-50)}.period-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.date-input-group{display:flex;flex-direction:column;gap:.5rem}.date-input-group label{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:500}.date-input{width:100%;padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-normal);background:var(--white)}.date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.date-input:hover{border-color:var(--gray-300)}.period-preview{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--gray-700);font-size:var(--font-size-sm);font-weight:500}.reports-actions{display:flex;gap:1rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--gray-200)}.reports-actions button{min-width:180px}.downloads-section{display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.downloads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.download-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all var(--transition-normal)}.download-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.download-card-content{display:flex;gap:1rem;align-items:flex-start}.download-icon{font-size:2rem;color:var(--primary);flex-shrink:0;background:var(--primary-light);padding:.75rem;border-radius:var(--radius-md)}.download-info{flex:1}.download-info h4{color:var(--gray-800);font-size:var(--font-size-lg);font-weight:600;margin:0 0 .5rem}.download-filename{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:500;margin:0 0 .25rem;word-break:break-all}.download-info small{color:var(--gray-500);font-size:var(--font-size-xs);display:block}.download-card button{width:100%}.status-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-normal)}.status-card.status-pending{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b0d,#f59e0b05)}.status-card.status-not-requested{border-color:var(--gray-300);background:var(--gray-50)}.status-card.status-loading{border-color:var(--primary);background:linear-gradient(135deg,#305cde0d,#305cde05)}.status-content{display:flex;gap:1rem;align-items:flex-start}.status-icon{font-size:2rem;flex-shrink:0;padding:.75rem;border-radius:var(--radius-md)}.status-pending .status-icon{color:#f59e0b;background:#f59e0b1a}.status-not-requested .status-icon{color:var(--gray-500);background:var(--gray-100)}.status-loading .status-icon{color:var(--primary);background:#305cde1a}.status-info{flex:1}.status-info h4{color:var(--gray-800);font-size:var(--font-size-lg);font-weight:600;margin:0 0 .5rem}.status-info p{color:var(--gray-600);font-size:var(--font-size-sm);margin:0 0 .5rem;line-height:1.6}.status-info small{color:var(--gray-500);font-size:var(--font-size-xs);display:block}@media (max-width: 768px){.reports-info{grid-template-columns:1fr}.report-type-options{flex-direction:column}.type-option{min-width:100%}.period-inputs{grid-template-columns:1fr}.reports-actions{flex-direction:column}.reports-actions button{width:100%;min-width:auto}.period-quick-actions{flex-direction:column}.quick-action-btn{width:100%}.downloads-grid{grid-template-columns:1fr}}.calendar-container{min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);padding:var(--space-8) var(--space-6);animation:fadeIn .8s var(--ease-elastic)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);animation:slideUp .8s var(--ease-elastic);min-height:44px}.calendar-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--gray-900);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.calendar-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);margin-top:var(--space-2);font-weight:500}.calendar-actions{display:flex;gap:var(--space-4);align-items:center}.calendar-add-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--gray-900);border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-2xl);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.calendar-add-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-slow)}.calendar-add-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.calendar-add-button:hover:before{left:100%}.calendar-search{position:relative;max-width:400px;width:100%}.calendar-search-input{width:100%;padding:var(--space-4) var(--space-5) var(--space-4) var(--space-12);border:2px solid var(--gray-200);border-radius:var(--radius-2xl);font-size:var(--font-size-base);background:var(--white);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.calendar-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);transform:scale(1.02)}.calendar-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--primary);font-size:18px;z-index:1}.calendar-search-input:focus+.calendar-search-icon{color:var(--primary)}.calendar-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6);animation:slideUp .8s var(--ease-elastic)}.calendar-stat-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);text-align:center;position:relative;overflow:hidden;transition:all var(--transition-normal);border:1px solid var(--gray-200)}.calendar-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.calendar-stat-number{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-1)}.calendar-stat-label{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:500}.calendar-stat-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3) auto;font-size:var(--font-size-lg);color:var(--white);box-shadow:var(--shadow-sm)}.calendar-filters{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);animation:slideUp 1s var(--ease-elastic)}.calendar-filter{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.calendar-filter:hover{border-color:var(--primary);color:var(--primary-dark);transform:translateY(-2px)}.calendar-filter.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark);font-weight:600}.view-toggle-container{display:flex;gap:.25rem;background:var(--gray-100);border-radius:var(--radius-xl);padding:.25rem;border:2px solid var(--gray-200)}.view-toggle-btn{background:transparent;border:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;color:var(--gray-600);min-width:40px;height:40px}.view-toggle-btn:hover{background:var(--white);color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.view-toggle-btn.active{background:var(--primary);color:var(--white);box-shadow:var(--shadow-md)}.view-toggle-btn.active:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.calendar-container-view{animation:slideUp 1.2s var(--ease-elastic)}.calendar-list{display:flex;flex-direction:column;gap:var(--space-6)}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6)}.calendar-pagination{margin-top:var(--space-8);display:flex;justify-content:space-between;align-items:center;background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);gap:var(--space-4);flex-wrap:wrap}.pagination-info{display:flex;flex-direction:column;gap:var(--space-1);color:var(--gray-600);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:var(--space-3)}.pagination-button{background:var(--primary);color:var(--white);border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);min-width:120px;box-shadow:var(--shadow-sm)}.pagination-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pagination-button:disabled{background:var(--gray-200);color:var(--gray-500);cursor:not-allowed;transform:none;box-shadow:none}.pagination-size{display:flex;align-items:center;gap:var(--space-3);color:var(--gray-600);font-weight:500}.pagination-size select{border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-weight:600;background:var(--white);cursor:pointer;transition:all var(--transition-normal)}.pagination-size select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.calendar-grid .schedule-card{min-width:unset;width:100%}.schedule-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal);border:2px solid transparent}.schedule-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--primary-light)}.schedule-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);border-bottom:2px solid var(--gray-100)}.schedule-title-section{display:flex;align-items:center;gap:var(--space-3)}.schedule-title{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin:0}.schedule-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.schedule-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:600;color:var(--white);text-transform:uppercase}.schedule-flexible-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:600;background:var(--success-light);color:var(--success-dark);display:flex;align-items:center;gap:var(--space-1);border:1px solid var(--success)}.schedule-actions{display:flex;gap:var(--space-2)}.schedule-edit-button{background:var(--primary);color:var(--gray-900);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.schedule-edit-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.schedule-delete-button{background:var(--danger);color:var(--white);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);margin-left:var(--space-2)}.schedule-delete-button:hover{background:var(--danger-dark);transform:translateY(-1px)}.schedule-inactivate-button{background:var(--warning);color:var(--white);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);margin-left:var(--space-2)}.schedule-inactivate-button:hover{background:#e67e22;transform:translateY(-1px)}.schedule-activate-button{background:var(--success);color:var(--white);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);margin-left:var(--space-2)}.schedule-activate-button:hover{background:#27ae60;transform:translateY(-1px)}.schedule-content{padding:var(--space-6)}.schedule-description{color:var(--gray-600);margin-bottom:var(--space-4);line-height:1.6}.schedule-times{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-xl)}.time-item{display:flex;flex-direction:column;align-items:center;text-align:center}.time-label{font-size:var(--font-size-sm);color:var(--gray-500);font-weight:500;margin-bottom:var(--space-1)}.time-value{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-900)}.schedule-days{margin-top:var(--space-4)}.days-label{display:block;font-size:var(--font-size-sm);color:var(--gray-500);font-weight:500;margin-bottom:var(--space-3)}.days-text{color:var(--gray-600);font-size:var(--font-size-sm);line-height:1.4;background:var(--gray-50);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border-left:3px solid var(--primary)}.schedule-flexible-info{background:var(--success-light);border-radius:var(--radius-xl);padding:var(--space-4);border-left:4px solid var(--success);margin-top:var(--space-4);box-shadow:var(--shadow-sm)}.flexible-header{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--success-dark);margin-bottom:var(--space-3);font-size:var(--font-size-sm)}.flexible-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.flexible-item{display:flex;justify-content:space-between;align-items:center}.flexible-label{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:500}.flexible-value{font-weight:600;color:var(--gray-900);background:var(--white);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--gray-200);font-size:var(--font-size-sm)}.calendar-empty{text-align:center;padding:var(--space-16) var(--space-8);animation:scaleIn .8s var(--ease-elastic)}.calendar-empty-icon{width:120px;height:120px;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);border-radius:var(--radius-3xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6) auto;font-size:var(--font-size-4xl);color:var(--gray-400);box-shadow:var(--shadow-lg)}.calendar-empty-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-700);margin-bottom:var(--space-4)}.calendar-empty-text{font-size:var(--font-size-base);color:var(--gray-500);line-height:1.6;max-width:500px;margin:0 auto var(--space-8) auto}.calendar-empty-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--gray-900);border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-2xl);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md)}.calendar-empty-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.modal-content{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow-y:auto;animation:scaleIn .3s ease}@media (max-width: 1024px){.calendar-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 768px){.calendar-grid{grid-template-columns:1fr}.view-toggle-container{order:3;width:100%;justify-content:center}}@media (max-width: 768px){.calendar-container{padding:var(--space-6) var(--space-4)}.calendar-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.calendar-title{font-size:var(--font-size-3xl)}.calendar-subtitle{font-size:var(--font-size-base)}.calendar-actions{width:100%;flex-direction:column;gap:var(--space-3)}.calendar-search{max-width:none}.calendar-filters{flex-direction:column;gap:var(--space-3)}.calendar-filter{width:100%}.view-toggle-container{order:3;width:100%;justify-content:center}.calendar-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.calendar-stat-card{padding:var(--space-4)}.calendar-stat-number{font-size:var(--font-size-2xl)}.calendar-grid{grid-template-columns:1fr}.schedule-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.schedule-times,.flexible-details{grid-template-columns:1fr}.calendar-empty{padding:var(--space-12) var(--space-4)}.calendar-empty-icon{width:80px;height:80px;font-size:var(--font-size-3xl)}.calendar-empty-title{font-size:var(--font-size-xl)}}@media (max-width: 480px){.calendar-actions{gap:var(--space-2)}.calendar-add-button{width:100%;justify-content:center}.calendar-stats{grid-template-columns:1fr}.calendar-filters{gap:var(--space-2)}}:root{--primary: #ffc82a;--primary-dark: #e6b425;--primary-light: #fff3cd;--success: #10b981;--success-light: #d1fae5;--success-dark: #065f46;--danger: #ef4444;--danger-dark: #dc2626;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827;--white: #ffffff;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-normal: .3s ease;--transition-slow: .6s ease;--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55)}.add-report-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;color:#222;border:1.5px solid #e0e0e0;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.add-report-button:hover{background:#f5f5f5;color:#000;border-color:#bbb;transform:scale(1.05)}.teams-container{min-height:100vh;padding:2rem 1.5rem;animation:fadeIn .8s cubic-bezier(.68,-.55,.265,1.55)}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;animation:slideUp .8s cubic-bezier(.68,-.55,.265,1.55);min-height:44px}.teams-title{font-size:2.25rem;font-weight:800;color:#111827;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.teams-subtitle{font-size:1.125rem;color:#4b5563;margin-top:.5rem;font-weight:500}.teams-actions{display:flex;gap:1rem;align-items:center}.add-employee-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#305cde,#4775ff);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.add-employee-button:hover{background:linear-gradient(135deg,#4775ff,#305cde);transform:scale(1.05)}.teams-search{position:relative;max-width:400px;width:100%}.teams-search-input{width:100%;padding:1rem 1.25rem 1rem 3rem;border:2px solid #e5e7eb;border-radius:1rem;font-size:1rem;background:#fff;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}.teams-search-input:focus{outline:none;border-color:#3f6fff;box-shadow:0 0 0 3px #dae3ff;transform:scale(1.02)}.teams-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#305cde;font-size:18px;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem;animation:slideUp .8s cubic-bezier(.68,-.55,.265,1.55)}.stat-card{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 2px #0000000d;text-align:center;position:relative;overflow:hidden;transition:all .3s ease;border:1px solid #e5e7eb}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.stat-icon{width:36px;height:36px;background:#305cde;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.125rem;color:#fff;box-shadow:0 1px 2px #0000000d}.stat-number{font-size:1.5rem;font-weight:700;color:#001c58;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#4b5563;font-weight:500}.teams-filters{display:flex;gap:1rem;margin-bottom:2rem;animation:slideUp 1s cubic-bezier(.68,-.55,.265,1.55)}.teams-filter{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}.teams-filter:hover{border-color:#305cde;color:#305cde;transform:translateY(-2px)}.teams-filter.active{background:#fff3cd;border-color:#305cde;color:#305cde;font-weight:600}.teams-grid{display:flex;flex-direction:column;gap:1.5rem;animation:slideUp 1.2s cubic-bezier(.68,-.55,.265,1.55)}.teams-empty{text-align:center;padding:4rem 2rem;animation:scaleIn .8s cubic-bezier(.68,-.55,.265,1.55)}.teams-empty-icon{width:120px;height:120px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:2.25rem;color:#9ca3af;box-shadow:0 10px 15px -3px #0000001a}.teams-empty-title{font-size:1.5rem;font-weight:700;color:#374151;margin-bottom:1rem}.teams-empty-text{font-size:1rem;color:#6b7280;line-height:1.6;max-width:500px;margin:0 auto 2rem}.teams-empty-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#111827;border:none;padding:1rem 2rem;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a}.teams-empty-button:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a}.team-members-section{padding:1.5rem;background:#f9fafb;border-top:2px solid #fff3cd}.team-members-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.team-members-title{font-size:1.125rem;font-weight:600;color:#4b5563;margin:0;display:flex;align-items:center}.team-members-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.team-members-list::-webkit-scrollbar{width:6px}.team-members-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.team-members-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.team-members-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.team-no-members{text-align:center;padding:2rem;color:#6b7280;font-style:italic;background:#fff;border-radius:.75rem;border:2px dashed #d1d5db}.team-assign-section{background:#fff;border-radius:.75rem;padding:1rem;border:2px solid #fff3cd}.add-employee-to-team-btn{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .2s}.add-employee-to-team-btn:hover{background:#218838;transform:translateY(-1px)}.assign-workshift-btn{background:#ffc82a;color:#111827;border:none;border-radius:.5rem;padding:.5rem 1.2rem;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.assign-workshift-btn:hover{background:#e6b425;color:#111827;transform:translateY(-2px)}@media (max-width: 1024px){.teams-grid{gap:1rem}}@media (max-width: 768px){.teams-container{padding:1.5rem 1rem}.teams-header{flex-direction:column;align-items:flex-start;gap:1rem}.teams-title{font-size:1.875rem}.teams-subtitle{font-size:1rem}.teams-actions{width:100%;flex-direction:column;gap:.75rem}.teams-search{max-width:none}.teams-filters{flex-direction:column}.teams-filter{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.teams-empty{padding:3rem 1rem}.teams-empty-icon{width:80px;height:80px;font-size:1.5rem}.teams-empty-title{font-size:1.25rem}}@media (max-width: 480px){.teams-actions{gap:.5rem}.add-employee-button{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr}.teams-filters{gap:.5rem}}.holidays-page{padding:20px;max-width:1400px;margin:0 auto;font-family:Poppins,sans-serif}.holidays-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);animation:slideUp .8s var(--ease-elastic);min-height:44px}.header-title h1{margin:0;padding:0;line-height:1;display:flex;align-items:center}.holidays-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--gray-900);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.holidays-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);margin-top:var(--space-2);font-weight:500}.holidays-container{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.calendar-wrapper{flex:0 0 500px;min-width:300px;max-width:600px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;margin:0 auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-month-title{font-size:20px;font-weight:600;color:#2c3e50;margin:0}.calendar-nav-button{background:#f8f9fa;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#4a90e2;transition:all .2s ease}.calendar-nav-button:hover{background:#4a90e2;color:#fff;transform:scale(1.05)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:10px}.calendar-weekday{text-align:center;font-size:11px;font-weight:600;color:#7f8c8d;padding:6px 0;text-transform:uppercase}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;position:relative;transition:all .2s ease;background:#f8f9fa;border:2px solid transparent;min-height:45px}.calendar-day:not(.empty):hover{background:#e9ecef;transform:scale(1.05);border-color:#4a90e2}.calendar-day.empty{background:transparent;cursor:default}.calendar-day.today{background:#e3f2fd;border-color:#4a90e2;font-weight:600}.calendar-day.holiday{background:#ffebee;border-color:#e74c3c}.calendar-day.holiday:hover{background:#ffcdd2}.calendar-day-number{font-size:13px;font-weight:500;color:#2c3e50}.calendar-day-indicator{position:absolute;bottom:3px;display:flex;gap:2px}.holiday-dot{width:5px;height:5px;border-radius:50%;background:#e74c3c}.holidays-list{flex:0 0 350px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;max-height:600px;overflow-y:auto}.holidays-list-title{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 16px}.holidays-list-items{display:flex;flex-direction:column;gap:12px}.holiday-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px;border-left:4px solid #e74c3c;transition:all .2s ease}.holiday-item:hover{background:#e9ecef;transform:translate(4px)}.holiday-item-info{display:flex;flex-direction:column;gap:4px}.holiday-item-date{font-size:13px;font-weight:600;color:#2c3e50}.holiday-item-description{font-size:12px;color:#7f8c8d}.holiday-item-delete{background:#e74c3c;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:flex;align-items:center;gap:6px}.holiday-item-delete:hover{background:#c0392b;transform:scale(1.05)}.holidays-list-empty{text-align:center;padding:40px 20px}.holidays-empty-text{font-size:14px;color:#6c757d;margin:0 0 8px;font-weight:500}.holidays-empty-hint{font-size:12px;color:#adb5bd;margin:0;font-weight:400}.holiday-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.holiday-modal{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:500px;box-shadow:0 4px 20px #00000026;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.holiday-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.holiday-modal-title{font-size:22px;font-weight:600;color:#2c3e50;margin:0}.holiday-modal-close{background:none;border:none;font-size:20px;color:#7f8c8d;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.holiday-modal-close:hover{color:#e74c3c;transform:scale(1.1)}.holiday-modal-form{display:flex;flex-direction:column;gap:20px}.holiday-form-group{display:flex;flex-direction:column;gap:8px}.holiday-form-label{font-size:14px;font-weight:500;color:#2c3e50}.holiday-form-input{padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;font-family:Poppins,sans-serif;transition:all .2s ease;color:#2c3e50}.holiday-form-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.holiday-form-input::placeholder{color:#adb5bd}.holiday-form-input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}.holiday-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.holiday-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-family:Poppins,sans-serif}.holiday-button-save{background:#4a90e2;color:#fff}.holiday-button-save:hover:not(:disabled){background:#357abd;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.holiday-button-save:disabled{background:#adb5bd;cursor:not-allowed;transform:none;box-shadow:none}.holiday-button-delete{background:#e74c3c;color:#fff}.holiday-button-delete:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.holiday-button-delete:disabled{background:#adb5bd;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 1024px){.holidays-container{flex-direction:column}.holidays-list{flex:1;max-width:100%}}@media (max-width: 768px){.holidays-page{padding:16px}.holidays-title,.holidays-title-icon{font-size:24px}.holidays-subtitle{font-size:13px;margin-left:36px}.calendar-wrapper{padding:16px}.calendar-month-title{font-size:18px}.calendar-nav-button{width:36px;height:36px;font-size:16px}.calendar-weekday{font-size:11px;padding:6px 0}.calendar-day-number{font-size:13px}.holidays-list{padding:16px}.holiday-modal{padding:20px}.holiday-modal-title{font-size:20px}}@media (max-width: 480px){.holidays-page{padding:12px}.holidays-title,.holidays-title-icon{font-size:20px}.holidays-subtitle{font-size:12px;margin-left:32px}.calendar-wrapper{padding:12px}.calendar-month-title{font-size:16px}.calendar-nav-button{width:32px;height:32px;font-size:14px}.calendar-days,.calendar-weekdays{gap:4px}.calendar-weekday{font-size:10px}.calendar-day-number{font-size:12px}.holiday-dot{width:4px;height:4px}.holiday-modal-actions{flex-direction:column-reverse}.holiday-button{width:100%;justify-content:center}}.events-page{padding:2rem;max-width:1400px;margin:0 auto}.events-header{margin-bottom:2rem}.events-header h1{font-size:2rem;font-weight:800;color:var(--gray-900);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;line-height:1.2}.events-header p{font-size:1rem;color:#64748b;margin:0}.error-message{color:#dc2626;font-weight:500}.events-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.events-empty{text-align:center;padding:4rem 2rem;background:#f8fafc;border-radius:12px;border:2px dashed #cbd5e1}.events-empty p{color:#64748b;font-size:1rem}@media (max-width: 768px){.events-page{padding:1rem}.events-grid{grid-template-columns:1fr}.events-header h1{font-size:1.5rem}}.payment-method-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--gray-200);transition:all var(--transition-normal);position:relative;overflow:hidden}.payment-method-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.payment-method-card.default{border-color:var(--primary);background:linear-gradient(135deg,var(--primary-light) 0%,var(--white) 100%)}.payment-method-card.default:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.pmc-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.card-brand-info{display:flex;align-items:center;gap:var(--space-2)}.brand-icon{font-size:24px}.brand-icon.visa{color:#1a1f71}.brand-icon.mastercard{color:#eb001b}.brand-icon.amex{color:#006fcf}.brand-icon.default{color:var(--gray-500)}.brand-name{font-size:var(--font-size-base);font-weight:600;color:var(--gray-900)}.badge-default{display:flex;align-items:center;gap:var(--space-1);padding:4px 8px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border-radius:var(--radius-md);font-size:11px;font-weight:600}.star-icon{font-size:10px}.card-number{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);letter-spacing:1px;margin-bottom:var(--space-2);font-family:Courier New,monospace}.card-expiry{font-size:12px;color:var(--gray-500);margin-bottom:var(--space-3)}.card-actions{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--gray-100)}.card-actions.center{justify-content:center}.card-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:8px 12px;border:none;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.btn-set-default{background:var(--gray-100);color:var(--gray-700)}.btn-set-default:hover:not(:disabled){background:var(--primary);color:var(--white);transform:translateY(-1px)}.btn-delete{background:var(--gray-100);color:var(--gray-700)}.btn-delete:hover:not(:disabled){background:#ef4444;color:var(--white);transform:translateY(-1px)}.card-actions button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.payment-method-card{padding:var(--space-4)}.card-number{font-size:var(--font-size-xl)}.card-actions{flex-direction:column}.card-actions button{width:100%}}.pagamentos-container{min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);padding:var(--space-8) var(--space-6)}.pagamentos-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.pagamentos-back-button{background:var(--gray-100);border:none;border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-2);color:var(--gray-700)}.pagamentos-back-button:hover{background:var(--gray-200);transform:translate(-2px)}.pagamentos-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--gray-900);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.pagamentos-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);margin-top:var(--space-2)}.pagamentos-info-card{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);margin-bottom:var(--space-8);display:flex;align-items:center;gap:var(--space-4)}.pagamentos-info-icon{width:60px;height:60px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:24px}.pagamentos-info-content{flex:1}.pagamentos-info-title{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.pagamentos-info-description{color:var(--gray-600);line-height:1.5}.pagamentos-payment-container{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow:hidden}.pagamentos-payment-header{background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);padding:var(--space-6);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:var(--space-4)}.pagamentos-payment-icon{width:50px;height:50px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--green-500) 0%,var(--green-600) 100%);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:20px}.pagamentos-payment-info{flex:1}.pagamentos-payment-title{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-1)}.pagamentos-payment-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--gray-600)}.pagamentos-status-dot{width:8px;height:8px;border-radius:50%;background:var(--green-500)}@media (max-width: 768px){.pagamentos-container{padding:var(--space-4) var(--space-3)}.pagamentos-title{font-size:var(--font-size-3xl)}.pagamentos-info-card,.pagamentos-payment-header{flex-direction:column;text-align:center}}.settings-container{max-width:1200px;margin:0 auto;padding:var(--space-8);background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);min-height:100vh}.settings-header{text-align:center;margin-bottom:var(--space-12);padding:var(--space-8) 0}.settings-header h1{color:var(--gray-800);font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-header p{color:var(--gray-600);font-size:var(--font-size-lg);font-weight:400}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.settings-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-2xl);text-align:left;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.settings-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.settings-card.active{border-color:var(--primary);background:linear-gradient(135deg,var(--primary-light) 0%,rgba(48,92,222,.02) 100%);box-shadow:var(--shadow-lg)}.settings-card-icon{font-size:var(--font-size-2xl);color:var(--primary);padding:var(--space-4);background:linear-gradient(135deg,var(--primary-light) 0%,rgba(48,92,222,.1) 100%);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.settings-card.active .settings-card-icon{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);transform:scale(1.1)}.settings-card-content h3{color:var(--gray-800);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2);transition:color var(--transition-normal)}.settings-card.active .settings-card-content h3{color:var(--primary-dark)}.settings-card-content p{color:var(--gray-600);font-size:var(--font-size-sm);margin:0;line-height:1.5}.settings-content{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);position:relative;overflow:hidden}.settings-section{margin-bottom:var(--space-8)}.settings-section h2{color:var(--gray-800);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-6);padding-bottom:var(--space-3);position:relative}.settings-group{margin-bottom:1.5rem}.settings-group label{display:block;color:#333;font-weight:500;margin-bottom:.5rem}.settings-group input,.settings-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:all .3s ease}.settings-group input:focus,.settings-group select:focus{outline:none;border-color:#ffc82a;box-shadow:0 0 0 2px #ffc82a1a}.settings-button{width:100%;padding:.75rem;background-color:#ffc82a;color:#000;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.settings-button:hover{background-color:#e6b425}.settings-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.settings-toggle label{color:#333;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#ffc82a}input:checked+.toggle-slider:before{transform:translate(26px)}@media (max-width: 768px){.settings-container{padding:var(--space-4)}.settings-grid{grid-template-columns:1fr;gap:var(--space-4)}.settings-content{padding:var(--space-6)}.settings-header h1{font-size:var(--font-size-3xl)}.company-info{grid-template-columns:1fr;gap:var(--space-4)}.edit-actions{flex-direction:column;gap:var(--space-3)}.edit-actions button{width:100%}}.settings-checkbox-group{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.settings-checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.settings-checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.settings-checkbox-group input[type=checkbox]:checked{accent-color:#ffc82a}select[multiple]{height:120px;padding:.5rem}select[multiple] option{padding:.5rem;cursor:pointer}select[multiple] option:hover{background-color:#f0f0f0}.settings-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem}.section-title{display:flex;align-items:center;gap:.5rem;color:#333;margin:0;font-size:1.5rem;font-weight:600}.section-title svg{font-size:1.5rem;color:#667eea}.company-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.info-group{background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--gray-200)}.info-group label{display:block;color:var(--gray-600);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px}.info-group p{color:var(--gray-800);font-size:var(--font-size-base);margin:0;font-weight:500;line-height:1.5}.admin-users-list{display:flex;flex-direction:column;gap:.75rem;max-width:800px;margin:0 auto}.admin-user-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;transition:all .3s ease}.admin-user-card:hover{box-shadow:0 2px 4px #0000001a}.admin-user-info{flex:1;display:flex;align-items:center;gap:1.5rem}.admin-user-main{display:flex;flex-direction:column;gap:.25rem}.admin-user-main h3{color:#333;font-size:1rem;margin:0;font-weight:500}.admin-user-email{color:#666;font-size:.85rem;margin:0}.admin-user-details{display:flex;gap:1rem;color:#666;font-size:.85rem}.user-status{padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;margin-left:.5rem}.user-status.active{background-color:#e6f7e6;color:#2e7d32}.user-status.inactive{background-color:#ffebee;color:#c62828}.admin-user-actions{display:flex;gap:.5rem;margin-left:1rem}.action-button{width:32px;height:32px;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.9rem}.action-button.edit{background-color:#ffc82a;color:#000}.action-button.edit:hover{background-color:#e6b425}.action-button.delete{background-color:#ffebee;color:#d32f2f}.action-button:hover{transform:translateY(-2px)}.action-button.delete:hover{background-color:#dc3545}.edit-actions{display:flex;gap:.5rem}.info-group input{width:100%;padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-xl);font-size:var(--font-size-base);transition:all var(--transition-normal);background-color:var(--white);box-shadow:var(--shadow-sm);font-family:var(--font-family)}.info-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);transform:scale(1.02)}.info-group input[type=email]{font-family:inherit}.security-settings{display:grid;gap:1.5rem}.security-option{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:all .3s ease}.security-option:hover{border-color:#ffc82a;box-shadow:0 2px 4px #0000000d}.security-option h3{color:#333;font-size:1.1rem;margin-bottom:.5rem}.security-option p{color:#666;font-size:.9rem;margin-bottom:1rem}.loading-message{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--gray-600);font-size:var(--font-size-lg);background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);border-radius:var(--radius-xl);border:1px solid var(--gray-200);margin:var(--space-6) 0}.loading-message p{margin:0;font-weight:500;display:flex;align-items:center;gap:var(--space-3)}.loading-message p:before{content:"";width:20px;height:20px;border:2px solid var(--primary);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.all-records-container{min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);padding:var(--space-8) var(--space-6);animation:fadeIn .8s var(--ease-elastic);max-width:95%;margin:0 auto}.records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);animation:slideUp .8s var(--ease-elastic);min-height:44px}.header-content h1{margin:0 0 .5rem;color:var(--gray-900);font-size:var(--font-size-4xl);font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.header-content p{margin:0;color:var(--gray-600);font-size:var(--font-size-lg);font-weight:500}.header-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);border:none;border-radius:var(--radius-2xl);font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;font-size:var(--font-size-base);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-slow)}.action-button:not(.secondary){background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--gray-900)}.action-button:not(.secondary):hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.action-button:not(.secondary):hover:before{left:100%}.action-button.secondary{background:var(--gray-600);color:var(--white)}.action-button.secondary:hover{background:var(--gray-700);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-bottom:var(--space-8);animation:slideUp 1s var(--ease-elastic)}.stat-card{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition-normal);border:1px solid var(--gray-100)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--white);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);box-shadow:var(--shadow-sm)}.stat-content{flex:1}.stat-number{font-size:var(--font-size-3xl);font-weight:800;color:var(--gray-900);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.records-filters{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-md);animation:slideUp 1.2s var(--ease-elastic);border:1px solid var(--gray-100)}.active-filters-indicator{background:var(--gray-50);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6);font-size:var(--font-size-sm);color:var(--gray-700);display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);animation:slideDown .3s var(--ease-elastic)}.active-filters-indicator svg{color:var(--primary);font-size:var(--font-size-base)}.active-filters-indicator span{font-weight:500}.active-filters-indicator button{background:none;border:none;color:var(--error);cursor:pointer;margin-left:auto;font-size:var(--font-size-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.5px}.active-filters-indicator button:hover{background:var(--error-light);transform:scale(1.05)}.search-container{position:relative;margin-bottom:var(--space-4)}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:var(--font-size-lg);transition:color var(--transition-normal);pointer-events:none}.search-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);border:2px solid var(--gray-200);border-radius:var(--radius-xl);font-size:var(--font-size-base);transition:all var(--transition-normal);background:var(--white);box-shadow:var(--shadow-sm);font-weight:500}.search-input:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);transform:scale(1.01)}.search-input:focus+.search-icon{color:var(--primary)}.search-input::placeholder{color:var(--gray-400);font-weight:400}.filters-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);align-items:start}.records-table-container{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;margin-top:var(--space-6);position:relative;width:100%;overflow-x:auto;border:1px solid #e5e7eb}.records-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm);table-layout:auto;min-width:100%}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-600);font-weight:600}.records-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem 1.25rem;text-align:left;font-weight:700;color:#1e293b;border-bottom:2px solid #e2e8f0;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:5}.records-table th:nth-child(1){width:20%;min-width:180px}.records-table th:nth-child(2){width:12%;min-width:120px}.records-table th:nth-child(3){width:12%;min-width:120px}.records-table th:nth-child(4){width:12%;min-width:120px}.records-table th:nth-child(5){width:12%;min-width:120px}.records-table th:nth-child(6){width:12%;min-width:120px}.records-table th:nth-child(7){width:20%;min-width:160px}.records-table td{padding:1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle;word-wrap:break-word;color:#475569;font-size:.875rem}.records-table tr{transition:all .2s ease}.records-table tr:hover{background:#f8fafc}.employee-info{display:flex;align-items:center;gap:var(--space-2)}.employee-icon{color:var(--primary);font-size:var(--font-size-lg)}.worked-hours{font-weight:700;color:var(--green-600)}.worked-hours-display{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:8px;border:1px solid #bbf7d0;min-width:100px;box-shadow:0 1px 3px #22c55e1a}.hours-display{font-size:1rem;font-weight:700;color:#15803d;text-align:center;font-family:Courier New,monospace;letter-spacing:.5px}.minutes-total{font-size:.75rem;color:#16a34a;text-align:center;font-weight:500}.no-hours{color:#9ca3af;font-style:italic;font-size:.875rem;padding:.5rem}.editable-time{display:flex;align-items:center;gap:var(--space-2);min-width:120px}.time-display-input{padding:var(--space-1) var(--space-1);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:500;color:var(--gray-700);background:var(--white);cursor:pointer;transition:all var(--transition-normal);width:100px;text-align:center;min-height:28px}@media (min-width: 1400px){.time-display-input{width:120px;min-height:32px;font-size:var(--font-size-sm)}}@media (min-width: 1920px){.time-display-input{width:140px;min-height:36px;font-size:var(--font-size-base)}}.time-display-input:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary-dark)}.time-display-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.time-display-input.late{border-color:var(--red-500);background:var(--red-50);color:var(--red-700)}.time-display-input.late:hover{border-color:var(--red-600);background:var(--red-100);color:var(--red-800)}.edit-input{padding:var(--space-1) var(--space-1);border:2px solid var(--primary);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:500;color:var(--gray-700);background:var(--white);width:100px;text-align:center;min-height:28px}@media (min-width: 1400px){.edit-input{width:120px;min-height:32px;font-size:var(--font-size-sm)}}@media (min-width: 1920px){.edit-input{width:140px;min-height:36px;font-size:var(--font-size-base)}}.edit-input.late{border-color:var(--red-500);background:var(--red-50);color:var(--red-700)}.edit-actions{display:flex;gap:var(--space-1)}.save-button,.cancel-button{background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-normal);font-size:var(--font-size-sm);min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.save-button{color:var(--green-600)}.save-button:hover{background:var(--green-100);color:var(--green-700);transform:scale(1.1)}.cancel-button{color:var(--red-600)}.cancel-button:hover{background:var(--red-100);color:var(--red-700);transform:scale(1.1)}.action-buttons{display:flex;gap:var(--space-1);justify-content:center}.no-records{text-align:center;padding:var(--space-16) var(--space-8);animation:scaleIn .8s var(--ease-elastic)}.no-records svg{width:80px;height:80px;color:var(--gray-400);margin-bottom:var(--space-4)}.no-records p{margin:0;color:var(--gray-600);font-size:var(--font-size-lg);font-weight:500}.no-data-message{margin-top:var(--space-4)!important;color:var(--gray-500)!important;font-size:var(--font-size-base)!important;font-weight:400!important;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:var(--white);border-radius:var(--radius-2xl);padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:slideUp .3s ease}.modal-content.delete-modal{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.modal-header h3{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:var(--space-2)}.modal-header h3 svg{color:var(--red-600)}.modal-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--gray-500);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-body p{margin:0 0 var(--space-4) 0;color:var(--gray-700);line-height:1.6}.modal-body p:last-child{margin-bottom:0}.modal-body strong{color:var(--gray-900);font-weight:700}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--gray-700);font-size:var(--font-size-sm);position:static}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-normal);background-color:#fff}.form-group input:hover,.form-group select:hover{border-color:var(--gray-300)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-normal);background-color:#fff;resize:vertical;min-height:100px;font-family:inherit}.form-group textarea:hover{border-color:var(--gray-300)}.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-group .checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.form-group .checkbox-label input[type=checkbox]{width:18px!important;height:18px!important;cursor:pointer!important;accent-color:var(--primary);margin:0!important;padding:0!important;flex-shrink:0;position:relative;z-index:10!important;pointer-events:auto!important}.form-group .checkbox-label span{-webkit-user-select:none;user-select:none}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6);border-top:1px solid var(--gray-200)}.modal-footer button{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-2)}.modal-footer button:not(.primary):not(.danger){background:var(--gray-200);color:var(--gray-700)}.modal-footer button:not(.primary):not(.danger):hover{background:var(--gray-300)}.modal-footer button.primary{background:var(--primary);color:var(--gray-900)}.modal-footer button.primary:hover{background:var(--primary-dark)}.modal-footer button.danger{background:var(--red-600);color:var(--white)}.modal-footer button.danger:hover{background:var(--red-700)}@media (min-width: 1400px){.all-records-container{max-width:98%;padding:var(--space-10) var(--space-8)}.records-table{font-size:var(--font-size-base)}.records-table th,.records-table td{padding:var(--space-4) var(--space-3)}.records-table th:nth-child(1){width:22%}.records-table th:nth-child(2){width:12%}.records-table th:nth-child(3){width:13%}.records-table th:nth-child(4){width:13%}.records-table th:nth-child(5){width:13%}.records-table th:nth-child(6){width:13%}.records-table th:nth-child(7){width:14%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.stat-card{padding:var(--space-8)}.stat-number{font-size:var(--font-size-4xl)}}@media (min-width: 1920px){.all-records-container{max-width:1800px;padding:var(--space-12) var(--space-10)}.records-table{font-size:var(--font-size-lg)}.records-table th,.records-table td{padding:var(--space-5) var(--space-4)}.records-table th:nth-child(1){width:24%}.records-table th:nth-child(2){width:12%}.records-table th:nth-child(3){width:14%}.records-table th:nth-child(4){width:14%}.records-table th:nth-child(5){width:14%}.records-table th:nth-child(6){width:14%}.records-table th:nth-child(7){width:18%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-10)}.stat-card{padding:var(--space-10)}.stat-number{font-size:var(--font-size-4xl)}}@media (min-width: 2560px){.all-records-container{max-width:2200px;padding:var(--space-16) var(--space-12)}.records-table{font-size:var(--font-size-xl)}.records-table th,.records-table td{padding:var(--space-6) var(--space-5)}.records-table th:nth-child(1){width:26%}.records-table th:nth-child(2){width:12%}.records-table th:nth-child(3){width:15%}.records-table th:nth-child(4){width:15%}.records-table th:nth-child(5){width:15%}.records-table th:nth-child(6){width:15%}.records-table th:nth-child(7){width:17%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-12)}.stat-card{padding:var(--space-12)}.stat-number{font-size:var(--font-size-5xl)}}@media (max-width: 1024px){.all-records-container{padding:var(--space-6) var(--space-4)}.records-header{flex-direction:column;gap:var(--space-4);align-items:flex-start}.header-actions{width:100%;justify-content:flex-end}.records-table th,.records-table td{padding:var(--space-1);font-size:var(--font-size-xs)}}@media (max-width: 768px){.all-records-container{padding:var(--space-4) var(--space-2)}.records-header{flex-direction:column;gap:var(--space-3)}.header-content h1{font-size:var(--font-size-2xl)}.action-button{padding:var(--space-3) var(--space-6)}.filters-group{flex-direction:column}.records-table th,.records-table td{padding:var(--space-1);font-size:var(--font-size-xs)}.edit-input,.time-display-input{width:50px;font-size:var(--font-size-xs)}.modal-content{margin:var(--space-4);max-width:calc(100vw - 2rem)}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}}@media (max-width: 480px){.records-table th,.records-table td{padding:var(--space-1);font-size:var(--font-size-xs)}.employee-info{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.action-buttons{flex-direction:column;gap:var(--space-1)}.edit-input,.time-display-input{width:45px;font-size:var(--font-size-xs)}.modal-footer{flex-direction:column;gap:var(--space-2)}.modal-footer button{width:100%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.add-employee-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#305cde;color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 4px #305cde33}.add-employee-button:hover{background:#1e4bb8;transform:translateY(-2px);box-shadow:0 4px 12px #305cde4d}.add-employee-button:active{transform:translateY(0)}.absence-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 4px #ff6b3533;white-space:nowrap;min-width:auto;height:auto}.absence-button:hover{background:linear-gradient(135deg,#f7931e,#ff6b35);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.absence-button:active{transform:translateY(0)}.add-report-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;color:#222;border:1px solid #e5e7eb;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.add-report-button:hover{background:#f8fafc;color:#000;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.add-report-button:active{transform:translateY(0)}.absence-button-small{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #ff6b3533}.absence-button-small:hover{background:linear-gradient(135deg,#f7931e,#ff6b35);transform:translateY(-2px);box-shadow:0 4px 8px #ff6b354d}.absence-button-small:active{transform:translateY(0)}.notification-badge{position:absolute;top:-5px;right:-5px;background:var(--warning);color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.approval-filters{display:flex;gap:10px;margin-bottom:20px}.filter-btn{padding:8px 16px;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);font-size:14px}.filter-btn:hover{background:var(--gray-100)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.approval-requests-list{background:var(--white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.modifications-content{padding:20px 0}.selected-point-info{background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius-md);padding:15px;margin-bottom:20px}.selected-point-info h3{margin:0 0 10px;color:var(--primary-dark)}.point-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:15px}.point-details p{margin:0;font-size:14px}.btn-clear-selection{background:var(--gray-500);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:all var(--transition-normal)}.btn-clear-selection:hover{background:var(--gray-600)}.modifications-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.modifications-section{grid-template-columns:1fr}.approval-filters{flex-wrap:wrap}.filter-btn{flex:1;min-width:80px}}.action-buttons{display:flex;gap:5px;align-items:center}.btn-modify,.btn-view{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-xs);color:var(--gray-500)}.btn-modify:hover{background:var(--warning-light);color:var(--warning-dark);transform:scale(1.1)}.btn-view:hover{background:var(--primary-light);color:var(--primary-dark);transform:scale(1.1)}.btn-modify:active,.btn-view:active{transform:scale(.95)}.btn-modify:focus,.btn-view:focus{outline:none;box-shadow:0 0 0 3px var(--warning-light)}.btn-view:focus{box-shadow:0 0 0 3px var(--primary-light)}@media (min-width: 1400px){.btn-modify,.btn-view{width:44px;height:44px}}@media (min-width: 1920px){.btn-modify,.btn-view{width:48px;height:48px}}.btn-refresh{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;transition:all var(--transition-normal)}.btn-refresh:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-refresh:active{transform:translateY(0)}.pagination-info{margin-top:20px;padding:15px;background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.pagination-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:14px;color:var(--gray-600)}.pagination-stats span{background:var(--white);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.load-more-btn{width:100%;padding:12px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:8px}.load-more-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.load-more-btn .spinning{animation:spin 1s linear infinite}.records-table-container{max-height:600px;overflow-y:auto;border-radius:var(--radius-md);border:1px solid var(--gray-200)}.records-table-container::-webkit-scrollbar{width:8px}.records-table-container::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.records-table-container::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.records-table-container::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-md)}.loading-overlay .loading{background:var(--white);padding:20px 30px;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:10px;font-weight:600;color:var(--gray-700)}.filter-section{margin-bottom:20px;padding:15px;background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.filter-section h3{margin-bottom:15px;color:var(--gray-700);font-size:16px;font-weight:600}.filter-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.filter-inputs input,.filter-inputs select{padding:10px 12px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:14px;transition:border-color var(--transition-normal)}.filter-inputs input:focus,.filter-inputs select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.records-filters{padding:var(--space-6)}.filters-group{grid-template-columns:1fr;gap:var(--space-4)}.search-input,.filter-input,.filter-select{padding:var(--space-4) var(--space-4) var(--space-4) 32px;font-size:var(--font-size-sm)}.date-filter-actions{flex-direction:column}.date-filter-actions button{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}}@media (min-width: 1400px){.records-filters{padding:var(--space-10)}.search-input,.filter-input,.filter-select{padding:var(--space-5) var(--space-4) var(--space-5) 48px;font-size:var(--font-size-lg)}.date-filter-actions button{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}}@media (min-width: 1920px){.records-filters{padding:var(--space-12)}.search-input,.filter-input,.filter-select{padding:var(--space-6) var(--space-4) var(--space-6) 56px;font-size:var(--font-size-xl)}.date-filter-actions button{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.results-counter{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);animation:slideUp 1.4s var(--ease-elastic)}.results-text{font-size:var(--font-size-base);font-weight:600;color:var(--gray-700)}.filtered-indicator{font-size:var(--font-size-sm);font-weight:500;color:var(--primary);background:var(--primary-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.results-counter{padding:var(--space-3) var(--space-4);flex-direction:column;align-items:flex-start;gap:var(--space-2)}.results-text{font-size:var(--font-size-sm)}.filtered-indicator{font-size:var(--font-size-xs)}}.absence-display{display:flex;align-items:center;gap:8px;justify-content:center;padding:.5rem 1rem;background:#fef2f2;border-radius:6px;border:1px solid #fecaca}.absence-text{color:#dc2626;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;text-align:center;line-height:1.3;display:block}.absence-display--off{background:#f3f4f6;border:1px solid #d1d5db}.absence-text--off{color:#6b7280}.absences-section{margin-top:2rem;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:1.5rem;border:1px solid #e5e7eb}.absences-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.absences-filters{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.filter-label{display:flex;align-items:center;font-size:.875rem;font-weight:600;color:#475569;white-space:nowrap}.absence-status-filter{flex:1;max-width:300px;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:500;color:#1e293b;background:#fff;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.absence-status-filter:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.absence-status-filter:focus{outline:none;border-color:#305cde;box-shadow:0 0 0 3px #305cde1a}.absences-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b;display:flex;align-items:center}.toggle-absences-btn{padding:.5rem 1rem;background:#f8fafc;color:#475569;border:1px solid #cbd5e1;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.toggle-absences-btn:hover{background:#e2e8f0;border-color:#94a3b8}.absences-table-container{overflow-x:auto}.absences-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm);table-layout:fixed;min-width:600px}.absences-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem 1.25rem;text-align:left;font-weight:700;color:#1e293b;border-bottom:2px solid #e2e8f0;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:5}.absences-table th:nth-child(1){width:25%;min-width:180px}.absences-table th:nth-child(2){width:20%;min-width:140px}.absences-table th:nth-child(3){width:40%;min-width:200px}.absences-table th:nth-child(4){width:15%;min-width:120px}.absences-table td{padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;vertical-align:middle;word-wrap:break-word;color:#475569;font-size:.875rem}.absences-table tr{transition:all .2s ease}.absences-table tr:hover{background:#fef2f2}.absence-reason{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.absence-status{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.absence-status.justified{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.absence-status.unjustified{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.pagination-controls{display:flex;align-items:center;gap:.5rem;justify-content:center;margin-top:1rem}.pagination-btn{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-weight:500;cursor:pointer;transition:all .2s ease}.page-btn{width:40px;height:40px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-weight:500;cursor:pointer;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.page-btn.active{background:#305cde;color:#fff;border-color:#305cde}.page-btn.active:hover{background:#2541b2;border-color:#2541b2}.time-display{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;font-weight:600;font-size:.875rem;color:#1e293b;position:relative;cursor:default;width:100%}.time-display.has-location{cursor:default}.time-display.has-location:after{content:"";position:absolute;right:-10px;top:0;width:100%;transform:translateY(-50%);width:20px;height:20px;background:#305cde;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #305cde33;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center;cursor:pointer}.time-display.has-location:hover:after{background-color:#1e4bb8;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 8px #305cde4d}.time-display.has-location:active:after{transform:translateY(-50%) scale(.95)}.time-value{font-family:Courier New,monospace;letter-spacing:.5px;display:flex;flex-direction:column;align-items:center;text-align:center}.time-value.irregular{color:#1e293b}.time-value.late{color:#dc2626;background:#fef2f2;border-color:#fecaca}.irregularity-text{font-size:.7rem;font-weight:600;text-transform:lowercase;color:#dc2626;margin-top:.125rem;line-height:1;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.25px}.edit-absence-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#e3f2fd;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#1976d2;font-size:12px}.edit-absence-button:hover{background:#1976d2;color:#fff;transform:scale(1.1)}.edit-absence-button:active{transform:scale(.95)}.edit-absence-button:focus{outline:none;box-shadow:0 0 0 3px #e3f2fd}.edit-time-button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#f3f4f6;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#6b7280;font-size:12px;margin-left:8px}.edit-time-button:hover{background:#e3f2fd;color:#1976d2;transform:scale(1.1)}.edit-time-button:active{transform:scale(.95)}.edit-time-button:focus{outline:none;box-shadow:0 0 0 3px #e3f2fd}.editable-time{display:flex;align-items:center;gap:4px}.time-display-input{flex:1;min-width:60px}.absences-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;margin-top:-20px;animation:slideUp .8s cubic-bezier(.68,-.55,.265,1.55);min-height:44px}@media (max-width: 1024px){.absences-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}}@media (max-width: 768px){.absences-header{margin-top:-10px;gap:.75rem;margin-bottom:1rem}}.absences-title{font-size:2.25rem;font-weight:800;color:#111827;background:linear-gradient(135deg,#667eea,#5568d3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin:0}@media (max-width: 1024px){.absences-title{font-size:2rem}}@media (max-width: 768px){.absences-title{font-size:1.75rem}}@media (max-width: 480px){.absences-title{font-size:1.5rem}}.absences-subtitle{font-size:1.125rem;color:#4b5563;margin-top:.5rem;font-weight:500}@media (max-width: 1024px){.absences-subtitle{font-size:1rem;margin-top:.375rem}}@media (max-width: 768px){.absences-subtitle{font-size:.9375rem;margin-top:.25rem}}@media (max-width: 480px){.absences-subtitle{font-size:.875rem}}.absences-actions{display:flex;gap:1rem;align-items:center}@media (max-width: 1024px){.absences-actions{width:100%;justify-content:flex-end}}@media (max-width: 768px){.absences-actions{gap:.75rem}}@media (max-width: 480px){.absences-actions{flex-direction:column;width:100%;gap:.5rem}.absences-actions button{width:100%;justify-content:center}}.absences-filter-container{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}@media (max-width: 1024px){.absences-filter-container{padding:1.25rem;margin-bottom:1.25rem}}@media (max-width: 768px){.absences-filter-container{padding:1rem;margin-bottom:1rem;border-radius:10px}}@media (max-width: 480px){.absences-filter-container{padding:.75rem;border-radius:8px}}.absences-filter-group{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}@media (max-width: 768px){.absences-filter-group{gap:.75rem}}.absences-filter-item{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}@media (max-width: 1024px){.absences-filter-item{min-width:180px}}@media (max-width: 768px){.absences-filter-item{min-width:150px}}@media (max-width: 480px){.absences-filter-item{min-width:100%;flex:none}}.absences-filter-label{font-size:.875rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.absences-filter-label{font-size:.8125rem}}@media (max-width: 480px){.absences-filter-label{font-size:.75rem}}.absences-filter-select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em}.absences-filter-select:hover{border-color:#d1d5db}.absences-filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media (max-width: 768px){.absences-filter-select{padding:.625rem 2.25rem .625rem .625rem;font-size:.8125rem;background-position:right .625rem center;background-size:1.125em 1.125em}}@media (max-width: 480px){.absences-filter-select{padding:.5rem 2rem .5rem .5rem;font-size:.75rem}}.absences-filter-input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s;background:#fff;cursor:text}.absences-filter-input[type=date]{cursor:pointer}.absences-filter-input:hover{border-color:#d1d5db}.absences-filter-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.absences-filter-input::placeholder{color:#9ca3af}@media (max-width: 768px){.absences-filter-input{padding:.625rem;font-size:.8125rem}}@media (max-width: 480px){.absences-filter-input{padding:.5rem;font-size:.75rem}}.absences-clear-filter-item{min-width:auto;flex:none}@media (max-width: 768px){.absences-clear-filter-item{width:100%;min-width:100%}}.absences-clear-filter-label{opacity:0;pointer-events:none}@media (max-width: 768px){.absences-clear-filter-label{display:none}}.absences-clear-filter-button{padding:.75rem 1.5rem;background-color:#6b7280;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.absences-clear-filter-button:hover{background-color:#4b5563;transform:translateY(-1px)}.absences-clear-filter-button:active{transform:translateY(0)}@media (max-width: 768px){.absences-clear-filter-button{width:100%;justify-content:center;padding:.625rem 1.25rem;font-size:.8125rem}}@media (max-width: 480px){.absences-clear-filter-button{padding:.5rem 1rem;font-size:.75rem}}.absences-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;width:100%;overflow-x:auto;border:1px solid #e5e7eb;position:relative}.absences-table .table-container{width:100%;min-width:100%;overflow-x:auto;display:block;max-width:100%}@media (max-width: 1200px){.absences-table .table-container{min-width:800px}}@media (max-width: 768px){.absences-table{border-radius:8px}.absences-table .table-container{min-width:700px}}@media (max-width: 480px){.absences-table .table-container{min-width:600px}}.absences-table::-webkit-scrollbar{height:8px}.absences-table::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.absences-table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.absences-table::-webkit-scrollbar-thumb:hover{background:#94a3b8}.absences-table .table-container::-webkit-scrollbar{height:8px}.absences-table .table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.absences-table .table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.absences-table .table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table{width:100%;border-collapse:collapse;table-layout:auto;min-width:100%;display:table;table-layout:fixed}.table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb;display:table-header-group}.table thead th{padding:1.25rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;display:table-cell}.table thead th:nth-child(1){width:200px;min-width:150px}.table thead th:nth-child(2){width:150px;min-width:120px}.table thead th:nth-child(3){width:auto;min-width:300px}.table tbody{display:table-row-group}.table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s;display:table-row}.table tbody tr:hover{background:#f9fafb}.table tbody tr:last-child{border-bottom:none}.table tbody td{padding:1.25rem 1rem;font-size:.875rem;color:#374151;vertical-align:top;word-wrap:break-word;overflow-wrap:break-word;display:table-cell}@media (min-width: 1400px){.table thead th,.table tbody td{padding:1.5rem 1.25rem;font-size:.9375rem}}@media (min-width: 1920px){.table thead th,.table tbody td{padding:1.75rem 1.5rem;font-size:1rem}}@media (max-width: 1024px){.table thead th,.table tbody td{padding:1rem .75rem;font-size:.8125rem}}@media (max-width: 768px){.table thead th{padding:.75rem .5rem;font-size:.75rem;letter-spacing:.03em}.table tbody td{padding:.75rem .5rem;font-size:.8rem}}@media (max-width: 480px){.table thead th{padding:.625rem .375rem;font-size:.6875rem}.table tbody td{padding:.625rem .375rem;font-size:.75rem}}.employee-info{display:flex;align-items:center;gap:.75rem}.employee-info svg{color:#6b7280;font-size:1rem;flex-shrink:0}.employee-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.employee-info{gap:.5rem}.employee-info svg{font-size:.875rem}.employee-info span{font-size:.8rem}}@media (max-width: 480px){.employee-info{flex-direction:column;align-items:flex-start;gap:.25rem}.employee-info span{white-space:normal}}.absence-reason{word-wrap:break-word;color:#6b7280;font-size:.875rem;line-height:1.5}@media (max-width: 768px){.absence-reason{font-size:.8125rem}}@media (max-width: 480px){.absence-reason{font-size:.75rem;line-height:1.4}}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}@media (max-width: 768px){.pagination-container{padding:1rem;gap:.75rem}}@media (max-width: 480px){.pagination-container{padding:.75rem;gap:.5rem}}.pagination-stats{font-size:.875rem;color:#64748b;font-weight:500;text-align:center}@media (max-width: 768px){.pagination-stats{font-size:.8125rem}}@media (max-width: 480px){.pagination-stats{font-size:.75rem}}.pagination-controls{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.pagination-controls{width:100%;justify-content:center}}@media (max-width: 480px){.pagination-controls{flex-wrap:wrap;gap:.375rem}}.pagination-btn{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{width:40px;height:40px;border:1px solid #305CDE;border-radius:8px;background:#305cde;color:#fff;padding:0;display:flex;align-items:center;justify-content:center}.pagination-btn.active:hover{background:#2541b2;border-color:#2541b2}@media (max-width: 768px){.pagination-btn{padding:.375rem .75rem;font-size:.8125rem}.pagination-btn.active{width:36px;height:36px}}@media (max-width: 480px){.pagination-btn{padding:.375rem .625rem;font-size:.75rem;min-width:36px}.pagination-btn.active{width:32px;height:32px}}.page-numbers{display:flex;gap:.25rem}@media (max-width: 480px){.page-numbers{flex-wrap:wrap;justify-content:center}}.no-records{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.no-records svg{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.no-records p{font-size:1.125rem;color:#6b7280;margin:0}@media (max-width: 768px){.no-records{padding:3rem 1.5rem}.no-records svg{font-size:3rem}.no-records p{font-size:1rem}}@media (max-width: 480px){.no-records{padding:2rem 1rem}.no-records svg{font-size:2.5rem;margin-bottom:.75rem}.no-records p{font-size:.9375rem}}.loading-div{padding:3rem;display:flex;align-items:center;justify-content:center;color:#6b7280;font-weight:500}.loading-div svg{margin-right:.5rem}@media (max-width: 768px){.loading-div{padding:2rem;font-size:.875rem}}@media (max-width: 480px){.loading-div{padding:1.5rem;font-size:.8125rem}}.modal-overlay{z-index:1000;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{max-width:600px;width:90%;background-color:#fff;border-radius:8px;padding:0;box-shadow:0 4px 20px #0000004d;animation:slideUp .3s ease}@media (max-width: 768px){.modal-content{width:95%;max-width:500px}}@media (max-width: 480px){.modal-content{width:100%;margin:1rem;max-width:calc(100vw - 2rem)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.modal-close{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s;background-color:#fff;font-family:inherit}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#d1d5db}.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-group textarea{resize:vertical;min-height:100px}.char-counter{font-size:.8rem;color:#666;text-align:right;margin-top:.25rem}@media (max-width: 480px){.char-counter{font-size:.75rem}}.helper-text{color:#666;display:block;margin-top:.5rem;font-size:.875rem;line-height:1.4}@media (max-width: 480px){.helper-text{font-size:.8125rem}}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e5e7eb}.modal-footer button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.modal-footer button:not(.primary){background:#f3f4f6;color:#374151}.modal-footer button:not(.primary):hover{background:#e5e7eb}.modal-footer button.primary{background:#667eea;color:#fff}.modal-footer button.primary:hover{background:#5a67d8}.modal-footer button:disabled{opacity:.6;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.worked-hours-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.time-records{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.time-record{display:flex;align-items:center;gap:15px}.label{color:#666;font-weight:500;min-width:150px}.time{font-size:1.1rem;font-weight:600;color:#333;min-width:80px}.status{color:#28a745;font-size:.9rem}.total-hours{display:flex;align-items:center;gap:15px;padding-top:15px;border-top:1px solid #eee}.total-hours .label{font-size:1.1rem;color:#333}.total-hours .time{font-size:1.3rem;color:#007bff}.time-clock-container{max-width:1200px;margin:0 auto;padding:2rem;background:#f8f9fa;min-height:100vh}.time-clock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.time-clock-header h1{margin:0;color:#333;font-size:2rem}.current-time{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;color:#ffc82a}.current-time svg{font-size:1.5rem}.time-clock-content{display:grid;gap:2rem}.status-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.status-header h3{margin:0;color:#333;font-size:1.2rem}.status-indicator{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem}.status-indicator svg{font-size:1.3rem}.current-point-info{display:grid;gap:.75rem}.info-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#f8f9fa;border-radius:4px;font-size:.95rem}.info-row svg{color:#ffc82a;font-size:1rem}.action-buttons{display:flex;justify-content:center;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn.primary{background:#28a745;color:#fff}.action-btn.primary:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.action-btn.warning{background:#ffc107;color:#000}.action-btn.warning:hover:not(:disabled){background:#e0a800;transform:translateY(-2px)}.action-btn.success{background:#17a2b8;color:#fff}.action-btn.success:hover:not(:disabled){background:#138496;transform:translateY(-2px)}.action-btn.danger{background:#dc3545;color:#fff}.action-btn.danger:hover:not(:disabled){background:#c82333;transform:translateY(-2px)}.button-group{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.completed-message{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#d4edda;color:#155724;border-radius:8px;font-weight:600;font-size:1.1rem}.completed-message svg{font-size:1.3rem}.today-history{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.today-history h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#333;font-size:1.2rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.today-history h3 svg{color:#ffc82a}.history-list{display:grid;gap:1rem}.history-item{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:6px;border-left:4px solid #ffc82a}.history-time{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666}.history-time svg{color:#ffc82a;font-size:1rem}@media (max-width: 768px){.time-clock-container{padding:1rem}.time-clock-header{flex-direction:column;gap:1rem;text-align:center}.time-clock-header h1{font-size:1.5rem}.current-time{font-size:1rem}.status-header{flex-direction:column;gap:.5rem;text-align:center}.action-buttons{padding:1rem}.action-btn{padding:.75rem 1.5rem;font-size:1rem;min-width:150px}.button-group{flex-direction:column;align-items:center}.history-item{flex-direction:column;gap:.5rem}.info-row{font-size:.9rem}}@media (max-width: 480px){.time-clock-container{padding:.5rem}.time-clock-header,.status-card,.action-buttons,.today-history{padding:1rem}.action-btn{padding:.5rem 1rem;font-size:.9rem;min-width:120px}}.my-companies-container{max-width:1000px!important;margin:0 auto!important;padding:2rem 1rem!important;width:100%!important;min-height:100vh!important;display:block!important;position:relative!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important}.auth-card{max-width:1000px!important;width:100%!important;margin:0 auto!important;background:#ffffffe6!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;border-radius:24px!important;padding:2rem!important;position:relative;z-index:1;overflow-x:hidden;overflow-y:visible;display:block}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:24px;pointer-events:none;z-index:0}.header-content{margin-bottom:1rem;text-align:left;position:relative;z-index:1}.header-content h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.025em;text-align:left}.header-subtitle{color:#6b7280;font-size:1rem;margin:0;font-weight:400;line-height:1.5;text-align:left}.logout-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(229,231,235,.5);display:flex;justify-content:flex-end;position:relative;z-index:1}.logout-button{background:#ef44440d;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:10px 14px;font-weight:500;cursor:pointer!important;font-size:.85rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:auto;min-width:56px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 3px #0000001a}.logout-button:hover{background:#ef44441a;border-color:#ef44444d;color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444426}.logout-button:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.logout-button-top{position:absolute;right:0;top:0;background:#ef44440d;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:10px 14px;font-weight:500;cursor:pointer!important;font-size:.85rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:auto;min-width:56px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 3px #0000001a;z-index:10}.logout-button-top:hover{background:#ef44441a;border-color:#ef44444d;color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444426}.logout-button-top:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.user-message{background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;padding:1rem;margin-top:1.5rem;text-align:center}.user-message p{margin:0 0 .5rem;color:#6b7280;font-size:.875rem;line-height:1.5}.user-message p:last-child{margin-bottom:0}.companies-section{margin-bottom:2rem;position:relative;z-index:1;overflow-x:hidden}.companies-list{display:flex;flex-direction:column;gap:20px;padding:0 16px}.company-card-horizontal{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:0;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;width:100%;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;max-width:100%}.company-card-content{display:flex;align-items:center;gap:.875rem;padding:1rem;width:100%;text-align:left;background:transparent;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.company-card-content-disabled{cursor:not-allowed!important}.company-card-horizontal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:16px;pointer-events:none;z-index:0}.company-card-horizontal:hover{border-color:#3b82f64d;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px);background:#ffffffe6}.company-image{width:48px;height:48px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px -1px #0000001a;border:1px solid rgba(255,255,255,.3);position:relative;z-index:1;transition:all .3s ease}.company-card-horizontal:hover .company-image{transform:scale(1.05);box-shadow:0 8px 15px -3px #0000001a}.company-info{flex:1;min-width:0;position:relative;z-index:1}.company-name{margin:0 0 .25rem;color:#1f2937;font-size:1rem;font-weight:700;line-height:1.25;letter-spacing:-.025em;transition:color .3s ease}.company-card-horizontal:hover .company-name{color:#111827}.company-email{margin:0 0 .5rem;color:#6b7280;font-size:.8rem;line-height:1.25;font-weight:500}.company-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:600;line-height:1.25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.badge-owner{background:#10b9811a;color:#059669;border-color:#10b98133}.badge-admin{background:#3b82f61a;color:#2563eb;border-color:#3b82f633}.badge-pending{background:#f59e0b1a;color:#d97706;border-color:#f59e0b33}.badge-active{background:#22c55e1a;color:#16a34a;border-color:#22c55e33}.badge-inactive{background:#ef44441a;color:#dc2626;border-color:#ef444433}.company-arrow{color:#9ca3af;flex-shrink:0;transition:all .3s ease;position:relative;z-index:1;padding:6px;border-radius:6px;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.company-card-horizontal:hover .company-arrow{color:#3b82f6;background:#3b82f61a;transform:translate(2px)}.empty-state{text-align:center;padding:3rem 1rem;color:#6b7280;font-size:.875rem}.company-card-disabled{opacity:.6;cursor:not-allowed!important;border:2px dashed #D1D5DB!important;background:#f9fafbcc!important}.company-card-disabled:hover{transform:none!important;box-shadow:0 4px 6px -1px #0000000d!important;border-color:#d1d5db!important;background:#f9fafbcc!important}.company-card-disabled .company-name,.company-card-disabled .company-email{color:#9ca3af!important}.company-card-disabled .company-arrow{color:#d1d5db!important;background:#f9fafb80!important}.continue-registration-section{padding:0 1rem 1rem;border-top:1px solid rgba(229,231,235,.3);background:#f9fafb80}.continue-registration-btn{width:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;padding:12px 16px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #3b82f633;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.continue-registration-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.continue-registration-btn:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f633}.continue-registration-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.admin-access-wrapper{max-width:1000px;width:100%;margin:1.5rem auto 0;position:relative;z-index:2;display:block;clear:both}.admin-access-card-standalone{background:linear-gradient(135deg,#fef3c7,#fde68a,#fcd34d);border:2px solid #F59E0B;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;text-align:left;box-shadow:0 8px 16px -4px #f59e0b4d,0 4px 8px -2px #f59e0b33;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-access-card-standalone:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);pointer-events:none}.admin-access-card-standalone:hover{background:linear-gradient(135deg,#fde68a,#fcd34d,#fbbf24);border-color:#d97706;transform:translateY(-6px) scale(1.02);box-shadow:0 24px 32px -8px #f59e0b66,0 12px 16px -4px #f59e0b4d}.admin-access-card-standalone:active{transform:translateY(-3px) scale(1.01)}.admin-access-icon{width:56px;height:56px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 6px -1px #d9770633;border:2px solid rgba(217,119,6,.3);position:relative;z-index:1;transition:all .3s ease}.admin-access-card-standalone:hover .admin-access-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 15px -3px #d977064d}.admin-access-content{flex:1;position:relative;z-index:1}.admin-access-content h3{margin:0 0 .25rem;color:#78350f;font-size:1.125rem;font-weight:700;line-height:1.25;letter-spacing:-.025em;transition:color .3s ease}.admin-access-card-standalone:hover .admin-access-content h3{color:#451a03}.admin-access-content p{margin:0;color:#92400e;font-size:.875rem;line-height:1.5;font-weight:500}.admin-access-arrow{color:#b45309;flex-shrink:0;transition:all .3s ease;position:relative;z-index:1;padding:8px;border-radius:8px;background:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 4px #b453091a}.admin-access-card-standalone:hover .admin-access-arrow{color:#78350f;background:#fff9;transform:translate(4px)}.add-company-section{border-top:1px solid rgba(229,231,235,.5);padding-top:1.5rem;position:relative;z-index:1}.add-company-card{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.add-company-card:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.add-company-icon{width:48px;height:48px;background:#e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.add-company-content{flex:1}.add-company-content h3{margin:0 0 .25rem;color:#1f2937;font-size:1rem;font-weight:600;line-height:1.25}.add-company-content p{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5}.add-company-arrow{color:#9ca3af;flex-shrink:0;transition:color .2s ease}.add-company-card:hover .add-company-arrow{color:#6b7280}.skeleton-container{position:relative;z-index:1}.skeleton-header{margin-bottom:1rem}.skeleton-title{height:2rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px;width:60%;margin-bottom:.5rem}.skeleton-subtitle{height:1rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:6px;width:80%}.skeleton-companies{display:flex;flex-direction:column;gap:20px;padding:0 16px;margin-bottom:2rem}.skeleton-company-card{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.875rem;position:relative;width:100%;overflow:hidden}.skeleton-company-image{width:48px;height:48px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:10px;flex-shrink:0}.skeleton-company-info{flex:1;min-width:0}.skeleton-company-name{height:1rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:6px;width:70%;margin-bottom:.25rem}.skeleton-company-email{height:.8rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;width:50%;margin-bottom:.5rem}.skeleton-badges{display:flex;gap:.5rem}.skeleton-badge{height:.7rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:6px;width:60px}.skeleton-arrow{width:16px;height:16px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;flex-shrink:0}.skeleton-add-section{border-top:1px solid rgba(229,231,235,.5);padding-top:1.5rem}.skeleton-add-card{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;width:100%}.skeleton-add-icon{width:48px;height:48px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px;flex-shrink:0}.skeleton-add-content{flex:1}.skeleton-add-title{height:1rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:6px;width:60%;margin-bottom:.25rem}.skeleton-add-description{height:.875rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;width:85%}.skeleton-add-arrow{width:16px;height:16px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;flex-shrink:0}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.admin-access-wrapper{padding:0 1rem}.admin-access-card-standalone{padding:1.25rem;gap:.875rem}.admin-access-icon{width:48px;height:48px}.admin-access-content h3{font-size:1rem}.admin-access-content p{font-size:.8125rem}}@media (max-width: 480px){.admin-access-card-standalone{padding:1rem;gap:.75rem}.admin-access-icon{width:44px;height:44px}.admin-access-content h3{font-size:.9375rem}.admin-access-content p{font-size:.75rem;line-height:1.4}.admin-access-arrow{padding:6px}}.daily-report-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border-radius:var(--radius-lg);font-size:14px;font-weight:600;margin-bottom:16px;box-shadow:var(--shadow-md)}@media (max-width: 768px){.styled-table{font-size:12px}.styled-table th,.styled-table td{padding:8px}.daily-report-indicator{font-size:12px;padding:6px 12px}}@media (max-width: 480px){.styled-table{font-size:11px}.styled-table th,.styled-table td{padding:6px}}.monthly-report-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border-radius:var(--radius-lg);font-size:14px;font-weight:600;margin-bottom:16px;box-shadow:var(--shadow-md)}.styled-table{width:100%;border-collapse:collapse;margin-top:16px;background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.styled-table th{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:12px;text-align:left;font-weight:600;font-size:14px}.styled-table td{padding:12px;border-bottom:1px solid var(--gray-200);color:var(--gray-700)}.styled-table tr:hover{background:var(--gray-50)}.styled-table tr.irregular-row{background:var(--error-light)}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px}.loading-spinner .spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner .spinner:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary),var(--primary-dark),var(--success),var(--warning));background-size:400% 400%;border-radius:50%;z-index:-1;animation:gradientShift 2s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.no-data{text-align:center;padding:40px;color:var(--gray-500);font-size:16px;position:relative}.no-data:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-light),var(--info-light));z-index:-1;border-radius:var(--radius-xl)}.no-data .icon{font-size:48px;color:var(--gray-400);margin-bottom:16px}.no-data h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--gray-700)}.no-data p{margin:0;font-size:14px;opacity:.8}.weekly-chart{background:var(--white);border-radius:var(--radius-xl);padding:20px;margin-top:24px;box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.chart-title{color:var(--gray-800);font-size:18px;font-weight:600;margin-bottom:16px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px}.week-day{text-align:center;padding:8px;background:var(--gray-50);border-radius:var(--radius-md);font-size:12px;font-weight:600;color:var(--gray-600)}.week-data{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-data{text-align:center;padding:12px 8px;background:var(--gray-100);border-radius:var(--radius-md);font-size:12px;font-weight:600;color:var(--gray-600);border:1px solid var(--gray-300);min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.day-data.normal{background:var(--success-light);color:var(--success);border-color:var(--success)}.day-data.late{background:var(--warning-light);color:var(--warning);border-color:var(--warning)}.day-data.absent{background:var(--error-light);color:var(--error);border-color:var(--error)}@media (max-width: 768px){.styled-table{font-size:12px}.styled-table th,.styled-table td{padding:8px}.monthly-report-indicator{font-size:12px;padding:6px 12px}.week-grid,.week-data{gap:4px}.day-data{padding:8px 4px;font-size:10px;min-height:40px}}@media (max-width: 480px){.styled-table{font-size:11px}.styled-table th,.styled-table td{padding:6px}.day-data{padding:6px 2px;font-size:9px;min-height:35px}}.point-modification-requests{padding:0;max-width:100%;margin:0}.requests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--gray-200)}.requests-header h2{margin:0;color:var(--gray-900);font-size:var(--font-size-2xl);font-weight:700}.requests-stats{display:flex;align-items:center;gap:var(--space-3)}.pending-count{background:#fef3c7;color:#92400e;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.filter-section{margin-bottom:var(--space-6)}.filter-controls{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-3);flex-wrap:wrap}.filter-select,.page-size-select{padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--white);font-size:var(--font-size-base);color:var(--gray-900);min-width:150px;cursor:pointer;transition:all var(--transition-fast)}.filter-select:hover,.page-size-select:hover{border-color:var(--primary-light)}.filter-select:focus,.page-size-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.results-info{color:var(--gray-600);font-size:var(--font-size-sm);font-style:italic;font-weight:500}.pagination-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:2px solid var(--gray-200)}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-4)}.pagination-btn{padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);font-size:var(--font-size-base)}.pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.pagination-btn:disabled{background:var(--gray-300);cursor:not-allowed;transform:none;box-shadow:none}.pagination-info{font-weight:600;color:var(--gray-900);font-size:var(--font-size-base)}.pagination-numbers{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.pagination-number{padding:var(--space-2) var(--space-4);background:var(--white);color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-fast);min-width:44px;text-align:center}.pagination-number:hover{background:var(--primary);color:var(--white);transform:translateY(-1px)}.pagination-number.active{background:var(--primary);color:var(--white);box-shadow:var(--shadow-md)}.loading{text-align:center;padding:var(--space-16);color:var(--gray-600);font-size:var(--font-size-lg);font-weight:500}.no-requests{text-align:center;padding:var(--space-16);color:var(--gray-500);font-size:var(--font-size-base);background:var(--gray-50);border-radius:var(--radius-xl);border:2px dashed var(--gray-300)}.requests-list{display:flex;flex-direction:column;gap:var(--space-4)}.request-card{background:var(--white);border:2px solid var(--gray-100);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.request-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200);flex-wrap:wrap;gap:var(--space-3)}.request-info h3{margin:0 0 var(--space-2) 0;color:var(--gray-900);font-size:var(--font-size-xl);font-weight:700}.employee-name{margin:0 0 var(--space-2) 0;color:var(--gray-900);font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center;gap:var(--space-2)}.employee-name svg{color:var(--gray-900);font-size:var(--font-size-lg)}.request-date{margin:var(--space-1) 0;color:var(--gray-500);font-size:var(--font-size-sm);font-weight:500}.request-status{flex-shrink:0;display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.status-unknown{background:var(--gray-100);color:var(--gray-700)}.request-details{display:flex;flex-direction:column;gap:var(--space-3)}.time-changes h4{margin:0 0 var(--space-2) 0;color:var(--gray-900);font-size:var(--font-size-base);font-weight:700}.time-changes{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.time-changes-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.time-change{background:var(--gray-50);padding:var(--space-2);border-radius:var(--radius-md);border-left:3px solid var(--primary);transition:all var(--transition-fast);position:relative}.time-change:hover{background:var(--gray-100);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.time-change span{font-weight:600;color:var(--gray-900);font-size:var(--font-size-sm);display:block;line-height:1.4}.time-change:nth-child(1){border-left-color:#3b82f6}.time-change:nth-child(2){border-left-color:#ef4444}.time-change:nth-child(3){border-left-color:#eab308}.time-change:nth-child(4){border-left-color:#eab308}@media (max-width: 768px){.time-changes-grid{grid-template-columns:1fr;gap:var(--space-1)}.time-change{padding:var(--space-2) var(--space-3)}}.request-reason h4{margin:0 0 var(--space-3) 0;color:var(--gray-900);font-size:var(--font-size-lg);font-weight:700}.request-reason p{margin:0;color:var(--gray-700);line-height:1.6;background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid #10b981;font-size:var(--font-size-base)}.admin-badge{background:var(--primary);color:var(--white);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;margin-left:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.approval-section{margin-top:var(--space-4);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);border:2px solid var(--gray-200)}.approval-notes{width:100%;min-height:100px;padding:var(--space-3);border:2px solid var(--gray-200);border-radius:var(--radius-lg);resize:vertical;font-family:inherit;margin-bottom:var(--space-3);font-size:var(--font-size-base);color:var(--gray-900);transition:all var(--transition-fast)}.approval-notes:hover{border-color:var(--primary-light)}.approval-notes:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.approval-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn-approve{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:#10b981;color:var(--white);border:none;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);font-size:var(--font-size-base);box-shadow:var(--shadow-sm)}.btn-approve:hover{background:#059669;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-reject{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:#ef4444;color:var(--white);border:none;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);font-size:var(--font-size-base);box-shadow:var(--shadow-sm)}.btn-reject:hover{background:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-view-details{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--white);color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);align-self:flex-start;font-size:var(--font-size-base)}.btn-view-details:hover{background:var(--primary);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.details-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--white);border-radius:var(--radius-xl);max-width:700px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-2xl);border:2px solid var(--gray-100)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:2px solid var(--gray-200);background:var(--gray-50)}.modal-header h3{margin:0;color:var(--gray-900);font-size:var(--font-size-2xl);font-weight:700}.btn-close{background:var(--white);border:2px solid var(--gray-300);font-size:var(--font-size-2xl);cursor:pointer;color:var(--gray-700);padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast);font-weight:300}.btn-close:hover{background:var(--gray-100);border-color:var(--gray-400);color:var(--gray-900);transform:scale(1.05)}.modal-body{padding:var(--space-6)}.detail-section{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h4{margin:0 0 var(--space-3) 0;color:var(--gray-900);font-size:var(--font-size-lg);font-weight:700}.detail-section p{margin:var(--space-2) 0;color:var(--gray-700);line-height:1.6;font-size:var(--font-size-base)}.detail-section strong{color:var(--gray-900);font-weight:700}@media (max-width: 768px){.point-modification-requests{padding:0}.requests-header{flex-direction:column;gap:var(--space-4);align-items:flex-start}.filter-controls{flex-direction:column;gap:var(--space-3);align-items:stretch}.filter-select,.page-size-select{min-width:unset;width:100%}.request-header{flex-direction:column;gap:var(--space-3)}.approval-buttons{flex-direction:column}.btn-approve,.btn-reject{width:100%}.pagination-controls{flex-direction:column;gap:var(--space-3)}.pagination-numbers{flex-wrap:wrap}.modal-content{width:95%;margin:var(--space-2)}.modal-header,.modal-body{padding:var(--space-4)}}@media (max-width: 480px){.request-card{padding:var(--space-4)}.modal-header,.modal-body{padding:var(--space-3)}.pagination-number{min-width:36px;padding:var(--space-2) var(--space-3)}}.create-modification-request{margin-bottom:20px}.btn-create-request{background:#007bff;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-create-request:hover{background:#0056b3;transform:translateY(-1px)}.request-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-top:15px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.form-header h3{margin:0;color:#333;font-size:18px}.btn-close-form{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.btn-close-form:hover{background:#f0f0f0}.request-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:14px}.form-group input,.form-group textarea{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.form-group input.error,.form-group textarea.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:12px;margin-top:4px}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-actions{display:flex;gap:15px;justify-content:flex-end;padding-top:15px;border-top:1px solid #f0f0f0}.btn-cancel,.btn-submit{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268}.btn-submit{background:#28a745;color:#fff}.btn-submit:hover{background:#218838}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:15px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}@media (max-width: 480px){.request-form-container{padding:15px}.form-header{flex-direction:column;gap:10px;align-items:flex-start}.btn-close-form{align-self:flex-end}}.setup-form-container{max-width:600px;margin:0 auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.setup-form-header{text-align:center;margin-bottom:30px}.setup-form-header h2{color:#333;font-size:1.8rem;margin-bottom:10px;font-weight:600}.setup-form-header p{color:#666;font-size:1rem;margin:0}.setup-form{display:flex;flex-direction:column;gap:20px}.payment-element-wrapper{min-height:100px;padding:20px;border:1px solid #e1e5e9;border-radius:8px;background:#fafbfc}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.submit-button{background:#305cde;color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.error-message{background:#fee;color:#c33;padding:12px 16px;border-radius:6px;border:1px solid #fcc;font-size:.9rem;text-align:center}.success-message{background:#efe;color:#3c3;padding:12px 16px;border-radius:6px;border:1px solid #cfc;font-size:.9rem;text-align:center}.warning-message{background:#ffe;color:#c93;padding:12px 16px;border-radius:6px;border:1px solid #fcc;font-size:.9rem;text-align:center}.StripeElement{width:100%}@media (max-width: 768px){.setup-form-container{margin:10px;padding:15px}.setup-form-header h2{font-size:1.5rem}.submit-button{padding:12px 24px;font-size:.9rem}}.payment-module-container{min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);padding:20px;display:flex;justify-content:center;align-items:flex-start}.payment-module-content{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);max-width:800px;width:100%;overflow:hidden}.payment-module-header{text-align:center;padding:40px 40px 20px;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);color:var(--gray-900);border-bottom:1px solid var(--gray-200)}.payment-module-icon{color:var(--primary);margin-bottom:20px;display:flex;justify-content:center;align-items:center}.payment-module-title{font-size:2.2rem;font-weight:700;color:var(--gray-900);margin-bottom:10px}.payment-module-subtitle{font-size:1.1rem;color:var(--gray-600);margin:0;font-weight:400}.payment-module-form{padding:40px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--gray-600)}.debug-info{margin-top:20px;padding:15px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:.9rem;text-align:left;max-width:400px}.debug-info p{margin:5px 0;color:var(--gray-700)}.debug-controls{margin-bottom:20px;padding:15px;background:var(--gray-100);border-radius:var(--radius-lg);border:1px solid var(--gray-300)}.debug-controls label{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-weight:600;cursor:pointer}.debug-controls input[type=checkbox]{width:18px;height:18px}.debug-controls p{margin:5px 0;font-size:.9rem;color:#495057}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-container{padding:40px;text-align:center}.error-message{background:#fee;color:#c33;padding:20px;border-radius:8px;border:1px solid #fcc;margin-bottom:20px;font-size:1rem}.retry-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border:none;padding:12px 24px;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.retry-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.payment-module-container{padding:10px}.payment-module-content{margin:10px}.payment-module-header{padding:30px 20px 15px}.payment-module-form{padding:30px 20px}.payment-module-title{font-size:1.8rem}.payment-module-icon{margin-bottom:15px}.payment-module-icon svg{width:50px;height:50px}}.financeiro-container{min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);padding:var(--space-8) var(--space-6)}.financeiro-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.financeiro-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--gray-900);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.financeiro-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);margin-top:var(--space-2)}.financeiro-stats-grid{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap}.financeiro-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:var(--space-8)}.financeiro-option-card{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.financeiro-option-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl);border-color:var(--primary)}.financeiro-option-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.financeiro-option-icon{width:60px;height:60px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--white);font-size:24px}.financeiro-option-title{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.financeiro-option-description{color:var(--gray-600);line-height:1.5;margin-bottom:var(--space-4)}.financeiro-option-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--gray-500)}.financeiro-status-dot{width:8px;height:8px;border-radius:50%}.financeiro-status-dot.active{background:var(--green-500)}.financeiro-status-dot.inactive{background:var(--gray-400)}@media (max-width: 768px){.financeiro-container{padding:var(--space-4) var(--space-3)}.financeiro-stats-grid{flex-direction:column}.financeiro-options-grid{grid-template-columns:1fr}.financeiro-title{font-size:var(--font-size-3xl)}}.admin-sidebar{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--white) 0%,var(--gray-50) 100%);border-right:1px solid var(--gray-200);padding:var(--space-6);height:100vh;width:280px;position:fixed;left:0;top:0;z-index:var(--z-fixed);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);animation:slideIn .6s var(--ease-elastic)}.admin-sidebar-header{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.admin-sidebar-logo{width:100%;height:auto;max-width:180px;filter:drop-shadow(var(--shadow-md))}.admin-sidebar-title{font-size:var(--font-size-xl);font-weight:700;color:var(--primary);margin:0;text-align:center}.admin-sidebar-nav{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;width:100%;flex:1}.admin-sidebar-nav li{width:100%}.admin-sidebar-link{color:var(--gray-600);padding:var(--space-4);width:100%;border-radius:var(--radius-lg);text-decoration:none;font-size:var(--font-size-base);font-weight:600;display:flex;align-items:center;gap:var(--space-3);transition:all var(--transition-normal);background:transparent;border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden}.admin-sidebar-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(48,92,222,.1),transparent);transition:left var(--transition-slow)}.admin-sidebar-link:hover{background:var(--primary-light);color:var(--gray-800);border-color:var(--primary-border);box-shadow:var(--shadow-sm);transform:translate(4px)}.admin-sidebar-link:hover:before{left:100%}.admin-sidebar-link.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-md)}.admin-sidebar-link.active:before{display:none}.admin-sidebar-icon{font-size:1.3rem;flex-shrink:0;min-width:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.admin-sidebar-link:hover .admin-sidebar-icon{transform:scale(1.1);color:var(--primary)}.admin-sidebar-link.active .admin-sidebar-icon{color:#fff;transform:scale(1.1)}.admin-sidebar-text{font-weight:600;font-size:var(--font-size-base);white-space:nowrap}.admin-sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.admin-back-button{background:linear-gradient(135deg,var(--gray-600) 0%,var(--gray-700) 100%);color:var(--white);border:none;padding:var(--space-3) var(--space-4);width:100%;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:var(--shadow-md)}.admin-back-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--gray-700) 0%,var(--gray-800) 100%)}.admin-back-button:active{transform:translateY(0) scale(.98)}@media (max-width: 768px){.admin-sidebar{width:240px;padding:var(--space-4)}.admin-sidebar-link{padding:var(--space-3);font-size:var(--font-size-sm)}.admin-sidebar-icon{font-size:1.1rem;min-width:20px;width:20px;height:20px}}@media (max-width: 480px){.admin-sidebar{width:200px;padding:var(--space-3)}.admin-sidebar-link{padding:var(--space-2)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.admin-sidebar-nav li:nth-child(1){animation:slideIn .6s var(--ease-elastic) .1s backwards}.admin-sidebar-nav li:nth-child(2){animation:slideIn .6s var(--ease-elastic) .2s backwards}.admin-sidebar-nav li:nth-child(3){animation:slideIn .6s var(--ease-elastic) .3s backwards}.faq-page{max-width:900px;margin:0 auto;padding:2rem;animation:fadeIn .3s ease}.faq-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--gray-200)}.faq-header h1{margin:0;font-size:2rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.faq-header p{margin:0;color:var(--gray-600);font-size:1rem}.faq-search-section{margin-bottom:2rem}.faq-search-container{position:relative;max-width:600px;margin:0 auto}.faq-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:1rem;pointer-events:none}.faq-search-input{width:100%;padding:.875rem 3rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff}.faq-search-input:focus{outline:none;border-color:var(--gray-400)}.faq-search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-500);font-size:1rem;font-weight:400}.faq-search-clear:hover{color:var(--gray-700)}.faq-search-results{text-align:center;margin-top:1rem;color:var(--gray-500);font-size:.875rem}.faq-tips{text-align:center;background:var(--gray-50);border-radius:6px;padding:1rem;margin-bottom:2rem;color:var(--gray-600);font-size:.875rem}.faq-content{display:flex;flex-direction:column;gap:1rem}.faq-category{background:#fff;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.faq-category-header{width:100%;padding:1.25rem 1.5rem;background:#fff;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s ease;text-align:left}.faq-category-header:hover{background:var(--gray-50)}.faq-category-header.expanded{background:var(--gray-900);color:#fff}.faq-category-title{font-size:1rem;font-weight:600}.faq-category-toggle{font-size:1rem;display:flex;align-items:center;flex-shrink:0}.faq-questions{padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.faq-question-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;overflow:hidden}.faq-question-header{width:100%;padding:1rem 1.25rem;background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s ease;text-align:left;gap:1rem}.faq-question-header:hover,.faq-question-header.expanded{background:#fff}.faq-question-text{flex:1;font-size:.95rem;line-height:1.5;color:var(--gray-800)}.faq-question-toggle{font-size:.875rem;color:var(--gray-500);display:flex;align-items:center;flex-shrink:0}.faq-answer{padding:1.25rem;background:#fff;color:var(--gray-700);line-height:1.7;font-size:.9rem;border-top:1px solid var(--gray-200)}.faq-no-results{text-align:center;padding:3rem 2rem;background:var(--gray-50);border-radius:8px;color:var(--gray-600)}.faq-no-results svg{font-size:3rem;color:var(--gray-300);margin-bottom:1rem}.faq-no-results h3{font-size:1.25rem;margin:0 0 .5rem;color:var(--gray-700);font-weight:600}.faq-no-results p{margin:0;font-size:.95rem}.faq-footer{margin-top:3rem;padding:2rem;background:var(--gray-50);border-radius:8px;text-align:center}.faq-footer-content h3{margin:0 0 .5rem;color:var(--gray-800);font-size:1.25rem;font-weight:600}.faq-footer-content p{margin:0;color:var(--gray-600);font-size:.95rem}@media (max-width: 768px){.faq-page{padding:1.5rem}.faq-header{margin-bottom:2rem;padding-bottom:1.5rem}.faq-header h1{font-size:1.5rem}.faq-search-input{font-size:.9rem}.faq-category-header{padding:1rem 1.25rem}.faq-category-title{font-size:.95rem}.faq-questions{padding:.5rem}.faq-question-header{padding:.875rem 1rem}.faq-question-text{font-size:.9rem}.faq-answer{padding:1rem;font-size:.875rem}.faq-footer{padding:1.5rem}}@media (max-width: 480px){.faq-page{padding:1rem}.faq-header h1{font-size:1.35rem}.faq-category-header{padding:.875rem 1rem}.faq-question-header{padding:.75rem .875rem}}.employee-locations-container{height:100vh;width:100vw;position:fixed;top:0;left:0;margin:0;padding:0;overflow:hidden;font-family:Poppins,sans-serif}.employee-locations-header{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%);max-width:600px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-md);z-index:1050;animation:slideDown .4s var(--ease-smooth);pointer-events:all}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.header-left{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.header-title h1{color:var(--gray-800);margin:0;font-size:var(--font-size-lg);display:flex;align-items:center;gap:var(--space-2);font-weight:600}.header-title h1 svg{color:var(--primary);font-size:var(--font-size-xl)}.last-update{margin:0;font-size:.7rem;color:var(--gray-500);font-weight:500}.header-center{display:flex;justify-content:center;align-items:center;width:100%}.date-range-selector{display:flex;gap:var(--space-3);align-items:center}.date-input-group{display:flex;flex-direction:column;gap:var(--space-1)}.date-input-group label{font-size:.65rem;font-weight:600;color:var(--gray-600);display:flex;align-items:center;gap:var(--space-1);text-transform:uppercase;letter-spacing:.5px}.date-input-group label svg{color:var(--primary);font-size:.75rem}.date-input-group input[type=datetime-local]{padding:var(--space-2);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:Poppins,sans-serif;color:var(--gray-700);background:var(--white);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);min-width:160px}.date-input-group input[type=datetime-local]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.date-input-group input[type=datetime-local]:hover{border-color:var(--primary)}.header-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:nowrap}.refresh-button,.filter-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--gray-200);background:var(--white);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;transition:all var(--transition-normal);color:var(--gray-700);font-family:Poppins,sans-serif;box-shadow:var(--shadow-sm)}.refresh-button:hover,.filter-button:hover{background:var(--gray-50);border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.filter-button.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-color:var(--primary);color:var(--white);box-shadow:var(--shadow-md)}.refresh-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinning{animation:spin 1s linear infinite}.employees-floating-list{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);width:280px;max-height:70vh;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:1050;display:flex;flex-direction:column;overflow:hidden;animation:slideInRight .4s var(--ease-smooth);pointer-events:all}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.floating-list-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%)}.floating-list-header h3{margin:0;font-size:var(--font-size-sm);font-weight:700;color:var(--gray-800);text-align:center}.floating-list-content{flex:1;overflow-y:auto;padding:var(--space-2)}.floating-employee-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:1px solid transparent;margin-bottom:var(--space-1)}.floating-employee-item:hover{background:var(--gray-50);border-color:var(--gray-200)}.floating-employee-item.selected{background:var(--primary-light);border-color:var(--primary-border)}.employee-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.employee-status-dot.working{background:var(--success);box-shadow:0 0 0 2px var(--success-light)}.employee-status-dot.break{background:var(--warning);box-shadow:0 0 0 2px var(--warning-light)}.employee-status-dot.offline{background:var(--gray-400);box-shadow:0 0 0 2px var(--gray-100)}.floating-employee-info{flex:1;min-width:0}.floating-employee-name{font-size:var(--font-size-xs);font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-employee-detail{font-size:.65rem;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-list-content::-webkit-scrollbar{width:4px}.floating-list-content::-webkit-scrollbar-track{background:transparent}.floating-list-content::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-md)}.floating-list-content::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.timeline-panel{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);width:calc(100vw - 400px);max-width:800px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);z-index:1100;animation:slideUp .4s var(--ease-smooth);pointer-events:all}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.timeline-controls{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.timeline-play-button,.timeline-reset-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--gray-200);background:var(--white);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-normal);color:var(--primary);box-shadow:none}.timeline-play-button:hover,.timeline-reset-button:hover{background:var(--primary);color:var(--white);transform:scale(1.03);box-shadow:var(--shadow-sm)}.timeline-info{flex:1;display:flex;justify-content:center;align-items:center}.timeline-current-time{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);background:var(--gray-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.timeline-slider-container{position:relative}.timeline-slider{width:100%;height:4px;border-radius:var(--radius-md);background:var(--gray-200);outline:none;-webkit-appearance:none;cursor:pointer;position:relative;z-index:1101;pointer-events:all}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--shadow-lg)}.timeline-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);cursor:pointer;border:none;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.timeline-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:var(--shadow-lg)}.timeline-labels{display:flex;justify-content:space-between;margin-top:var(--space-1);font-size:.7rem;color:var(--gray-400);font-weight:500}.filters-panel{position:absolute;top:calc(var(--space-4) + 180px);left:50%;transform:translate(-50%);width:calc(100vw - 400px);max-width:800px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap;box-shadow:var(--shadow-md);z-index:1045;animation:slideDown .3s var(--ease-smooth);pointer-events:all}.filter-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:180px;flex:1}.filter-group label{font-size:.65rem;font-weight:600;color:var(--gray-600);display:flex;align-items:center;gap:var(--space-1);text-transform:uppercase;letter-spacing:.5px}.filter-group label svg{color:var(--primary);font-size:.75rem}.filter-group select{padding:var(--space-2);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:Poppins,sans-serif;color:var(--gray-700);background:var(--white);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.clear-filters-button{padding:var(--space-2) var(--space-3);background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;color:var(--gray-700);transition:all var(--transition-normal);font-family:Poppins,sans-serif;box-shadow:var(--shadow-sm);white-space:nowrap}.clear-filters-button:hover{background:var(--gray-200);transform:translateY(-1px);box-shadow:var(--shadow-md)}.map-container{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;margin:0;padding:0}.custom-info-window{padding:var(--space-3);min-width:250px;font-family:Poppins,sans-serif}.info-window-title{color:var(--gray-800);font-size:var(--font-size-lg);margin:0 0 var(--space-4) 0;font-weight:700;border-bottom:2px solid var(--primary);padding-bottom:var(--space-3)}.info-window-content{display:flex;flex-direction:column;gap:var(--space-3)}.info-row{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-700);font-size:var(--font-size-sm);font-weight:500}.info-row svg{color:var(--primary);font-size:var(--font-size-base);flex-shrink:0}.info-row.timestamp{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--gray-200);color:var(--gray-500);font-size:var(--font-size-xs)}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.working{background:var(--success-light);color:var(--success)}.status-badge.break{background:var(--warning-light);color:var(--warning)}.status-badge.offline{background:var(--gray-100);color:var(--gray-600)}@media (max-width: 1024px){.employee-locations-header{max-width:90vw}}@media (max-width: 768px){.employee-locations-header{top:var(--space-3);max-width:95vw;padding:var(--space-3)}.header-title h1{font-size:var(--font-size-base)}.date-range-selector{flex-direction:column;gap:var(--space-2);width:100%}.date-input-group{width:100%}.date-input-group input[type=datetime-local]{width:100%;min-width:100%}.header-actions{width:100%;justify-content:center}.refresh-button,.filter-button{flex:1;justify-content:center}.employees-floating-list{display:none}.timeline-panel{bottom:var(--space-3);max-width:90vw;padding:var(--space-3)}.timeline-controls{flex-wrap:wrap;gap:var(--space-2)}.timeline-info{width:100%;order:-1;margin-bottom:var(--space-2)}.timeline-current-time{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.filters-panel{top:calc(var(--space-3) + 150px);max-width:90vw;padding:var(--space-3);flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.clear-filters-button{width:100%}}@media (max-width: 480px){.employee-locations-header{top:var(--space-2);max-width:96vw;padding:var(--space-2)}.header-title h1{font-size:var(--font-size-sm)}.header-title h1 svg{font-size:var(--font-size-base)}.last-update,.date-input-group label{font-size:.6rem}.date-input-group input[type=datetime-local]{font-size:.7rem;padding:var(--space-1)}.refresh-button span:not(.spinning),.filter-button span:not(.spinning){display:none}.timeline-panel{bottom:var(--space-2);max-width:96vw;padding:var(--space-2)}.timeline-play-button,.timeline-reset-button{width:28px;height:28px;font-size:.75rem}.timeline-current-time{font-size:.7rem;padding:var(--space-1) var(--space-2)}.timeline-labels{font-size:.6rem}.filters-panel{top:calc(var(--space-2) + 170px);max-width:96vw;padding:var(--space-2)}.filter-group select,.clear-filters-button{font-size:.7rem}}body{font-family:Poppins,sans-serif;line-height:1.6;color:#1e293b;background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0;padding:0;overflow-x:hidden}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.profile-container{background:transparent;min-height:100vh}.profile-container *{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.profile-header{padding:30px 24px;gap:24px}.avatar{width:60px;height:60px;font-size:1.5rem}.user-name{font-size:1.5rem}.profile-content{padding:30px 24px;gap:32px}}@media (max-width: 480px){.profile-header{padding:24px 20px;flex-direction:column;text-align:center;gap:20px}.profile-content{padding:24px 20px;gap:24px}.user-name{font-size:1.3rem}.avatar{width:50px;height:50px;font-size:1.2rem}}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.status-badge:hover{transform:scale(1.05)}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-color-scheme: dark){.profile-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.info-card{background:#1e293be6;border-color:#3341554d;color:#f1f5f9}.field-label{color:#94a3b8}.field-value,.card-title{color:#f1f5f9}}@media print{.profile-container{max-width:none;padding:0;background:#fff}.profile-header{background:#4267b2!important;-webkit-print-color-adjust:exact;color-adjust:exact}.info-card{break-inside:avoid;box-shadow:none;border:1px solid #e2e8f0;margin-bottom:20px}.info-card:before{display:none}}@media (prefers-reduced-motion: reduce){.profile-container *{animation:none!important;transition:none!important}}.info-card:focus-within{outline:2px solid #4267b2;outline-offset:2px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4267b2,#274080);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#274080,#4267b2)}:root{--primary: #305CDE;--primary-dark: #23408F;--primary-light: rgba(48,92,222,.08);--primary-border: rgba(48,92,222,.15);--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success: #10b981;--success-light: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .1);--error: #ef4444;--error-dark: #dc2626;--error-light: rgba(239, 68, 68, .1);--info: #3b82f6;--info-light: rgba(59, 130, 246, .1);--green-50: #f0fdf4;--green-100: #dcfce7;--green-300: #86efac;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--red-50: #fef2f2;--red-100: #fee2e2;--red-300: #fca5a5;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--yellow-50: #fefce8;--yellow-100: #fef3c7;--yellow-300: #fde047;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-800: #854d0e;--orange-50: #fff7ed;--orange-100: #ffedd5;--orange-300: #fdba74;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-300: #93c5fd;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af --font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--transition-fast: .15s var(--ease-elastic);--transition-normal: .3s var(--ease-elastic);--transition-slow: .5s var(--ease-elastic);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box}html{font-family:var(--font-family);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}body{margin:0;padding:0;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);color:var(--gray-800);font-size:var(--font-size-base);min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw}#root{width:100%;overflow-x:hidden;max-width:100vw}.app-container{width:100%;overflow-x:hidden;position:relative}.page-container{width:100%;max-width:100%;overflow-x:hidden;position:relative}.card,.modal,.navbar,.sidebar{max-width:100%;overflow-x:hidden}table{width:100%;max-width:100%;overflow-x:auto;display:block}.grid,.flex{max-width:100%;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes elasticIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .6s var(--ease-elastic)}.animate-slide-up{animation:slideUp .6s var(--ease-elastic)}.animate-scale-in{animation:scaleIn .5s var(--ease-elastic)}.animate-elastic-in{animation:elasticIn .6s var(--ease-elastic)}.btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--gray-900);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--space-2);position:relative;overflow:hidden;box-shadow:var(--shadow-md);text-decoration:none;max-width:100%}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--gray-900)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-200);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%);color:var(--white)}.btn-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);transition:all var(--transition-normal);position:relative;overflow:hidden;max-width:100%}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,200,42,.05),transparent);transition:left var(--transition-slow)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card:hover:before{left:100%}.input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-xl);font-size:var(--font-size-base);background:var(--white);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);max-width:100%}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);transform:scale(1.02)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4)}.modal{background:var(--white);border-radius:var(--radius-3xl);padding:var(--space-8);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;animation:scaleIn .4s var(--ease-elastic)}@media (max-width: 768px){.modal{max-width:95vw;padding:var(--space-6)}.card{padding:var(--space-4)}.btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}