body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;overflow:hidden;width:100%}.login-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem 1.5rem 1.5rem;text-align:center}.login-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.login-header p{font-size:.875rem;opacity:.9}.login-form{padding:1.5rem}.form-control{background-color:#fafafa;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.form-control:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn{border-radius:8px;display:flex;font-size:1rem;font-weight:600;padding:.875rem 1rem;width:100%}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 20px #667eea33}.btn:disabled{transform:none}.btn.loading{color:#0000}.spinner{height:20px;width:20px}.spinner,.spinner-large{animation:spin 1s ease-in-out infinite}.spinner-large{border:3px solid #667eea4d;border-top-color:#667eea}.alert{border-radius:8px}.alert-warning{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.demo-info{background-color:#f8fafc;border-top:1px solid #e5e7eb;padding:1.5rem}.demo-info strong{color:#374151;font-size:.875rem}.demo-info ul{color:#6b7280;font-size:.8125rem;margin:.5rem 0 0 1rem}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;position:-webkit-sticky;position:sticky;top:0}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:.5rem}.hamburger{background:#374151;display:block;height:2px;position:relative;width:20px}.hamburger:after,.hamburger:before{background:#374151;content:"";height:2px;left:0;position:absolute;transition:all .2s ease;width:20px}.hamburger:before{top:-6px}.hamburger:after{bottom:-6px}.app-title{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0}.logo{font-size:1.75rem}.header-right{display:flex;gap:1rem}.header-right,.user-info{align-items:center}.role-badge{border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.role-badge.admin{background-color:#ef4444}.role-badge.manager{background-color:#8b5cf6}.role-badge.staff{background-color:#10b981}.user-name{color:#374151;font-size:.875rem;font-weight:600}.header-actions,.logout-btn,.notification-btn{align-items:center;display:flex;gap:.5rem}.logout-btn,.notification-btn{background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem;position:relative;transition:background-color .2s ease}.logout-btn:hover,.notification-btn:hover{background-color:#f3f4f6}.logout-btn{background-color:#ef4444;color:#fff}.logout-btn:hover{background-color:#dc2626}.notification-count{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:.25rem;top:.25rem;width:18px}.notifications-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;position:absolute;right:1rem;top:100%;width:300px;z-index:1001}.notifications-header{border-bottom:1px solid #e5e7eb;padding:1rem}.notifications-header h3{color:#374151;font-size:1rem;font-weight:600}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.75rem 1rem}.notification-item:last-child{border-bottom:none}.notification-title{color:#374151;font-size:.875rem;font-weight:500}.notification-time{color:#9ca3af;font-size:.75rem}.no-notifications{color:#9ca3af;font-size:.875rem;padding:2rem 1rem;text-align:center}.main-content{flex:1 1;padding:0}.dashboard{margin:0 auto;max-width:1200px;padding:1.5rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.dashboard-header p{color:#6b7280;font-size:1rem}.loading-spinner{height:200px}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-content h3{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-content p{color:#6b7280;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.stat-content small{color:#9ca3af;font-size:.75rem}.stat-card.users .stat-icon{background:linear-gradient(135deg,#fee2e2,#fecaca)}.stat-card.health .stat-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.stat-card.compliance .stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-card.tasks .stat-icon,.stat-card.team .stat-icon{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.stat-card.performance .stat-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.stat-card.reviews .stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-card.completed .stat-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.stat-card.pending .stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-card.rate .stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.admin-actions,.manager-actions{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:1.5rem}.admin-actions h2,.manager-actions h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.action-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;background:#f8fafc;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:1rem;text-align:left;transition:all .2s ease}.action-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.action-btn .icon{font-size:1.25rem}.tasks-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:1.5rem}.tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tasks-section h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.tasks-filter{align-items:center;display:flex;gap:.5rem}.task-count{border-radius:9999px;color:#6b7280;font-size:.875rem;padding:.25rem .75rem}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-card{align-items:flex-start;border:2px solid #e5e7eb;display:flex;justify-content:space-between;position:relative;transition:all .2s ease}.task-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.task-card.completed{background-color:#f0fdf4;border-color:#bbf7d0}.task-card.pending{background-color:#fefce8;border-color:#fde047}.task-card.overdue{background-color:#fef2f2;border-color:#fecaca;border-left:4px solid #ef4444}.task-content{flex:1 1;min-width:0}.task-header h4{flex:1 1;line-height:1.4}.task-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.priority-badge{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase;white-space:nowrap}.priority-badge.critical{background-color:#dc2626}.priority-badge.high{background-color:#ea580c}.priority-badge.medium{background-color:#ca8a04}.priority-badge.low{background-color:#16a34a}.overdue-badge{animation:pulse 2s infinite;background-color:#ef4444;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.task-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:.8125rem;gap:1rem;margin-top:.75rem}.category,.completed-time,.due-time{align-items:center;display:flex;gap:.25rem}.completed-time{color:#10b981;font-weight:500}.task-actions{align-items:center;margin-left:1rem}.complete-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:100px;padding:.5rem 1rem;transition:all .2s ease}.complete-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.complete-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.complete-btn.completing{background:#6b7280}.completed-badge{align-items:center;background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;color:#10b981;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.completed-icon{font-size:1rem}.completed-text{font-weight:600}.no-tasks{color:#9ca3af;padding:3rem 1rem}.no-tasks .icon{font-size:3rem;margin-bottom:1rem}.no-tasks h3{color:#6b7280;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.no-tasks p{color:#9ca3af;font-size:.875rem}@media (max-width:768px){.menu-toggle{display:block}.title-text{display:none}.app-title{font-size:1.25rem}.btn-text,.user-name{display:none}.header-content{padding:.75rem 1rem}.dashboard{padding:1rem}.dashboard-header h1{font-size:1.5rem}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.stat-icon{font-size:2rem;height:50px;width:50px}.stat-content h3{font-size:1.5rem}.action-grid{gap:.75rem;grid-template-columns:1fr}.action-btn{justify-content:center}.task-card{align-items:flex-start;flex-direction:column;gap:1rem}.task-header{flex-wrap:wrap}.task-meta{flex-direction:column;gap:.25rem}.task-actions{justify-content:flex-end;width:100%}.notifications-dropdown{max-width:300px;right:.5rem;width:calc(100vw - 1rem)}}@media (max-width:480px){.login-container{padding:.5rem}.login-card{border-radius:12px}.login-header{padding:1.5rem 1rem 1rem}.login-header h1{font-size:1.5rem}.login-form{padding:1rem}.dashboard{padding:.75rem}.dashboard-header{margin-bottom:1.5rem}.dashboard-header h1{font-size:1.25rem}.stats-grid{gap:.75rem;grid-template-columns:1fr}.stat-card{padding:.75rem}.admin-actions,.manager-actions,.tasks-section{padding:1rem}}@media (prefers-color-scheme:dark){body{background-color:#111827;color:#f9fafb}.app-header{background:#1f2937;border-bottom:1px solid #374151}.app-title,.logout-btn,.notification-btn,.user-name{color:#f9fafb}.notification-btn:hover{background-color:#374151}.admin-actions,.manager-actions,.stat-card,.tasks-section{background:#1f2937;border:1px solid #374151}.admin-actions h2,.manager-actions h2,.stat-content h3,.tasks-section h2{color:#f9fafb}.action-btn,.stat-content p,.task-header h4{color:#d1d5db}.action-btn{background:#374151}.action-btn:hover{background:#4b5563}.task-card{background:#1f2937;border-color:#374151}.task-card.completed{background:#064e3b;border-color:#047857}.task-card.pending{background:#451a03;border-color:#a16207}}.fade-in{animation:fadeIn .3s ease-in}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.action-btn:focus,.btn:focus,.complete-btn:focus,.form-control:focus,.logout-btn:focus,.notification-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.admin-actions,.manager-actions,.stat-card,.tasks-section{border:2px solid #000}.btn-primary,.priority-badge.critical,.priority-badge.high,.priority-badge.low,.priority-badge.medium{background:#000;color:#fff}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.spinner,.spinner-large{animation:none;border:2px solid}}@media print{.action-grid,.app-header,.header-actions,.task-actions{display:none}.dashboard{padding:0}.admin-actions,.manager-actions,.stat-card,.tasks-section{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.user-management-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.user-management-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.modal-header{background:#f9fafb;padding:1.5rem}.close-btn,.modal-header h2{font-size:1.5rem}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-content{flex:1 1;padding:1.5rem}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.users-header h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.btn{justify-content:center;padding:.5rem 1rem}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-small{font-size:.8125rem;padding:.375rem .75rem}.btn.loading{position:relative}.users-list{display:flex;flex-direction:column;gap:1rem}.user-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.user-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.user-card.inactive{background:#f9fafb;opacity:.8}.user-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.user-main h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.user-main p{color:#6b7280;font-size:.875rem;margin:0}.user-details{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.department,.phone{color:#6b7280;font-size:.8125rem}.user-status{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.status-badge{font-weight:600}.status-badge.active{color:#16a34a}.status-badge.inactive{background:#fee2e2;color:#dc2626}.last-login{color:#9ca3af;font-size:.75rem}.user-actions{display:flex;gap:.5rem}.user-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10001}.user-form-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.form-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.form-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.user-form{overflow-y:auto;padding:1.5rem}.form-row{margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600}.form-control{background:#fff;border:2px solid #e5e7eb;transition:border-color .2s ease}.form-control.error{background:#fef2f2;border-color:#ef4444}.form-control:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-error{color:#ef4444;font-size:.8125rem;margin-top:.25rem}@media (max-width:768px){.user-form-overlay,.user-management-overlay{padding:.5rem}.user-form-modal,.user-management-modal{max-height:95vh}.form-header,.modal-content,.modal-header,.user-form{padding:1rem}.user-card,.users-header{align-items:flex-start;flex-direction:column;gap:1rem}.user-actions{justify-content:flex-end;width:100%}.form-row{gap:.75rem;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;gap:.5rem}.btn{width:100%}}@media (prefers-color-scheme:dark){.user-form-modal,.user-management-modal{background:#1f2937;color:#f9fafb}.form-header,.modal-header{background:#111827;border-color:#374151}.form-header h3,.modal-header h2,.users-header h3{color:#f9fafb}.user-card{background:#111827;border-color:#374151}.user-card.inactive{background:#0f172a}.form-control{background:#111827;border-color:#374151;color:#f9fafb}.form-control:focus{border-color:#3b82f6}.form-control:disabled{background:#0f172a;color:#6b7280}}.system-config-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.system-config-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.config-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.tab-btn{background:none;border-bottom:3px solid #0000;font-size:.875rem;padding:1rem 2rem}.tab-btn:hover{background:#f3f4f6}.tab-btn.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.settings-tab{padding:1.5rem}.settings-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.settings-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.settings-actions{display:flex;gap:1rem}.settings-list{display:flex;flex-direction:column;gap:1.5rem}.setting-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.setting-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.setting-info{flex:1 1;margin-right:1rem}.setting-info h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.setting-info p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.setting-input{min-width:200px}.setting-input .form-control{border:2px solid #e5e7eb;border-radius:6px;font-size:.875rem;padding:.5rem .75rem;width:100%}.setting-input .form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;bottom:4px;height:26px;left:4px;transition:.4s;width:26px}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.info-tab{padding:1.5rem}.info-tab h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease}.info-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.info-header h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.status-indicator{font-size:1rem;font-weight:700}.status-indicator.healthy{color:#10b981}.status-indicator.unhealthy{color:#ef4444}.info-details{display:flex;flex-direction:column;gap:.5rem}.info-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.info-row span:first-child{color:#6b7280;font-weight:500}.info-row span:last-child{color:#1f2937;font-weight:600}@media (max-width:768px){.system-config-overlay{padding:.5rem}.system-config-modal{max-height:95vh}.info-tab,.modal-header,.settings-tab{padding:1rem}.settings-header{align-items:flex-start;flex-direction:column;gap:1rem}.settings-actions{justify-content:stretch;width:100%}.settings-actions .btn{flex:1 1}.setting-item{align-items:flex-start;flex-direction:column;gap:1rem}.setting-info{margin-right:0}.setting-input{min-width:auto;width:100%}.info-grid{gap:1rem;grid-template-columns:1fr}.config-tabs{flex-wrap:wrap}.tab-btn{flex:1 1;min-width:120px}}@media (prefers-color-scheme:dark){.system-config-modal{background:#1f2937;color:#f9fafb}.config-tabs{background:#111827;border-color:#374151}.tab-btn{color:#9ca3af}.tab-btn:hover{background:#374151;color:#f3f4f6}.tab-btn.active{background:#1f2937;color:#3b82f6}.info-tab h3,.settings-header h3{color:#f9fafb}.info-card,.setting-item{background:#111827;border-color:#374151}.info-header h4,.setting-info h4{color:#f9fafb}.setting-input .form-control{background:#111827;border-color:#374151;color:#f9fafb}.setting-input .form-control:focus{border-color:#3b82f6}}.info-tab,.settings-tab{animation:fadeIn .3s ease-in}.reports-modal{max-height:90vh;max-width:1000px;width:95vw}.reports-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.tab-btn{align-items:center;background:#f8f9fa;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.tab-btn:hover{background:#e5e7eb;color:#374151}.tab-btn.active{background:#3b82f6;color:#fff}.analytics-content{max-height:60vh;overflow-y:auto}.analytics-summary{margin-bottom:2rem}.analytics-summary h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.summary-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.summary-icon{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.summary-content{flex:1 1}.summary-content h4{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.summary-content p{color:#6b7280;font-weight:600;margin:0 0 .25rem}.summary-content small{color:#9ca3af;font-size:.875rem}.analytics-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-section{background:#f8f9fa;border-radius:12px;padding:1.5rem}.analytics-section h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.trend-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 0}.trend-item:last-child{border-bottom:none}.trend-value{color:#3b82f6;font-weight:600}.reports-list-content{max-height:60vh;overflow-y:auto}.reports-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.reports-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.reports-count{background:#e5e7eb;border-radius:20px;color:#6b7280;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.empty-state{color:#9ca3af;padding:3rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state p{font-size:1.125rem;margin-bottom:2rem}.reports-list{display:flex;flex-direction:column;gap:1rem}.report-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;justify-content:between;padding:1.5rem;transition:all .2s ease}.report-item:hover{border-color:#3b82f6;transform:translateX(4px)}.report-info{flex:1 1}.report-info h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.report-meta{color:#6b7280;display:flex;font-size:.875rem;gap:1rem}.report-type{background:#e0f2fe;border-radius:4px;color:#0277bd;padding:.25rem .5rem;text-transform:capitalize}.report-actions{display:flex;gap:.5rem}.generate-content{max-height:60vh;overflow-y:auto}.generate-content h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 2rem}.report-types-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.report-type-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:2rem;text-align:center;transition:all .2s ease}.report-type-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626;transform:translateY(-4px)}.report-type-icon{font-size:3rem;margin-bottom:1rem}.report-type-card h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.report-type-card p{color:#6b7280;line-height:1.5;margin-bottom:2rem}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:2rem}.spinner-large{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.error-message button{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.error-message button:hover{background:#b91c1c}.schedule-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;height:90vh;max-height:900px;max-width:1400px;overflow:hidden;width:95vw}.modal-overlay{z-index:10000}.modal-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.modal-tabs .tab{background:none;border:none;color:#6b7280;cursor:pointer;flex:1 1;font-size:1rem;padding:1rem;transition:all .2s}.modal-tabs .tab.active{background:#fff;border-bottom:2px solid #3b82f6;color:#1f2937;font-weight:600}.modal-tabs .tab:hover{background:#f3f4f6;color:#374151}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.schedule-calendar{height:100%}.calendar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.calendar-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.calendar-header button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:background-color .2s}.calendar-header button:hover{background:#2563eb}.create-shift-btn{background:#10b981!important}.create-shift-btn:hover{background:#059669!important}.calendar-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(7,1fr);height:calc(100% - 80px)}.calendar-day{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.day-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:.75rem}.day-header h4{color:#1f2937;font-size:.875rem;font-weight:600;margin:0}.shift-count{color:#6b7280;font-size:.75rem;margin-top:.25rem}.day-shifts{flex:1 1;overflow-y:auto;padding:.5rem}.shift-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;transition:transform .2s}.shift-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.shift-card.status-scheduled{border-left:4px solid #f59e0b}.shift-card.status-confirmed{border-left:4px solid #10b981}.shift-card.status-completed{border-left:4px solid #6b7280;opacity:.8}.shift-card.status-cancelled{border-left:4px solid #ef4444;opacity:.6}.shift-info{flex:1 1}.staff-name{color:#1f2937;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.shift-time{color:#6b7280;font-size:.75rem;margin-bottom:.25rem}.shift-department{color:#3b82f6;font-size:.75rem;font-weight:500}.shift-position{color:#8b5cf6;font-size:.75rem;font-style:italic}.shift-actions{display:flex;gap:.25rem}.cancel-btn,.confirm-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;width:24px}.confirm-btn{background:#10b981;color:#fff}.confirm-btn:hover{background:#059669}.cancel-btn{background:#ef4444;color:#fff}.cancel-btn:hover{background:#dc2626}.time-off-section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.time-off-list{grid-gap:1rem;display:grid;gap:1rem}.time-off-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem}.time-off-card.status-pending{border-left:4px solid #f59e0b}.time-off-card.status-approved{border-left:4px solid #10b981}.time-off-card.status-denied{border-left:4px solid #ef4444}.request-info{flex:1 1}.request-info .staff-name{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:.5rem}.request-type{background:#3b82f6;border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:.5rem;padding:.25rem .75rem}.request-dates{color:#6b7280}.request-dates,.request-reason{font-size:.875rem;margin-bottom:.5rem}.request-reason{color:#374151}.request-status{color:#6b7280;font-size:.75rem;text-transform:capitalize}.request-actions{display:flex;gap:.75rem}.approve-btn,.deny-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.approve-btn{background:#10b981;color:#fff}.approve-btn:hover{background:#059669}.deny-btn{background:#ef4444;color:#fff}.deny-btn:hover{background:#dc2626}.review-info{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;margin-top:1rem;padding-top:1rem}.review-info div{margin-bottom:.25rem}.templates-section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.templates-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:transform .2s}.template-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.template-name{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:.75rem}.template-time{color:#3b82f6;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.template-break,.template-department,.template-staff{color:#6b7280;font-size:.75rem;margin-bottom:.25rem}.create-shift-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;overflow:hidden;width:90vw}.shift-form{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640;outline:none}.form-actions{border-top:1px solid #e5e7eb;gap:.75rem;justify-content:flex-end;padding-top:1.5rem}.form-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.form-actions button[type=button]{background:#f3f4f6;color:#374151}.form-actions button[type=button]:hover{background:#e5e7eb}.form-actions button[type=submit]{background:#3b82f6;color:#fff}.form-actions button[type=submit]:hover{background:#2563eb}.form-actions button[type=submit]:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:768px){.schedule-modal{border-radius:0;height:100vh;width:100vw}.calendar-grid{gap:.5rem;grid-template-columns:1fr}.calendar-header{flex-direction:column;gap:.75rem}.calendar-header button{font-size:.75rem;padding:.5rem .75rem}.shift-card{flex-direction:column;gap:.5rem}.shift-actions{align-self:flex-start}.time-off-card{flex-direction:column;gap:1rem}.request-actions{align-self:flex-start}.templates-list{grid-template-columns:1fr}.create-shift-modal{border-radius:0;height:100vh;width:100vw}.form-row{grid-template-columns:1fr}.modal-tabs .tab{font-size:.875rem;padding:.75rem .5rem}}.loading{align-items:center;color:#6b7280;display:flex;font-size:1rem;justify-content:center;padding:3rem}.superadmin-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.superadmin-dashboard .dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;color:#fff}.superadmin-dashboard .stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;color:#1f2937}.superadmin-dashboard .stat-card.tenants{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.superadmin-dashboard .admin-actions h2{color:#fff;margin-bottom:1.5rem}.superadmin-dashboard .action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;color:#1f2937;transition:all .3s ease}.superadmin-dashboard .action-btn:hover{background:#fff;box-shadow:0 10px 25px #0003;transform:translateY(-2px)}.superadmin-dashboard .tenants-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.superadmin-dashboard .platform-users-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.superadmin-dashboard .analytics-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.tenant-management{background:#f8fafc;min-height:100vh;padding:2rem}.tenant-management-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.tenant-management-header h2{color:#1f2937;font-size:1.75rem;font-weight:700}.tenants-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.tenant-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;padding:1.5rem;transition:all .3s ease}.tenant-card:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.tenant-card.active{background:#f0fdf4;border-color:#10b981}.tenant-card.inactive{background:#fffbeb;border-color:#f59e0b}.tenant-card.suspended{background:#fef2f2;border-color:#ef4444}.tenant-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tenant-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.status-badge{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fef3c7;color:#92400e}.status-badge.suspended{background:#fee2e2;color:#991b1b}.tenant-details{color:#6b7280;font-size:.875rem;line-height:1.5}.tenant-details p{margin:.25rem 0}.tenant-actions{display:flex;gap:.5rem;margin-top:1rem}.superadmin-container{background:#f8fafc;min-height:100vh}.superadmin-nav{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;padding:1rem 2rem}.nav-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.nav-btn:hover{background:#2563eb}.region-banner{background:linear-gradient(90deg,#1f2937,#374151);box-shadow:0 2px 4px #0000001a;color:#fff;font-size:14px;font-weight:600;height:40px;left:0;padding:8px 16px;position:fixed;right:0;text-align:center;top:0;width:100%;z-index:1001}.region-banner .region-flag{margin-right:8px}.region-banner .region-text{letter-spacing:.5px;text-transform:uppercase}.region-banner .region-details{font-size:12px;margin-left:8px;opacity:.8}.app{padding-top:140px}.app-header{height:auto;left:0;min-height:70px;position:fixed;right:0;top:40px;width:100%;z-index:1000}@media (max-width:768px){.region-banner{font-size:12px;height:32px;padding:6px 12px}.app{padding-top:120px}.app-header{min-height:60px;top:32px}}.tasks-by-category{display:flex;flex-direction:column;gap:24px}.category-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.category-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-left:4px solid #3b82f6;gap:12px;padding:20px 24px}.category-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.category-title{color:#111827;flex:1 1;font-size:18px;font-weight:600;margin:0}.category-stats{gap:12px}.task-count{background:#e5e7eb}.pending-count,.task-count{font-size:12px;padding:4px 8px}.pending-count{background:#fef3c7;border-radius:12px;color:#92400e;font-weight:500}.category-tasks{padding:0}.category-tasks .task-card{border:none;border-bottom:1px solid #e5e7eb;border-radius:0;margin:0}.category-tasks .task-card:last-child{border-bottom:none}.category-tasks .task-card:hover{background:#f9fafb}@media (max-width:768px){.category-header{flex-wrap:wrap;gap:8px;padding:16px}.category-icon{font-size:20px;height:32px;width:32px}.category-title{font-size:16px;order:3;width:100%}.category-stats{gap:8px;margin-left:auto}.pending-count,.task-count{font-size:11px;padding:3px 6px}}.no-tasks{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 20px;text-align:center}.no-tasks .icon{display:block;font-size:48px;margin-bottom:16px}.no-tasks h3{color:#374151;font-size:18px;margin:0 0 8px}.no-tasks p{color:#6b7280;font-size:14px;margin:0}@media (prefers-color-scheme:dark){.form-group input,.form-group select,.form-group textarea{background:#111827;border-color:#374151;color:#f9fafb}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#111827;border-color:#3b82f6;color:#f9fafb}.form-group label{color:#f9fafb}.login-container .form-group input{background:#111827!important;border-color:#374151;color:#f9fafb!important}.login-container .form-group input::placeholder{color:#9ca3af!important}.login-container .form-group input:focus{background:#111827!important;color:#f9fafb!important}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:focus{-webkit-text-fill-color:#f9fafb!important;-webkit-box-shadow:inset 0 0 0 1000px #111827!important}}.team-management{margin:0 auto;max-width:1200px;padding:1.5rem}.task-assignment-modal{max-height:85vh;overflow-y:auto;width:90%}.task-assignment-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.task-assignment-modal .modal-header h2{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;gap:.5rem;margin:0}.task-assignment-modal .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;transition:all .2s;width:32px}.task-assignment-modal .close-btn:hover{background:#f3f4f6;color:#374151}.form-section{border-bottom:1px solid #f3f4f6;padding:1.5rem}.form-section:last-of-type{border-bottom:none}.form-section h3{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.form-group{margin-bottom:1.25rem}.form-label{align-items:center;display:flex;gap:.25rem;margin-bottom:.5rem}.label-text{color:#374151;font-size:.875rem;font-weight:500}.required{color:#ef4444;font-weight:600}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.625rem .875rem;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{font-family:inherit;min-height:100px;resize:vertical}.form-row.three-col{grid-template-columns:2fr 1fr 1fr}@media (max-width:640px){.form-row,.form-row.three-col{grid-template-columns:1fr}}.priority-selector{display:flex;gap:.5rem}.priority-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:500;gap:.25rem;justify-content:center;padding:.5rem;transition:all .2s}.priority-btn:hover{background:#f9fafb}.priority-btn.active{background:#f3f4f6;border-color:#9ca3af}.priority-btn.low.active{background:#dcfce7;border-color:#22c55e;color:#166534}.priority-btn.medium.active{background:#fef3c7;border-color:#f59e0b;color:#92400e}.priority-btn.high.active{background:#fed7aa;border-color:#fb923c;color:#9a3412}.priority-btn.critical.active{background:#fee2e2;border-color:#ef4444;color:#991b1b}.toggle-container{align-items:center;cursor:pointer;display:flex!important;gap:1rem;margin-bottom:.5rem}.form-group .toggle-container{align-items:center;display:flex!important;margin-bottom:0}.toggle-input{display:none}.toggle-slider{background:#cbd5e1;border-radius:24px;height:24px;position:relative;transition:all .3s;width:48px}.toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s;width:20px}.toggle-input:checked+.toggle-slider{background:#3b82f6}.toggle-input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-label{color:#374151;font-size:.875rem;font-weight:500}.recurrence-options{display:flex;gap:.5rem}.recurrence-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem;transition:all .2s}.recurrence-btn:hover{background:#f9fafb;border-color:#9ca3af}.recurrence-btn.active{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.alert{animation:slideDown .3s ease;font-size:.875rem;margin:0 1.5rem 1rem;padding:.75rem 1rem}.alert-error{background:#fee2e2}.alert-success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.alert-icon{font-size:1rem}.task-assignment-modal .modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.btn{align-items:center;display:inline-flex;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 6px #3b82f633;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn:disabled{opacity:.5}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.step-indicator{display:flex;justify-content:center;margin:1rem 0 2rem;padding:0 2rem}.step{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:120px;position:relative}.step:not(:last-child):after{background:#e5e7eb;content:"";height:2px;position:absolute;right:-50%;top:15px;width:100%;z-index:1}.step.completed:not(:last-child):after{background:#10b981}.step-number{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:.875rem;font-weight:600;height:30px;justify-content:center;margin-bottom:.5rem;position:relative;width:30px;z-index:2}.step.active .step-number{background:#3b82f6;color:#fff}.step.completed .step-number{background:#10b981;color:#fff}.step-label{color:#6b7280;font-size:.75rem;font-weight:500}.step.active .step-label{color:#3b82f6}.step.completed .step-label{color:#10b981}.categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.category-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:1.5rem;transition:all .2s}.category-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px #3b82f61a;transform:translateY(-1px)}.category-header{align-items:center;border-left:4px solid;display:flex;gap:.75rem;margin-bottom:.75rem;padding-left:1rem}.category-icon{font-size:1.5rem}.category-header h4{color:#1f2937;font-size:1rem;font-weight:600;line-height:1.3;margin:0}.category-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0 0 1rem}.category-stats{align-items:center;display:flex;justify-content:space-between}.task-count{background:#f3f4f6;border-radius:12px;color:#374151;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.tasks-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:1rem 0}.task-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s}.task-card:hover{box-shadow:0 2px 4px #0000001a}.task-card.selected{background:#f8fafc;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.task-header{align-items:center;gap:.75rem;margin-bottom:.75rem;width:100%}.task-checkbox{cursor:pointer;margin-top:.125rem}.task-checkbox input{display:none}.task-checkbox .checkmark{border:2px solid #d1d5db;border-radius:4px;display:block;height:18px;position:relative;transition:all .2s;width:18px}.task-checkbox input:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.task-checkbox input:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:2px;position:absolute;top:-2px}.task-info h4{color:#1f2937;font-size:.9rem;font-weight:600;margin:0 0 .25rem}.task-description{font-size:.8rem;line-height:1.4;margin:0 0 .75rem}.checklist-preview{border-radius:4px;margin-top:.75rem}.checklist-preview h5{color:#374151;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin:0 0 .5rem;text-transform:uppercase}.checklist-preview ul{list-style:none;margin:0;padding:0}.checklist-preview li{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem;margin-bottom:.25rem}.checklist-icon,.more-items{color:#9ca3af}.more-items{font-style:italic}.step-navigation{border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem}.selected-tasks-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.selected-tasks-summary h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.tasks-summary{display:flex;flex-wrap:wrap;gap:.5rem}.task-summary-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;font-size:.8rem;gap:.5rem;padding:.375rem .75rem}.task-title{color:#374151;font-weight:500}.form-actions{border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem}.step-description{color:#6b7280;font-size:.9rem;margin-bottom:1.5rem;text-align:center}@media (max-width:768px){.categories-grid,.tasks-grid{grid-template-columns:1fr}.form-actions,.step-navigation{flex-direction:column-reverse;gap:.75rem}.step{max-width:80px}.step-label{font-size:.7rem}}.team-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.team-management-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.team-tabs{border-bottom:2px solid #e5e7eb;display:flex;margin-bottom:2rem}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-weight:500;padding:1rem 1.5rem;transition:all .2s ease}.tab:hover{background-color:#f9fafb;color:#374151}.tab.active{background-color:#f0f9ff;border-bottom-color:#3b82f6;color:#3b82f6}.team-overview{padding:1rem 0}.overview-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.overview-stats .stat-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;text-align:center}.overview-stats .stat-card h3{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.overview-stats .stat-card p{color:#6b7280;font-weight:500}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.task-assignment-modal{max-width:700px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.modal-header h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;width:32px}.modal-close:hover{background-color:#f3f4f6}.task-form{padding:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-row.triple{grid-template-columns:1fr 1fr 1fr}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-control{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}textarea.form-control{min-height:80px;resize:vertical}.checkbox-group,.checkbox-label{align-items:center;display:flex}.checkbox-label{color:#374151;cursor:pointer;font-size:.875rem}.checkbox-label input[type=checkbox]{margin-right:.75rem;transform:scale(1.1)}.checkmark{margin-left:.5rem}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn:disabled{cursor:not-allowed;opacity:.6}.team-performance{padding:1rem 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.performance-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.performance-card{background:#fff;border-left:4px solid #d1d5db;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:transform .2s ease}.performance-card:hover{transform:translateY(-2px)}.performance-card.excellent{border-left-color:#10b981}.performance-card.good{border-left-color:#f59e0b}.performance-card.needs-improvement{border-left-color:#ef4444}.staff-info h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.department{color:#6b7280;font-size:.875rem;margin:0}.last-active{color:#9ca3af;font-size:.75rem}.performance-metrics{display:flex;justify-content:space-between;margin:1.5rem 0 1rem}.metric{text-align:center}.metric-value{color:#1f2937;display:block;font-size:1.5rem;font-weight:700}.metric-label{color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.performance-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.performance-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;height:100%;transition:width .3s ease}.performance-card.good .performance-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.performance-card.needs-improvement .performance-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.task-review{padding:1rem 0}.filter-controls{align-items:center;display:flex;gap:1rem}.filter-select{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.5rem .75rem}.tasks-review-list{display:flex;flex-direction:column;gap:1rem}.review-task-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.review-task-card.completed{background:#f0fdf4;border-color:#bbf7d0}.review-task-card.overdue{background:#fef2f2;border-color:#fecaca}.task-info{flex:1 1}.task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.task-header h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.task-description{color:#6b7280;font-size:.875rem;margin:.5rem 0}.task-details{color:#6b7280;display:flex;font-size:.8125rem;gap:1rem;margin-top:.75rem}.task-details span{align-items:center;display:flex}.task-details span:first-child{color:#374151;font-size:16px;font-weight:700}.task-actions{display:flex;flex-direction:column;gap:.5rem}.btn-sm{font-size:.8125rem;padding:.5rem 1rem}.btn-info{background:#3b82f6;color:#fff}.btn-info:hover{background:#2563eb}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.completion-info{background:#f9fafb;border-radius:6px;margin-top:.5rem;max-width:300px;padding:1rem}.completion-info p{font-size:.875rem;margin:0 0 .5rem}.completion-info small{color:#6b7280;font-size:.75rem}.alert{align-items:center;border-radius:6px;display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-icon{font-size:1.125rem}@media (max-width:768px){.team-management{padding:1rem}.team-management-header{align-items:flex-start;flex-direction:column;gap:1rem}.form-row{gap:0}.form-row,.form-row.triple,.performance-grid{grid-template-columns:1fr}.performance-metrics{justify-content:space-around}.review-task-card{align-items:stretch;flex-direction:column}.task-details{flex-direction:column;gap:.25rem}.modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.team-tabs{overflow-x:auto;white-space:nowrap}.tab{flex-shrink:0}}.task-card.expandable{position:relative}.expand-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.2rem;margin-left:auto;padding:.25rem .5rem;transition:all .2s}.expand-btn:hover{color:#3b82f6;transform:scale(1.1)}.checklist-preview{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:6px;margin-top:1rem;padding:.75rem}.checklist-count{color:#6b7280;font-size:.875rem;font-weight:500}.checklist-items-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;padding:1rem}.checklist-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.checklist-header h5{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.checklist-actions{display:flex;gap:.75rem}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:500;padding:0;text-decoration:underline;transition:color .2s}.btn-link:hover{color:#2563eb}.checklist-items{display:flex;flex-direction:column;gap:.5rem}.checklist-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.checklist-item:hover{background:#f3f4f6;border-color:#3b82f6}.checklist-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:1rem;margin-top:.125rem;width:1rem}.checklist-item-text{color:#374151;flex:1 1;font-size:.9rem;line-height:1.5}.checklist-info{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:.875rem;padding:.25rem .75rem}.checklist-items-section{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.24ad637c.css.map*/