.sidebar{background-color:#f0eded;bottom:0;display:flex;flex-direction:column;height:full-screen;left:0;padding:1rem;position:fixed;top:0;width:260px;z-index:100}.sidebar-header{margin-bottom:2rem;padding:0 .5rem}.app-logo,.sidebar-header{align-items:center;display:flex}.app-logo{background-color:#3b82f6;border-radius:.25rem;color:#fff;height:2rem;justify-content:center;margin-right:.5rem;width:2rem}.app-logo,.app-name{font-size:1.25rem;font-weight:700}.app-name{margin:0}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.nav-item{align-items:center;border-radius:.375rem;color:#4b5563;display:flex;font-size:.875rem;font-weight:500;padding:.75rem;text-decoration:none}.nav-item:hover{background-color:#f3f4f6;color:#1f2937}.nav-item.active{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);color:#fff}.nav-icon{font-size:1rem;margin-right:.75rem}.sidebar-footer{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:1rem}.user-info{padding:.5rem .75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background-color:#e5e7eb;border-radius:9999px;height:2rem;justify-content:center;margin-right:.75rem;overflow:hidden;width:2rem}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-details{overflow:hidden}.user-name{font-size:.875rem;font-weight:500}.user-email,.user-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#6b7280;font-size:.75rem}.logout-btn{background-color:#ef4444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.99rem;font-weight:600;margin-top:.75rem;padding:.4rem 0;transition:background .2s;width:100%}.logout-btn:hover{background-color:#dc2626}body.dark-mode .sidebar{background-color:#18181b;color:#f3f4f6}body.dark-mode .app-logo{background-color:#2563eb;color:#f3f4f6}body.dark-mode .app-name{color:#f3f4f6}body.dark-mode .nav-item{color:#d1d5db}body.dark-mode .nav-item:hover{background-color:#27272a;color:#fff}body.dark-mode .sidebar-footer{border-top:1px solid #27272a}body.dark-mode .user-avatar{background-color:#27272a}body.dark-mode .user-name{color:#f3f4f6}body.dark-mode .user-email{color:#a1a1aa}body.dark-mode .logout-btn{background-color:#dc2626;color:#fff}body.dark-mode .logout-btn:hover{background-color:#b91c1c}body.dark-mode .theme-toggle-btn{background:#27272a;border:none;border-radius:.375rem;color:#111215;cursor:pointer;font-size:.99rem;font-weight:600;margin-top:.75rem;padding:.4rem 0;transition:background .2s;width:100%}body.dark-mode .theme-toggle-btn:hover{background:#ececef}.theme-toggle-btn{background:#35383d;border:none;border-radius:.375rem;color:#eaeaf1;cursor:pointer;font-size:.99rem;font-weight:600;margin-top:.75rem;padding:.4rem 0;transition:background .2s;width:100%}.theme-toggle-btn:hover{background:#494b4f}.app-shell{background-color:#f9fafb;display:flex;min-height:100vh}.sidebar-toggle{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;left:1rem;position:fixed;top:1rem;width:2.5rem;z-index:50}@media (min-width:768px){.sidebar-toggle{display:none}}.sidebar-close-btn{background:none;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;font-size:2rem;font-size:1.25rem;height:2.3rem;left:13rem;position:fixed;top:1rem;transition:.3s;width:2.3rem;z-index:1001}@media (min-width:768px){.sidebar-close-btn{display:none}}.sidebar-container{background-color:#fff;bottom:0;box-shadow:1px 0 3px #0000001a;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:16rem;z-index:40}.sidebar-open{transform:translateX(0)}@media (min-width:768px){.sidebar-container{position:relative;transform:none}}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:0}.main-content-full{transition:width .3s,margin .3s}.main-content-full,.sidebar-closed .main-content{margin-left:0!important;width:100vw}@media (min-width:768px){.main-content{margin-left:0}}.header{background-color:#f0ebeb;border-bottom:1px solid #e5e7eb;height:4rem;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:30}.header,.header-actions{align-items:center;display:flex}.header-actions{gap:1rem}.notif-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.5rem;outline:none;padding:.25rem .5rem;position:relative}.notif-badge{background:#ef4444;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:700;line-height:1.2;min-width:1.2em;padding:0 .4em;position:absolute;right:.1rem;text-align:center;top:.1rem}.notif-popup{animation:fadeIn .2s;background:linear-gradient(135deg,#f8fafc 60%,#e0e7ff);border:1px solid #c7d2fe;border-radius:1rem;box-shadow:0 8px 32px #3c48b42e,0 1.5px 8px #00000014;font-family:Segoe UI,Roboto,Arial,sans-serif;padding:1.2rem 1.2rem 1.5rem;position:absolute;right:2.5rem;top:3.5rem;width:22rem;z-index:100}.notif-popup h4{color:#3730a3;font-size:1.1rem;font-weight:700;letter-spacing:.02em;margin:0 0 .7rem}.notif-popup ul{list-style:none;margin:0;max-height:12rem;overflow-y:auto;padding:0}.notif-popup li{align-items:flex-start;background:#0000;border-bottom:1px solid #e0e7ff;border-radius:.5em;display:flex;font-size:1rem;gap:.7em;padding:.7em .5em;transition:background .18s}.notif-popup li:last-child{border-bottom:none}.notif-popup li:hover{background:#eef2ff;cursor:pointer}.notif-icon{color:#6366f1;font-size:1.2em;margin-top:.1em}.notif-close{background:linear-gradient(90deg,#6366f1 60%,#818cf8);border:none;border-radius:.5rem;box-shadow:0 2px 8px #6366f114;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.5rem 1.2rem;transition:background .18s,box-shadow .18s}.notif-close:hover{background:linear-gradient(90deg,#818cf8 60%,#6366f1);box-shadow:0 4px 16px #6366f121}.notif-delete-btn{background:none;border:none;border-radius:.3em;color:#ef4444;cursor:pointer;font-size:1.1rem;opacity:.7;padding:0 .3em;position:absolute;right:8px;transition:background .15s,color .15s,opacity .15s;z-index:2}.notif-delete-btn:hover{background:#fee2e2;color:#b91c1c;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.app-title{font-size:1.25rem;font-weight:600;margin:2.5rem}.user-dropdown{position:relative}.user-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem}.content{flex:1 1;overflow:auto;padding:1.5rem}body.dark-mode{background-color:#1a202c}body.dark-mode .sidebar-container{background-color:#2d3748;color:#e2e8f0}body.dark-mode .header{background-color:#2d3748;border-bottom-color:#4a5568}body.dark-mode .notif-popup{background:linear-gradient(135deg,#2d3748 60%,#1a202c);border-color:#4a5568}body.dark-mode .notif-close{background:linear-gradient(90deg,#4a5568 60%,#2d3748)}body.dark-mode .notif-delete-btn{color:#e53e3e}body.dark-mode .notif-delete-btn:hover{background:#742a2a;color:#feb2b2}body.dark-mode .app-shell{background:linear-gradient(135deg,#18181b,#23272f);color:#f7fafc}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;transition:background-color .3s,color .3s}.card-header{border-bottom:1px solid #e5e7eb;padding:1rem}.card-title{font-size:1.125rem;font-weight:600;margin:0}.card-content{padding:1rem;width:100%}.card-footer{border-top:1px solid #e5e7eb;padding:1rem}body.dark-mode .card{background-color:#1f2937;border-color:#374151;box-shadow:0 1px 3px #ffffff0d;color:#e5e7eb}body.dark-mode .card-header{border-bottom:1px solid #374151}body.dark-mode .card-footer{border-top:1px solid #374151}body.dark-mode .card-title{color:#f9fafb}.button{align-items:center;border-radius:.375rem;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;transition:all .2s}.button:disabled{cursor:not-allowed;opacity:.5}.button-primary{background-color:#3b82f6;border:none;color:#fff}.button-primary:hover:not(:disabled){background-color:#2563eb}.button-secondary{background-color:#6b7280;border:none;color:#fff}.button-secondary:hover:not(:disabled){background-color:#4b5563}.button-outline{background-color:initial;border:1px solid #d1d5db;color:#374151}.button-outline:hover:not(:disabled){background-color:#f3f4f6}.button-danger{background-color:#ef4444;border:none;color:#fff}.button-danger:hover:not(:disabled){background-color:#dc2626}.button-sm{font-size:.875rem;padding:.25rem .5rem}.button-md{font-size:1rem;padding:.5rem 1rem}.button-lg{font-size:1.125rem;padding:.75rem 1.5rem}.modal-overlay{background-color:#00000080;padding:1rem;z-index:50}.task-form-modal{max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.task-form-content{gap:1rem}.form-group,.task-form-content{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.task-form-content label{font-size:.875rem;font-weight:500}.task-form-content input,.task-form-content select,.task-form-content textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem}.task-form-content input:focus,.task-form-content select:focus,.task-form-content textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.input-error{border-color:#ef4444!important}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}.category-input{display:flex;flex-direction:column;gap:.5rem}.category-select{width:100%}.new-category{display:flex;gap:.5rem}.new-category input{flex:1 1}.task-form-footer{display:flex;gap:.5rem;justify-content:flex-end}.react-select__control{border-color:#ccc;min-height:36px}.react-select__multi-value{background-color:#e0e0e0}.task-details-modal{max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.close-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.25rem;position:absolute;right:1rem;top:1rem}.task-details-content{display:flex;flex-direction:column;gap:1.5rem}.priority-High{background-color:#fee2e2;color:#b91c1c}.priority-Uedium{background-color:#fef3c7;color:#92400e}.priority-Low{background-color:#e0f2fe;color:#0369a1}.priority-Urgent{background-color:#b91c1c;color:#fff}.status-in-progress{background-color:#dbeafe}.status-todo{background-color:#f3f4f6}.task-due-date{font-size:1rem}.task-created-date{align-items:center;color:#6b7280;display:flex;font-size:1rem;gap:.5rem}.due-date-icon{font-size:1rem}.task-people{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.task-person{display:flex;flex-direction:column;gap:.5rem}.person-label{font-size:.875rem;font-weight:500;margin:0}.person-info{gap:.5rem}.person-avatar,.person-info{align-items:center;display:flex}.person-avatar{background-color:#e5e7eb;border-radius:9999px;font-size:.75rem;height:1.5rem;justify-content:center;overflow:hidden;width:1.5rem}.person-avatar img{height:100%;object-fit:cover;width:100%}.task-description-section{display:flex;flex-direction:column;gap:.5rem}.section-label,.task-description-text{font-size:.875rem;margin:0}.task-description-text{white-space:pre-wrap}.task-section{display:flex;flex-direction:column;gap:1rem}.section-header{align-items:center;display:flex;justify-content:space-between}.subtask-count{color:#6b7280;font-size:.75rem}.comments-list,.subtasks-list{display:flex;flex-direction:column;gap:.5rem}.subtask-item{align-items:center;background-color:#f9fafb;border-radius:.375rem;display:flex;justify-content:space-between;padding:.5rem}.subtask-checkbox{align-items:center;display:flex;gap:.5rem}.subtask-checkbox label{font-size:.875rem}.subtask-checkbox label.completed{color:#6b7280;text-decoration:line-through}.add-comment,.add-subtask{display:flex;gap:.5rem}.add-comment input,.add-subtask input{border:1px solid #d1d5db;border-radius:.375rem;flex:1 1;font-size:.875rem;padding:.5rem}.comment-item{background-color:#f9fafb;border-radius:.375rem;padding:.75rem}.comment-header{justify-content:space-between;margin-bottom:.5rem}.comment-header,.comment-user{align-items:center;display:flex}.comment-user{gap:.5rem}.comment-username{font-size:.75rem;font-weight:500}.comment-time{color:#6b7280;font-size:.75rem;margin-left:.5rem}.comment-content{font-size:.875rem;margin:0}.empty-message{color:#6b7280;font-size:.875rem;font-style:italic}body.dark-mode .task-details-modal{background:linear-gradient(135deg,#23272f 60%,#18181b);color:#f7fafc}body.dark-mode .comment-item,body.dark-mode .subtask-item{background-color:#23272f;color:#f7fafc}body.dark-mode .add-comment input,body.dark-mode .add-subtask input{background-color:#18181b;border:1px solid #4a5568;color:#f7fafc}body.dark-mode .close-button{color:#a0aec0}.comment-item.my-comment{align-self:flex-end;background:#dcf8c6}.comment-item.other-comment{align-self:flex-start;background:#f1f0f0}.task-card{background:#f9fafb;border-radius:.375rem;box-shadow:0 1px 2px #0000001a;padding:1rem}.task-card-header{align-items:center;margin-bottom:1rem}.task-section-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.section-label{color:#6b7280;font-size:18px;font-weight:500;margin-bottom:.25rem}.section-text{color:#1f2937;font-size:16px;line-height:1.5}.assigned-users{margin-top:1.5rem}.assigned-list{color:#1f2937;list-style-type:disc;margin-top:.5rem;padding-left:1.5rem}.assigned-list li{font-size:15px;margin-bottom:4px}.assigned-email{color:#6b7280;font-size:13px}.project-info{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:6px;margin-top:1rem;padding:1rem}.project-label{color:#6b7280;font-size:14px;margin-bottom:4px}.project-name{color:#1f2937;font-size:16px;font-weight:600;margin:4px 0}.project-description{color:#374151;font-size:15px}.project-dates{background-color:#f3f4f6;border-radius:6px;margin-top:1rem;padding:1rem}.date-item{color:#1f2937;font-size:15px;margin-bottom:6px}.date-label{color:#2563eb;font-weight:600}body.dark-mode{.project-info{background-color:#1f2937;border-left-color:#60a5fa}.project-label{color:#d1d5db}.project-name{color:#f9fafb}.project-description{color:#d1d5db}.project-dates{background-color:#374151}.date-item{color:#f3f4f6}.date-label{color:#93c5fd}.section-text{color:#6b7280;font-size:16px;line-height:1.5}.task-card{background:linear-gradient(135deg,#23272f 60%,#18181b)!important;border-radius:.375rem;box-shadow:0 1px 2px #0000001a;padding:1rem}}.task-row{border-radius:6px;display:grid;grid-template-columns:1fr auto;padding:12px}.task-title{color:#2d3748;font-weight:700}.add-subtask{background:#3b82f6;border-radius:8px;color:#fff;font-size:16px;padding:10px;text-decoration:none}.task-card{background:linear-gradient(135deg,#f1f3f3 60%,#c5d8db);height:100%;transition:transform .2s,box-shadow .2s}body.dark-mode .task-card{background:linear-gradient(135deg,#23272f 60%,#18181b);box-shadow:0 4px 16px #0000002e}.task-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.task-card-content{display:flex;flex-direction:column;gap:.75rem}.task-card-header{align-items:flex-start;display:flex;justify-content:space-between}.task-title{cursor:pointer;font-size:1rem;font-weight:600;margin:0}.task-title:hover{color:#3b82f6}body.dark-mode .task-title:hover{color:#90cdf4}.task-actions,.task-badges{display:flex;gap:.5rem}.task-badges{flex-wrap:wrap}.badge{display:inline-block;font-weight:500;padding:.25rem .5rem}.priority-high{background-color:#fee2e2;color:#b91c1c}body.dark-mode .priority-high{background-color:#7f1d1d;color:#fecaca}.priority-medium{background-color:#fef3c7;color:#92400e}body.dark-mode .priority-medium{background-color:#78350f;color:#fde68a}.priority-low{background-color:#e0f2fe;color:#0369a1}body.dark-mode .priority-low{background-color:#1e293b;color:#bae6fd}.priority-urgent{background-color:#b91c1c;color:#fff}body.dark-mode .priority-urgent{background-color:#dc2626;color:#fff}.status-completed{background-color:#dcfce7;color:#166534}body.dark-mode .status-completed{background-color:#14532d;color:#bbf7d0}.status-in-progress{background-color:#cedaeb;color:#1e40af}body.dark-mode .status-in-progress{background-color:#1e293b;color:#a5b4fc}.status-todo{background-color:#d3dae6;color:#4b5563}body.dark-mode .status-todo{background-color:#23272f;color:#a0aec0}.badge-category{background-color:#f3e8ff;color:#6b21a8}body.dark-mode .badge-category{background-color:#312e81;color:#c4b5fd}.task-description{-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;margin:0;overflow:hidden}body.dark-mode .task-description{color:#a0aec0}.task-due-date{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem}body.dark-mode .task-due-date,body.dark-mode .task-meta{color:#a0aec0}.due-date-icon{font-size:.875rem}.task-assignee{align-items:center;display:flex;gap:.5rem}.assignee-avatar{align-items:center;background-color:#e5e7eb;border-radius:9999px;display:flex;font-size:.75rem;height:1.5rem;justify-content:center;overflow:hidden;width:1.5rem}body.dark-mode .assignee-avatar{background-color:#23272f}.assignee-avatar img{height:100%;object-fit:cover;width:100%}.task-card-footer{align-items:center;display:flex;justify-content:space-between}.task-meta{color:#6b7280;display:flex;font-size:.75rem;gap:1rem}.task-comments,.task-subtasks{align-items:center;display:flex;gap:.25rem}.comment-icon,.subtask-icon{font-size:.875rem}.task-list{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.task-list-header{gap:1rem;justify-content:space-between}.task-list-actions,.task-list-header{align-items:center;display:flex;flex-wrap:wrap}.task-list-actions{gap:.75rem}.task-list-title{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0}.search-container{min-width:200px;position:relative}.search-input{border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;padding:.5rem 1rem;transition:border-color .15s ease;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.filters-panel{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;gap:1.25rem;margin-top:1rem;padding:1rem}.filter-section,.filters-panel{display:flex;flex-direction:column}.filter-section{gap:.75rem}.filter-title{color:#4b5563;font-size:.875rem;font-weight:600;margin:0}.filter-options{display:flex;flex-wrap:wrap;gap:1rem}.filter-option{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.filter-option input[type=checkbox]{border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;height:1rem;width:1rem}.task-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.empty-tasks{align-items:center;background-color:#f8fafc;border:1px dashed #e5e7eb;border-radius:.5rem;color:#6b7280;display:flex;font-style:italic;justify-content:center;min-height:200px}@media (max-width:600px){.task-grid{display:flex;flex-direction:row;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;width:100vw}.task-card{flex:0 0 auto;max-width:90vw;min-width:85vw}}body.dark-mode .task-list{background:#1f2937;color:#f3f4f6}body.dark-mode .task-list-title{color:#f3f4f6}body.dark-mode .search-input{background-color:#111827;border-color:#374151;color:#f3f4f6}body.dark-mode .search-input:focus{border-color:#60a5fa}body.dark-mode .filters-panel{background-color:#111827;border-color:#374151}body.dark-mode .filter-title{color:#9ca3af}body.dark-mode .filter-option{color:#d1d5db}body.dark-mode .empty-tasks{background-color:#111827;border-color:#374151;color:#9ca3af}body.dark-mode .filter-option input[type=checkbox]{background-color:#1f2937;border-color:#4b5563}.admin-dashboard{display:flex;flex-direction:column;gap:2rem}body.dark-mode .admin-dashboard{background:linear-gradient(135deg,#18181b,#23272f);color:#f7fafc}body.dark-mode .admin-dashboard .Card,body.dark-mode .admin-dashboard .card,body.dark-mode .admin-dashboard .suggestions-card,body.dark-mode .admin-dashboard .workload-card,body.dark-mode .stats-grid>*{background:linear-gradient(135deg,#23272f 60%,#18181b)!important;border-color:#4a5568!important;box-shadow:0 4px 16px #0000002e;color:#f7fafc!important}@media (min-width:768px){.dashboard-grid{grid-template-columns:3fr 2fr}}.employee-info{align-items:center;display:flex;gap:.5rem}.employee-avatar{align-items:center;background-color:#e5e7eb;border-radius:9999px;display:flex;height:2rem;justify-content:center;overflow:hidden;width:2rem}.employee-avatar img{height:100%;object-fit:cover;width:100%}.task-count{color:#6b7280;font-size:.75rem}.employee-dashboard{display:flex;flex-direction:column;gap:2rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-value{font-size:2rem;font-weight:700;line-height:1}.stat-description{color:#6b7280;font-size:.75rem;margin:.2rem 0}.tip-card{background:linear-gradient(90deg,#f0f9ff,#e0f2fe)}.tip-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.tip-icon{font-size:1.25rem}.tip-title{font-size:1rem;font-weight:500;margin:0}.tip-text{font-size:.875rem;margin:0 0 .75rem}.tip-button{font-size:.75rem}.suggestion-card{border:1px dashed #d1d5db}.subtask-suggestions{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.subtask-suggestion{align-items:flex-start;display:flex;font-size:.875rem;gap:.5rem}.suggestion-bullet{background-color:#3b82f6;border-radius:9999px;height:.375rem;margin-top:.375rem;width:.375rem}.tabs{display:flex;flex-direction:column;gap:1rem}.tabs-list{border-bottom:1px solid #e5e7eb;display:flex}.tab{background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem}.tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.tab-content{padding-top:1rem}body.dark-mode .employee-dashboard{background:linear-gradient(135deg,#18181b,#23272f);color:#f7fafc}body.dark-mode .stats-grid{background:#0000}.on-time-priority.badge.priority-high{background-color:#fee2e2;color:#b91c1c}.on-time-priority.badge.priority-medium{background-color:#fef3c7;color:#92400e}.on-time-priority.badge.priority-low{background-color:#e0f2fe;color:#0369a1}.on-time-category.badge.badge-category{background-color:#f3e8ff;color:#6b21a8}body.dark-mode .on-time-priority.badge.priority-high{background-color:#cd8b8b;color:#fecaca}body.dark-mode .on-time-priority.badge.priority-medium{background-color:#78350f;color:#fde68a}body.dark-mode .on-time-priority.badge.priority-low{background-color:#1e293b;color:#bae6fd}body.dark-mode .on-time-category.badge.badge-category{background-color:#312e81;color:#c4b5fd}.on-time-list{max-height:12.5rem;overflow-y:auto}@media (max-width:600px){.on-time-list{max-height:18.5rem;overflow-y:auto}}body.dark-mode .on-time-list{background:#0000}.delayed-list{gap:.5rem;list-style:none;margin:0;padding:0}.delayed-item,.delayed-list{display:flex;flex-direction:column}.delayed-item{background:#fff1f2;border-left:4px solid #ef4444;border-radius:.5rem;gap:.25rem;padding:.5rem .75rem}.delayed-task-header{align-items:center;display:flex;justify-content:space-between}.delayed-title{font-weight:600}.delayed-priority.badge.priority-high{background-color:#fee2e2;color:#b91c1c}.delayed-priority.badge.priority-medium{background-color:#fef3c7;color:#92400e}.delayed-priority.badge.priority-low{background-color:#e0f2fe;color:#0369a1}.delayed-category.badge.badge-category{background-color:#f3e8ff;color:#6b21a8}body.dark-mode .delayed-item{border-left:4px solid #ef4444}body.dark-mode .delayed-priority.badge.priority-high{background-color:#7f1d1d;color:#fecaca}body.dark-mode .delayed-priority.badge.priority-medium{background-color:#78350f;color:#fde68a}body.dark-mode .delayed-priority.badge.priority-low{background-color:#1e293b;color:#bae6fd}body.dark-mode .delayed-category.badge.badge-category{background-color:#312e81;color:#c4b5fd}.not-started-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.not-started-item{background:#f3f4f6;border-left:4px solid #2563eb;border-radius:.5rem;display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem}.not-started-title{font-weight:600}.not-started-due{color:#6b7280;font-size:.9rem}body.dark-mode .not-started-item{background:#23272f;border-left:4px solid #2563eb}body.dark-mode .not-started-title{color:#90cdf4}body.dark-mode .not-started-due{color:#cbd5e1}.urgent-tasks-card{border:1px solid #dc2626}.urgent-count-badge{background-color:#dc2626;border-radius:9999px;color:#fff;font-size:1.3rem;font-weight:700;margin-left:.5rem;min-width:24px;padding:2px 4px;text-align:center}.urgent-task-title{flex-grow:1;margin-right:1rem}.badge{border-radius:9999px;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:capitalize}.priority-high{background-color:#dc2626;color:#fff}.priority-medium{background-color:#f59e0b;color:#fff}.priority-low{background-color:#10b981;color:#fff}.urgent-tasks-empty{color:#9ca3af;font-size:1rem;font-weight:500;padding:.5rem 0;text-align:center}@media (max-width:600px){.urgent-tasks-list{max-height:170px}}body.dark-mode .urgent-tasks-list li{border-bottom:1px solid #7f1d1d;color:#fcd34d}body.dark-mode .urgent-tasks-empty{color:#fca5a5}body.dark-mode .urgent-count-badge{background-color:#f87171}.my-tasks-page{display:flex;flex-direction:column;gap:2rem;min-height:100vh;padding:3rem 0}.my-tasks-page .task-list{background:#fff;border-radius:1rem;box-shadow:0 4px 24px #3c486414;margin-bottom:1rem;max-width:full;padding:2rem 1.5rem;transition:box-shadow .2s;width:100%}.my-tasks-page .task-list:hover{box-shadow:0 8px 32px #3c486429}.my-tasks-page .task-list-title{color:#3730a3;font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem}.my-tasks-page .empty-message{color:#64748b;font-style:italic;margin:1.5rem 0;text-align:center}.my-tasks-page .task-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 0;transition:background .2s}.my-tasks-page .task-item:last-child{border-bottom:none}.my-tasks-page .task-item:hover{background:#f1f5f9}.my-tasks-page .task-title{color:#1e293b;font-weight:600}.my-tasks-page .task-status{background:#e0e7ff;border-radius:999px;color:#3730a3;font-size:.85rem;font-weight:500;padding:.25rem .75rem}body.dark-mode .my-tasks-page{background:#18181b;color:#f7fafc}body.dark-mode .task-list{background:#23272f;box-shadow:0 4px 24px #3c48642e;color:#f7fafc}body.dark-mode .task-list-title{color:#90cdf4}body.dark-mode .empty-message{color:#a0aec0}body.dark-mode .task-item{border-bottom:1px solid #23272f}body.dark-mode .task-item:hover{background:#23272f}body.dark-mode .task-title{color:#f7fafc}body.dark-mode .task-status{background:#2d3748;color:#90cdf4}@media (max-width:900px){.my-tasks-page .task-list{min-width:90vw;padding:1rem .5rem;width:85vw}.task-grid{gap:.5rem}.task-card{max-width:90vw;min-width:90vw}}@media (max-width:600px){.my-tasks-page{gap:1rem;padding:1rem 0}.my-tasks-page .task-list{margin-bottom:1rem;min-width:100vw;padding:.8rem .2rem;width:100vw}.task-card{font-size:.95rem;max-width:98vw;min-width:96vw}.task-list-title{font-size:1.1rem;margin-left:3%}}.back-button{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;font-size:14px;margin-bottom:1rem;padding:8px 14px;transition:all .2s ease}.back-button:hover{background-color:#e5e7eb}.team-page{display:flex;flex-direction:column;gap:1.5rem}.page-title{font-size:1.5rem;font-weight:600;margin:0}.access-denied{align-items:center;display:flex;height:50vh;justify-content:center}.team-tabs{display:flex;flex-direction:column;gap:1.5rem}.employee-tabs{border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto}.employee-tab{background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;white-space:nowrap}.employee-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.employee-content{display:flex;flex-direction:column;gap:1.5rem}.employee-details{display:flex;flex-direction:column;gap:1rem}.employee-email{color:#6b7280;font-size:.875rem}.employee-workload{display:flex;flex-direction:column;gap:.5rem}.workload-header{display:flex;font-size:.875rem;justify-content:space-between}.progress-container{background-color:#e5e7eb;border-radius:9999px;height:.5rem;overflow:hidden}.progress-bar{background-color:#3b82f6;border-radius:9999px;height:100%}.employee-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-box{background-color:#f3f4f6;border-radius:.375rem;padding:.75rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:600}.stat-label{color:#6b7280;font-size:.75rem;margin:0}body.dark-mode .team-page{background:#18181b;color:#f7fafc}body.dark-mode .employee-tabs{border-bottom:1px solid #23272f}body.dark-mode .employee-tab{color:#d1d5db}body.dark-mode .employee-tab.active{border-bottom-color:#2563eb;color:#90cdf4}body.dark-mode .employee-content{background:#23272f}body.dark-mode .employee-content .Card,body.dark-mode .employee-content .card{background:linear-gradient(135deg,#23272f 60%,#18181b)!important;border-color:#4a5568!important;box-shadow:0 4px 16px #0000002e;color:#f7fafc!important}body.dark-mode .stat-box{background-color:#23272f;color:#f7fafc}body.dark-mode .stat-label{color:#a0aec0}.signup-container{display:flex;min-height:100vh}.signup-left{align-items:center;background:#f5f6fa;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.signup-logo{margin-bottom:1.5rem;width:120px}.signup-appname{color:#333;font-size:2rem;font-weight:700}.signup-right{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center}.signup-form{background:#fafbfc;border-radius:8px;box-shadow:0 2px 16px #00000012;display:flex;flex-direction:column;gap:1rem;max-width:350px;padding:2rem 2.5rem;width:100%}.signup-form h2{color:#222;margin-bottom:1rem}.signup-form input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem 1rem}.signup-form button[type=submit]{background:#125ea2;border:none;border-radius:4px;color:#fff;padding:.75rem 1rem}.signup-form button[type=submit],.signup-login-link button{cursor:pointer;font-size:1rem;font-weight:700;transition:background .2s}.signup-login-link button{background:#0000;border:none;color:#125ea2;padding:.1rem .5rem;text-decoration:underline}body.dark-mode .signup-left{background:#18181b}body.dark-mode .signup-appname{color:#f7fafc}body.dark-mode .signup-right{background:#23272f}body.dark-mode .signup-form{background:#23272f;box-shadow:0 2px 16px #00000040;color:#f7fafc}body.dark-mode .signup-form h2{color:#f7fafc}body.dark-mode .signup-form input{background:#18181b;border:1px solid #4a5568;color:#f7fafc}body.dark-mode .signup-form button[type=submit]{background:#2563eb;color:#fff}body.dark-mode .signup-login-link button{color:#90cdf4}@media (max-width:767px){.signup-container{flex-direction:column;min-height:100vh}.signup-left,.signup-right{flex:initial;min-height:0;min-height:auto;padding:1rem .5rem;width:100%}.signup-logo{margin-bottom:1rem;width:80px}.signup-appname{font-size:1.2rem}.signup-form{font-size:.95rem;max-width:98vw;padding:1rem .7rem}.signup-form button[type=submit],.signup-form input{font-size:.95rem;padding:.6rem .7rem}.signup-login-link button{font-size:.95rem}}.login-container{display:flex;min-height:100vh}.login-left{align-items:center;background:#f5f6fa;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.login-logo{margin-bottom:1.5rem;width:120px}.login-appname{color:#333;font-size:2rem;font-weight:700}.login-right{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center}.login-form{background:#fafbfc;border-radius:8px;box-shadow:0 2px 16px #00000012;display:flex;flex-direction:column;gap:1rem;max-width:350px;padding:2rem 2.5rem;width:100%}.login-form h2{color:#222;margin-bottom:1rem}.login-form input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem 1rem}.login-form button[type=submit]{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1rem;transition:background .2s}.login-form button[type=submit]:hover{background:#125ea2}.login-signup-link{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:.1rem}.login-signup-link button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:1rem;font-weight:700;padding:0;text-decoration:underline}.login-signup-link button:hover{color:#125ea2}body.dark-mode .login-left{background:#18181b}body.dark-mode .login-appname{color:#f7fafc}body.dark-mode .login-right{background:#23272f}body.dark-mode .login-form{background:#23272f;box-shadow:0 2px 16px #00000040;color:#f7fafc}body.dark-mode .login-form h2{color:#f7fafc}body.dark-mode .login-form input{background:#18181b;border:1px solid #4a5568;color:#f7fafc}body.dark-mode .login-form button[type=submit]{background:#2563eb;color:#fff}body.dark-mode .login-signup-link button{color:#90cdf4}@media (max-width:767px){.login-container{flex-direction:column;min-height:100vh}.login-left,.login-right{flex:initial;min-height:0;min-height:auto;padding:1rem .5rem;width:100%}.login-logo{margin-bottom:1rem;width:80px}.login-appname{font-size:1.2rem}.login-form{font-size:.95rem;max-width:98vw;padding:1rem .7rem}.login-form button[type=submit],.login-form input{font-size:.95rem;padding:.6rem .7rem}.login-signup-link button{font-size:.95rem}}.login-forgot-password{margin-bottom:10px;text-align:right}.forgot-password-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;padding:0}.forgot-password-btn:hover{text-decoration:underline}.settings-page{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000012;margin:2rem auto;max-width:800px;padding:2rem}.page-title{letter-spacing:.5px;margin-bottom:2rem}.role-permission-section{background:#f9fafb;border-radius:8px;box-shadow:0 2px 8px #6366f10f;margin-top:2rem;padding:1.5rem 1rem 2rem}.role-permission-section h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.role-permission-section table{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000a;overflow:hidden;width:100%}.role-permission-section td,.role-permission-section th{font-size:1rem;padding:12px 10px}.role-permission-section th{background:#f3f4f6;color:#374151;font-weight:600}.role-permission-section tr{transition:background .15s}.role-permission-section tr:hover{background:#f1f5f9}.role-badge{background:#e0e7ff;border-radius:9999px;color:#3730a3;display:inline-block;font-size:.95em;font-weight:500;letter-spacing:.5px;padding:.25em .75em}.role-badge.admin{background:#d1fae5;color:#047857}.role-badge.employee{background:#fef3c7;color:#b45309}.role-action-btn{background:linear-gradient(90deg,#6366f1 60%,#2563eb);border:none;border-radius:6px;box-shadow:0 2px 8px #6366f11a;color:#fff;cursor:pointer;font-size:1em;font-weight:600;margin-right:.5em;padding:.4em 1.2em;transition:background .18s,box-shadow .18s}.role-action-btn.demote{background:linear-gradient(90deg,#fbbf24 60%,#f59e42);color:#fff}.role-action-btn:active{transform:scale(.97)}.role-action-btn:focus{outline:2px solid #6366f1}body.dark-mode .settings-page{background:linear-gradient(135deg,#23272f 60%,#18181b)!important;box-shadow:0 4px 24px #0000002e;color:#f7fafc}body.dark-mode .role-permission-section{background:#18181b;box-shadow:0 2px 8px #6366f121;color:#f7fafc}body.dark-mode .role-permission-section h2{color:#f7fafc}body.dark-mode .role-permission-section table{background:#23272f;border-color:#4a5568;color:#f7fafc}body.dark-mode .role-permission-section th{background:#18181b;color:#90cdf4}body.dark-mode .role-permission-section td{background:#23272f;color:#f7fafc}body.dark-mode .role-permission-section tr:hover{background:#18181b}body.dark-mode .role-badge{background:#2d3748;color:#90cdf4}body.dark-mode .role-badge.admin{background:#14532d;color:#bbf7d0}body.dark-mode .role-badge.employee{background:#78350f;color:#fde68a}body.dark-mode .role-action-btn{background:linear-gradient(90deg,#2563eb 60%,#1e293b);color:#fff}body.dark-mode .role-action-btn.demote{background:linear-gradient(90deg,#fbbf24 60%,#78350f);color:#fff}@media (max-width:767px){.settings-page{margin:1rem .2rem;max-width:99vw;padding:.7rem .2rem}.page-title{font-size:1.2rem;margin-bottom:1rem}.role-permission-section{padding:.7rem .2rem 1rem}.role-permission-section h2{font-size:1rem;margin-bottom:.7rem}.role-permission-section td,.role-permission-section th{font-size:.85rem;padding:7px 4px}.role-badge{font-size:.85em;padding:.18em .5em}.role-action-btn{font-size:.9em;margin-right:.2em;padding:.3em .7em}}.project-page{background:#fff;border-radius:16px;box-shadow:0 4px 32px #00000014;margin:40px auto;max-width:1000px;padding:32px 24px 24px}.page-title{color:#2563eb;font-size:2rem;font-weight:700;text-align:center}.page-title,form{margin-bottom:24px}form{align-items:center;display:flex;flex-wrap:wrap;gap:12px}form input{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:8px 12px;transition:border .2s}form input:focus{border:1.5px solid #2563eb;outline:none}form button[type=submit]{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 18px;transition:background .2s}form button[type=submit]:hover{background:#1d4ed8}form button[type=button]{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-weight:500;padding:8px 14px;transition:background .2s,border .2s}form button[type=button]:hover{background:#e5e7eb;border:1.5px solid #2563eb}ul{margin:0;padding:0}li{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #2563eb0a;display:flex;flex-direction:column;margin-bottom:16px;padding:18px 16px;transition:box-shadow .2s,border .2s}li .project-header{align-items:center;display:flex;justify-content:space-between;width:100%}li strong{color:#2563eb;font-size:1.1rem}li .project-description{color:#374151;font-size:1rem;line-height:1.5;margin-top:8px}li button{background:#fff;border:1px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;font-size:.95rem;font-weight:500;margin-left:8px;padding:6px 14px;transition:background .2s,color .2s}li button:hover{background:#2563eb;color:#fff}.project-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 8px #e5e7eb;margin-top:24px;overflow:hidden;width:100%}.project-table td,.project-table th{border-bottom:1.5px solid #e5e7eb;font-size:1rem;padding:12px 16px;text-align:left}.project-table th{background:#f3f4f6;color:#2563eb;font-weight:700}.project-table tr:nth-child(2n){background:#f9fafb}.project-table tr:last-child td{border-bottom:none}.project-table button{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-right:8px;padding:5px 14px;transition:background .2s}.project-table button:last-child{background:#ef4444;margin-right:0}.project-table button:hover{background:#1d4ed8}.project-table button:last-child:hover{background:#b91c1c}body.dark-mode .project-page{background:linear-gradient(135deg,#23272f 60%,#18181b)!important;color:#f7fafc}body.dark-mode .page-title{color:#90cdf4}body.dark-mode form input{background:#23272f;border:1px solid #374151;color:#f7fafc}body.dark-mode form input:focus{border:1.5px solid #90cdf4}body.dark-mode form button[type=submit]{background:#2563eb;color:#fff}body.dark-mode form button[type=submit]:hover{background:#1e40af}body.dark-mode form button[type=button]{background:#23272f;border:1px solid #374151;color:#f7fafc}body.dark-mode form button[type=button]:hover{background:#18181b;border:1.5px solid #90cdf4}body.dark-mode li{background:#23272f;border:1px solid #374151;box-shadow:0 2px 8px #10b9810a}body.dark-mode li strong{color:#90cdf4}body.dark-mode li .project-description{color:#cbd5e1}body.dark-mode li button{background:#18181b;border:1px solid #2563eb;color:#90cdf4}body.dark-mode li button:hover{background:#2563eb;color:#fff}body.dark-mode .project-table{background:#23272f;box-shadow:0 2px 8px #18181b}body.dark-mode .project-table td,body.dark-mode .project-table th{border-bottom:1.5px solid #374151;color:#f7fafc}body.dark-mode .project-table th{background:#18181b;color:#90cdf4}body.dark-mode .project-table tr:nth-child(2n){background:#18181b}body.dark-mode .project-table button{background:#2563eb;color:#fff}body.dark-mode .project-table button:hover{background:#1e40af}body.dark-mode .project-table button:last-child{background:#ef4444}body.dark-mode .project-table button:last-child:hover{background:#b91c1c}.modal-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 2px 16px #00000026;max-width:90vw;min-width:320px;padding:2rem;position:relative}.modal-close-btn{background:none;border:none;color:#374151;cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:10px;transition:color .2s}.modal-close-btn:hover{color:#ef4444}body.dark-mode .modal-content{background:#23272f;color:#f7fafc}body.dark-mode .modal-close-btn{color:#f7fafc}body.dark-mode .modal-close-btn:hover{color:#ef4444}.enhanced-modal{overflow:hidden;padding:0}.modal-header{align-items:center;background:linear-gradient(90deg,#2563eb 60%,#60a5fa);border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;display:flex;gap:1rem;padding:1.5rem 2rem 1rem}.modal-icon{font-size:2rem}.modal-title{font-size:1.5rem;font-weight:700;margin:0}.modal-details{grid-gap:1.2rem 2rem;background:#fff;display:grid;gap:1.2rem 2rem;grid-template-columns:1fr 1fr;padding:2rem}body.dark-mode .enhanced-modal{background:#23272f}body.dark-mode .modal-header{background:linear-gradient(90deg,#23272f 60%,#2563eb);color:#f7fafc}body.dark-mode .modal-details{background:#23272f;color:#f7fafc}body.dark-mode .enhanced-close,body.dark-mode .modal-label{color:#90cdf4}.modal-label{color:#2563eb;font-weight:600;margin-right:.5rem}.enhanced-close{color:#2563eb;font-size:1.5rem;right:18px;top:18px}@media (max-width:600px){.modal-details{grid-template-columns:1fr;padding:1.2rem}.modal-header{padding:1rem 1.2rem .7rem}}.category-select{-webkit-appearance:none;appearance:none;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 4px #2563eb0a;color:#2563eb;cursor:pointer;font-size:1rem;max-width:200px;padding:8px 12px;transition:border .2s,box-shadow .2s}.category-select:focus{border:1.5px solid #2563eb;box-shadow:0 0 0 2px #2563eb22;outline:none}.category-select option{color:#374151}body.dark-mode .category-select{background:#23272f;border:1px solid #374151;color:#90cdf4}body.dark-mode .category-select:focus{border:1.5px solid #90cdf4;box-shadow:0 0 0 2px #90cdf422}body.dark-mode .category-select option{background:#23272f;color:#f7fafc}.multi-select-wrapper{align-items:center;display:flex;gap:10px;margin-bottom:10px}.multi-select-wrapper select{border:1px solid #ccc;border-radius:6px;flex:1 1;padding:8px}.multi-select-wrapper button{background-color:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px}.selected-users{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.selected-user-tag{align-items:center;background-color:#e0e7ff;border-radius:12px;display:flex;font-size:13px;gap:6px;padding:4px 8px}.selected-user-tag button{background:none;border:none;color:#991b1b;cursor:pointer;font-size:14px;font-weight:700;line-height:1;padding:0}.profile-page{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;font-family:Segoe UI,Arial,sans-serif;margin:40px auto;max-width:400px;padding:2rem}.profile-page h2{color:#2d3748;font-size:2rem;margin-bottom:1.5rem;text-align:center}.profile-page div{font-size:1.1rem;margin-bottom:1rem}.profile-page strong{color:#4a5568}.profile-page.dark{background:#23272f;box-shadow:0 2px 12px #00000052;color:#f1f1f1}.profile-page.dark h2,.profile-page.dark strong{color:#e2e8f0}.profile-page.dark .profile-avatar img{border:2px solid #444}.profile-form{gap:1rem;margin-top:1.5rem}.profile-form,.profile-form label{display:flex;flex-direction:column}.profile-form label{color:#4a5568;font-weight:500;width:100%}.profile-form input{background:#f9fafb;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#23272f;font-size:1rem;margin-top:.3rem;max-width:100%;min-width:0;outline:none;padding:.5rem .8rem;transition:border .2s;width:100%}.profile-form input:focus{border:1.5px solid #3182ce}.profile-form textarea{background:#f9fafb;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#23272f;font-size:1rem;margin-top:.3rem;max-width:100%;min-height:60px;min-width:0;outline:none;padding:.5rem .8rem;resize:vertical;transition:border .2s;width:100%}.profile-form textarea:focus{border:1.5px solid #3182ce}.profile-actions{display:flex;gap:1rem;margin-top:1.2rem}.profile-actions button{background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.2rem;transition:background .2s}.profile-actions button[type=button]{background:#718096}.profile-actions button:hover{background:#2563eb}.profile-actions button[type=button]:hover{background:#4a5568}.profile-avatar{justify-content:center;margin-bottom:1.5rem}.profile-avatar img{border:2px solid #3182ce;height:90px;width:90px}.profile-avatar-edit{align-items:center;display:flex;flex-direction:column;margin-top:.7rem}.avatar-upload-label{background:#3182ce;border-radius:6px;color:#fff;cursor:not-allowed;font-size:.95rem;font-weight:500;margin-top:.2rem;opacity:.7;padding:.3rem 1.1rem;transition:background .2s}.profile-page.dark .profile-form input,.profile-page.dark .profile-form textarea{background:#23272f;border:1px solid #444;color:#f1f1f1}.profile-page.dark .profile-form label{color:#e2e8f0}.profile-page.dark .profile-actions button{background:#2563eb}.profile-page.dark .profile-actions button[type=button]{background:#4a5568}.profile-page.dark .profile-actions button:hover{background:#1e40af}.profile-page.dark .profile-actions button[type=button]:hover{background:#2d3748}.profile-page.wide{max-width:900px;padding:2.5rem 3rem}.profile-main{align-items:flex-start;display:flex;gap:2.5rem}.profile-avatar{align-items:center;display:flex;flex-direction:column;margin-bottom:0;min-width:140px}.profile-avatar img{background:#e2e8f0;border:3px solid #3182ce;border-radius:50%;height:120px;object-fit:cover;width:120px}.profile-content{flex:1 1;min-width:250px}.change-password-panel{background:#f7fafc;border-radius:10px;box-shadow:0 1px 6px #0000000f;margin-top:2.5rem;padding:1.5rem 1.5rem 1rem}.change-password-panel h3{color:#2563eb;font-size:1.2rem;margin-bottom:1.2rem}.change-password-form{display:flex;flex-direction:column;gap:1rem}.change-password-form label{color:#4a5568;display:flex;flex-direction:column;font-weight:500}.change-password-form input{background:#f9fafb;border:1px solid #cbd5e1;border-radius:6px;color:#23272f;font-size:1rem;margin-top:.3rem;outline:none;padding:.5rem .8rem;transition:border .2s}.change-password-form input:focus{border:1.5px solid #3182ce}.change-password-form button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:.5rem;padding:.5rem 1.2rem;transition:background .2s}.change-password-form button:hover{background:#1e40af}.profile-page.wide.dark .change-password-panel{background:#23272f;box-shadow:0 1px 6px #0000002e}.profile-page.wide.dark .change-password-panel h3{color:#90cdf4}.profile-page.wide.dark .change-password-form label{color:#e2e8f0}.profile-page.wide.dark .change-password-form input{background:#23272f;border:1px solid #444;color:#f1f1f1}.profile-page.wide.dark .change-password-form button{background:#3182ce}.profile-page.wide.dark .change-password-form button:hover{background:#2563eb}@media (max-width:1100px){.profile-page.wide{max-width:98vw;padding:1.5rem .5rem}.profile-main{gap:1.2rem}}@media (max-width:800px){.profile-main{align-items:center;flex-direction:column;gap:2rem}.profile-avatar{margin-bottom:1.5rem;min-width:0}.profile-avatar-edit{margin-bottom:1rem}.profile-content{min-width:0;width:100%}}@media (max-width:500px){.profile-page,.profile-page.wide{border-radius:0;box-shadow:none;max-width:100vw;padding:.5rem .1rem}.profile-avatar img{height:80px;width:80px}.change-password-panel{padding:.7rem .3rem .5rem}}.stats-page{background:#fff;border-radius:14px;box-shadow:0 2px 16px #00000014;font-family:Segoe UI,Arial,sans-serif;margin:40px auto;max-width:full-width;padding:2.5rem 1.5rem}.stats-page h2{color:#2d3748;font-size:2.2rem;margin-bottom:2.5rem;text-align:center}.stats-charts{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.chart-card{align-items:center;background:#f7fafc;border-radius:10px;box-shadow:0 1px 6px #0000000f;display:flex;flex:1 1 320px;flex-direction:column;max-width:370px;min-width:320px;padding:1.5rem 1.2rem 1.2rem}.chart-card h3{color:#3182ce;font-size:1.1rem;margin-bottom:1.2rem;text-align:center}@media (max-width:900px){.stats-charts{align-items:center;flex-direction:column;gap:2rem}.chart-card{max-width:98vw;min-width:0;width:100%}}body.dark-mode .stats-page{background:#181c23;box-shadow:0 2px 16px #00000038;color:#f1f1f1}body.dark-mode .chart-card{background:#23272f;box-shadow:0 1px 6px #0000002e}body.dark-mode .stats-page h2{color:#e2e8f0}body.dark-mode .chart-card h3{color:#90cdf4}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9fafb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}body.dark-mode{background:linear-gradient(135deg,#18181b,#23272f)!important;color:#f7fafc}body.dark-mode a{color:#90cdf4}body.dark-mode button,body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:#2d3748;border-color:#4a5568;color:#f7fafc}body.dark-mode ::placeholder{color:#a0aec0}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font:inherit}.loader-container{align-items:center;display:flex;justify-content:center;padding:20px 0}.loader-circle{animation:spin .8s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:30px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.create-user-container{background-color:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;margin:auto;max-width:900px}.create-user-container h2,.create-user-container h3{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.create-user-form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.create-user-form{grid-template-columns:1fr 1fr}}.create-user-form input,.create-user-form select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;color:#1f2937;padding:.75rem}.create-user-form input:focus,.create-user-form select:focus{border-color:#2563eb;outline:none}.create-user-form label{color:#1f2937;font-weight:600;margin-bottom:.5rem}.create-user-button{background-color:#2563eb;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;grid-column:span 2;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.create-user-button:hover{background-color:#1e40af;transform:scale(1.05)}hr{border:0;border-top:1px solid #e5e7eb;margin:2rem 0}.approval-table{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a}.approval-table td,.approval-table th{border-bottom:1px solid #d1d5db;padding:1rem}.approval-table th{background-color:#f3f4f6;color:#1f2937;font-weight:600}.approval-table td{color:#1f2937}.approve-btn,.delete-btn,.reject-btn{border:none;border-radius:.375rem;cursor:pointer;font-size:.85rem;font-weight:500;margin-right:.5rem;padding:.5rem 1rem;transition:background-color .3s ease}.approve-btn{background-color:#10b981;color:#fff}.approve-btn:hover{background-color:#059669}.reject-btn{background-color:#f59e0b;color:#fff}.reject-btn:hover{background-color:#d97706}.delete-btn{background-color:#ef4444;color:#fff}.delete-btn:hover{background-color:#b91c1c}@media (prefers-color-scheme:dark){.create-user-container{background-color:#1f2937;box-shadow:0 4px 12px #ffffff1a}.create-user-container h2,.create-user-container h3{color:#f3f4f6}.create-user-form input,.create-user-form select{background-color:#374151;border:1px solid #4b5563;color:#f3f4f6}.create-user-form input:focus,.create-user-form select:focus{border-color:#2563eb}.create-user-form label{color:#f3f4f6}.create-user-button{background-color:#2563eb;color:#fff}.create-user-button:hover{background-color:#1e40af}hr{border-top:1px solid #4b5563}.approval-table{background-color:#374151;border-radius:.5rem;box-shadow:0 2px 8px #ffffff0d}.approval-table td,.approval-table th{border-color:#4b5563;color:#f3f4f6}.approval-table th{background-color:#4b5563}.approve-btn{background-color:#10b981}.approve-btn:hover{background-color:#059669}.reject-btn{background-color:#f59e0b}.reject-btn:hover{background-color:#d97706}.delete-btn{background-color:#ef4444}.delete-btn:hover{background-color:#b91c1c}}@media (max-width:768px){.create-user-form{grid-template-columns:1fr}}.create-user-container{margin:0 auto;max-width:1000px;padding:2rem}.create-user-form input,.create-user-form select{box-sizing:border-box;display:block;font-size:1rem;margin:.5rem 0;max-width:400px;padding:.5rem;width:100%}.approval-table{border-collapse:collapse;margin-top:2rem;overflow-x:auto;width:100%}.approval-table td,.approval-table th{border:1px solid #ddd;font-size:.95rem;padding:.75rem;text-align:left}.switch{display:inline-block;height:26px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:18px;left:4px;width:18px}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(24px)}.error{color:red;font-size:.9rem;margin-bottom:1rem}@media (max-width:768px){.create-user-container{padding:1rem}.create-user-form input,.create-user-form select{font-size:.95rem;max-width:100%}.approval-table td,.approval-table th{font-size:.85rem;padding:.5rem}}
/*# sourceMappingURL=main.158e50d2.css.map*/