@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:var(--z-tooltip);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}.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-600);border-color:var(--error-600)}.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;align-items:center;justify-content:flex-start;background:linear-gradient(180deg,var(--white) 0%,var(--gray-50) 100%);border-right:1px solid var(--gray-200);padding:var(--space-4);color:var(--gray-700);height:100vh;width:80px;position:fixed;left:0;top:0;transition:all var(--transition-normal);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)}.navbar.expanded{width:240px;align-items:flex-start}.navbar-toggle{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;color:var(--gray-900);font-size:var(--font-size-base);cursor:pointer;padding:var(--space-3);margin-bottom:var(--space-6);transition:all var(--transition-normal);width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.navbar-toggle:hover{transform:translateY(-1px) scale(1.01)}.navbar-toggle:hover:before{left:100%}.navbar-toggle:active{transform:translateY(0) scale(.95)}.navbar-toggle svg{width:16px;height:16px;pointer-events:none;transition:all var(--transition-normal);flex-shrink:0}.navbar-logo-container{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);transition:all var(--transition-normal)}.navbar-logo{width:100%;height:auto;transition:all var(--transition-normal);filter:drop-shadow(var(--shadow-md))}.navbar-logo-up{width:40px;height:auto;transition:all var(--transition-normal);filter:drop-shadow(var(--shadow-md))}.navbar.expanded .navbar-logo{transform:scale(1.05)}.navbar-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;width:100%}.navbar-links li{width:100%;display:flex;align-items:center}.navbar-links a{color:var(--gray-600);width:100%;border-radius:var(--radius-lg);text-decoration:none;font-size:.92rem;font-weight:600;display:flex;align-items:center;justify-content:flex-start;gap:8px;opacity:1;white-space:nowrap;overflow:hidden;transition:all var(--transition-normal);position:relative;background:transparent;border:1px solid transparent;height:30px;padding:6px 10px 6px 20px}.navbar:not(.expanded) .navbar-links a{justify-content:center;padding:var(--space-2);gap:0;width:40px;height:40px;border-radius:var(--radius-md);margin:0 auto;padding-left:var(--space-2)}.navbar-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,200,42,.1),transparent);transition:left var(--transition-slow)}.navbar-links a:hover{background:var(--primary-light);color:var(--gray-800);border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.navbar-links a:hover:before{left:100%}.navbar-links a.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-md)}.navbar-links a.active:before{display:none}.navbar-icon{font-size:1.1rem;flex-shrink:0;min-width:18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.navbar-links a:hover .navbar-icon{transform:scale(1.1);color:var(--primary)}.navbar-links a.active .navbar-icon{color:#fff;transform:scale(1.1)}.navbar.expanded .navbar-text{opacity:1;transform:translate(0);width:auto}.logout-button{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%);color:var(--white);border:none;padding:var(--space-3);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:flex-start;gap:var(--space-3);position:relative;overflow:hidden;box-shadow:var(--shadow-md);margin-top:auto!important;min-height:40px}.navbar:not(.expanded) .logout-button{justify-content:center;gap:0;width:48px;height:48px;border-radius:var(--radius-lg);margin:0 auto;margin-top:auto!important;padding:var(--space-3)}.logout-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.logout-button:hover:before{left:100%}.logout-button:active{transform:translateY(0) scale(.95)}.logout-button .navbar-icon{color:#dc2626;flex-shrink:0;min-width:24px;width:24px;height:24px}.logout-button .navbar-text{opacity:0;transform:translate(-10px);white-space:nowrap;overflow:hidden;width:0}.navbar.expanded .logout-button .navbar-text{opacity:1;transform:translate(0);width:auto}.navbar-has-submenu{position:relative;width:100%}.navbar-submenu-vertical{list-style:none;margin:4px 0 0;padding:.2rem 0;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;border:1px solid var(--gray-200);width:100%;z-index:10;padding-left:16px}.navbar-submenu-vertical li{width:100%;display:flex;align-items:center}.navbar-submenu-vertical a{color:var(--gray-600);padding:var(--space-2) var(--space-4);width:100%;border-radius:var(--radius-md);text-decoration:none;font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-2);opacity:1;white-space:nowrap;overflow:hidden;transition:all var(--transition-normal);background:transparent;border:1px solid transparent;min-height:32px;padding-left:12px}.navbar-submenu-vertical a:hover{background:var(--primary-light);color:var(--gray-800);border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.navbar-submenu-vertical a.active{background:#f3f4f6;color:var(--gray-900);border-color:var(--primary-border);box-shadow:none}.navbar-has-submenu .navbar-link{width:100%;padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-3);background:transparent;border:1px solid transparent;color:var(--gray-600);transition:all var(--transition-normal)}.navbar-has-submenu .navbar-link.active,.navbar-has-submenu .navbar-link:hover,.navbar-has-submenu.open .navbar-link{background:var(--primary-light);color:var(--gray-800);border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.navbar:not(.expanded) .navbar-submenu-vertical{display:none}.navbar-has-submenu .navbar-link-button[aria-expanded=true]{background:var(--primary-light);color:var(--gray-800);border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.navbar-link-button{color:var(--gray-600);width:100%;border-radius:var(--radius-lg);text-decoration:none;font-size:05;font-weight:600;display:flex;align-items:center;justify-content:flex-start;gap:8px;opacity:1;white-space:nowrap;overflow:hidden;transition:all var(--transition-normal);position:relative;background:transparent;border:1px solid transparent;height:30px;padding:6px 10px 6px 20px}.navbar:not(.expanded) .navbar-link-button{justify-content:center;padding:var(--space-2);gap:0;width:40px;height:40px;border-radius:var(--radius-md);margin:0 auto;padding-left:var(--space-2)}.navbar-link-button:hover{background:var(--primary-light);color:var(--gray-800);border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.navbar-link-button:active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-md)}.navbar-link-button .navbar-icon{font-size:1.1rem;flex-shrink:0;min-width:18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.navbar-link-button:hover .navbar-icon{transform:scale(1.1);color:var(--primary)}.navbar-link-button:active .navbar-icon{color:#fff;transform:scale(1.1)}.navbar-text{opacity:0;transition:all var(--transition-normal);margin-left:0;font-weight:600;font-size:.92rem;transform:translate(-8px);white-space:nowrap;overflow:hidden;width:0}.navbar.expanded .navbar-link-button .navbar-text{opacity:1;transform:translate(0);width:auto}.navbar-section-title{font-size:.85em;font-weight:600;color:#6c757d;padding:8px 8px 2px 12px;letter-spacing:.5px;text-transform:uppercase;background:none;border:none;cursor:pointer;margin-top:6px;margin-bottom:1px;text-align:left;display:flex;align-items:center}.navbar:not(.expanded) .navbar-section-title{justify-content:center;padding:8px 4px 2px;gap:8px;align-items:center}.navbar:not(.expanded) .navbar-section-title>div{display:flex;align-items:center;justify-content:center}.navbar:not(.expanded) .navbar-section-title span{display:flex;align-items:center;justify-content:center;margin-top:2px}@media (max-width: 768px){.navbar{width:70px;padding:var(--space-3)}.navbar.expanded{width:220px}.navbar-logo-container{margin-bottom:var(--space-4)}.navbar-logo,.navbar-logo-up{width:35px}.navbar-toggle{width:35px;height:35px;padding:var(--space-2);margin-bottom:var(--space-4)}.navbar-toggle svg{width:14px;height:14px}.navbar-links{gap:var(--space-1)}.navbar.expanded .navbar-links{gap:var(--space-2)}.navbar-links a{padding:var(--space-2);font-size:var(--font-size-xs);min-height:35px}.logout-button{padding:var(--space-2);font-size:var(--font-size-xs);min-height:35px}.logout-button .navbar-text{font-size:var(--font-size-xs)}.navbar-link-button{padding:var(--space-2);font-size:var(--font-size-xs);min-height:35px}.navbar-text{font-size:var(--font-size-xs)}}@media (max-width: 480px){.navbar{width:60px;padding:var(--space-2)}.navbar.expanded{width:200px}.navbar-logo,.navbar-logo-up{width:30px}.navbar-toggle{width:30px;height:30px;padding:var(--space-1)}.navbar-toggle svg{width:12px;height:12px}.navbar-links{gap:var(--space-1)}.navbar-links a{padding:var(--space-1);min-height:30px}.navbar-link-button{padding:var(--space-1);min-height:30px}.navbar-icon{font-size:var(--font-size-base);min-width:16px;width:16px;height:16px}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.navbar-links li:nth-child(1) a{animation-delay:.1s}.navbar-links li:nth-child(2) a{animation-delay:.2s}.navbar-links li:nth-child(3) a{animation-delay:.3s}.navbar-links li:nth-child(4) a{animation-delay:.4s}.navbar-links li:nth-child(5) a{animation-delay:.5s}.navbar-links li:nth-child(6) a{animation-delay:.6s}.navbar-links li:nth-child(7) a{animation-delay:.7s}.navbar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 768px){.navbar-overlay{display:none}.navbar.expanded+.navbar-overlay{display:block;animation:fadeIn .3s var(--ease-elastic)}}.navbar .config-button{color:var(--gray-600);width:100%;border-radius:var(--radius-lg);text-decoration:none;font-size:.92rem;font-weight:600;display:flex;align-items:center;justify-content:flex-start;gap:8px;opacity:1;white-space:nowrap;overflow:hidden;transition:all var(--transition-normal);position:relative;background:transparent;border:1px solid transparent;height:30px;padding:6px 10px 6px 20px}.navbar .config-button:hover{background:var(--gray-100);color:var(--gray-800);border-color:var(--gray-200)}.navbar .config-button.active{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200)}.navbar:not(.expanded) .config-button{justify-content:center;padding:var(--space-2);gap:0;width:40px;height:40px;border-radius:var(--radius-md);margin:0 auto;padding-left:var(--space-2)}.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}@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)}.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;margin:0;padding:1rem 0}.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}.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}.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{margin-bottom:1rem}.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}.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:1200px;margin:0 auto;padding:2rem}.dashboard-header{text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-header h1{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 0 1rem;color:#333;font-size:2rem;font-weight:600}.dashboard-header p{margin:0;color:#666;font-size:1.1rem;line-height:1.5}.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-header h1{font-size:1.5rem;flex-direction:column;gap:.5rem}.dashboard-header p{font-size:1rem}.dashboard-tabs{flex-direction:column;gap:.5rem}.tab-btn{justify-content:center;padding:.75rem 1rem;font-size:.9rem}}.tolerance-manager{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.tolerance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.tolerance-title{display:flex;align-items:center;gap:12px}.tolerance-title h3{margin:0;color:#2c3e50;font-size:1.25rem;font-weight:600}.tolerance-title svg{font-size:1.5rem}.tolerance-actions{display:flex;gap:12px}.edit-tolerance-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s}.edit-tolerance-btn:hover{background:#0056b3}.edit-tolerance-btn:disabled{background:#6c757d;cursor:not-allowed}.edit-actions{display:flex;gap:8px}.save-tolerance-btn{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:6px;transition:background-color .2s}.save-tolerance-btn:hover{background:#1e7e34}.save-tolerance-btn:disabled{background:#6c757d;cursor:not-allowed}.cancel-tolerance-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s}.cancel-tolerance-btn:hover{background:#545b62}.cancel-tolerance-btn:disabled{background:#adb5bd;cursor:not-allowed}.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}.reset-tolerance-btn{background:#6c757d;color:#fff;border:1px solid #5a6268;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:6px;margin:0 auto 12px;transition:all .2s;opacity:.8}.reset-tolerance-btn:hover{background:#5a6268;opacity:1}.reset-tolerance-btn:disabled{background:#adb5bd;cursor:not-allowed;opacity:.5}.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}.tolerance-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}.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-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-dark) 100%)}.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);border-bottom:3px solid var(--primary);position:relative}.settings-section h2:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-sm)}.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}.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}.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-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)}.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;max-width:100%;overflow-x:auto}.records-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);table-layout:fixed;min-width:800px}.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}.loading{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-600);font-weight:600}.records-table th{background:var(--gray-50);padding:var(--space-2);text-align:left;font-weight:700;color:var(--gray-700);border-bottom:2px solid var(--gray-200);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.records-table th:nth-child(1){width:25%;min-width:200px}.records-table th:nth-child(2){width:12%;min-width:120px}.records-table th:nth-child(3){width:15%;min-width:150px}.records-table th:nth-child(4){width:15%;min-width:150px}.records-table th:nth-child(5){width:15%;min-width:150px}.records-table th:nth-child(6){width:15%;min-width:150px}.records-table th:nth-child(7){width:3%;min-width:80px;max-width:100px}.records-table td{padding:var(--space-2);border-bottom:1px solid var(--gray-100);vertical-align:middle;word-wrap:break-word}.records-table td:nth-child(7){width:3%;min-width:80px;max-width:100px;padding:var(--space-1)}.records-table tr:hover{background:var(--gray-50)}.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)}.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{padding:var(--space-6)}.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)}.form-group input,.form-group select{width:100%;padding:var(--space-3);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-normal)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.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)}.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:1600px;padding:var(--space-12) var(--space-10)}.records-table{font-size:var(--font-size-lg)}.records-table th,.records-table td{padding:var(--space-4) var(--space-3)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-10)}.stat-card{padding:var(--space-10)}.stat-number{font-size:var(--font-size-4xl)}}@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%}}.absence-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.absence-button:hover{background:linear-gradient(135deg,#f7931e,#ff6b35);transform:scale(1.05)}.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)}.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}.absence-text{color:#dc3545;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.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}.point-modification-requests{padding:20px;max-width:1200px;margin:0 auto}.requests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.requests-header h2{margin:0;color:#333;font-size:24px}.requests-stats{display:flex;align-items:center;gap:10px}.pending-count{background:var(--warning-light);color:var(--warning-dark);padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600}.filter-section{margin-bottom:20px}.filter-controls{display:flex;gap:15px;align-items:center;margin-bottom:10px}.filter-select,.page-size-select{padding:10px 15px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:14px;min-width:150px}.results-info{color:#666;font-size:14px;font-style:italic}.pagination-section{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.pagination-btn{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.pagination-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.pagination-info{font-weight:500;color:#333}.pagination-numbers{display:flex;justify-content:center;gap:5px}.pagination-number{padding:8px 12px;background:#fff;color:#007bff;border:1px solid #007bff;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;min-width:40px}.pagination-number:hover{background:#007bff;color:#fff;transform:translateY(-1px)}.pagination-number.active{background:#007bff;color:#fff}.loading{text-align:center;padding:40px;color:#666;font-size:16px}.no-requests{text-align:center;padding:40px;color:#999;font-size:16px;background:#f8f9fa;border-radius:8px}.requests-list{display:flex;flex-direction:column;gap:15px}.request-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease}.request-card:hover{box-shadow:0 4px 8px #00000026}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.request-info h3{margin:0 0 8px;color:#333;font-size:18px}.employee-name{margin:5px 0;color:#666;font-weight:500}.request-date{margin:5px 0;color:#888;font-size:14px}.request-status{flex-shrink:0}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-approved{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-rejected{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-unknown{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.request-details{display:flex;flex-direction:column;gap:15px}.time-changes h4{margin:0 0 10px;color:#333;font-size:16px}.time-change{background:#f8f9fa;padding:10px;border-radius:6px;margin-bottom:8px;border-left:4px solid #007bff}.time-change span{font-weight:500;color:#333}.request-reason h4{margin:0 0 10px;color:#333;font-size:16px}.request-reason p{margin:0;color:#666;line-height:1.5;background:#f8f9fa;padding:12px;border-radius:6px;border-left:4px solid #28a745}.admin-badge{background:var(--primary);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;margin-left:10px}.approval-section{margin-top:15px;padding:15px;background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.approval-notes{width:100%;min-height:80px;padding:10px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);resize:vertical;font-family:inherit;margin-bottom:10px}.approval-buttons{display:flex;gap:10px}.btn-approve{background:var(--success);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all var(--transition-normal)}.btn-approve:hover{background:var(--success-dark);transform:translateY(-1px)}.btn-reject{background:var(--danger);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all var(--transition-normal)}.btn-reject:hover{background:var(--danger-dark);transform:translateY(-1px)}.btn-view-details{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s ease;align-self:flex-start}.btn-view-details:hover{background:#0056b3}.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}.modal-content{background:#fff;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;color:#333}.btn-close{background:none;border:none;font-size:24px;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:hover{background:#f0f0f0}.modal-body{padding:20px}.detail-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.detail-section:last-child{border-bottom:none;margin-bottom:0}.detail-section h4{margin:0 0 10px;color:#333;font-size:16px;font-weight:600}.detail-section p{margin:5px 0;color:#666;line-height:1.5}.detail-section strong{color:#333;font-weight:600}@media (max-width: 768px){.point-modification-requests{padding:15px}.requests-header{flex-direction:column;gap:15px;align-items:flex-start}.filter-controls{flex-direction:column;gap:10px;align-items:stretch}.filter-select,.page-size-select{min-width:unset;width:100%}.request-header{flex-direction:column;gap:10px}.approval-buttons{flex-direction:column}.pagination-controls{flex-direction:column;gap:10px}.pagination-numbers{flex-wrap:wrap}.modal-content{width:95%;margin:10px}}@media (max-width: 480px){.point-modification-requests{padding:10px}.request-card,.modal-header,.modal-body{padding:15px}}.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}}.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}.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:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important;box-sizing:border-box!important}.auth-card{max-width:1000px!important;width:100%!important;margin:0!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:hidden}.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}.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}.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}}.employee-card{display:flex;background:linear-gradient(135deg,var(--white) 0%,var(--gray-50) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-6);width:100%;max-width:100%;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.employee-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-border)}.employee-card__header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--space-5)}.employee-card__title{display:flex;align-items:center;gap:var(--space-5);flex:1;min-width:0}.employee-card__avatar{position:relative;flex-shrink:0}.employee-card__image{width:64px;height:64px;border-radius:var(--radius-2xl);object-fit:cover;border:3px solid var(--primary-border);transition:all var(--transition-normal)}.employee-card__initials{width:64px;height:64px;border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--gray-900);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;border:3px solid var(--primary-border)}.employee-card__name{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-800);margin:0 0 var(--space-2) 0;line-height:1.3}.employee-card__role{font-size:16px;color:#666;background-color:#f3f1ff;padding:6px 12px;border-radius:12px;display:inline-block;margin-top:8px}.employee-card__personal-profession{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--info);background:var(--info-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--info-border);max-width:fit-content;font-weight:500}.employee-card__personal-profession svg{font-size:var(--font-size-xs);color:var(--info-dark)}.employee-card__position{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--primary);background:var(--primary-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--primary-border);max-width:fit-content;font-weight:500}.employee-card__position svg{font-size:var(--font-size-xs);color:var(--primary-dark)}.employee-card__profession svg{font-size:var(--font-size-xs);color:var(--primary-dark)}.employee-card__area{color:var(--gray-500);font-size:var(--font-size-xs)}.employee-card__no-position,.employee-card__no-profession{font-size:var(--font-size-sm);color:var(--gray-400);background:var(--gray-100);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--gray-200);max-width:fit-content;font-style:italic;font-weight:500}.employee-card__department{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--primary);background:var(--primary-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--primary-border);max-width:fit-content;font-weight:500}.employee-card__role-info .employee-card__department{margin-top:0}.employee-card__department svg{font-size:var(--font-size-xs);color:var(--primary-dark)}.employee-card__role-info{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.employee-card__separator{color:var(--gray-400);font-weight:500;font-size:var(--font-size-sm)}.employee-card__no-department{font-size:var(--font-size-sm);color:var(--gray-400);background:var(--gray-100);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--gray-200);max-width:fit-content;font-style:italic;font-weight:500;margin-top:var(--space-2)}.employee-card__role-info .employee-card__no-department{margin-top:0}.employee-card__actions{display:flex;gap:var(--space-2);margin-left:var(--space-4)}.employee-card__action{background:#fffc;border:1px solid var(--gray-200);padding:var(--space-2);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);color:var(--gray-500);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.employee-card__action:hover{background:var(--white);color:var(--gray-800);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.employee-card__action:last-child:hover{background:var(--error-light);color:var(--error);border-color:var(--error)}.employee-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-backdrop);padding:var(--space-5);animation:fadeIn .3s var(--ease-elastic)}.employee-modal{background:var(--white);border-radius:var(--radius-3xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:slideUp .4s var(--ease-elastic);border:1px solid var(--gray-200)}.employee-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-8) var(--space-8) var(--space-6) var(--space-8);border-bottom:1px solid var(--gray-100);background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0}.employee-modal__profile{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);flex:1}.employee-modal__avatar{position:relative;flex-shrink:0}.employee-modal__avatar img{width:120px;height:120px;border-radius:var(--radius-2xl);object-fit:cover;border:4px solid var(--primary-border)}.employee-modal__initials{width:120px;height:120px;border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--gray-900);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);font-weight:700;border:4px solid var(--primary-border)}.employee-modal__info{flex:1;min-width:0;text-align:center}.employee-modal__name{font-size:var(--font-size-3xl);font-weight:700;color:var(--gray-800);margin:0 0 var(--space-2) 0;line-height:1.3}.employee-modal__email{font-size:var(--font-size-base);color:var(--gray-500);margin:0 0 var(--space-3) 0;font-weight:500}.employee-modal__personal-profession{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--info);background:var(--info-light);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--info-border);max-width:fit-content;font-weight:600;margin-bottom:var(--space-2)}.employee-modal__personal-profession svg{font-size:var(--font-size-sm);color:var(--info-dark)}.employee-modal__position{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--primary);background:var(--primary-light);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--primary-border);max-width:fit-content;font-weight:600}.employee-modal__position svg{font-size:var(--font-size-sm);color:var(--primary-dark)}.employee-modal__profession{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--primary);background:var(--primary-light);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--primary-border);max-width:fit-content;font-weight:600}.employee-modal__profession svg{font-size:var(--font-size-sm);color:var(--primary-dark)}.employee-modal__department{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--primary);background:var(--primary-light);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--primary-border);max-width:fit-content;font-weight:600;margin-top:var(--space-2)}.employee-modal__department svg{font-size:var(--font-size-sm);color:var(--primary-dark)}.employee-modal__close{background:#fffc;border:1px solid var(--gray-200);padding:var(--space-3);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);color:var(--gray-500);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.employee-modal__close:hover{background:var(--white);color:var(--gray-800);transform:scale(1.05)}.employee-modal__content{padding:var(--space-6) var(--space-8)}.employee-modal__section{margin-bottom:var(--space-8)}.employee-modal__section:last-child{margin-bottom:0}.employee-modal__section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-lg);font-weight:700;color:var(--gray-800);margin:0 0 var(--space-5) 0}.employee-modal__section-title svg{color:var(--primary);font-size:var(--font-size-base)}.employee-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.employee-modal__field{display:flex;flex-direction:column;gap:var(--space-2)}.employee-modal__field label{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.employee-modal__field span{font-size:var(--font-size-base);color:var(--gray-800);font-weight:500;padding:var(--space-3) var(--space-4);background:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--gray-200)}.employee-modal__address{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--gray-50);border-radius:var(--radius-2xl);border:1px solid var(--gray-200)}.employee-modal__address span{font-size:var(--font-size-base);color:var(--gray-800);font-weight:500;line-height:1.5}.employee-modal__personal-profession-info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);background:linear-gradient(135deg,var(--info-light) 0%,rgba(59,130,246,.05) 100%);border-radius:var(--radius-2xl);border:1px solid var(--info-border)}.employee-modal__personal-profession-details{display:flex;flex-direction:column;gap:var(--space-1)}.employee-modal__personal-profession-name{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-800)}.employee-modal__no-personal-profession{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-5);background:var(--gray-50);border-radius:var(--radius-2xl);border:2px dashed var(--gray-300)}.employee-modal__no-personal-profession span{font-size:var(--font-size-base);color:var(--gray-500);font-style:italic}.employee-modal__position-info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);background:linear-gradient(135deg,var(--primary-light) 0%,rgba(245,158,11,.05) 100%);border-radius:var(--radius-2xl);border:1px solid var(--primary-border)}.employee-modal__position-details{display:flex;flex-direction:column;gap:var(--space-1)}.employee-modal__position-name{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-800)}.employee-modal__position-area{font-size:var(--font-size-sm);color:var(--gray-500);font-weight:500}.employee-modal__remove-position{background:var(--error-light);border:1px solid var(--error);color:var(--error);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.employee-modal__remove-position:hover{background:var(--error);color:var(--white);transform:translateY(-2px)}.employee-modal__no-position{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-5);background:var(--gray-50);border-radius:var(--radius-2xl);border:2px dashed var(--gray-300)}.employee-modal__no-position span{font-size:var(--font-size-base);color:var(--gray-500);font-style:italic}.employee-modal__profession-info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);background:linear-gradient(135deg,var(--primary-light) 0%,rgba(245,158,11,.05) 100%);border-radius:var(--radius-2xl);border:1px solid var(--primary-border)}.employee-modal__profession-details{display:flex;flex-direction:column;gap:var(--space-1)}.employee-modal__profession-name{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-800)}.employee-modal__profession-area{font-size:var(--font-size-sm);color:var(--gray-500);font-weight:500}.employee-modal__remove-profession{background:var(--error-light);border:1px solid var(--error);color:var(--error);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.employee-modal__remove-profession:hover{background:var(--error);color:var(--white);transform:translateY(-2px)}.employee-modal__no-profession{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-5);background:var(--gray-50);border-radius:var(--radius-2xl);border:2px dashed var(--gray-300)}.employee-modal__no-profession span{font-size:var(--font-size-base);color:var(--gray-500);font-style:italic}.employee-modal__add-profession{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;color:var(--gray-900);padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.employee-modal__add-profession:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.employee-modal__profession-selector{width:100%;max-width:300px}.employee-modal__profession-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);justify-content:center}.employee-modal__cancel-profession{background:var(--gray-100);border:1px solid var(--gray-300);color:var(--gray-500);padding:var(--space-2) var(--space-5);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:600}.employee-modal__cancel-profession:hover:not(:disabled){background:var(--gray-200);color:var(--gray-600)}.employee-modal__cancel-profession:disabled{opacity:.6;cursor:not-allowed}.employee-modal__department-info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);background:linear-gradient(135deg,var(--primary-light) 0%,rgba(245,158,11,.05) 100%);border-radius:var(--radius-2xl);border:1px solid var(--primary-border)}.employee-modal__department-details{display:flex;flex-direction:column;gap:var(--space-1)}.employee-modal__department-name{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-800)}.employee-modal__remove-department{background:var(--error-light);border:1px solid var(--error);color:var(--error);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.employee-modal__remove-department:hover{background:var(--error);color:var(--white);transform:translateY(-2px)}.employee-modal__no-department{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-5);background:var(--gray-50);border-radius:var(--radius-2xl);border:2px dashed var(--gray-300)}.employee-modal__no-department span{font-size:var(--font-size-base);color:var(--gray-500);font-style:italic}.employee-modal__add-department{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;color:var(--gray-900);padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.employee-modal__add-department:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.employee-modal__department-selector{width:100%;max-width:300px}.employee-modal__department-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);justify-content:center}.employee-modal__cancel-department{background:var(--gray-100);border:1px solid var(--gray-300);color:var(--gray-500);padding:var(--space-2) var(--space-5);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:600}.employee-modal__cancel-department:hover:not(:disabled){background:var(--gray-200);color:var(--gray-600)}.employee-modal__cancel-department:disabled{opacity:.5;cursor:not-allowed}.employee-modal__image-capture{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);background:linear-gradient(135deg,var(--gray-50) 0%,rgba(156,163,175,.05) 100%);border-radius:var(--radius-2xl);border:2px dashed var(--gray-300);text-align:center}.employee-modal__image-capture p{font-size:var(--font-size-base);color:var(--gray-600);margin:0;line-height:1.5}.employee-modal__capture-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--primary);color:var(--white);border:2px solid var(--primary);border-radius:var(--radius-xl);cursor:pointer;font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-normal);text-decoration:none}.employee-modal__capture-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.employee-modal__capture-btn svg{font-size:var(--font-size-base)}@media (max-width: 768px){.employee-modal__image-capture{padding:var(--space-4) var(--space-3)}.employee-modal__capture-btn{width:100%;justify-content:center}}.employee-modal__footer{display:flex;gap:var(--space-4);padding:var(--space-6) var(--space-8);border-top:1px solid var(--gray-100);background:var(--gray-50);border-radius:0 0 var(--radius-3xl) var(--radius-3xl)}.employee-modal__edit-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--primary);color:var(--white);border:2px solid var(--primary);border-radius:var(--radius-xl);cursor:pointer;font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-normal);text-decoration:none;flex:1;justify-content:center}.employee-modal__edit-button:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.employee-modal__delete-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--error);color:var(--white);border:2px solid var(--error);border-radius:var(--radius-xl);cursor:pointer;font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-normal);text-decoration:none;flex:1;justify-content:center}.employee-modal__delete-button:hover{background:var(--error-dark);border-color:var(--error-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.employee-card{padding:var(--space-5)}.employee-card__header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.employee-card__actions{margin-left:0;width:100%;justify-content:flex-end}.employee-modal{margin:var(--space-2);max-height:95vh}.employee-modal__header{padding:var(--space-6) var(--space-6) var(--space-5) var(--space-6)}.employee-modal__profile{flex-direction:column;text-align:center;gap:var(--space-4)}.employee-modal__content{padding:var(--space-5) var(--space-6)}.employee-modal__grid{grid-template-columns:1fr;gap:var(--space-4)}.employee-modal__profession-info{flex-direction:column;gap:var(--space-4);text-align:center}.employee-modal__footer{padding:var(--space-5) var(--space-6);flex-direction:column;gap:var(--space-3)}.employee-modal__edit-button,.employee-modal__delete-button{width:100%;justify-content:center}}@media (max-width: 480px){.employee-card__title{flex-direction:column;text-align:center;gap:var(--space-4)}.employee-card__actions{justify-content:center}}.employee-list-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease;margin-bottom:8px}.employee-list-item:hover{background:#f9fafb;border-color:#d1d5db;transform:translate(2px)}.employee-list-avatar{flex-shrink:0}.employee-list-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.employee-list-initials{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ffc82a,#e6b425);color:#111827;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border:2px solid #e5e7eb}.employee-list-info{flex:1;min-width:0}.employee-list-name{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-list-details{display:flex;gap:12px;flex-wrap:wrap}.employee-list-position,.employee-list-department{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:12px;white-space:nowrap}.employee-list-position svg,.employee-list-department svg{font-size:10px;color:#9ca3af}.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}.header-title h1{margin:0;padding:0;line-height:1;display:flex;align-items:center}.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}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.absence-report-container{max-width:1200px;margin:0 auto;padding:20px;background:#f8f9fa;min-height:100vh}.report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.report-header h1{margin:0;color:#495057;font-size:24px;display:flex;align-items:center;gap:10px}.back-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s}.back-button:hover{background:#5a6268}.export-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#305cde;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s}.export-button:hover:not(:disabled){background:#1e4bd2}.export-button:disabled{background:#ccc;cursor:not-allowed}.report-filters{display:flex;gap:20px;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-group label{font-weight:500;color:#495057;font-size:14px}.filter-select,.filter-input{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff}.filter-select:focus,.filter-input:focus{outline:none;border-color:#305cde;box-shadow:0 0 0 2px #305cde33}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #305CDE;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-container{padding:20px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:20px;text-align:center}.report-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2)}.summary-card{display:flex;align-items:center;gap:20px;padding:25px;background:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.summary-card:hover{transform:translateY(-2px)}.card-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.summary-card.total .card-icon{background:#305cde}.summary-card.present .card-icon{background:#28a745}.summary-card.late .card-icon{background:#ffc107}.summary-card.absent .card-icon{background:#dc3545}.card-content h3{margin:0 0 8px;color:#495057;font-size:16px;font-weight:500}.card-content p{margin:0;color:#305cde;font-size:28px;font-weight:700}.report-info{padding:30px;border-bottom:1px solid #e9ecef;text-align:center}.report-info h2{margin:0 0 10px;color:#495057;font-size:22px}.company-name{margin:0;color:#6c757d;font-size:16px}.absences-table-container{padding:30px}.absences-table-container h3{margin:0 0 20px;color:#495057;font-size:18px}.table-wrapper{overflow-x:auto;max-height:500px;overflow-y:auto;border-radius:8px;box-shadow:0 2px 10px #0000001a;position:relative;background:#fff}.absences-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.absences-table th{background:#305cde;color:#fff;padding:15px 12px;text-align:left;font-weight:500;font-size:14px;box-shadow:0 2px 4px #0000001a;border:none}.absences-table td{padding:12px;border-bottom:1px solid #e9ecef;font-size:14px}.absences-table tr:hover{background:#f8f9fa}.absences-table tr.status-present{border-left:4px solid #28a745}.absences-table tr.status-late{border-left:4px solid #ffc107}.absences-table tr.status-absent{border-left:4px solid #dc3545}.employee-name{font-weight:500;color:#495057}.employee-email{color:#6c757d;font-size:13px}.present-days{color:#28a745;font-weight:500}.absent-days{color:#dc3545;font-weight:500}.late-days{color:#ffc107;font-weight:500}.attendance-rate{background:#305cde;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.period-dates{margin:5px 0 0;color:#6c757d;font-size:14px}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:500;text-transform:uppercase}.no-data{text-align:center;color:#6c757d;font-style:italic;padding:40px}.statistics{padding:30px;background:#f8f9fa;border-top:1px solid #e9ecef}.statistics h3{margin:0 0 20px;color:#495057;font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-radius:6px;box-shadow:0 2px 5px #0000001a}.stat-label{color:#6c757d;font-size:14px}.stat-value{color:#305cde;font-weight:700;font-size:16px}@media (max-width: 768px){.absence-report-container{padding:15px}.report-header{flex-direction:column;gap:15px;text-align:center}.report-filters{flex-direction:column}.filter-group{min-width:auto}.summary-cards{grid-template-columns:1fr;gap:15px}.summary-card{padding:20px}.card-icon{width:50px;height:50px;font-size:20px}.absences-table{font-size:12px}.absences-table th,.absences-table td{padding:8px 6px}.stats-grid{grid-template-columns:1fr}}@media print{.absence-report-container{background:#fff;padding:0}.report-header,.report-filters{display:none}.summary-cards{background:#fff;grid-template-columns:repeat(2,1fr)}.summary-card,.absences-table{box-shadow:none;border:1px solid #e0e0e0}}.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}}.received-requests-container{max-width:1200px;margin:0 auto;padding:2rem;background:#f8f9fa;min-height:100vh}.received-requests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);animation:slideUp .8s var(--ease-elastic);min-height:44px}.received-requests-header 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}.current-status{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;color:#000}.current-status svg{font-size:1.5rem}.received-requests-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}.requests-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:6px;font-size:.95rem;font-weight:600;color:#333}.summary-item span{color:#333}.summary-item svg{color:#ffc82a;font-size:1.2rem}.requests-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.request-type-section{margin-bottom:2rem;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.request-type-section:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.section-header h3{margin:0;color:#333;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.section-icon{color:#ffc82a;font-size:1.2rem}.section-count{background:#ffc82a;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.no-requests-message{text-align:center;padding:3rem;color:#666}.no-requests-message .no-requests-icon{font-size:3rem;color:#28a745;margin-bottom:1rem}.no-requests-message h3{margin:0 0 .5rem;color:#333;font-size:1.3rem}.no-requests-message p{margin:0;font-size:1rem}.received-requests-component{background:transparent;box-shadow:none;border:none;padding:0}.received-requests-component .requests-header{display:none}.received-requests-component .filter-section{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:6px;border:1px solid #eee}.received-requests-component .filter-select{width:100%;max-width:300px;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;background:#fff;color:#333}.received-requests-component .filter-select:focus{outline:none;border-color:#ffc82a;box-shadow:0 0 0 2px #ffc82a33}.received-requests-component .requests-list{display:flex;flex-direction:column;gap:1.5rem}.received-requests-component .request-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;border-left:4px solid #ffc82a;transition:all .3s ease}.received-requests-component .request-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.received-requests-component .request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.received-requests-component .request-info h3{margin:0 0 .5rem;color:#333;font-size:1.1rem}.received-requests-component .employee-name,.received-requests-component .request-date{font-size:.9rem;color:#666;margin-bottom:.25rem}.received-requests-component .status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.received-requests-component .status-badge svg{font-size:1rem}.received-requests-component .status-pending{background:#fff3cd;color:#856404}.received-requests-component .status-approved{background:#d4edda;color:#155724}.received-requests-component .status-rejected{background:#f8d7da;color:#721c24}.received-requests-component .request-details{display:grid;gap:1rem}.received-requests-component .time-changes h4,.received-requests-component .request-reason h4{margin:0 0 .5rem;color:#333;font-size:1rem}.received-requests-component .time-change{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border-radius:4px;font-size:.9rem;color:#666}.received-requests-component .time-change svg{color:#ffc82a;font-size:.9rem}.received-requests-component .request-reason p{margin:0;padding:.75rem;background:#fff;border-radius:4px;font-size:.9rem;color:#666;line-height:1.4}.received-requests-component .approval-section{background:#fff;border-radius:6px;padding:1rem;border:1px solid #eee}.received-requests-component .approval-notes{width:100%;min-height:80px;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;resize:vertical;margin-bottom:1rem;font-family:inherit;color:#333}.received-requests-component .approval-notes:focus{outline:none;border-color:#ffc82a;box-shadow:0 0 0 2px #ffc82a33}.received-requests-component .approval-buttons{display:flex;gap:1rem;flex-wrap:wrap}.received-requests-component .btn-approve,.received-requests-component .btn-reject,.received-requests-component .btn-view-details{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.received-requests-component .btn-approve{background:#28a745;color:#fff}.received-requests-component .btn-approve:hover{background:#218838;transform:translateY(-1px)}.received-requests-component .btn-reject{background:#dc3545;color:#fff}.received-requests-component .btn-reject:hover{background:#c82333;transform:translateY(-1px)}.received-requests-component .btn-view-details{background:#007bff;color:#fff;margin-top:10px}.received-requests-component .btn-view-details:hover{background:#0056b3;transform:translateY(-1px)}.received-requests-component .no-requests{padding:3rem;color:#666;text-align:center}.received-requests-component .no-requests svg{font-size:3rem;color:#ddd;margin-bottom:1rem}.received-requests-component .loading{text-align:center;padding:3rem;color:#ffc82a;font-size:1.1rem}.received-requests-component .details-modal{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}.received-requests-component .modal-content{background:#fff;border-radius:8px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.received-requests-component .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.received-requests-component .modal-header h3{margin:0;color:#333;font-size:1.3rem}.received-requests-component .btn-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.received-requests-component .btn-close:hover{background:#f8f9fa;color:#333}.received-requests-component .modal-body{padding:1.5rem}.received-requests-component .detail-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.received-requests-component .detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.received-requests-component .detail-section h4{margin:0 0 .75rem;color:#333;font-size:1.1rem}.received-requests-component .detail-section p{margin:.25rem 0;color:#666;font-size:.95rem}.received-requests-component .detail-section strong{color:#333;font-weight:600}@media (max-width: 768px){.received-requests-container{padding:1rem}.received-requests-header{flex-direction:column;gap:1rem;text-align:center}.received-requests-header h1{font-size:1.5rem}.current-status{font-size:1rem}.status-header{flex-direction:column;gap:.5rem;text-align:center}.requests-summary{grid-template-columns:1fr}.received-requests-component .request-header{flex-direction:column;gap:1rem}.received-requests-component .approval-buttons{flex-direction:column}.received-requests-component .btn-approve,.received-requests-component .btn-reject,.received-requests-component .btn-view-details{width:100%}.received-requests-component .modal-content{margin:1rem;max-height:90vh}}@media (max-width: 480px){.received-requests-container{padding:.5rem}.received-requests-header,.status-card,.requests-section{padding:1rem}.received-requests-component .btn-approve,.received-requests-component .btn-reject,.received-requests-component .btn-view-details{padding:.5rem 1rem;font-size:.9rem;min-width:100px}.received-requests-component .modal-header,.received-requests-component .modal-body{padding:1rem}}.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}}.payment-success-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#28a745,#20c997);padding:20px}.payment-success-content{text-align:center;background:#fff;padding:60px 40px;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;width:100%}.success-icon{color:#28a745;margin-bottom:30px;display:flex;justify-content:center;align-items:center}.success-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:20px}.success-message{font-size:1.2rem;color:#666;margin-bottom:40px;line-height:1.6}.success-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.back-button,.home-button{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent}.back-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.home-button{background:transparent;color:#667eea;border-color:#667eea}.home-button:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}@media (max-width: 768px){.payment-success-content{padding:40px 20px;margin:20px}.success-title{font-size:2rem}.success-actions{flex-direction:column;align-items:center}.back-button,.home-button{width:100%;max-width:200px}}.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)}}.contratos-container{min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);padding:var(--space-8) var(--space-6)}.contratos-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.contratos-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)}.contratos-back-button:hover{background:var(--gray-200);transform:translate(-2px)}.contratos-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}.contratos-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);margin-top:var(--space-2)}.contratos-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.contratos-action-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border:none;padding:var(--space-4) 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:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md)}.contratos-action-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.contratos-upload-button{background:linear-gradient(135deg,var(--green-500) 0%,var(--green-600) 100%);color:var(--white);border:none;padding:var(--space-4) 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:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md)}.contratos-upload-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.contratos-upload-button input{display:none}.contratos-contract-container{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow:hidden;margin-bottom:var(--space-8)}.contratos-contract-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)}.contratos-contract-icon{width:50px;height:50px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--red-500) 0%,var(--red-600) 100%);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:20px}.contratos-contract-info{flex:1}.contratos-contract-title{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-1)}.contratos-contract-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--gray-600)}.contratos-status-dot{width:8px;height:8px;border-radius:50%}.contratos-status-dot.signed{background:var(--green-500)}.contratos-status-dot.pending{background:var(--orange-500)}.contratos-contract-content{padding:var(--space-8);max-height:600px;overflow-y:auto;background:var(--white)}.contratos-contract-text{font-family:Courier New,monospace;font-size:var(--font-size-sm);line-height:1.6;color:var(--gray-800);white-space:pre-line}.contratos-upload-area{border:2px dashed var(--gray-300);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;background:var(--gray-50);transition:all var(--transition-normal);cursor:pointer}.contratos-upload-area:hover,.contratos-upload-area.dragover{border-color:var(--primary);background:var(--primary-50)}.contratos-upload-icon{font-size:48px;color:var(--gray-400);margin-bottom:var(--space-4)}.contratos-upload-text{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-700);margin-bottom:var(--space-2)}.contratos-upload-subtext{font-size:var(--font-size-sm);color:var(--gray-500)}.contratos-file-list{margin-top:var(--space-6)}.contratos-file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.contratos-file-icon{color:var(--green-600);font-size:20px}.contratos-file-info{flex:1}.contratos-file-name{font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.contratos-file-size{font-size:var(--font-size-sm);color:var(--gray-600)}@media (max-width: 768px){.contratos-container{padding:var(--space-4) var(--space-3)}.contratos-actions{flex-direction:column}.contratos-title{font-size:var(--font-size-3xl)}.contratos-contract-content{padding:var(--space-4)}.contratos-upload-area{padding:var(--space-6)}}.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}}: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-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}