*{box-sizing:border-box;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#f0f2f5;color:#333;color-scheme:light}.app-container{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1a1a2e,#16213e);padding:20px 0;transition:all .3s ease;width:250px;z-index:1000}.sidebar-logo{border-bottom:1px solid #ffffff1a;font-size:1.5rem;padding:0 20px 30px}.logo-icon{color:#6a11cb;font-size:2rem}.sidebar-menu{padding:20px 0}.sidebar-menu-item{border-left:3px solid #0000;color:#ffffffb3;gap:15px;padding:12px 25px;text-decoration:none;transition:all .3s}.sidebar-menu-item:hover{background:#ffffff0d}.sidebar-menu-item.active{background:#6a11cb33;border-left:3px solid #6a11cb}.sidebar-menu-item .badge{background:#6a11cb;border-radius:12px;font-size:.75rem;margin-left:auto;padding:2px 10px}.main-content{flex:1 1;margin-left:250px;min-width:0;overflow-x:hidden;padding:20px;transition:margin-left .3s ease}.top-bar{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding:15px 25px}.page-title{font-size:1.5rem;font-weight:600}.page-title span{color:#6a11cb}.top-bar-actions{flex-wrap:wrap;gap:20px}.search-box,.top-bar-actions{align-items:center;display:flex}.search-box{background:#f0f2f5;border-radius:8px;padding:8px 15px}.search-box input{background:#0000;border:none;outline:none;padding:5px 10px;width:200px}.search-box svg{color:#888}.user-profile{align-items:center;display:flex;gap:15px}.bell-icon{color:#888;cursor:pointer;font-size:1.2rem}.notification-wrapper{position:relative}.notification-button{background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;padding:6px;position:relative}.notification-count{align-items:center;background:#dc3545;border:2px solid #fff;border-radius:10px;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 3px;position:absolute;right:-2px;top:-3px}.notification-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 30px #00000026;min-width:320px;position:absolute;right:-8px;top:42px;z-index:1100}.notification-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 14px}.notification-header span,.notification-item-time{color:#888;font-size:.7rem}.notification-list{max-height:320px;overflow-y:auto}.notification-item{align-items:flex-start;background:none;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:9px;padding:11px 14px;text-align:left;width:100%}.notification-item:focus-visible,.notification-item:hover{background:#f8f9ff;outline:none}.notification-item-main{align-items:flex-start;display:flex;flex:1 1;gap:9px;min-width:0}.notification-item-icon{align-items:center;background:#e8edff;border-radius:50%;color:#6a11cb;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.notification-item-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.notification-item-title{color:#1f2937;font-size:.78rem;font-weight:600}.notification-item-action{color:#6a11cb;font-size:.68rem;font-weight:600;text-transform:capitalize}.notification-item-text{color:#555;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item-time{flex-shrink:0;margin-top:2px;white-space:nowrap}.notification-empty{color:#888;font-size:.8rem;padding:20px 14px;text-align:center}.notification-view-all{background:#f8f9ff;border:none;border-radius:0 0 8px 8px;color:#6a11cb;cursor:pointer;font-size:.78rem;font-weight:600;padding:10px;width:100%}body.dark-mode .notification-count{border-color:#161b22}body.dark-mode .notification-dropdown{background:#161b22;border-color:#30363d}body.dark-mode .notification-header,body.dark-mode .notification-item{border-color:#30363d}body.dark-mode .notification-item-title{color:#e6edf3}body.dark-mode .notification-item-text{color:#b8c4d4}body.dark-mode .notification-item-icon{background:#2a2040;color:#d2a8ff}body.dark-mode .notification-item-action{color:#d2a8ff}body.dark-mode .notification-item:focus-visible,body.dark-mode .notification-item:hover,body.dark-mode .notification-view-all{background:#0d1117}@media (max-width:480px){.notification-dropdown{min-width:min(320px,calc(100vw - 30px));right:-70px}}.user-avatar{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.hamburger-menu{background:none;border:none;color:#333;cursor:pointer;display:none;font-size:1.5rem;padding:5px}.dashboard-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.dashboard-stat-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:18px 20px;transition:all .3s ease}.dashboard-stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.dashboard-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.3rem;height:50px;justify-content:center;width:50px}.dashboard-stat-icon.purple{background:#6a11cb1f;color:#6a11cb}.dashboard-stat-icon.blue{background:#2575fc1f;color:#2575fc}.dashboard-stat-icon.green{background:#28a7451f;color:#28a745}.dashboard-stat-icon.orange{background:#ffc1071f;color:#f59e0b}.dashboard-stat-content{flex:1 1}.dashboard-stat-number{color:#1a1a2e;font-size:1.8rem;font-weight:700;line-height:1.2}.dashboard-stat-label{color:#888;font-size:.7rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.dashboard-stat-trend{align-items:center;color:#888;display:flex;font-size:.7rem;gap:4px;margin-top:4px}.dashboard-content-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;padding:20px 24px}.dashboard-container{min-width:0;width:100%}.dashboard-card-header{align-items:center;border-bottom:1px solid #f0f0f0;box-sizing:border-box;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;min-height:44px;padding:8px 12px}.dashboard-card-title{align-items:center;color:#1a1a2e;display:flex;font-size:1rem;font-weight:600;line-height:1;min-width:0}.dashboard-card-header .btn{align-items:center;align-self:center;display:inline-flex;flex:0 0 auto;line-height:1;white-space:nowrap}.dashboard-project-status-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-status-card{align-items:center;background:#f8f9ff;border:1px solid #eef0f5;border-radius:10px;display:flex;gap:12px;padding:14px 16px}.dashboard-status-card:hover{background:#f0f4ff}.dashboard-status-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:38px;justify-content:center;width:38px}.dashboard-status-icon.green{background:#d4edda;color:#155724}.dashboard-status-icon.yellow{background:#fff3cd;color:#856404}.dashboard-status-icon.red{background:#f8d7da;color:#721c24}.dashboard-status-icon.blue{background:#cce5ff;color:#004085}.dashboard-status-content{flex:1 1}.dashboard-status-number{color:#1a1a2e;font-size:1.4rem;font-weight:700;line-height:1.2}.dashboard-status-label{color:#888;font-size:.75rem;font-weight:500}.dashboard-two-column{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-two-column>.dashboard-content-card{display:flex;flex-direction:column;min-width:0}.dashboard-two-column>.dashboard-content-card>.dashboard-deadlines,.dashboard-two-column>.dashboard-content-card>.dashboard-recent-projects{flex:1 1}.dashboard-recent-projects{display:flex;flex-direction:column;gap:10px}.dashboard-recent-project-item{align-items:center;background:#f8f9ff;border:1px solid #eef0f5;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.dashboard-recent-project-item:hover{background:#f0f4ff}.dashboard-recent-project-info h4{color:#1a1a2e;font-size:.9rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-recent-project-info p{color:#888;font-size:.75rem}.dashboard-recent-project-progress{align-items:center;display:flex;flex:0 0 32%;gap:10px;min-width:80px}.dashboard-project-progress-bar{background:#e8ecf1;border-radius:3px;flex:1 1;height:6px;min-width:50px;overflow:hidden}.dashboard-progress-fill{background:linear-gradient(90deg,#6a11cb,#2575fc);border-radius:3px;height:100%;transition:width .6s ease}.dashboard-progress-text{color:#1a1a2e;font-size:.8rem;font-weight:600;min-width:35px;text-align:right}.dashboard-deadlines{display:flex;flex-direction:column;gap:8px}.dashboard-deadline-item{align-items:center;background:#f8f9ff;border-left:3px solid #6a11cb;border-radius:10px;display:flex;justify-content:space-between;padding:10px 16px}.dashboard-deadline-item:hover{background:#f0f4ff}.dashboard-deadline-info{display:flex;flex-direction:column;gap:2px}.dashboard-deadline-task{color:#1a1a2e;font-size:.85rem;font-weight:600}.dashboard-deadline-assignee{color:#888;font-size:.7rem}.dashboard-deadline-meta{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.dashboard-deadline-days{background:#d4edda;border-radius:12px;color:#28a745;font-size:.75rem;font-weight:600;padding:2px 10px}.dashboard-deadline-days.urgent{background:#f8d7da;color:#dc3545}.dashboard-deadline-date{align-items:center;color:#888;display:flex;font-size:.7rem;gap:4px}.dashboard-activity-feed{display:flex;flex-direction:column}.dashboard-activity-item{border-bottom:1px solid #f0f0f0;display:flex;gap:14px;padding:12px 0}.dashboard-activity-item:last-child{border-bottom:none}.dashboard-activity-icon{align-items:center;border-radius:50%;color:#333;display:flex;flex-shrink:0;font-size:.85rem;height:34px;justify-content:center;width:34px}.task-card-title-button,.task-name-button{background:none;border:none;color:#333;cursor:pointer;font:inherit;font-weight:600;padding:0;text-align:left}.task-card-title-button:focus-visible,.task-card-title-button:hover,.task-name-button:focus-visible,.task-name-button:hover{color:#6a11cb;outline:none;text-decoration:underline}.task-details-modal{max-width:760px!important}.task-details-header{background:linear-gradient(135deg,#e8edff,#dce3f0);border-bottom:2px solid #c8d0e0}.task-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.task-detail-item{background:#f8f9ff;border-radius:6px;padding:10px 12px}.task-detail-item label{color:#888;display:block;font-size:.7rem;font-weight:600;margin-bottom:3px;text-transform:uppercase}.task-detail-item p{color:#1a1a2e;font-weight:600;margin:0;overflow-wrap:anywhere}.task-detail-wide{grid-column:1/-1}.task-detail-section{margin-top:16px}.task-detail-section h4{color:#1a1a2e;font-size:.95rem;margin-bottom:7px}.task-detail-section p{background:#f8f9ff;border-radius:6px;color:#555;line-height:1.6;margin:0;padding:10px 12px;white-space:pre-wrap}body.dark-mode .task-card-title-button,body.dark-mode .task-name-button{color:#e6edf3}body.dark-mode .task-card-title-button:focus-visible,body.dark-mode .task-card-title-button:hover,body.dark-mode .task-name-button:focus-visible,body.dark-mode .task-name-button:hover{color:#d2a8ff}body.dark-mode .task-details-header{background:#111820;border-color:#30363d}body.dark-mode .task-detail-item,body.dark-mode .task-detail-section p{background:#0f141b;color:#e6edf3}body.dark-mode .task-detail-item label,body.dark-mode .task-detail-section h4{color:#9da7b3}body.dark-mode .task-detail-item p{color:#f0f6fc}@media (max-width:768px){.task-details-grid{grid-template-columns:1fr}.task-detail-wide{grid-column:auto}}.dashboard-activity-content{flex:1 1}.dashboard-activity-text{color:#555;font-size:.85rem}.dashboard-activity-text strong{color:#1a1a2e;font-weight:600}.dashboard-activity-time{color:#aaa;font-size:.7rem;margin-top:2px}.tasks-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.tasks-stat-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 2px 6px #0000000d;display:flex;gap:12px;padding:12px 14px;transition:all .2s ease}.tasks-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.tasks-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.tasks-stat-icon.blue{background:#2575fc1a;color:#2575fc}.tasks-stat-icon.green{background:#28a7451a;color:#28a745}.tasks-stat-icon.yellow{background:#ffc1071a;color:#ffc107}.tasks-stat-icon.purple{background:#6a11cb1a;color:#6a11cb}.tasks-stat-content{flex:1 1}.tasks-stat-number{color:#1a1a2e;font-size:1.3rem;font-weight:700;line-height:1.2}.tasks-stat-label{color:#888;font-size:.65rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.tasks-container{width:100%}.tasks-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.tasks-header-left{display:flex;flex-direction:column;gap:8px}.tasks-title{color:#333;font-size:1.5rem;font-weight:600}.tasks-stats{display:flex;flex-wrap:wrap;gap:10px}.desktop-table-container{background:#fff;border:1px solid #e1e5ea;border-radius:8px;box-shadow:0 2px 6px #0f172a0f;overflow-x:auto;overflow-y:visible}.tasks-table-compact{border-collapse:initial;border-spacing:0;font-size:.85rem;min-width:760px;table-layout:fixed;width:100%}.tasks-table-compact td:first-child,.tasks-table-compact th:first-child{width:34%}.tasks-table-compact td:nth-child(2),.tasks-table-compact th:nth-child(2){width:20%}.tasks-table-compact td:nth-child(3),.tasks-table-compact td:nth-child(4),.tasks-table-compact th:nth-child(3),.tasks-table-compact th:nth-child(4){width:16%}.tasks-table-compact td:nth-child(5),.tasks-table-compact th:nth-child(5){text-align:center;width:14%}.tasks-table-compact th{background:#f5f7fa!important;border-bottom:1px solid #d9dee5;color:#4b5563;font-size:.78rem;font-weight:700;letter-spacing:0;padding:14px;text-align:left;white-space:nowrap}.tasks-table-compact td{background:#fff;border-bottom:1px solid #e7ebef;color:#1f2937;padding:15px 14px;vertical-align:middle}.tasks-table-compact tbody tr:last-child td{border-bottom:none}.tasks-table-compact th:first-child{border-radius:7px 0 0 0}.tasks-table-compact th:last-child{border-radius:0 7px 0 0}.tasks-table-compact tbody tr:last-child td:first-child{border-radius:0 0 0 7px}.tasks-table-compact tbody tr:last-child td:last-child{border-radius:0 0 7px 0}.tasks-table-compact tr:hover{background:#f9f9f9}.tasks-table-compact tr.task-row-clickable{cursor:pointer;transition:background .18s ease,box-shadow .18s ease}.tasks-table-compact tr.task-row-clickable:focus td,.tasks-table-compact tr.task-row-clickable:hover td{background:#e3edff!important;border-bottom-color:#9bbcff}.tasks-table-compact tr.task-row-clickable:focus td:first-child,.tasks-table-compact tr.task-row-clickable:hover td:first-child{box-shadow:inset 3px 0 0 #2575fc;box-shadow:inset 3px 0 0 var(--task-accent,#2575fc)}.tasks-table-compact tr.task-row-clickable:focus{outline:2px solid #2575fc;outline-offset:-2px}.tasks-task-cell{display:flex;flex-direction:column;gap:2px;max-width:200px}.tasks-task-cell strong{color:#333;font-size:.85rem}.tasks-task-description{color:#888;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-assignee-cell,.tasks-deadline-cell{align-items:center;display:flex;gap:6px}.tasks-remarks-cell{color:#666;font-size:.75rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-actions-compact{display:flex;flex-wrap:wrap;gap:4px}.task-action-menu{display:flex;justify-content:center;position:relative}.task-action-menu-trigger{align-items:center;background:#0000;border:none;border-radius:5px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;min-height:32px;padding:5px 9px}.task-action-menu-trigger:focus-visible,.task-action-menu-trigger:hover{background:#e8edff;color:#1f2937;outline:none}.task-action-menu-dropdown{background:#fff;border:1px solid #dfe3ea;border-radius:8px;box-shadow:0 8px 22px #0f172a29;min-width:185px;padding:5px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:1200}.task-action-menu-backdrop{background:#0000;border:none;bottom:0;cursor:default;left:0;padding:0;position:fixed;right:0;top:0;z-index:1400}.task-action-menu-dropdown-portal{-webkit-overflow-scrolling:touch;max-height:280px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:fixed;top:auto;z-index:1500}.task-action-menu-dropdown-portal.open-up{box-shadow:0 -8px 22px #0f172a24}.task-action-menu-dropdown button{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:.82rem;gap:12px;min-height:38px;padding:8px 14px;text-align:left;width:100%}.task-action-menu-dropdown button svg{color:#526174;flex-shrink:0;width:14px}.task-action-menu-dropdown button:focus-visible,.task-action-menu-dropdown button:hover{background:#f3f6fb;outline:none}.task-action-menu-dropdown button.task-action-danger,.task-action-menu-dropdown button.task-action-danger svg{color:#dc3545}.task-action-menu-mobile{margin-left:auto}body.dark-mode .task-action-menu-trigger{color:#9da7b3}body.dark-mode .task-action-menu-trigger:focus-visible,body.dark-mode .task-action-menu-trigger:hover{background:#263b5b;color:#f0f6fc}body.dark-mode .task-action-menu-dropdown{background:#161b22;border-color:#30363d}body.dark-mode .task-action-menu-dropdown button{color:#e6edf3}body.dark-mode .task-action-menu-dropdown button:focus-visible,body.dark-mode .task-action-menu-dropdown button:hover{background:#202833}.tasks-card-mobile{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:none;margin-bottom:12px;padding:15px}.tasks-card-mobile.task-row-clickable{cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.tasks-card-mobile.task-row-clickable:focus,.tasks-card-mobile.task-row-clickable:hover{background:#e3edff;border-color:#2575fc;box-shadow:0 6px 18px #2575fc33,inset 4px 0 0 #2575fc;outline:none}body.dark-mode .tasks-card-mobile.task-row-clickable:focus,body.dark-mode .tasks-card-mobile.task-row-clickable:hover{background:#1b3152!important;border-color:#58a6ff;box-shadow:0 6px 18px #2575fc4d,inset 4px 0 0 #58a6ff}.tasks-card-header{align-items:center;border-bottom:2px solid #f0f2f5;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.tasks-card-header h4{color:#333;font-size:.95rem;margin:0}.tasks-card-body{display:flex;flex-direction:column;gap:4px}.tasks-card-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;font-size:.8rem;justify-content:space-between;padding:3px 0}.tasks-card-row:last-child{border-bottom:none}.tasks-card-label{color:#666;font-size:.75rem;font-weight:600;min-width:100px}.tasks-card-actions{border-top:2px solid #f0f2f5;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px}.tasks-card-actions .btn{flex:1 1;font-size:.75rem;justify-content:center;min-width:70px}.projects-container{width:100%}.projects-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.projects-header-left{display:flex;flex-direction:column;gap:8px}.projects-title{color:#333;font-size:1.5rem;font-weight:600}.projects-stats{display:flex;flex-wrap:wrap;gap:10px}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.projects-card{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.projects-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.projects-card-header{align-items:center;background:#f8f9ff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.projects-card-status{align-items:center;display:flex;gap:8px}.projects-card-actions{display:flex;gap:5px}.projects-card-body{padding:20px}.projects-card-title{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:8px}.projects-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#888;display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:15px;overflow:hidden}.projects-card-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.projects-meta-item{align-items:center;color:#666;display:flex;font-size:.85rem;gap:5px}.projects-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.projects-progress-section{margin-top:10px}.projects-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.projects-progress-label{color:#888;font-size:.8rem}.projects-progress-value{color:#333;font-size:.85rem;font-weight:600}.projects-progress-bar{background:#eee;border-radius:3px;height:6px}.projects-progress-fill{background:linear-gradient(90deg,#6a11cb,#2575fc);border-radius:3px;height:100%;transition:width .5s}.projects-task-count{align-items:center;color:#888;display:flex;font-size:.8rem;gap:5px;margin-top:8px}.projects-card-footer{background:#fafafa;border-top:1px solid #eee;display:flex;gap:8px;padding:15px 20px}.projects-card-footer .btn{flex:1 1;justify-content:center}.team-container{width:100%}.team-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.team-stat-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:18px 20px;transition:all .3s ease}.team-stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.team-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.2rem;height:48px;justify-content:center;width:48px}.team-stat-icon.purple{background:#6a11cb1f;color:#6a11cb}.team-stat-icon.green{background:#28a7451f;color:#28a745}.team-stat-icon.blue{background:#2575fc1f;color:#2575fc}.team-stat-icon.orange{background:#ffc1071f;color:#f59e0b}.team-stat-content{flex:1 1}.team-stat-number{color:#1a1a2e;font-size:1.8rem;font-weight:700;line-height:1.2}.team-stat-label{color:#888;font-size:.7rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.team-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.team-header-left{display:flex;flex-direction:column;gap:8px}.team-title{color:#333;font-size:1.5rem;font-weight:600}.team-stats{display:flex;flex-wrap:wrap;gap:10px}.team-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.team-member-card{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.team-member-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.team-member-header{align-items:flex-start;display:flex;justify-content:space-between;padding:20px 20px 0}.team-member-avatar{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;font-weight:700;height:70px;justify-content:center;width:70px}.team-member-status{padding-top:4px}.team-member-body{padding:16px 20px 12px}.team-member-name{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 4px}.team-member-role{align-items:center;color:#6a11cb;display:flex;font-size:.9rem;font-weight:500;gap:6px;margin:0 0 10px}.role-icon{font-size:.8rem}.team-member-department{align-items:center;color:#888;display:flex;font-size:.8rem;gap:6px;margin-bottom:8px}.dept-icon{font-size:.7rem}.team-member-contact{align-items:center;color:#666;display:flex;font-size:.85rem;gap:8px;margin-bottom:4px}.team-member-contact a{color:#6a11cb;text-decoration:none}.team-member-contact a:hover{text-decoration:underline}.contact-icon{color:#888;font-size:.7rem;min-width:16px}.team-member-join-date{align-items:center;color:#888;display:flex;font-size:.8rem;gap:8px;margin-top:6px}.join-icon{font-size:.7rem}.team-member-skills{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.skill-tag{background:#f0f2f5;border:1px solid #e5e7eb;border-radius:12px;color:#555;font-size:.7rem;padding:2px 10px}.team-member-bio{color:#666;font-size:.85rem;line-height:1.5;margin:8px 0}.team-member-social{display:flex;gap:8px;margin:10px 0}.social-link{align-items:center;background:#f0f2f5;border-radius:50%;color:#555;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .2s;width:32px}.social-link:hover{background:#6a11cb;color:#fff;transform:scale(1.1)}.team-member-stats{border-top:1px solid #f0f2f5;justify-content:space-around;margin-top:10px;padding:12px 0}.stat-item,.team-member-stats{align-items:center;display:flex}.stat-item{flex-direction:column}.stat-number-small{color:#333;font-size:1.2rem;font-weight:700}.stat-label-small{color:#888;font-size:.7rem}.stat-divider{background:#e5e7eb;height:30px;width:1px}.team-member-footer{background:#fafafa;border-top:1px solid #f0f2f5;display:flex;gap:8px;padding:12px 20px 16px}.team-member-footer .btn{flex:1 1;justify-content:center}@media (max-width:1024px){.team-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.team-stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.team-stat-card{padding:12px 14px}.team-stat-number{font-size:1.4rem}.team-grid{grid-template-columns:1fr}.team-header{align-items:stretch;flex-direction:column}}@media (max-width:480px){.team-stats-grid{gap:8px;grid-template-columns:1fr 1fr}.team-stat-card{padding:10px 12px}.team-stat-icon{font-size:1rem;height:36px;width:36px}.team-stat-number{font-size:1.2rem}.team-stat-label{font-size:.6rem}.team-member-header{align-items:center;flex-direction:column;text-align:center}.team-member-status{margin-top:10px}.team-member-body{text-align:center}.team-member-contact,.team-member-department,.team-member-join-date,.team-member-role,.team-member-skills,.team-member-social{justify-content:center}.team-member-footer{flex-direction:column}.team-member-footer .btn{width:100%}}.field-icon{color:#6a11cb;font-size:.75rem;margin-right:4px}.form-input-wrapper{position:relative}.form-input-wrapper .input-icon{color:#9ca3af;font-size:.9rem;left:14px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.form-input-wrapper .form-control{padding-left:42px!important}.form-input-wrapper textarea.form-control{padding-left:16px!important;padding-top:12px}.form-section-header{align-items:center;border-bottom:2px solid #f3f4f6;color:#4b5563;display:flex;font-size:.85rem;font-weight:600;gap:10px;margin-bottom:12px;padding-bottom:8px}.form-section-header .section-icon{color:#6a11cb;font-size:1rem}.form-control option{padding:8px}@media (max-width:768px){.form-input-wrapper .input-icon{font-size:.8rem;left:12px}.form-input-wrapper .form-control{padding-left:36px!important}}body.dark-mode .form-section-header{border-color:#30363d;color:#8b949e}body.dark-mode .field-icon,body.dark-mode .form-section-header .section-icon{color:#6a11cb}body.dark-mode .form-input-wrapper .input-icon{color:#6b7280}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:5px;padding:6px 14px;transition:all .3s}.btn-primary{background:#6a11cb;color:#fff}.btn-primary:hover{background:#5a0fb5}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-outline{background:#0000;border:1px solid #ddd;color:#555}.btn-outline:hover{background:#f0f0f0}.btn-sm{font-size:.75rem;padding:4px 12px}.btn-lg{font-size:.95rem!important;padding:10px 24px!important}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db}.badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:3px 12px}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.badge-info{background:#d1ecf1;color:#0c5460}.badge-primary{background:#cce5ff;color:#004085}.badge-compact{align-items:center;border-radius:10px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:2px 8px;white-space:nowrap}.stat-chip{background:#f0f2f5;border-radius:20px;color:#666;font-size:.8rem;padding:4px 12px}.stat-chip.active{background:#cce5ff;color:#004085}.stat-chip.completed{background:#d4edda;color:#155724}.stat-chip.blocked{background:#f8d7da;color:#721c24}.search-filter-bar{border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:16px}.search-filter-bar .search-box{flex:1 1;min-width:220px;position:relative}.clear-search{background:none;border:none;color:#888;cursor:pointer;padding:0 5px}.filter-group{align-items:center;background:#f8f9ff;border:1px solid #ddd;border-radius:8px;display:flex;gap:5px;padding:5px 8px}.filter-icon{color:#6b7280;flex-shrink:0}.filter-select{background:#0000;border:none;color:#1f2937;cursor:pointer;flex:1 1;font-size:.82rem;min-width:100px;outline:none;padding:3px 4px}.filter-select:focus-visible{border-radius:4px;outline:2px solid #6a11cb;outline-offset:2px}.filter-select option{background:#fff;color:#1f2937}.content-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;padding:20px 24px}.card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.card-title{color:#1a1a2e;font-size:1rem;font-weight:600}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h3{font-size:1.2rem;font-weight:600}.modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.2rem;padding:5px}.modal-close:hover{color:#333}.modal-body{padding:25px}.modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px 25px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{color:#555;font-size:.85rem;font-weight:600}.form-control{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1a1a2e;font-size:.9rem;padding:10px 16px;transition:all .2s;width:100%}.form-control:focus{border-color:#6a11cb;box-shadow:0 0 0 3px #6a11cb1a;outline:none}.form-control::placeholder{color:#9ca3af}.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.empty-state{color:#888;padding:40px 20px;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:10px}.empty-state h3{color:#333;font-size:1.3rem;margin-bottom:10px}.empty-state p{color:#888;margin-bottom:20px}@media (max-width:1024px){.dashboard-project-status-grid,.dashboard-stats-grid,.tasks-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-two-column,.form-row{grid-template-columns:1fr}}@media (max-width:768px){.main-content{margin-left:0;padding:15px}.hamburger-menu{display:block}.top-bar{align-items:stretch;flex-direction:column;gap:15px}.top-bar-actions{justify-content:space-between}.search-box input{width:150px}.dashboard-stats-grid,.tasks-stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.dashboard-stat-card{padding:14px 16px}.dashboard-stat-number{font-size:1.4rem}.tasks-stat-card{padding:10px 12px}.tasks-stat-number{font-size:1.2rem}.dashboard-project-status-grid{grid-template-columns:1fr 1fr}.projects-grid,.team-grid{grid-template-columns:1fr}.search-filter-bar{flex-direction:column}.search-filter-bar .search-box{min-width:100%}.filter-group{width:100%}.filter-select{flex:1 1}.modal-content{margin:10px;width:95%}.modal-body{padding:15px}.modal-footer{flex-direction:column}.modal-footer .btn{justify-content:center;width:100%}.content-card{padding:16px 18px}.card-header{align-items:stretch;flex-direction:column;gap:8px}.card-header .btn{justify-content:center;width:100%}}@media (max-width:480px){.main-content{margin-left:0;padding:10px}.dashboard-stats-grid,.tasks-stats-grid{gap:8px;grid-template-columns:1fr 1fr}.dashboard-stat-card{padding:10px 12px}.dashboard-stat-icon{font-size:1rem;height:36px;width:36px}.dashboard-stat-number{font-size:1.2rem}.dashboard-stat-label{font-size:.6rem}.tasks-stat-card{padding:8px 10px}.tasks-stat-icon{font-size:.8rem;height:30px;width:30px}.tasks-stat-number{font-size:1rem}.tasks-stat-label{font-size:.55rem}.dashboard-project-status-grid,.projects-grid,.team-grid{grid-template-columns:1fr}.content-card{padding:12px 14px}.page-title{font-size:1.2rem}.card-title{font-size:.9rem}.dashboard-card-header{align-items:center;flex-wrap:wrap;height:auto;min-height:44px;padding:8px 12px}.dashboard-card-header .btn{margin-left:auto}.dashboard-recent-project-progress{flex-basis:35%;min-width:72px}}body.dark-mode .content-card,body.dark-mode .dashboard-stat-card,body.dark-mode .projects-card,body.dark-mode .tasks-stat-card,body.dark-mode .team-member-card,body.dark-mode .top-bar{background:#161b22;border-color:#30363d}body.dark-mode .card-title,body.dark-mode .dashboard-stat-number,body.dark-mode .dashboard-status-number,body.dark-mode .page-title span,body.dark-mode .projects-card-title,body.dark-mode .tasks-stat-number,body.dark-mode .team-member-name{color:#e6edf3}body.dark-mode .dashboard-stat-label,body.dark-mode .dashboard-stat-trend,body.dark-mode .dashboard-status-label,body.dark-mode .projects-card-description,body.dark-mode .projects-meta-item,body.dark-mode .tasks-stat-label,body.dark-mode .team-member-role{color:#8b949e}body.dark-mode .search-box{background:#202833}body.dark-mode .search-box input{background:#0000!important;color:#e6edf3}body.dark-mode .card-header,body.dark-mode .search-filter-bar{border-color:#30363d}body.dark-mode .dashboard-deadline-item,body.dark-mode .dashboard-recent-project-item,body.dark-mode .dashboard-status-card{background:#0d1117;border-color:#30363d}body.dark-mode .dashboard-activity-item{border-color:#30363d}body.dark-mode .dashboard-activity-text{color:#8b949e}body.dark-mode .dashboard-activity-text strong{color:#e6edf3}body.dark-mode .filter-group,body.dark-mode .projects-card-footer,body.dark-mode .projects-card-header,body.dark-mode .team-member-footer{background:#0d1117;border-color:#30363d}body.dark-mode .filter-select{color:#e6edf3}body.dark-mode .form-control{background:#0d1117;border-color:#30363d;color:#e6edf3}body.dark-mode .form-control:focus{border-color:#6a11cb}body.dark-mode .modal-content{background:#161b22}body.dark-mode .modal-footer,body.dark-mode .modal-header{border-color:#30363d}body.dark-mode .modal-header h3{color:#e6edf3}body.dark-mode .btn-outline{border-color:#30363d;color:#e6edf3}body.dark-mode .btn-outline:hover{background:#30363d}body.dark-mode .btn-secondary{background:#30363d;color:#e6edf3}body.dark-mode .btn-secondary:hover{background:#484f58}body.dark-mode .stat-chip{background:#21262d;color:#c9d1d9}body.dark-mode .tasks-table-compact th{background:#0d1117;color:#8b949e}body.dark-mode .tasks-table-compact tr:hover{background:#161b22}body.dark-mode .tasks-task-cell strong{color:#e6edf3}body.dark-mode .tasks-remarks-cell,body.dark-mode .tasks-task-description{color:#8b949e}body.dark-mode .tasks-card-mobile{background:#161b22;border-color:#30363d}body.dark-mode .tasks-card-header h4{color:#e6edf3}body.dark-mode .tasks-card-row{border-color:#30363d;color:#e6edf3}body.dark-mode .tasks-card-label{color:#8b949e}body.dark-mode .tasks-card-actions,body.dark-mode .tasks-card-header{border-color:#30363d}body.dark-mode .dashboard-progress-text,body.dark-mode .empty-state h3,body.dark-mode .projects-progress-value{color:#e6edf3}body.dark-mode .empty-state p{color:#8b949e}.login-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;max-width:1000px;overflow:hidden;width:100%}.login-left{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:50px 40px}.login-brand{margin-bottom:40px}.login-logo-icon{color:#fff;font-size:3rem;margin-bottom:10px}.login-brand h1{font-size:2.5rem;font-weight:700;margin:0}.login-brand p{margin-top:5px;opacity:.8}.login-features{display:flex;flex-direction:column;gap:15px}.feature-item{align-items:center;display:flex;font-size:1rem;gap:12px;opacity:.9}.feature-icon{font-size:1.5rem}.login-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:50px 40px}.login-form-container{max-width:400px;width:100%}.login-form-container h2{color:#1a1a2e;font-size:1.8rem;margin-bottom:5px}.login-subtitle{color:#888;margin-bottom:30px}.login-form{gap:20px}.login-form,.login-form-group{display:flex;flex-direction:column}.login-form-group{gap:6px}.login-form-group label{color:#333;font-size:.9rem;font-weight:600}.login-input-wrapper{position:relative}.login-input-icon{color:#888;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.login-input-wrapper input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:12px 16px 12px 42px;transition:all .2s;width:100%}.login-input-wrapper input:focus{border-color:#6a11cb;box-shadow:0 0 0 3px #6a11cb1a;outline:none}.password-toggle{background:none;border:none;color:#888;cursor:pointer;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.login-error{background:#f8d7da;border-radius:6px;color:#721c24;font-size:.9rem;padding:10px 14px}.login-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:all .3s;width:100%}.login-btn:hover{box-shadow:0 4px 15px #6a11cb4d;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-divider{align-items:center;display:flex;margin:25px 0 20px}.login-divider:after,.login-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.login-divider span{color:#888;font-size:.85rem;padding:0 15px}.quick-login-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.quick-login-btn{align-items:center;background:#f8f9ff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 14px;text-align:left;transition:all .2s}.quick-login-btn:hover{background:#f0f4ff;border-color:#6a11cb;transform:translateY(-2px)}.quick-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.quick-info{display:flex;flex-direction:column}.quick-name{color:#333;font-size:.8rem;font-weight:600}.quick-role{color:#888;font-size:.65rem;text-transform:uppercase}.user-info{align-items:center;background:#f0f2f5;border-radius:30px;cursor:pointer;display:flex;gap:10px;padding:5px 12px 5px 5px;transition:all .2s}.user-info:hover{background:#e5e7eb}.user-name{font-size:.85rem;font-weight:500}.user-role-badge{border-radius:12px;color:#fff;font-size:.6rem;font-weight:600;padding:2px 10px;text-transform:uppercase}.user-dropdown{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:200px;padding:10px 0;position:absolute;right:0;top:60px;z-index:1000}.dropdown-header{display:flex;flex-direction:column;gap:2px;padding:10px 20px}.dropdown-header strong{color:#1a1a2e;font-size:.9rem}.dropdown-header span{color:#888;font-size:.75rem}.dropdown-divider{background:#f0f0f0;height:1px;margin:5px 0}.dropdown-item{align-items:center;background:none;border:none;color:#555;cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:10px 20px;text-align:left;transition:all .2s;width:100%}.dropdown-item:hover{background:#f8f9ff;color:#6a11cb}body.dark-mode .user-dropdown{background:#161b22;border-color:#30363d;box-shadow:0 10px 40px #0006}body.dark-mode .dropdown-header strong{color:#e6edf3}body.dark-mode .dropdown-header span{color:#8b949e}body.dark-mode .dropdown-divider{background:#30363d}body.dark-mode .dropdown-item{color:#e6edf3}body.dark-mode .dropdown-item:hover{background:#21262d;color:#d2a8ff}.access-denied,.login-required{align-items:center;display:flex;justify-content:center;min-height:300px}.access-denied-content,.login-required-content{background:#f8f9ff;border:2px solid #f0f0f0;border-radius:12px;padding:40px;text-align:center}.access-denied-content h2,.login-required-content h2{color:#1a1a2e;margin-bottom:10px}.access-denied-content p,.login-required-content p{color:#888;margin-bottom:20px}@media (max-width:768px){.login-container{border-radius:12px;flex-direction:column}.login-left,.login-right{padding:30px}.quick-login-grid{grid-template-columns:1fr}.user-name,.user-role-badge{display:none}}.view-modal{max-width:600px!important}.view-project-details{display:flex;flex-direction:column;gap:12px}.view-detail-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:10px 0}.view-detail-row:last-child{border-bottom:none}.view-label{color:#555;font-size:.9rem;font-weight:600;min-width:120px}.view-icon{color:#6a11cb;margin-right:6px}.view-detail-row .badge{font-size:.75rem}.view-progress-wrapper{align-items:center;display:flex;flex:1 1;gap:12px}.view-progress-bar{background:#e8ecf1;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.view-progress-fill{background:linear-gradient(90deg,#6a11cb,#2575fc);border-radius:4px;height:100%;transition:width .6s ease}.view-progress-text{color:#1a1a2e;font-size:.85rem;font-weight:600;min-width:40px}.view-modal-footer{display:flex;gap:10px;justify-content:flex-end}body.dark-mode .view-detail-row{border-color:#30363d}body.dark-mode .view-label{color:#8b949e}body.dark-mode .view-progress-text{color:#e6edf3}body.dark-mode .view-progress-bar{background:#30363d}@media (max-width:480px){.view-detail-row{align-items:flex-start;flex-direction:column;gap:4px}.view-label{min-width:auto}.view-progress-wrapper{width:100%}.view-modal-footer{flex-direction:column}.view-modal-footer .btn{justify-content:center;width:100%}}.login-tabs{background:#f0f2f5;border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:4px}.login-tab{background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s}.login-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#6a11cb}.login-tab:hover:not(.active){color:#333}.login-success{align-items:center;background:#d4edda;border-radius:6px;color:#155724;display:flex;font-size:.9rem;gap:8px;margin-bottom:15px;padding:10px 14px}.success-icon{font-size:1.1rem}.login-options{align-items:center;display:flex;justify-content:space-between;margin:-5px 0 5px}.login-options-forgot-only{justify-content:flex-end}.remember-me{align-items:center;color:#666;cursor:pointer;display:flex;font-size:.85rem;gap:6px}.remember-me input[type=checkbox]{accent-color:#6a11cb;cursor:pointer;height:16px;width:16px}.forgot-password{background:none;border:none;color:#6a11cb;cursor:pointer;font-family:inherit;font-size:.85rem;padding:0;text-decoration:none}.forgot-password:hover{text-decoration:underline}.forgot-password:disabled{cursor:not-allowed;opacity:.6;text-decoration:none}.loading-spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.login-tabs{flex-direction:row}.login-options{align-items:flex-start;flex-direction:column;gap:8px}.quick-login-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.quick-login-grid{grid-template-columns:1fr}.login-tab{font-size:.8rem;padding:8px 12px}}.user-management{width:100%}.user-management .add-user-form{background:#f8f9ff;border:1px solid #eee;border-radius:12px;margin-bottom:20px;padding:24px}.user-management .add-user-form .form-header{margin-bottom:20px}.user-management .add-user-form h4{align-items:center;color:#1a1a2e;display:flex;font-size:1.1rem;gap:10px}.user-management .add-user-form .form-subtitle{color:#888;font-size:.85rem;margin-top:4px}.user-management .helper-text{color:#888;display:block;font-size:.75rem;margin-top:4px}.user-management .users-table-container{overflow-x:auto}.user-management .users-table{border-collapse:collapse;width:100%}.user-management .users-table th{background:#f8f9ff;border-bottom:2px solid #eee;color:#555;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.user-management .users-table td{border-bottom:1px solid #eee;padding:12px 15px;vertical-align:middle}.user-management .users-table tr:hover{background:#f9f9f9}.user-management .users-table tr.current-user{background:#e8f0fe}.user-management .user-cell{align-items:center;display:flex;gap:12px}.user-management .user-avatar-small{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:36px;justify-content:center;width:36px}.user-management .user-info{display:flex;flex-direction:column}.user-management .user-name{font-weight:500}.user-management .status-badge{border-radius:10px;display:inline-block;font-size:.6rem;font-weight:600;padding:1px 8px;width:fit-content}.user-management .status-badge.active{background:#d4edda;color:#155724}.user-management .status-badge.inactive{background:#f8d7da;color:#721c24}.user-management .status-badge.pending{background:#fff3cd;color:#856404}.user-management .role-badge{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 12px}.user-management .role-badge.admin{background:#dc3545}.user-management .role-badge.project_manager{background:#6a11cb}.user-management .role-badge.team_lead{background:#2575fc}.user-management .role-badge.developer{background:#28a745}.user-management .role-badge.designer{background:#ffc107;color:#333}.user-management .role-badge.viewer{background:#6c757d}.user-management .edit-role-container{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.user-management .form-control-sm{border:1px solid #ddd;border-radius:4px;font-size:.8rem;min-width:120px;padding:4px 8px}.user-management .form-control-sm:focus{border-color:#6a11cb;outline:none}.user-management .user-actions{display:flex;flex-wrap:wrap;gap:5px}.user-management .empty-state-content{padding:40px;text-align:center}.user-management .empty-icon{display:block;font-size:3rem;margin-bottom:10px}.user-management .message{border-radius:6px;margin-bottom:15px;padding:10px 15px}.user-management .message.success{background:#d4edda;color:#155724}.user-management .message.error{background:#f8d7da;color:#721c24}.user-management .loading-container{color:#888;padding:40px;text-align:center}.user-management .card-icon{color:#6a11cb;margin-right:8px}body.dark-mode .user-management .users-table th{background:#0d1117;border-color:#30363d;color:#8b949e}body.dark-mode .user-management .users-table td{border-color:#30363d;color:#e6edf3}body.dark-mode .user-management .users-table tr:hover{background:#161b22}body.dark-mode .user-management .users-table tr.current-user{background:#1a2a3a}body.dark-mode .user-management .add-user-form{background:#0d1117;border-color:#30363d}body.dark-mode .user-management .add-user-form h4{color:#e6edf3}body.dark-mode .user-management .form-control-sm{background:#0d1117;border-color:#30363d;color:#e6edf3}body.dark-mode .user-management .helper-text{color:#6b7280}@media (max-width:768px){.user-management .users-table{min-width:600px}.user-management .edit-role-container{align-items:stretch;flex-direction:column}.user-management .user-actions{flex-direction:column}.user-management .add-user-form .form-row{grid-template-columns:1fr}.user-management .form-actions{flex-direction:column}.user-management .form-actions .btn{justify-content:center;width:100%}}.task-completion-modal{max-width:700px!important}.completion-modal-header{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-bottom:2px solid #b7d7b8}.completion-modal-icon{background:linear-gradient(135deg,#28a745,#20c997)!important}.completion-task-info{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px}.info-item{align-items:center;background:#f8f9ff;border-radius:6px;display:flex;font-size:.9rem;gap:8px;padding:8px 12px}.info-icon{color:#6a11cb;font-size:.9rem}.completion-divider{border:none;border-top:1px solid #eee;margin:15px 0}.completion-modal-footer{background:#f8f9ff;border-top:2px solid #e5e7eb}.spinning{animation:spin 1s linear infinite}.reports-container{width:100%}.reports-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.reports-stat-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:18px 20px}.reports-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.2rem;height:48px;justify-content:center;width:48px}.reports-stat-icon.blue{background:#2575fc1f;color:#2575fc}.reports-stat-icon.green{background:#28a7451f;color:#28a745}.reports-stat-icon.orange{background:#ffc1071f;color:#f59e0b}.reports-stat-icon.purple{background:#6a11cb1f;color:#6a11cb}.reports-stat-content{flex:1 1}.reports-stat-number{color:#1a1a2e;font-size:1.8rem;font-weight:700;line-height:1.2}.reports-stat-label{color:#888;font-size:.7rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.reports-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.reports-header-left{display:flex;flex-direction:column;gap:8px}.reports-title{color:#333;font-size:1.5rem;font-weight:600}.reports-stats{display:flex;flex-wrap:wrap;gap:10px}.reports-table-container{overflow-x:auto}.reports-table{border-collapse:collapse;width:100%}.reports-table th{background:#f8f9ff;border-bottom:2px solid #eee;color:#555;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.reports-table td{border-bottom:1px solid #eee;padding:12px 15px;vertical-align:middle}.reports-table tr:hover{background:#f9f9f9}.report-details-preview{color:#666;font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-detail-modal{max-width:700px!important}.report-modal-header{background:linear-gradient(135deg,#e8edff,#dce3f0);border-bottom:2px solid #c8d0e0}.report-modal-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)!important}.report-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.report-detail-item{background:#f8f9ff;border-radius:6px;padding:8px 12px}.report-detail-item label{color:#888;display:block;font-size:.7rem;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.report-detail-item p{color:#1a1a2e;font-weight:600;margin:0}.report-detail-section{margin:15px 0}.report-detail-section h4{align-items:center;color:#1a1a2e;display:flex;font-size:.95rem;gap:8px;margin-bottom:8px}.report-detail-section p{background:#f8f9ff;border-radius:6px;color:#555;line-height:1.6;margin:0;padding:12px 16px}.report-detail-meta{align-items:center;border-top:1px solid #eee;color:#888;display:flex;font-size:.8rem;justify-content:space-between;margin-top:15px;padding-top:15px}.report-modal-footer{background:#f8f9ff;border-top:2px solid #e5e7eb}.report-export-modal{max-width:980px!important}.report-export-body{background:#fff;color:#111}.report-light-surface,.report-light-surface .modal-body,.report-light-surface .report-export-body,.report-light-surface .report-modal-body{background:#fff!important;color:#111!important}.report-light-surface .modal-footer,.report-light-surface .modal-header,.report-light-surface .report-modal-footer,.report-light-surface .report-modal-header{background:#fff!important;border-color:#e5e7eb!important;color:#111!important}.report-light-surface .employee-report-heading h1,.report-light-surface .employee-report-info-grid span,.report-light-surface .employee-report-info-grid strong,.report-light-surface .employee-report-section h2,.report-light-surface .employee-report-table td,.report-light-surface .employee-report-table th,.report-light-surface .modal-title,.report-light-surface .report-detail-item label,.report-light-surface .report-detail-item p,.report-light-surface .report-detail-meta,.report-light-surface .report-detail-section h4,.report-light-surface .report-detail-section p{color:#111!important}.report-light-surface .employee-report-heading p,.report-light-surface .modal-subtitle{color:#555!important}.report-light-surface .report-detail-item,.report-light-surface .report-detail-section{background:#fafafa!important;border-color:#e5e7eb!important}.report-light-surface .modal-close-btn{color:#333!important}.report-light-surface .modal-close-btn.report-close-btn,.report-light-surface .report-close-btn{align-items:center;background:#f3f4f6!important;border:1px solid #d1d5db!important;color:#111!important;cursor:pointer;display:inline-flex;justify-content:center;min-height:36px;min-width:36px;z-index:2}.report-light-surface .modal-footer .btn-outline.report-close-action,.report-light-surface .report-close-action,body.dark-mode .report-light-surface .btn-outline.report-close-action,body.dark-mode .report-light-surface .modal-footer .btn-outline.report-close-action{background:#fff!important;border:1px solid #374151!important;color:#111!important;font-weight:600}.report-light-surface .modal-footer .btn-outline.report-close-action:hover,.report-light-surface .report-close-action:hover{background:#f3f4f6!important;color:#111!important}.report-export-modal{display:flex;flex-direction:column;max-height:90vh}.report-export-modal .report-export-body{flex:1 1;overflow-y:auto}.report-detail-modal .report-modal-footer,.report-export-modal .report-modal-footer{background:#fff!important;bottom:0;position:sticky;z-index:2}.employee-report-heading{background:#fff;border:1px solid #a9cfa6;color:#111;margin-bottom:12px;padding:10px 14px;text-align:center}.employee-report-heading h1{color:#111;font-size:1.25rem;margin:0}.employee-report-heading p{color:#555;margin:4px 0 0}.employee-report-block{border-bottom:3px solid #2f6b2f;margin-bottom:24px;padding-bottom:18px}.employee-report-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.employee-report-section{margin-bottom:12px;page-break-inside:avoid}.employee-report-section h2{background:#b9ddb5;border-bottom:1px solid #a9cfa6;border-top:1px solid #a9cfa6;color:#111;font-size:.84rem;margin:0;padding:5px 8px;text-align:center}.employee-report-info-grid{background:#fff;border:1px solid #d5e5d2;display:grid;grid-template-columns:1fr 2fr}.employee-report-info-grid div{border-bottom:1px solid #e4eee2;display:grid;grid-template-columns:120px 1fr;min-height:28px}.employee-report-info-grid div:nth-child(odd){border-right:1px solid #e4eee2}.employee-report-info-grid span,.employee-report-info-grid strong{color:#111;padding:5px 8px}.employee-report-info-grid strong{background:#edf6eb;font-weight:600}.employee-report-table{background:#fff;border-collapse:collapse;color:#111;font-size:.78rem;table-layout:fixed;width:100%}.employee-report-table td,.employee-report-table th{background:#fff;border:1px solid #d5e5d2;color:#111;overflow-wrap:anywhere;padding:5px 6px;text-align:left;vertical-align:top}.employee-report-table th{background:#edf6eb;font-size:.72rem;font-weight:600;text-align:center}.employee-report-table td:first-child,.employee-report-table th:first-child{text-align:center}.employee-report-tasks-table td:first-child,.employee-report-tasks-table th:first-child{width:10%}.employee-report-tasks-table td:nth-child(2),.employee-report-tasks-table td:nth-child(3),.employee-report-tasks-table th:nth-child(2),.employee-report-tasks-table th:nth-child(3){width:9%}.employee-report-tasks-table td:nth-child(4),.employee-report-tasks-table th:nth-child(4){width:12%}.employee-report-tasks-table td:nth-child(5),.employee-report-tasks-table th:nth-child(5){width:14%}.employee-report-tasks-table td:nth-child(6),.employee-report-tasks-table th:nth-child(6){width:20%}.employee-report-tasks-table td:nth-child(7),.employee-report-tasks-table th:nth-child(7){width:14%}.employee-report-tasks-table td:nth-child(8),.employee-report-tasks-table th:nth-child(8){width:12%}.employee-report-metrics td,.employee-report-metrics th{width:20%}body.dark-mode .report-light-surface,body.dark-mode .report-light-surface .modal-body,body.dark-mode .report-light-surface .modal-footer,body.dark-mode .report-light-surface .modal-header,body.dark-mode .report-light-surface .report-export-body,body.dark-mode .report-light-surface .report-modal-body,body.dark-mode .report-light-surface .report-modal-footer,body.dark-mode .report-light-surface .report-modal-header{background:#fff!important;border-color:#e5e7eb!important;color:#111!important}body.dark-mode .report-light-surface .employee-report-heading h1,body.dark-mode .report-light-surface .employee-report-heading p,body.dark-mode .report-light-surface .employee-report-info-grid span,body.dark-mode .report-light-surface .employee-report-info-grid strong,body.dark-mode .report-light-surface .employee-report-section h2,body.dark-mode .report-light-surface .employee-report-table td,body.dark-mode .report-light-surface .employee-report-table th,body.dark-mode .report-light-surface .modal-close-btn,body.dark-mode .report-light-surface .modal-subtitle,body.dark-mode .report-light-surface .modal-title,body.dark-mode .report-light-surface .report-close-btn,body.dark-mode .report-light-surface .report-detail-item,body.dark-mode .report-light-surface .report-detail-item label,body.dark-mode .report-light-surface .report-detail-item p,body.dark-mode .report-light-surface .report-detail-meta,body.dark-mode .report-light-surface .report-detail-section,body.dark-mode .report-light-surface .report-detail-section h4,body.dark-mode .report-light-surface .report-detail-section p{background:#f3f4f6!important;border-color:#d1d5db!important;color:#111!important}body.dark-mode .report-light-surface .employee-report-heading p,body.dark-mode .report-light-surface .modal-subtitle{color:#555!important}body.dark-mode .report-light-surface .report-detail-item,body.dark-mode .report-light-surface .report-detail-section{background:#fafafa!important}body.dark-mode .report-light-surface .employee-report-heading,body.dark-mode .report-light-surface .employee-report-info-grid,body.dark-mode .report-light-surface .employee-report-table td{background:#fff!important}body.dark-mode .report-light-surface .employee-report-info-grid strong,body.dark-mode .report-light-surface .employee-report-table th{background:#edf6eb!important}body.dark-mode .report-light-surface .employee-report-section h2{background:#b9ddb5!important}@media (max-width:768px){.reports-stats-grid{grid-template-columns:repeat(2,1fr)}.completion-task-info,.report-detail-grid{grid-template-columns:1fr}}@media (max-width:480px){.reports-stats-grid{grid-template-columns:1fr 1fr}}.report-actions{align-items:center;display:flex;gap:5px}.report-actions .btn{justify-content:center;min-width:32px}.report-task-cell{min-width:120px}.report-task-cell strong{color:#1a1a2e;font-weight:600}@media (max-width:768px){.report-actions{flex-direction:column}.report-actions .btn{width:100%}}.report-task-cell{display:flex;flex-direction:column;gap:2px}.report-timestamp{background:#f0f2f5;border-radius:4px;color:#888;display:inline-block;font-size:.65rem;padding:1px 6px;width:fit-content}.form-note{background:#e8f0fe;border-radius:8px;color:#1a1a2e;font-size:.85rem;margin-top:15px;padding:12px 16px}.form-note strong{color:#6a11cb}body.dark-mode .report-timestamp{background:#21262d;color:#8b949e}body.dark-mode .form-note{background:#0d1117;color:#e6edf3}.task-history-modal{max-width:800px!important}.history-modal-header{background:linear-gradient(135deg,#e8edff,#dce3f0);border-bottom:2px solid #c8d0e0}.history-modal-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)!important}.task-info-summary{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.task-info-summary .info-item{align-items:center;background:#f8f9ff;border-radius:6px;display:flex;font-size:.9rem;gap:8px;padding:8px 12px}.info-badge{background:#6a11cb;border-radius:12px;color:#fff;font-size:.8rem;padding:2px 12px}.history-reports-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.history-report-item{background:#fff;border:1px solid #e7ebef;border-radius:8px;overflow:hidden;padding:0}.history-report-header{align-items:center;background:#f8f9ff;border-bottom:1px solid #e7ebef;display:flex;justify-content:space-between;margin-bottom:0;padding:12px 14px}.history-report-header-actions{align-items:center;display:flex;gap:12px}.history-report-table-container{border-radius:0;box-shadow:none;margin-top:0}.history-report-table{min-width:100%}.history-report-table tbody tr:last-child td{border-bottom:none}.history-edit-overlay{z-index:1100}.task-history-modal .history-modal-body{overflow:visible}.report-number{color:#6a11cb;font-weight:600}.report-date{align-items:center;color:#888;display:flex;font-size:.85rem;gap:4px}.history-report-body{display:flex;flex-direction:column;gap:4px}.history-report-table .report-timestamp{background:#f0f0f0;border-radius:4px;display:inline-block;font-size:.8rem;padding:2px 8px}.history-report-row{display:flex;font-size:.85rem;gap:10px}.history-label{color:#555;font-weight:600;min-width:120px}.history-report-row span:last-child{color:#333}.history-modal-footer{background:#f8f9ff;border-top:2px solid #e5e7eb}.project-tag{background:#e8edff;border-radius:12px;color:#6a11cb;font-size:.75rem;font-weight:500;padding:2px 10px}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover{background:#138496}.btn-xs{border-radius:4px;font-size:.7rem;padding:3px 8px}body.dark-mode .history-report-item{background:#0d1117;border-color:#30363d}body.dark-mode .history-report-header{background:#161b22;border-color:#30363d}body.dark-mode .history-report-table .report-timestamp{background:#21262d;color:#8b949e}body.dark-mode .task-info-summary .info-item{background:#0d1117}body.dark-mode .history-report-row span:last-child{color:#e6edf3}body.dark-mode .history-label{color:#8b949e}body.dark-mode .project-tag{background:#6a11cb38;color:#d2a8ff}body.dark-mode .btn-info{background:#138496}body.dark-mode .btn-info:hover{background:#0f6b7a}@media (max-width:768px){.task-history-modal{max-width:95%!important}.history-report-row{flex-direction:column;gap:2px}.history-report-table tbody td,.history-report-table thead th{font-size:.8rem;padding:8px 10px}.history-label{min-width:auto}.history-report-header{align-items:flex-start;flex-direction:column;gap:8px}.history-report-header-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.task-info-summary{flex-direction:column}}.theme-toggle{align-items:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;bottom:20px;color:#ffffffd1;cursor:pointer;display:flex;font-size:.85rem;gap:12px;left:16px;padding:11px 14px;position:absolute;right:16px;text-align:left;transition:background .2s ease,color .2s ease;width:calc(100% - 32px)}.theme-toggle:focus-visible,.theme-toggle:hover{background:#ffffff29;color:#fff;outline:none}body.dark-mode{background-color:#0d1117;color:#e6edf3;color-scheme:dark}body.dark-mode .content-card,body.dark-mode .dashboard-activity-item,body.dark-mode .dashboard-content-card,body.dark-mode .dashboard-deadline-item,body.dark-mode .dashboard-recent-project-item,body.dark-mode .dashboard-stat-card,body.dark-mode .dashboard-status-card,body.dark-mode .modal-content,body.dark-mode .projects-card,body.dark-mode .tasks-stat-card,body.dark-mode .team-member-card,body.dark-mode .top-bar{background:#161b22;border-color:#30363d;color:#e6edf3}body.dark-mode .dashboard-content-card,body.dark-mode .dashboard-stat-card{box-shadow:0 2px 10px #0000003d}body.dark-mode .card-header,body.dark-mode .dashboard-card-header,body.dark-mode .modal-footer,body.dark-mode .modal-header{border-color:#30363d}body.dark-mode .dashboard-activity-text strong,body.dark-mode .dashboard-card-title,body.dark-mode .dashboard-deadline-task,body.dark-mode .dashboard-progress-text,body.dark-mode .dashboard-recent-project-info h4,body.dark-mode .dashboard-stat-number,body.dark-mode .dashboard-status-number{color:#f0f6fc}body.dark-mode .dashboard-activity-text,body.dark-mode .dashboard-activity-time,body.dark-mode .dashboard-deadline-assignee,body.dark-mode .dashboard-deadline-date,body.dark-mode .dashboard-recent-project-info p,body.dark-mode .dashboard-stat-label,body.dark-mode .dashboard-stat-trend,body.dark-mode .dashboard-status-label{color:#9da7b3}body.dark-mode .dashboard-deadline-item,body.dark-mode .dashboard-recent-project-item,body.dark-mode .dashboard-status-card{background:#0f141b}body.dark-mode .dashboard-deadline-item:hover,body.dark-mode .dashboard-recent-project-item:hover,body.dark-mode .dashboard-status-card:hover{background:#202833}body.dark-mode .dashboard-project-progress-bar{background:#303945}body.dark-mode .empty-state,body.dark-mode .form-group label,body.dark-mode .form-section-header{color:#aab4c0}body.dark-mode .filter-select,body.dark-mode .form-control,body.dark-mode .search-box,body.dark-mode .search-filter-bar,body.dark-mode input:not(.search-box input),body.dark-mode select,body.dark-mode textarea{background:#0d1117;border-color:#30363d;color:#e6edf3}body.dark-mode .card-title,body.dark-mode .page-title,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode strong{color:#e6edf3}body.dark-mode .dashboard-stat-label,body.dark-mode .projects-card-description,body.dark-mode .projects-meta-item,body.dark-mode .search-box input::placeholder,body.dark-mode .tasks-stat-label,body.dark-mode .team-member-role{color:#8b949e}body:not(.dark-mode){background-color:#f0f2f5}body:not(.dark-mode) .content-card,body:not(.dark-mode) .dashboard-stat-card,body:not(.dark-mode) .modal-content,body:not(.dark-mode) .projects-card,body:not(.dark-mode) .tasks-stat-card,body:not(.dark-mode) .team-member-card,body:not(.dark-mode) .top-bar{background:#fff;color:#333}@media (max-width:480px){.theme-toggle{left:12px;right:12px;width:calc(100% - 24px)}}body.dark-mode .reports-stat-card,body.dark-mode .team-stat-card{background:#161b22;border-color:#303d4d;color:#f0f6fc}body.dark-mode .filter-group,body.dark-mode .user-info{background:#202938;border-color:#303d4d;color:#f0f6fc}body.dark-mode .projects-card-title,body.dark-mode .reports-table td,body.dark-mode .stat-number-small,body.dark-mode .tasks-table-compact td,body.dark-mode .tasks-task-cell,body.dark-mode .team-member-bio,body.dark-mode .team-member-contact,body.dark-mode .team-member-department,body.dark-mode .team-member-name,body.dark-mode .user-management .user-name,body.dark-mode .user-management .users-table td,body.dark-mode .user-name{color:#f0f6fc}body.dark-mode .projects-card-description,body.dark-mode .reports-table td:nth-child(6),body.dark-mode .tasks-remarks-cell,body.dark-mode .tasks-task-description,body.dark-mode .team-member-contact a,body.dark-mode .team-member-role,body.dark-mode .user-management .users-table td:nth-child(2){color:#b8c4d4}body.dark-mode .projects-card-footer,body.dark-mode .projects-card-header,body.dark-mode .reports-table th,body.dark-mode .tasks-table-compact th,body.dark-mode .team-member-footer,body.dark-mode .user-management .users-table th{background:#111820;border-color:#303d4d;color:#c7d2df}body.dark-mode .reports-table td,body.dark-mode .tasks-table-compact td,body.dark-mode .user-management .users-table td{border-color:#303d4d}body.dark-mode .reports-table tr:hover,body.dark-mode .tasks-table-compact tr:hover,body.dark-mode .user-management .users-table tr:hover{background:#202b3a}body.dark-mode .user-management .user-info{background:#0000}body.dark-mode .user-management .users-table tr.current-user{background:#202b3a}body.dark-mode .btn-outline,body.dark-mode .empty-state h3,body.dark-mode .empty-state p,body.dark-mode .modal-close,body.dark-mode .reports-stat-label,body.dark-mode .reports-stat-number,body.dark-mode .reports-title,body.dark-mode .tasks-stat-label,body.dark-mode .tasks-stat-number,body.dark-mode .tasks-title,body.dark-mode .team-stat-label,body.dark-mode .team-stat-number,body.dark-mode .team-title{color:#f0f6fc}body:not(.dark-mode){background:#f0f2f5;color:#333}body:not(.dark-mode) .content-card,body:not(.dark-mode) .dashboard-content-card,body:not(.dark-mode) .dashboard-stat-card,body:not(.dark-mode) .modal-content,body:not(.dark-mode) .projects-card,body:not(.dark-mode) .reports-stat-card,body:not(.dark-mode) .tasks-stat-card,body:not(.dark-mode) .team-member-card,body:not(.dark-mode) .team-stat-card,body:not(.dark-mode) .top-bar{background:#fff;border-color:#e5e7eb;color:#333}body:not(.dark-mode) .modal-overlay{background:#00000080!important}body:not(.dark-mode) .modal-footer,body:not(.dark-mode) .modal-header{background:#fff!important;border-color:#eee!important}body:not(.dark-mode) .modal-body,body:not(.dark-mode) .modal-header h3,body:not(.dark-mode) .modal-title{color:#333!important}body:not(.dark-mode) .modal-close,body:not(.dark-mode) .modal-subtitle{color:#888!important}body:not(.dark-mode) .task-details-header{background:linear-gradient(135deg,#e8edff,#dce3f0)!important;border-color:#c8d0e0!important}body:not(.dark-mode) .task-detail-item,body:not(.dark-mode) .task-detail-section p{background:#f8f9ff!important;color:#555!important}body:not(.dark-mode) .task-detail-item label,body:not(.dark-mode) .task-detail-section h4{color:#888!important}body:not(.dark-mode) .task-detail-item p{color:#1a1a2e!important}body:not(.dark-mode) .card-title,body:not(.dark-mode) .dashboard-card-title,body:not(.dark-mode) .dashboard-deadline-task,body:not(.dark-mode) .dashboard-recent-project-info h4,body:not(.dark-mode) .dashboard-stat-number,body:not(.dark-mode) .dashboard-status-number,body:not(.dark-mode) .page-title,body:not(.dark-mode) .page-title span,body:not(.dark-mode) .projects-card-title,body:not(.dark-mode) .reports-stat-number,body:not(.dark-mode) .reports-table td,body:not(.dark-mode) .reports-title,body:not(.dark-mode) .tasks-stat-number,body:not(.dark-mode) .tasks-table-compact td,body:not(.dark-mode) .tasks-title,body:not(.dark-mode) .team-member-name,body:not(.dark-mode) .team-stat-number,body:not(.dark-mode) .team-title,body:not(.dark-mode) .user-management .user-name,body:not(.dark-mode) .user-management .users-table td{color:#1f2937}body:not(.dark-mode) .dashboard-activity-text,body:not(.dark-mode) .dashboard-deadline-assignee,body:not(.dark-mode) .dashboard-deadline-date,body:not(.dark-mode) .dashboard-recent-project-info p,body:not(.dark-mode) .dashboard-stat-label,body:not(.dark-mode) .dashboard-stat-trend,body:not(.dark-mode) .dashboard-status-label,body:not(.dark-mode) .projects-card-description,body:not(.dark-mode) .reports-stat-label,body:not(.dark-mode) .reports-table th,body:not(.dark-mode) .tasks-remarks-cell,body:not(.dark-mode) .tasks-table-compact th,body:not(.dark-mode) .tasks-task-description,body:not(.dark-mode) .team-member-bio,body:not(.dark-mode) .team-member-contact,body:not(.dark-mode) .team-member-department,body:not(.dark-mode) .team-stat-label,body:not(.dark-mode) .user-management .users-table th{color:#6b7280}body:not(.dark-mode) .filter-group,body:not(.dark-mode) .form-control,body:not(.dark-mode) .search-box,body:not(.dark-mode) .search-filter-bar,body:not(.dark-mode) .user-info,body:not(.dark-mode) input,body:not(.dark-mode) select,body:not(.dark-mode) textarea{background:#f8fafc;border-color:#d1d5db;color:#1f2937}body:not(.dark-mode) .filter-select,body:not(.dark-mode) .search-box input,body:not(.dark-mode) .user-name{color:#374151}body:not(.dark-mode) .dashboard-deadline-item,body:not(.dark-mode) .dashboard-recent-project-item,body:not(.dark-mode) .dashboard-status-card,body:not(.dark-mode) .tasks-card-mobile{background:#f8f9ff;border-color:#e5e7eb;color:#1f2937}body:not(.dark-mode) .card-header,body:not(.dark-mode) .dashboard-card-header,body:not(.dark-mode) .modal-footer,body:not(.dark-mode) .modal-header,body:not(.dark-mode) .projects-card-footer,body:not(.dark-mode) .projects-card-header,body:not(.dark-mode) .reports-table th,body:not(.dark-mode) .tasks-table-compact th,body:not(.dark-mode) .team-member-footer,body:not(.dark-mode) .user-management .users-table th{background:#f8f9ff;border-color:#e5e7eb}body:not(.dark-mode) .reports-table td,body:not(.dark-mode) .tasks-table-compact td,body:not(.dark-mode) .user-management .users-table td{border-color:#e5e7eb}body:not(.dark-mode) .user-management .user-info{background:#0000}body:not(.dark-mode) .user-management .users-table tr.current-user{background:#f8fafc}body:not(.dark-mode) .btn-outline,body:not(.dark-mode) .empty-state h3,body:not(.dark-mode) .empty-state p,body:not(.dark-mode) .modal-close,body:not(.dark-mode) .report-task-cell strong,body:not(.dark-mode) .user-management .users-table tr.current-user td{color:#1f2937}body:not(.dark-mode) .btn-outline{border-color:#d1d5db}body:not(.dark-mode) .stat-chip{background:#f0f2f5;color:#555}body:not(.dark-mode) .stat-chip.active{background:#cce5ff;color:#004085}body:not(.dark-mode) .stat-chip.completed{background:#d4edda;color:#155724}body:not(.dark-mode) .stat-chip.blocked{background:#f8d7da;color:#721c24}body:not(.dark-mode) .report-timestamp{background:#eef0f5;color:#555}body:not(.dark-mode) .project-tag{background:#e8edff;color:#6a11cb}body:not(.dark-mode) .skill-tag,body:not(.dark-mode) .social-link{background:#f0f2f5;border-color:#e5e7eb;color:#555}body:not(.dark-mode) .form-note{background:#e8f0fe;color:#1a1a2e}body:not(.dark-mode) .history-report-item,body:not(.dark-mode) .report-detail-item,body:not(.dark-mode) .report-detail-section p,body:not(.dark-mode) .task-info-summary .info-item{background:#f8f9ff;border-color:#eee;color:#1f2937}body:not(.dark-mode) .report-details-preview{color:#555}body.dark-mode .stat-chip.active{background:#2575fc33;color:#79b8ff}body.dark-mode .stat-chip.completed{background:#28a74533;color:#7ee787}body.dark-mode .stat-chip.blocked{background:#dc354533;color:#ffa198}body.dark-mode .report-detail-item,body.dark-mode .report-detail-section p,body.dark-mode .task-info-summary .info-item{background:#0f141b;color:#e6edf3}body.dark-mode .report-detail-item label,body.dark-mode .report-detail-meta,body.dark-mode .report-detail-section h4,body.dark-mode .report-details-preview{color:#9da7b3}body.dark-mode .report-detail-item p{color:#f0f6fc}body.dark-mode .completion-modal-footer,body.dark-mode .completion-modal-header,body.dark-mode .history-modal-footer,body.dark-mode .history-modal-header,body.dark-mode .report-modal-footer,body.dark-mode .report-modal-header{background:#111820;border-color:#30363d}body.dark-mode .completion-divider,body.dark-mode .completion-task-info .info-item,body.dark-mode .info-item{background:#0f141b;border-color:#30363d;color:#e6edf3}body.dark-mode .skill-tag,body.dark-mode .social-link{background:#21262d;border-color:#30363d;color:#c9d1d9}.projects-container,.reports-container,.reports-table-container,.tasks-container,.team-container,.user-management{max-width:100%;min-width:0}.reports-table-container,.user-management .users-table-container{max-width:100%}.activity-log-container{width:100%}.activity-log-container .activity-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.activity-log-container .activity-stat-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:18px 20px;transition:all .3s ease}.activity-log-container .activity-stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.activity-log-container .activity-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.2rem;height:48px;justify-content:center;width:48px}.activity-log-container .activity-stat-icon.blue{background:#2575fc1f;color:#2575fc}.activity-log-container .activity-stat-icon.green{background:#28a7451f;color:#28a745}.activity-log-container .activity-stat-icon.yellow{background:#ffc1071f;color:#f59e0b}.activity-log-container .activity-stat-icon.purple{background:#6a11cb1f;color:#6a11cb}.activity-log-container .activity-stat-content{flex:1 1}.activity-log-container .activity-stat-number{color:#1a1a2e;font-size:1.8rem;font-weight:700;line-height:1.2}.activity-log-container .activity-stat-label{color:#888;font-size:.7rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.activity-log-container .activity-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.activity-log-container .activity-header-left{display:flex;flex-direction:column;gap:8px}.activity-log-container .activity-title{color:#333;font-size:1.5rem;font-weight:600}.activity-log-container .activity-stats{display:flex;flex-wrap:wrap;gap:10px}.activity-log-container .activity-table-container{overflow-x:auto}.activity-log-container .activity-table{background:#fff;border-collapse:collapse;width:100%}.activity-log-container .activity-table th{background:#f8f9ff;border-bottom:2px solid #eee;color:#555;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.activity-log-container .activity-table td{border-bottom:1px solid #eee;color:#333;padding:12px 15px;vertical-align:middle}.activity-log-container .activity-table tr{background:#fff}.activity-log-container .activity-table tr:hover{background:#f9f9f9}.activity-log-container .user-cell{align-items:center;display:flex;gap:10px}.activity-log-container .user-avatar-small{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.activity-log-container .user-info{display:flex;flex-direction:column}.activity-log-container .user-name{color:#333;font-size:.85rem;font-weight:500}.activity-log-container .user-email{color:#888;font-size:.7rem}.activity-log-container .action-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px}.activity-log-container .action-icon{font-size:.7rem}.activity-log-container .entity-cell{align-items:center;display:flex;gap:8px}.activity-log-container .entity-icon{color:#888;font-size:.8rem}.activity-log-container .entity-type-badge{background:#f0f2f5;border-radius:10px;color:#666;font-size:.6rem;padding:2px 8px}.activity-log-container .details-cell{color:#555;font-size:.85rem}.activity-log-container .changes-count{color:#6a11cb;font-size:.7rem;margin-left:4px}.activity-log-container .time-cell{align-items:center;color:#888;display:flex;font-size:.8rem;gap:6px}.activity-log-container .time-icon{font-size:.7rem}.activity-log-container .activity-detail-modal{max-width:700px!important}.activity-log-container .activity-modal-header{border-bottom:3px solid}.activity-log-container .activity-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:15px}.activity-log-container .detail-item{background:#f8f9ff;border-radius:8px;padding:10px 14px}.activity-log-container .detail-item label{color:#888;display:block;font-size:.7rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.activity-log-container .detail-item p{align-items:center;color:#1a1a2e;display:flex;font-weight:600;gap:6px;margin:0}.activity-log-container .detail-item small{color:#888;font-size:.7rem}.activity-log-container .detail-section{margin:15px 0}.activity-log-container .detail-section h4{color:#1a1a2e;font-size:.9rem;margin-bottom:8px}.activity-log-container .detail-section p{background:#f8f9ff;border-radius:6px;color:#555;line-height:1.6;margin:0;padding:12px 16px}.activity-log-container .changes-grid{background:#f8f9ff;border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:12px 16px}.activity-log-container .change-item{border-bottom:1px solid #eee;display:flex;font-size:.85rem;gap:8px;padding:4px 0}.activity-log-container .change-item:last-child{border-bottom:none}.activity-log-container .change-key{color:#555;font-weight:600;min-width:120px}.activity-log-container .change-value{color:#1a1a2e}.activity-log-container .detail-meta{border-top:1px solid #eee;color:#888;display:flex;font-size:.7rem;justify-content:space-between;margin-top:15px;padding-top:15px}.activity-log-container .activity-modal-footer{background:#f8f9ff;border-top:2px solid #e5e7eb}.dark-mode .activity-log-container .activity-stat-card,.dark-mode .activity-log-container .activity-table,.dark-mode .activity-log-container .activity-table tr{background:#161b22!important;border-color:#30363d!important}.dark-mode .activity-log-container .activity-stat-number,.dark-mode .activity-log-container .activity-table td,.dark-mode .activity-log-container .activity-title,.dark-mode .activity-log-container .change-value,.dark-mode .activity-log-container .detail-item p,.dark-mode .activity-log-container .detail-section h4,.dark-mode .activity-log-container .modal-header h3,.dark-mode .activity-log-container .modal-title,.dark-mode .activity-log-container .user-name{color:#e6edf3!important}.dark-mode .activity-log-container .activity-stat-label,.dark-mode .activity-log-container .detail-item label,.dark-mode .activity-log-container .detail-item small,.dark-mode .activity-log-container .detail-meta,.dark-mode .activity-log-container .entity-icon,.dark-mode .activity-log-container .modal-close-btn,.dark-mode .activity-log-container .modal-subtitle,.dark-mode .activity-log-container .time-cell,.dark-mode .activity-log-container .user-email{color:#8b949e!important}.dark-mode .activity-log-container .activity-table th{background:#0d1117!important;border-color:#30363d!important;color:#8b949e!important}.dark-mode .activity-log-container .activity-table td{border-color:#30363d!important}.dark-mode .activity-log-container .activity-table tr:hover{background:#1a1a2e!important}.dark-mode .activity-log-container .details-cell{color:#8b949e!important}.dark-mode .activity-log-container .entity-type-badge,.dark-mode .activity-log-container .stat-chip{background:#0d1117!important;border:1px solid #30363d!important;color:#8b949e!important}.dark-mode .activity-log-container .stat-chip.active{background:#1a2a3a!important;color:#58a6ff!important}.dark-mode .activity-log-container .stat-chip.completed{background:#1a2a1a!important;color:#3fb950!important}.dark-mode .activity-log-container .search-box{background:#0d1117!important;border:1px solid #30363d!important}.dark-mode .activity-log-container .search-box input{background:#0000!important;color:#e6edf3!important}.dark-mode .activity-log-container .search-box input::placeholder{color:#6b7280!important}.dark-mode .activity-log-container .filter-group{background:#0d1117!important;border-color:#30363d!important}.dark-mode .activity-log-container .filter-select{background:#0d1117!important;color:#e6edf3!important}.dark-mode .activity-log-container .detail-item,.dark-mode .activity-log-container .detail-section p{background:#0d1117!important;border:1px solid #30363d!important}.dark-mode .activity-log-container .detail-section p{color:#8b949e!important}.dark-mode .activity-log-container .changes-grid{background:#0d1117!important;border:1px solid #30363d!important}.dark-mode .activity-log-container .change-key{color:#8b949e!important}.dark-mode .activity-log-container .change-item{border-color:#30363d!important}.dark-mode .activity-log-container .activity-modal-footer{background:#0d1117!important;border-color:#30363d!important}body.dark-mode .filter-group{background:#161b22;border-color:#3b4654}body.dark-mode .filter-icon{color:#c9d1d9}body.dark-mode .filter-select{background:#0000;color:#f0f6fc;color-scheme:dark}body.dark-mode .filter-select option{background:#161b22;color:#f0f6fc}.dark-mode .activity-log-container .activity-modal-header{background:#0d1117!important;border-color:#30363d!important}.dark-mode .activity-log-container .modal-close-btn:hover{background:#ffffff0d!important;color:#e6edf3!important}.dark-mode .activity-log-container .empty-state h3{color:#e6edf3!important}.dark-mode .activity-log-container .empty-state p,.dark-mode .activity-log-container .loading-container p{color:#8b949e!important}@media (max-width:1024px){.activity-log-container .activity-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.activity-log-container .activity-stats-grid{grid-template-columns:1fr 1fr}.activity-log-container .activity-detail-grid{grid-template-columns:1fr}.activity-log-container .activity-table{min-width:700px}.activity-log-container .change-item{flex-direction:column;gap:2px}.activity-log-container .change-key{min-width:auto}}@media (max-width:480px){.activity-log-container .activity-stats-grid{grid-template-columns:1fr}.activity-log-container .activity-stat-card{padding:12px 14px}.activity-log-container .activity-stat-number{font-size:1.4rem}.activity-log-container .activity-stat-icon{font-size:1rem;height:36px;width:36px}}.task-comments-section{border-top:1px solid #eee;margin-top:20px;padding-top:16px}.task-comments-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.task-comments-empty{color:#888;font-size:.85rem;margin:0;padding:10px 0}.task-comment{background:#f8f9ff;border:1px solid #eee;border-radius:6px;padding:9px 12px}.task-comment-header{align-items:center;display:flex;font-size:.75rem;gap:10px;justify-content:space-between}.task-comment-header span{color:#888;font-size:.7rem}.task-comment p{color:#444;font-size:.85rem;margin:5px 0 0;overflow-wrap:anywhere}.task-comment-form{display:flex;flex-direction:column;gap:.75rem;margin-top:10px}.task-comment-form input{border:1px solid #ddd;border-radius:6px;flex:1 1;min-width:0;padding:8px 10px}body.dark-mode .task-comments-section{border-color:#30363d}body.dark-mode .task-comment{background:#0d1117;border-color:#30363d}body.dark-mode .task-comment p{color:#e6edf3}body.dark-mode .task-comment-form input{background:#0d1117;border-color:#30363d;color:#e6edf3}@media (max-width:480px){.task-comment-form{align-items:stretch;flex-direction:column}.task-comment-form .btn{justify-content:center}}body.dark-mode .desktop-table-container{background:#161b22;border-color:#30363d}body.dark-mode .tasks-table-compact th{background:#111820!important;border-color:#30363d;color:#c7d2df}body.dark-mode .tasks-table-compact td{background:#161b22!important;border-color:#30363d;color:#e6edf3}body.dark-mode .tasks-table-compact tr.task-row-clickable:focus td,body.dark-mode .tasks-table-compact tr.task-row-clickable:hover td{background:#1f2d45!important;border-bottom-color:#30363d;color:#e6edf3}body.dark-mode .tasks-table-compact tr.task-row-clickable:focus td:first-child,body.dark-mode .tasks-table-compact tr.task-row-clickable:hover td:first-child{box-shadow:inset 4px 0 0 #58a6ff}body.dark-mode .tasks-table-compact tr.task-row-clickable:focus{outline:2px solid #58a6ff;outline-offset:-2px}body:not(.dark-mode) .tasks-table-compact td{background:#fff!important;color:#1f2937}.search-filter-bar{background:#0000!important}.search-filter-bar .search-box{background:#f5f7fa!important;border:1px solid #d9dee5;border-radius:7px}.search-filter-bar .filter-group{background:#fff!important;border-color:#d9dee5}body.dark-mode .search-filter-bar .search-box{background:#202833!important;border-color:#303d4d}body.dark-mode .search-box input,body.dark-mode .search-filter-bar .search-box input{background:#0000!important;color:#e6edf3}body.dark-mode .search-filter-bar .filter-group{background:#161b22!important;border-color:#303d4d}.search-filter-bar .search-box{flex:0 1 360px;margin-right:auto;min-width:240px;width:min(100%,360px)}.search-filter-bar{justify-content:flex-end}.activity-log-container .activity-table-container,.reports-table-container{background:#fff;border:1px solid #e1e5ea;border-radius:8px;box-shadow:0 2px 6px #0f172a0f;overflow-x:auto;overflow-y:visible}.activity-log-container .activity-table,.reports-table{border-collapse:initial;border-spacing:0;min-width:900px;width:100%}.activity-log-container .activity-table th,.reports-table th{background:#f5f7fa!important;border-bottom:1px solid #d9dee5;color:#4b5563;font-size:.78rem;font-weight:700;letter-spacing:0;padding:14px;white-space:nowrap}.activity-log-container .activity-table td,.reports-table td{background:#fff!important;border-bottom:1px solid #e7ebef;color:#1f2937;padding:15px 14px}.activity-log-container .activity-table tbody tr:last-child td,.reports-table tbody tr:last-child td{border-bottom:none}.activity-log-container .activity-table tbody tr:hover td,.reports-table tbody tr:hover td{background:#e3edff!important}body.dark-mode .activity-log-container .activity-table-container,body.dark-mode .reports-table-container{background:#161b22;border-color:#30363d}body.dark-mode .activity-log-container .activity-table th,body.dark-mode .reports-table th{background:#111820!important;border-color:#30363d;color:#c7d2df}body.dark-mode .activity-log-container .activity-table td,body.dark-mode .reports-table td{background:#161b22!important;border-color:#30363d;color:#e6edf3}body.dark-mode .activity-log-container .activity-table tbody tr:hover td,body.dark-mode .reports-table tbody tr:hover td{background:#1b3152!important}@media (max-width:768px){.search-filter-bar .search-box{flex:1 1 100%;margin-right:0;min-width:100%;width:100%}.search-filter-bar{justify-content:flex-start}}.report-upload-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.report-upload-button{cursor:pointer;margin:0}.report-upload-hint{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.85rem}.report-upload-error{color:#dc2626;font-size:.85rem;margin-top:.5rem}.report-selected-files{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.report-selected-file{align-items:center;background:#f9fafb;background:var(--card-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;font-size:.9rem;gap:.75rem;justify-content:space-between;padding:.5rem .75rem}.report-attachments{margin-top:1rem}.report-attachments h4{font-size:.95rem;margin:0 0 .75rem}.report-attachments-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.report-attachment-link{color:inherit;display:flex;flex-direction:column;gap:.35rem;text-decoration:none}.report-attachment-image{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;height:120px;object-fit:cover;width:100%}.report-attachment-name{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-attachment-fallback,.report-attachment-loading{align-items:center;background:#f9fafb;background:var(--card-bg,#f9fafb);border:1px dashed #d1d5db;border:1px dashed var(--border-color,#d1d5db);border-radius:8px;color:#6b7280;color:var(--text-muted,#6b7280);display:flex;font-size:.85rem;justify-content:center;min-height:120px}.image-upload-section{margin-top:.5rem}.image-upload-dropzone{align-items:center;background:#ffffff05;background:var(--card-bg,#ffffff05);border:1px dashed #d1d5db;border:1px dashed var(--border-color,#d1d5db);border-radius:10px;display:flex;flex-wrap:wrap;gap:.75rem;padding:.85rem}.image-upload-trigger{align-items:center;background:#0000;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;color:inherit;cursor:pointer;display:inline-flex;font-size:.85rem;gap:.45rem;padding:.45rem .85rem}.image-upload-trigger.is-disabled{cursor:not-allowed;opacity:.55}.image-upload-preview-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));margin-top:.85rem}.image-upload-preview-card{display:flex;flex-direction:column;gap:.35rem;position:relative}.image-upload-preview-card .report-attachment-image,.image-upload-preview-image{border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;height:96px;object-fit:cover;width:100%}.image-upload-remove-btn{align-items:center;background:#000000a6;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:24px;justify-content:center;position:absolute;right:6px;top:6px;width:24px}.image-upload-compact{margin-top:.5rem}.image-upload-compact-body{display:flex;flex-direction:column;gap:.5rem}body.dark-mode .image-upload-dropzone,body.dark-mode .image-upload-trigger{background:#0d1117;border-color:#30363d}.reference-upload-progress{margin-top:.75rem}.reference-upload-progress-bar{background-color:#e5e7eb;border-radius:2px;height:4px;overflow:hidden;width:100%}.reference-upload-progress-fill{background-color:#6a11cb;height:100%;transition:width .3s ease}.reference-upload-progress-text{color:#6a11cb;display:block;font-size:.85rem;margin-top:.35rem}.reference-image-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.reference-image-preview-actions{display:flex;gap:.5rem}.reference-image-preview{background:#f8fafc;background:var(--card-bg,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;cursor:pointer;display:block;max-height:180px;max-width:100%;object-fit:contain;width:320px}.reports-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px;padding:16px}.reports-pagination-info{color:#6b7280;font-size:13px}.reports-pagination-controls{align-items:center;display:flex;gap:12px}.reports-pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 14px;transition:background .2s ease,border-color .2s ease,color .2s ease}.reports-pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#9ca3af}.reports-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.reports-pagination-page{color:#374151;font-size:13px}body.dark-mode .reports-pagination{border-top-color:#ffffff1a}body.dark-mode .reports-pagination-info{color:#9ca3af}body.dark-mode .reports-pagination-page{color:#e5e7eb}body.dark-mode .reports-pagination-btn{background:#1f2937;border-color:#ffffff24;color:#e5e7eb}body.dark-mode .reports-pagination-btn:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff38;color:#fff}:root{--pf-primary:#6a11cb;--pf-primary-light:#8b3fd9;--pf-accent:#2575fc;--pf-bg:#f4f6fb;--pf-surface:#fff;--pf-border:#e8ecf4;--pf-text:#1a1a2e;--pf-text-muted:#6b7280;--pf-shadow-sm:0 2px 8px #1a1a2e0f;--pf-shadow-md:0 8px 28px #1a1a2e1a;--pf-radius:14px;--pf-radius-sm:10px;--sidebar-width:260px;--sidebar-collapsed-width:76px;--sidebar-bg:linear-gradient(165deg,#0f0c29,#1a1440 38%,#24243e);--sidebar-surface:#ffffff0a;--sidebar-border:#ffffff14;--sidebar-text:#ffffffb8;--sidebar-text-active:#fff;--sidebar-accent:#8b5cf6;--sidebar-accent-glow:#8b5cf659;--sidebar-hover:#ffffff12;--sidebar-active-bg:linear-gradient(90deg,#8b5cf638,#2575fc14)}body{-webkit-font-smoothing:antialiased;background-color:#f4f6fb!important;background-color:var(--pf-bg)!important;color:#1a1a2e;color:var(--pf-text)}.content-card{box-shadow:0 2px 8px #1a1a2e0f!important;box-shadow:var(--pf-shadow-sm)!important}.content-card,.dashboard-stat-card,.tasks-stat-card{border:1px solid #e8ecf4!important;border:1px solid var(--pf-border)!important;border-radius:14px!important;border-radius:var(--pf-radius)!important}.dashboard-stat-card,.tasks-stat-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease!important}.dashboard-stat-card:hover,.tasks-stat-card:hover{box-shadow:0 8px 28px #1a1a2e1a!important;box-shadow:var(--pf-shadow-md)!important;transform:translateY(-3px)!important}.dashboard-stat-subtitle{color:#6b7280;color:var(--pf-text-muted);font-size:.78rem;margin-top:4px}.dashboard-stat-card-clickable:focus-visible{outline:2px solid #6a11cb;outline:2px solid var(--pf-primary);outline-offset:2px}.my-work-section{margin-bottom:24px}.my-work-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.my-work-card-v2{background:#fff;border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:14px;border-radius:var(--pf-radius);box-shadow:0 2px 8px #1a1a2e0f;box-shadow:var(--pf-shadow-sm);cursor:pointer;display:flex;overflow:hidden;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.my-work-card-v2:before{background:linear-gradient(90deg,#6a11cb,color-mix(in srgb,#6a11cb 50%,#0000));background:linear-gradient(90deg,var(--my-accent,#6a11cb),color-mix(in srgb,var(--my-accent,#6a11cb) 50%,#0000));content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.my-work-card-v2.overdue{--my-accent:#ef4444}.my-work-card-v2.due-today{--my-accent:#f59e0b}.my-work-accent{background:linear-gradient(180deg,#6a11cb 0,color-mix(in srgb,var(--my-accent) 55%,#0000) 100%);background:linear-gradient(180deg,var(--my-accent,#6a11cb) 0,color-mix(in srgb,var(--my-accent) 55%,#0000) 100%);flex-shrink:0;width:4px}.my-work-card-inner{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0;padding:16px 18px}.my-work-card-top{align-items:center;display:flex;gap:10px;justify-content:space-between}.my-work-card-v2:hover{border-color:color-mix(in srgb,var(--my-accent) 35%,var(--pf-border));box-shadow:0 10px 28px color-mix(in srgb,var(--my-accent) 14%,#0000);transform:translateY(-3px)}.my-work-card-v2.overdue:hover{border-color:#fca5a5}.my-work-card-v2.due-today:hover{border-color:#fcd34d}.my-work-priority{border-radius:20px;flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.my-work-priority.high{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.my-work-priority.medium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.my-work-priority.low{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.my-work-task-title{color:#1a1a2e;color:var(--pf-text);font-size:1rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;margin:0;overflow-wrap:anywhere}.my-work-date{align-items:center;color:#6b7280;color:var(--pf-text-muted);display:inline-flex;font-size:.8rem;gap:6px;margin-top:auto}.my-work-date svg{flex-shrink:0;opacity:.75}.my-work-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.72rem;font-weight:600;gap:5px;padding:5px 11px;white-space:nowrap}.my-work-badge.overdue{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.my-work-badge.today{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.my-work-badge svg{font-size:.65rem}.projects-page-v2{animation:dashboardFadeIn .35s ease}.projects-page-banner{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc 70%,#1a1a2e);border-radius:14px;border-radius:var(--pf-radius);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:24px 28px;position:relative}.projects-page-banner:after{background:radial-gradient(circle at 90% 10%,#ffffff1f 0,#0000 55%);content:"";inset:0;pointer-events:none;position:absolute}.projects-page-banner-content{position:relative;z-index:1}.projects-page-title{color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.projects-page-subtitle{color:#ffffffd9;font-size:.92rem;margin:0 0 14px}.projects-stats-v2 .stat-chip-v2{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e!important;border:1px solid #ffffff40;color:#fff!important;font-weight:600}.projects-stats-v2 .stat-chip-v2.active{background:#ffffff47!important;color:#fff!important}.projects-stats-v2 .stat-chip-v2.completed{background:#22c55e59!important;border-color:#ffffff4d;color:#fff!important}.projects-new-btn{box-shadow:0 4px 14px #0000001f;position:relative;z-index:1}.projects-new-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.projects-main-card{padding:22px 24px!important}.projects-search-bar{margin-bottom:22px!important}.projects-grid{gap:22px!important}.projects-card-v2{--card-accent:#6a11cb;background:#fff!important;background:var(--pf-surface)!important;border:1px solid #e8ecf4!important;border:1px solid var(--pf-border)!important;border-radius:14px!important;border-radius:var(--pf-radius)!important;box-shadow:0 2px 8px #1a1a2e0f!important;box-shadow:var(--pf-shadow-sm)!important;display:flex;overflow:hidden!important;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}.projects-card-v2:before{background:linear-gradient(180deg,var(--card-accent) 0,color-mix(in srgb,var(--card-accent) 60%,#0000) 100%);border-radius:14px 0 0 14px;border-radius:var(--pf-radius) 0 0 var(--pf-radius);bottom:0;content:"";left:0;position:absolute;top:0;width:5px;z-index:2}.projects-card-accent-bar{background:linear-gradient(90deg,var(--card-accent),color-mix(in srgb,var(--card-accent) 40%,#fff));height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.projects-card-inner{display:flex;flex:1 1;flex-direction:column;margin-left:5px;min-width:0}.projects-card-v2:hover{border-color:color-mix(in srgb,var(--card-accent) 35%,var(--pf-border))!important;box-shadow:0 12px 32px color-mix(in srgb,var(--card-accent) 18%,#0000),0 8px 28px #1a1a2e1a!important;box-shadow:0 12px 32px color-mix(in srgb,var(--card-accent) 18%,#0000),var(--pf-shadow-md)!important;transform:translateY(-5px)!important}.projects-card-v2 .projects-card-header{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--card-accent) 6%,#fff) 0,#0000 100%)!important;border-bottom:1px solid color-mix(in srgb,var(--card-accent) 12%,var(--pf-border))!important;display:flex;justify-content:space-between;padding:14px 18px!important}.projects-card-v2 .projects-card-body{flex:1 1;padding:18px!important}.projects-card-title-row{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.projects-card-v2 .projects-card-title{font-size:1.12rem!important;font-weight:700!important;letter-spacing:-.01em;line-height:1.3;margin-bottom:6px}.projects-card-v2 .projects-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--pf-text-muted);display:-webkit-box;font-size:.86rem;line-height:1.5;margin-bottom:0;overflow:hidden}.projects-card-progress-ring{flex-shrink:0;height:52px;position:relative;width:52px}.projects-progress-ring-svg{height:100%;transform:rotate(-90deg);width:100%}.projects-progress-ring-bg{fill:none;stroke:#e8ecf4;stroke-width:3}.projects-progress-ring-fill{fill:none;stroke:var(--card-accent);stroke-linecap:round;stroke-width:3;transition:stroke-dasharray .5s ease}.projects-progress-ring-label{color:#1a1a2e;color:var(--pf-text);font-size:.68rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.projects-icon-btn{align-items:center;background:#fff;border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:8px;color:#6b7280;color:var(--pf-text-muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.projects-icon-btn-edit:hover{background:#f0e8ff;border-color:#c4b5fd;color:#6a11cb;color:var(--pf-primary)}.projects-icon-btn-delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.projects-progress-box{background:color-mix(in srgb,var(--card-accent) 5%,#f8fafc);border:1px solid color-mix(in srgb,var(--card-accent) 15%,var(--pf-border));border-radius:10px;border-radius:var(--pf-radius-sm);margin-top:4px;padding:12px 14px}.projects-progress-box .projects-progress-label{align-items:center;display:inline-flex;font-weight:600;gap:6px}.projects-card-v2 .projects-card-footer{background:#fafbff!important;border-top:1px solid #e8ecf4!important;border-top:1px solid var(--pf-border)!important;padding:14px 18px!important}.projects-view-btn{align-items:center;background:#fff;border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:10px;border-radius:var(--pf-radius-sm);color:#1a1a2e;color:var(--pf-text);cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.projects-view-btn:hover{background:linear-gradient(135deg,#6a11cb,#2575fc);background:linear-gradient(135deg,var(--pf-primary),var(--pf-accent));border-color:#0000;box-shadow:0 4px 14px #6a11cb40;color:#fff}.projects-card.projects-card-v2{border-left:1px solid #e8ecf4!important;border-left:1px solid var(--pf-border)!important}body.dark-mode .projects-page-banner{background:linear-gradient(135deg,#4c1d95,#1e3a8a 70%,#0d1117)}body.dark-mode .projects-card-v2 .projects-card-header{background:linear-gradient(180deg,color-mix(in srgb,var(--card-accent) 10%,#161b22) 0,#0000 100%)!important}body.dark-mode .projects-progress-box{background:color-mix(in srgb,var(--card-accent) 8%,#0d1117)}body.dark-mode .projects-card-v2 .projects-card-footer{background:#0f141b!important}body.dark-mode .projects-icon-btn,body.dark-mode .projects-view-btn{background:#161b22;border-color:#30363d}body.dark-mode .projects-view-btn{color:#e6edf3}body.dark-mode .projects-progress-ring-bg{stroke:#30363d}@media (max-width:768px){.projects-page-banner{align-items:flex-start;flex-direction:column;padding:20px}.projects-new-btn{justify-content:center;width:100%}}.projects-manager-row{align-items:center;display:flex;gap:10px;margin-bottom:12px}.manager-avatar{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);background:linear-gradient(135deg,var(--pf-primary),var(--pf-accent));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:34px;justify-content:center;width:34px}.manager-name{color:#1a1a2e;color:var(--pf-text);font-size:.88rem;font-weight:500}.due-soon-badge{background:#fef3c7;color:#b45309}.due-overdue-badge,.due-soon-badge{border-radius:20px;font-size:.72rem;font-weight:600;padding:3px 10px}.due-overdue-badge{background:#fee2e2;color:#b91c1c}.projects-stats-row{align-items:center;color:#6b7280;color:var(--pf-text-muted);display:flex;font-size:.82rem;gap:6px;margin-top:8px}.projects-stats-row strong{color:#1a1a2e;color:var(--pf-text)}.projects-stats-divider{color:#d1d5db}.projects-progress-bar{border-radius:99px!important;height:8px!important;overflow:hidden}.projects-progress-fill{background:linear-gradient(90deg,#6a11cb,#2575fc)!important;background:linear-gradient(90deg,var(--pf-primary),var(--pf-accent))!important;border-radius:99px;transition:width .4s ease}.badge-status{align-items:center;background:#0000!important;border:1px solid;display:inline-flex;font-weight:600;gap:6px;padding:3px 10px!important}.badge-status:before{border-radius:50%;content:"";height:7px;width:7px}.badge-success.badge-status{color:#15803d}.badge-success.badge-status:before{background:#22c55e}.badge-warning.badge-status{color:#b45309}.badge-warning.badge-status:before{background:#f59e0b}.badge-danger.badge-status{color:#b91c1c}.badge-danger.badge-status:before{background:#ef4444}.badge-info.badge-status{color:#0369a1}.badge-info.badge-status:before{background:#0ea5e9}.badge-primary.badge-status{color:#6d28d9}.badge-primary.badge-status:before{background:#8b5cf6}.badge-priority{background:#0000!important;border:1px solid #d1d5db;color:#6b7280!important;color:var(--pf-text-muted)!important;font-weight:500}.badge-category{background:#f1f5f9!important;color:#475569!important;font-weight:500}.dashboard-recent-project-item{border-radius:10px!important;border-radius:var(--pf-radius-sm)!important;transition:background .2s,transform .2s}.dashboard-recent-project-item:hover{transform:translateX(4px)}.dashboard-progress-fill{background:linear-gradient(90deg,#6a11cb,#2575fc)!important;background:linear-gradient(90deg,var(--pf-primary),var(--pf-accent))!important}.dashboard-recent-project-meta{color:#6b7280;color:var(--pf-text-muted);display:flex;font-size:.78rem;gap:8px;margin-top:4px}.slide-over-backdrop{animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;inset:0;position:fixed;z-index:4000}.slide-over-panel{animation:slideInRight .3s ease;background:#fff;background:var(--pf-surface);box-shadow:-8px 0 40px #00000026;display:flex;flex-direction:column;height:100vh;max-width:520px;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:4001}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.slide-over-header{align-items:flex-start;background:linear-gradient(135deg,#f0f4ff,#e8edff);border-bottom:1px solid #e8ecf4;border-bottom:1px solid var(--pf-border);display:flex;gap:12px;justify-content:space-between;padding:20px 24px}.slide-over-body{flex:1 1;overflow-y:auto;padding:24px}.slide-over-footer{border-top:1px solid #e8ecf4;border-top:1px solid var(--pf-border);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}body.dark-mode .slide-over-panel{background:#161b22}body.dark-mode .slide-over-header{background:#111820;border-color:#30363d}body.dark-mode .slide-over-footer{border-color:#30363d}body.dark-mode .my-work-card-v2{background:#161b22;border-color:#30363d}body.dark-mode .my-work-task-title{color:#e6edf3}body.dark-mode .my-work-badge.overdue{background:#3d1515;border-color:#7f1d1d;color:#fca5a5}body.dark-mode .my-work-badge.today{background:#3d2e0a;border-color:#78350f;color:#fcd34d}body.dark-mode .manager-name{color:#e6edf3}body.dark-mode .badge-category{background:#21262d!important;color:#8b949e!important}body.dark-mode .badge-priority{border-color:#484f58;color:#8b949e!important}body.dark-mode{--pf-bg:#0d1117;--pf-surface:#161b22;--pf-border:#30363d;--pf-text:#e6edf3;--pf-text-muted:#8b949e}@media (max-width:768px){.slide-over-panel{max-width:100%}.my-work-grid{grid-template-columns:1fr}}.dashboard-v2{animation:dashboardFadeIn .4s ease}@keyframes dashboardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-hero{border-radius:14px;border-radius:var(--pf-radius);margin-bottom:24px;overflow:hidden;position:relative}.dashboard-hero-bg{background:linear-gradient(135deg,#6a11cb,#2575fc 55%,#1a1a2e);inset:0;position:absolute}.dashboard-hero-bg:after{background:radial-gradient(circle at 80% 20%,#ffffff26 0,#0000 50%);content:"";inset:0;position:absolute}.dashboard-hero-inner{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:28px 32px;position:relative;z-index:1}.dashboard-hero-date{align-items:center;color:#ffffffbf;display:inline-flex;font-size:.82rem;gap:6px;margin-bottom:8px}.dashboard-hero-title{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 6px}.dashboard-hero-subtitle{color:#ffffffd9;font-size:.95rem;margin:0}.dashboard-quick-actions{display:flex;flex-wrap:wrap;gap:10px}.dashboard-quick-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:8px;padding:10px 18px;transition:background .2s,transform .2s}.dashboard-quick-btn:hover{background:#ffffff40;transform:translateY(-1px)}.dashboard-quick-btn-accent{background:#fff;border-color:#fff;color:#6a11cb;color:var(--pf-primary)}.dashboard-quick-btn-accent:hover{background:#f8f9ff}.dashboard-stats-grid-v2{gap:18px!important;margin-bottom:24px!important}.dashboard-stat-card-v2{align-items:stretch!important;background:#fff!important;background:var(--pf-surface)!important;border:1px solid #e8ecf4!important;border:1px solid var(--pf-border)!important;border-radius:14px!important;border-radius:var(--pf-radius)!important;cursor:pointer;display:flex!important;flex-direction:column!important;gap:8px!important;overflow:hidden;padding:20px!important;position:relative;transition:transform .2s,box-shadow .2s!important}.dashboard-stat-card-v2:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-purple:before{background:linear-gradient(90deg,#6a11cb,#8b3fd9)}.stat-blue:before{background:linear-gradient(90deg,#2575fc,#60a5fa)}.stat-green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.stat-orange:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.dashboard-stat-card-v2:hover{box-shadow:0 8px 28px #1a1a2e1a!important;box-shadow:var(--pf-shadow-md)!important;transform:translateY(-4px)!important}.dashboard-stat-card-top{align-items:center;display:flex;justify-content:space-between}.dashboard-stat-chip{background:#f1f5f9;border-radius:20px;color:#6b7280;color:var(--pf-text-muted);font-size:.72rem;font-weight:600;padding:4px 10px}.dashboard-stat-card-v2 .dashboard-stat-number{font-size:2rem!important;font-weight:700!important;letter-spacing:-.02em;line-height:1!important}.dashboard-stat-card-v2 .dashboard-stat-label{color:#6b7280!important;color:var(--pf-text-muted)!important;font-size:.78rem!important;letter-spacing:.04em!important;text-transform:uppercase!important}.dashboard-stat-ring{--progress:0;background:conic-gradient(#22c55e calc(var(--progress)*1%),#e8ecf4 0);flex-shrink:0;height:44px;width:44px}.dashboard-stat-ring,.dashboard-stat-ring span{align-items:center;border-radius:50%;display:flex;justify-content:center;position:relative}.dashboard-stat-ring span{background:#fff;background:var(--pf-surface);color:#15803d;font-size:.65rem;font-weight:700;height:32px;width:32px;z-index:1}.dashboard-panel{border:1px solid #e8ecf4!important;border:1px solid var(--pf-border)!important;border-radius:14px!important;border-radius:var(--pf-radius)!important;box-shadow:0 2px 8px #1a1a2e0f!important;box-shadow:var(--pf-shadow-sm)!important}.dashboard-card-header-v2{align-items:flex-start!important;border-bottom:1px solid #e8ecf4!important;border-bottom:1px solid var(--pf-border)!important;margin-bottom:20px!important;padding-bottom:16px!important}.dashboard-card-header-v2 .dashboard-card-title{align-items:center;display:flex;font-size:1.05rem!important;font-weight:700!important;gap:8px}.dashboard-card-header-v2 .section-icon{color:#6a11cb;color:var(--pf-primary);font-size:.95rem}.dashboard-card-subtitle{color:#6b7280;color:var(--pf-text-muted);font-size:.82rem;margin:4px 0 0}.dashboard-recent-projects-v2{gap:12px!important}.dashboard-recent-project-item-v2{align-items:center!important;background:#fafbff!important;border:1px solid #e8ecf4!important;border:1px solid var(--pf-border)!important;border-radius:10px!important;border-radius:var(--pf-radius-sm)!important;cursor:pointer;display:flex!important;gap:14px!important;padding:14px 16px!important;transition:background .2s,border-color .2s,transform .2s!important}.dashboard-recent-project-item-v2:hover{background:#f0f4ff!important;border-color:#6a11cb33!important;transform:translateX(4px)}.dashboard-project-avatar{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:42px;justify-content:center;width:42px}.dashboard-status-pill{font-size:.72rem;font-weight:600}.dashboard-circular-progress{flex-shrink:0;height:48px;position:relative;width:48px}.dashboard-progress-ring{height:100%;transform:rotate(-90deg);width:100%}.dashboard-progress-ring-bg{fill:none;stroke:#e8ecf4;stroke-width:3}.dashboard-progress-ring-fill{fill:none;stroke:#6a11cb;stroke:var(--pf-primary);stroke-linecap:round;stroke-width:3;transition:stroke-dasharray .6s ease}.dashboard-progress-ring-text{font-size:.65rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dashboard-circular-progress:before{content:none}.dashboard-deadlines-v2{gap:0!important}.dashboard-deadline-item-v2{align-items:flex-start!important;background:#0000!important;border:none!important;border-radius:0!important;cursor:pointer;display:flex!important;gap:14px!important;padding:12px 0!important;transition:opacity .2s}.dashboard-deadline-item-v2:hover{opacity:.85}.dashboard-deadline-item-v2.urgent .dashboard-deadline-task{color:#b91c1c}.dashboard-deadline-timeline{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:16px}.dashboard-deadline-dot{background:#6a11cb;background:var(--pf-primary);border-radius:50%;flex-shrink:0;height:10px;width:10px}.dashboard-deadline-dot.urgent{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.dashboard-deadline-line{background:#e8ecf4;background:var(--pf-border);flex:1 1;margin:4px 0;min-height:24px;width:2px}.dashboard-deadline-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.dashboard-activity-feed-v2{gap:0}.dashboard-activity-item-v2{align-items:flex-start!important;border-bottom:none!important;display:flex!important;gap:0!important;padding:0 0 16px!important}.dashboard-activity-timeline{align-items:center;display:flex;flex-direction:column;flex-shrink:0;margin-right:14px;width:34px}.dashboard-activity-line{background:#e8ecf4;background:var(--pf-border);flex:1 1;margin-top:6px;min-height:20px;width:2px}.dashboard-activity-icon.activity-create{background:#dbeafe!important;color:#1d4ed8!important}.dashboard-activity-icon.activity-update{background:#fef3c7!important;color:#b45309!important}.dashboard-activity-icon.activity-complete{background:#d1fae5!important;color:#047857!important}.dashboard-activity-icon.activity-comment{background:#f1f5f9!important;color:#475569!important}.dashboard-activity-icon.activity-delete{background:#fee2e2!important;color:#b91c1c!important}.dashboard-empty-state{align-items:center;color:#6b7280;color:var(--pf-text-muted);display:flex;flex-direction:column;gap:10px;padding:32px 16px;text-align:center}.dashboard-empty-icon{color:#cbd5e1;font-size:2rem}body.dark-mode .dashboard-hero-bg{background:linear-gradient(135deg,#4c1d95,#1e3a8a 55%,#0d1117)}body.dark-mode .dashboard-stat-chip{background:#21262d;color:#8b949e}body.dark-mode .dashboard-stat-ring span{background:#161b22}body.dark-mode .dashboard-recent-project-item-v2{background:#0f141b!important}body.dark-mode .dashboard-recent-project-item-v2:hover{background:#161b22!important}body.dark-mode .dashboard-progress-ring-bg{stroke:#30363d}body.dark-mode .dashboard-activity-icon.activity-create{background:#1e3a5f!important;color:#58a6ff!important}body.dark-mode .dashboard-activity-icon.activity-update{background:#3d2e0a!important;color:#fbbf24!important}body.dark-mode .dashboard-activity-icon.activity-complete{background:#1a3a2a!important;color:#3fb950!important}body.dark-mode .dashboard-activity-icon.activity-comment{background:#21262d!important;color:#8b949e!important}body.dark-mode .dashboard-activity-icon.activity-delete{background:#3d1515!important;color:#f85149!important}@media (max-width:768px){.dashboard-hero-inner{align-items:flex-start;flex-direction:column;padding:22px 20px}.dashboard-hero-title{font-size:1.4rem}.dashboard-stats-grid-v2{grid-template-columns:repeat(2,1fr)!important}.dashboard-stat-card-v2 .dashboard-stat-number{font-size:1.6rem!important}}@media (max-width:480px){.dashboard-stats-grid-v2{grid-template-columns:1fr!important}}.tasks-page-v2{animation:dashboardFadeIn .35s ease}.tasks-page-banner{align-items:center;background:linear-gradient(135deg,#2575fc,#6a11cb 55%,#1a1a2e);border-radius:14px;border-radius:var(--pf-radius);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:24px 28px;position:relative}.tasks-page-banner:after{background:radial-gradient(circle at 10% 20%,#ffffff1f 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.tasks-page-banner-content{position:relative;z-index:1}.tasks-page-title{color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.tasks-page-subtitle{color:#ffffffd9;font-size:.92rem;margin:0 0 14px}.tasks-stats-banner .stat-chip-v2{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e!important;border:1px solid #ffffff40;color:#fff!important;font-weight:600}.tasks-stats-banner .stat-chip-v2.active{background:#ffffff47!important}.tasks-stats-banner .stat-chip-v2.completed{background:#22c55e59!important;border-color:#ffffff4d}.tasks-stats-banner .stat-chip-v2.blocked{background:#ef444459!important;border-color:#ffffff4d}.tasks-new-btn{box-shadow:0 4px 14px #0000001f;position:relative;z-index:1}.tasks-new-btn:disabled{cursor:not-allowed;opacity:.65}.tasks-stats-grid-v2{gap:18px!important;margin-bottom:20px!important}.tasks-stat-card-v2{align-items:stretch!important;background:#fff!important;background:var(--pf-surface)!important;border:1px solid #e8ecf4!important;border:1px solid var(--pf-border)!important;border-radius:14px!important;border-radius:var(--pf-radius)!important;display:flex!important;flex-direction:column!important;gap:8px!important;overflow:hidden;padding:20px!important;position:relative;transition:transform .2s,box-shadow .2s!important}.tasks-stat-card-v2:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.tasks-stat-card-v2.stat-blue:before{background:linear-gradient(90deg,#2575fc,#60a5fa)}.tasks-stat-card-v2.stat-green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.tasks-stat-card-v2.stat-yellow:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.tasks-stat-card-v2.stat-purple:before{background:linear-gradient(90deg,#6a11cb,#8b3fd9)}.tasks-stat-card-v2:hover{box-shadow:0 8px 28px #1a1a2e1a!important;box-shadow:var(--pf-shadow-md)!important;transform:translateY(-3px)!important}.tasks-stat-card-top{align-items:center;display:flex;justify-content:space-between}.tasks-stat-chip{background:#f1f5f9;border-radius:20px;color:#6b7280;color:var(--pf-text-muted);font-size:.72rem;font-weight:600;padding:4px 10px}.tasks-stat-card-v2 .tasks-stat-number{font-size:2rem!important;font-weight:700!important;letter-spacing:-.02em;line-height:1!important}.tasks-stat-card-v2 .tasks-stat-label{color:#6b7280!important;color:var(--pf-text-muted)!important;font-size:.78rem!important;letter-spacing:.04em!important;text-transform:uppercase!important}.tasks-stat-ring{--progress:0;background:conic-gradient(#6a11cb calc(var(--progress)*1%),#e8ecf4 0);flex-shrink:0;height:44px;width:44px}.tasks-stat-ring,.tasks-stat-ring span{align-items:center;border-radius:50%;display:flex;justify-content:center;position:relative}.tasks-stat-ring span{background:#fff;background:var(--pf-surface);color:#6a11cb;font-size:.65rem;font-weight:700;height:32px;width:32px;z-index:1}.tasks-main-card{padding:22px 24px!important}.tasks-search-bar{margin-bottom:22px!important}.tasks-table-wrapper-v2{border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:14px;border-radius:var(--pf-radius);box-shadow:0 2px 8px #1a1a2e0f;box-shadow:var(--pf-shadow-sm);overflow-x:auto;overflow-y:visible}.tasks-table-v2{border-collapse:initial;border-spacing:0}.tasks-table-v2 thead th{background:linear-gradient(180deg,#f8fafc,#f1f5f9)!important;border-bottom:1px solid #e8ecf4!important;border-bottom:1px solid var(--pf-border)!important;color:#6b7280!important;color:var(--pf-text-muted)!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.06em;padding:14px 16px!important;text-transform:uppercase}.tasks-table-v2 tbody td{border-bottom:1px solid #f1f5f9!important;padding:14px 16px!important;vertical-align:middle}.tasks-row-v2{transition:background .2s ease}.tasks-row-v2 td:first-child{box-shadow:inset 0 0 0 0 #0000;transition:box-shadow .2s ease}.tasks-row-v2:focus td:first-child,.tasks-row-v2:hover td:first-child{box-shadow:inset 3px 0 0 #6a11cb;box-shadow:inset 3px 0 0 var(--task-accent,#6a11cb)}.tasks-row-v2:hover td{background:#fafbff!important}.tasks-assignee-v2{align-items:center;display:inline-flex;gap:8px}.tasks-assignee-avatar{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);background:linear-gradient(135deg,var(--pf-primary),var(--pf-accent));border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:28px;justify-content:center;width:28px}.tasks-table-v2 .task-action-menu-trigger{background:#fff;border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:8px;transition:all .2s ease}.tasks-table-v2 .task-action-menu-trigger:hover{background:#f0e8ff;border-color:#c4b5fd;color:#6a11cb;color:var(--pf-primary)}.tasks-mobile-grid{display:none;flex-direction:column;gap:14px}.tasks-mobile-card-v2{background:#fff;border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:14px;border-radius:var(--pf-radius);box-shadow:0 2px 8px #1a1a2e0f;box-shadow:var(--pf-shadow-sm);cursor:pointer;display:flex;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.tasks-mobile-card-v2:hover{box-shadow:0 8px 28px #1a1a2e1a;box-shadow:var(--pf-shadow-md);transform:translateY(-2px)}.tasks-mobile-accent{background:linear-gradient(180deg,#6a11cb 0,color-mix(in srgb,var(--task-accent) 55%,#0000) 100%);background:linear-gradient(180deg,var(--task-accent,#6a11cb) 0,color-mix(in srgb,var(--task-accent) 55%,#0000) 100%);flex-shrink:0;width:4px}.tasks-mobile-card-inner{flex:1 1;min-width:0}.tasks-mobile-card-v2:before{background:linear-gradient(90deg,#6a11cb,#0000);background:linear-gradient(90deg,var(--task-accent,#6a11cb),#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}body.dark-mode .tasks-page-banner{background:linear-gradient(135deg,#1e3a8a,#4c1d95 55%,#0d1117)}body.dark-mode .tasks-stat-chip{background:#21262d;color:#8b949e}body.dark-mode .tasks-stat-ring span{background:#161b22}body.dark-mode .tasks-table-v2 thead th{background:linear-gradient(180deg,#161b22,#0d1117)!important}body.dark-mode .tasks-row-v2:hover td{background:#161b22!important}body.dark-mode .tasks-mobile-card-v2{background:#161b22}body.dark-mode .tasks-table-v2 .task-action-menu-trigger{background:#161b22;border-color:#30363d}@media (max-width:768px){.tasks-page-banner{align-items:flex-start;flex-direction:column;padding:20px}.tasks-new-btn{justify-content:center;width:100%}.tasks-stats-grid-v2{grid-template-columns:repeat(2,1fr)!important}.tasks-table-wrapper-v2{display:none}.tasks-mobile-grid{display:flex}}@media (min-width:769px){.tasks-mobile-grid{display:none!important}}@media (max-width:480px){.tasks-stats-grid-v2{grid-template-columns:1fr!important}}.team-page-v2{animation:dashboardFadeIn .35s ease}.team-page-banner{align-items:center;background:linear-gradient(135deg,#4c1d95,#2563eb 58%,#1a1a2e);border-radius:14px;border-radius:var(--pf-radius);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:24px 28px;position:relative}.team-page-banner:after{background:radial-gradient(circle at 88% 18%,#ffffff24 0,#0000 52%);content:"";inset:0;pointer-events:none;position:absolute}.team-page-banner-content{position:relative;z-index:1}.team-page-title{color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.team-page-subtitle{color:#ffffffd9;font-size:.92rem;margin:0 0 14px}.team-stats-banner .stat-chip-v2{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e!important;border:1px solid #ffffff40;color:#fff!important;font-weight:600}.team-stats-banner .stat-chip-v2.active{background:#22c55e61!important}.team-new-btn{box-shadow:0 4px 14px #0000001f;position:relative;z-index:1}.team-new-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.team-stats-grid-v2{gap:18px!important;margin-bottom:20px!important}.team-stat-card-v2{align-items:stretch!important;background:#fff!important;background:var(--pf-surface)!important;border:1px solid #e8ecf4!important;border:1px solid var(--pf-border)!important;border-radius:14px!important;border-radius:var(--pf-radius)!important;display:flex!important;flex-direction:column!important;gap:8px!important;overflow:hidden;padding:20px!important;position:relative;transition:transform .2s,box-shadow .2s!important}.team-stat-card-v2:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.team-stat-card-v2.stat-purple:before{background:linear-gradient(90deg,#6a11cb,#8b3fd9)}.team-stat-card-v2.stat-green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.team-stat-card-v2.stat-blue:before{background:linear-gradient(90deg,#2575fc,#60a5fa)}.team-stat-card-v2.stat-orange:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.team-stat-card-v2:hover{box-shadow:0 8px 28px #1a1a2e1a!important;box-shadow:var(--pf-shadow-md)!important;transform:translateY(-3px)!important}.team-stat-card-top{align-items:center;display:flex;justify-content:space-between}.team-stat-chip{background:#f1f5f9;border-radius:20px;color:#6b7280;color:var(--pf-text-muted);font-size:.72rem;font-weight:600;padding:4px 10px}.team-stat-card-v2 .team-stat-number{color:#1a1a2e!important;color:var(--pf-text)!important;font-size:2rem!important;font-weight:700!important;letter-spacing:-.02em;line-height:1!important}.team-stat-card-v2 .team-stat-label{color:#6b7280!important;color:var(--pf-text-muted)!important;font-size:.78rem!important;letter-spacing:.04em!important;text-transform:uppercase!important}.team-stat-ring{--progress:0;background:conic-gradient(#22c55e calc(var(--progress)*1%),#e8ecf4 0);flex-shrink:0;height:44px;width:44px}.team-stat-ring,.team-stat-ring span{align-items:center;border-radius:50%;display:flex;justify-content:center}.team-stat-ring span{background:#fff;background:var(--pf-surface);color:#16a34a;font-size:.65rem;font-weight:700;height:32px;width:32px}.team-main-card{padding:22px 24px!important}.team-search-bar{margin-bottom:22px!important}.team-sections{display:flex;flex-direction:column;gap:22px}.team-group-card{background:color-mix(in srgb,#6a11cb 3%,#fff);background:color-mix(in srgb,var(--pf-primary) 3%,var(--pf-surface));border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:14px;border-radius:var(--pf-radius);padding:18px}.team-group-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:16px}.team-group-identity{align-items:flex-start;display:flex;gap:12px;min-width:0}.team-group-icon{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);background:linear-gradient(135deg,var(--pf-primary),var(--pf-accent));border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:42px;justify-content:center;width:42px}.team-group-icon.ungrouped{background:linear-gradient(135deg,#64748b,#94a3b8)}.team-group-name{color:#1a1a2e;color:var(--pf-text);font-size:1.12rem;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.team-group-meta{align-items:center;color:#6b7280;color:var(--pf-text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px;margin:0}.team-group-meta svg{margin-right:4px;vertical-align:-2px}.team-group-dot{background:#cbd5e1;border-radius:50%;height:4px;width:4px}.team-group-desc{color:#6b7280;color:var(--pf-text-muted);font-size:.82rem;line-height:1.4;margin:6px 0 0}.team-group-actions{display:flex;flex-wrap:wrap;gap:8px}.team-group-btn{align-items:center;background:#fff;border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:10px;color:#1a1a2e;color:var(--pf-text);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.team-group-btn-primary{background:linear-gradient(135deg,#6a11cb,#2575fc);background:linear-gradient(135deg,var(--pf-primary),var(--pf-accent));border-color:#0000;color:#fff}.team-group-btn-primary:hover{box-shadow:0 4px 14px #6a11cb47;transform:translateY(-1px)}.team-group-btn-danger{color:#dc2626}.team-group-btn-danger:hover{background:#fef2f2;border-color:#fecaca}.team-group-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.team-group-empty{background:#fff;background:var(--pf-surface);border:1px dashed #e8ecf4;border:1px dashed var(--pf-border);border-radius:10px;border-radius:var(--pf-radius-sm);color:#6b7280;color:var(--pf-text-muted);padding:28px 16px;text-align:center}.team-grid-v2{gap:16px!important}.team-member-card-v2{--member-accent:#6a11cb;background:#fff!important;background:var(--pf-surface)!important;border:1px solid #e8ecf4!important;border:1px solid var(--pf-border)!important;border-radius:14px!important;border-radius:var(--pf-radius)!important;box-shadow:0 2px 8px #1a1a2e0f!important;box-shadow:var(--pf-shadow-sm)!important;display:flex;flex-direction:column;overflow:hidden!important;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.team-member-card-v2.accent-active{--member-accent:#22c55e}.team-member-card-v2.accent-leave{--member-accent:#f59e0b}.team-member-card-v2.accent-inactive{--member-accent:#94a3b8}.team-member-card-v2.accent-pending{--member-accent:#2575fc}.team-member-accent{background:linear-gradient(180deg,var(--member-accent),color-mix(in srgb,var(--member-accent) 45%,#0000));bottom:0;left:0;position:absolute;top:0;width:4px}.team-member-card-v2:hover{border-color:color-mix(in srgb,var(--member-accent) 35%,var(--pf-border))!important;box-shadow:0 12px 28px color-mix(in srgb,var(--member-accent) 16%,#0000)!important;transform:translateY(-4px)!important}.team-member-card-v2 .team-member-header{align-items:flex-start;gap:12px;padding:18px 18px 0 22px}.team-member-heading{flex:1 1;min-width:0}.team-member-card-v2 .team-member-avatar{border:2px solid color-mix(in srgb,var(--member-accent) 30%,#fff);box-shadow:0 4px 12px color-mix(in srgb,var(--member-accent) 22%,#0000);font-size:1.15rem;height:48px;width:48px}.team-member-card-v2 .team-member-name{color:#1a1a2e;color:var(--pf-text);font-size:1.02rem;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.team-member-card-v2 .team-member-role{color:#6a11cb;color:var(--pf-primary);font-size:.82rem;margin:0}.team-member-card-v2 .team-member-body{display:flex;flex:1 1;flex-direction:column;padding:12px 18px 8px 22px}.team-member-card-v2 .team-member-contact a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-member-card-v2 .team-member-bio{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#6b7280;color:var(--pf-text-muted);display:-webkit-box;font-size:.8rem;line-height:1.45;margin:8px 0 0;overflow:hidden}.team-member-card-v2 .team-member-stats{background:color-mix(in srgb,var(--member-accent) 6%,#f8fafc);border:1px solid color-mix(in srgb,var(--member-accent) 14%,var(--pf-border));border-radius:10px;border-radius:var(--pf-radius-sm);margin-top:auto;padding:10px 8px}.team-member-card-v2 .stat-number-small{align-items:center;display:inline-flex;gap:6px}.skill-tag-more{background:color-mix(in srgb,#6a11cb 10%,#fff)!important;background:color-mix(in srgb,var(--pf-primary) 10%,#fff)!important;color:#6a11cb!important;color:var(--pf-primary)!important;font-weight:700}.team-member-card-v2 .team-member-footer{background:#fafbff!important;border-top:1px solid #e8ecf4!important;border-top:1px solid var(--pf-border)!important;display:flex;gap:8px;padding:12px 18px 14px 22px}.team-member-action{align-items:center;background:#fff;border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:10px;color:#1a1a2e;color:var(--pf-text);cursor:pointer;display:inline-flex;flex:1 1;font-size:.82rem;font-weight:600;gap:6px;justify-content:center;padding:8px 10px;transition:all .2s ease}.team-member-action-edit:hover{background:#f0e8ff;border-color:#c4b5fd;color:#6a11cb;color:var(--pf-primary)}.team-member-action-remove:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.team-member-action:disabled{cursor:not-allowed;opacity:.55}.team-empty-state{padding:48px 20px}body.dark-mode .team-page-banner{background:linear-gradient(135deg,#3b0764,#1e3a8a 58%,#0d1117)}body.dark-mode .team-stat-chip{background:#21262d;color:#8b949e}body.dark-mode .team-stat-ring{background:conic-gradient(#22c55e calc(var(--progress)*1%),#30363d 0)}body.dark-mode .team-group-card{background:color-mix(in srgb,#6a11cb 8%,#fff);background:color-mix(in srgb,var(--pf-primary) 8%,var(--pf-surface))}body.dark-mode .team-group-btn{background:#161b22;border-color:#30363d;color:#e6edf3}body.dark-mode .team-group-btn-primary{background:linear-gradient(135deg,#6a11cb,#2575fc);background:linear-gradient(135deg,var(--pf-primary),var(--pf-accent));border-color:#0000;color:#fff}body.dark-mode .team-group-empty{background:#0d1117}body.dark-mode .team-member-card-v2 .team-member-stats{background:color-mix(in srgb,var(--member-accent) 10%,#0d1117)}body.dark-mode .team-member-action,body.dark-mode .team-member-card-v2 .team-member-footer{background:#0f141b!important;border-color:#30363d;color:#e6edf3}body.dark-mode .skill-tag-more{background:color-mix(in srgb,#6a11cb 18%,#161b22)!important;background:color-mix(in srgb,var(--pf-primary) 18%,#161b22)!important}@media (max-width:768px){.team-page-banner{align-items:flex-start;flex-direction:column;padding:20px}.team-new-btn{justify-content:center;width:100%}.team-stats-grid-v2{grid-template-columns:repeat(2,1fr)!important}.team-group-header{flex-direction:column}.team-group-actions{width:100%}.team-group-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.team-stats-grid-v2{grid-template-columns:1fr!important}}.activity-page-v2{animation:dashboardFadeIn .35s ease}.activity-page-banner{align-items:center;background:linear-gradient(135deg,#0f766e,#2563eb 55%,#1a1a2e);border-radius:14px;border-radius:var(--pf-radius);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:24px 28px;position:relative}.activity-page-banner:after{background:radial-gradient(circle at 12% 20%,#ffffff24 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.activity-page-banner-content{position:relative;z-index:1}.activity-page-title{color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.activity-page-subtitle{color:#ffffffd9;font-size:.92rem;margin:0 0 14px}.activity-stats-banner .stat-chip-v2{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e!important;border:1px solid #ffffff40;color:#fff!important;font-weight:600}.activity-stats-banner .stat-chip-v2.active{background:#22c55e61!important}.activity-banner-actions{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}.activity-clean-btn,.activity-refresh-btn{box-shadow:0 4px 14px #0000001f}.activity-clean-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.activity-stats-grid-v2{gap:18px!important;margin-bottom:20px!important}.activity-stat-card-v2{align-items:stretch!important;background:#fff!important;background:var(--pf-surface)!important;border:1px solid #e8ecf4!important;border:1px solid var(--pf-border)!important;border-radius:14px!important;border-radius:var(--pf-radius)!important;display:flex!important;flex-direction:column!important;gap:8px!important;overflow:hidden;padding:20px!important;position:relative;transition:transform .2s,box-shadow .2s!important}.activity-stat-card-v2:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.activity-stat-card-v2.stat-blue:before{background:linear-gradient(90deg,#2575fc,#60a5fa)}.activity-stat-card-v2.stat-green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.activity-stat-card-v2.stat-yellow:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.activity-stat-card-v2.stat-purple:before{background:linear-gradient(90deg,#6a11cb,#8b3fd9)}.activity-stat-card-v2:hover{box-shadow:0 8px 28px #1a1a2e1a!important;box-shadow:var(--pf-shadow-md)!important;transform:translateY(-3px)!important}.activity-stat-card-top{align-items:center;display:flex;justify-content:space-between}.activity-stat-chip{background:#f1f5f9;border-radius:20px;color:#6b7280;color:var(--pf-text-muted);font-size:.72rem;font-weight:600;padding:4px 10px}.activity-stat-card-v2 .activity-stat-number{color:#1a1a2e!important;color:var(--pf-text)!important;font-size:2rem!important;font-weight:700!important;letter-spacing:-.02em;line-height:1!important}.activity-stat-card-v2 .activity-stat-label{color:#6b7280!important;color:var(--pf-text-muted)!important;font-size:.78rem!important;letter-spacing:.04em!important;text-transform:uppercase!important}.activity-page-v2 .activity-stat-icon.yellow{background:#f59e0b1f;color:#f59e0b}.activity-main-card{overflow:visible!important;padding:22px 24px!important}.activity-search-bar{margin-bottom:22px!important;overflow:visible!important;position:relative;z-index:30}.activity-search-bar .filter-group{overflow:visible;position:relative;z-index:31}.activity-table-wrapper-v2{border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:14px;border-radius:var(--pf-radius);box-shadow:0 2px 8px #1a1a2e0f;box-shadow:var(--pf-shadow-sm);overflow:auto}.activity-table-v2{border-collapse:initial;border-spacing:0;min-width:760px;width:100%}.activity-table-v2 thead th{background:linear-gradient(180deg,#f8fafc,#f1f5f9)!important;border-bottom:1px solid #e8ecf4!important;border-bottom:1px solid var(--pf-border)!important;color:#6b7280!important;color:var(--pf-text-muted)!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.06em;padding:14px 16px!important;text-align:left;text-transform:uppercase}.activity-table-v2 tbody td{border-bottom:1px solid #f1f5f9!important;color:#1a1a2e;color:var(--pf-text);padding:14px 16px!important;vertical-align:middle}.activity-table-v2 tbody tr:hover td{background:#fafbff!important}.activity-table-v2 .user-name{color:#1a1a2e;color:var(--pf-text);font-weight:600}.activity-table-v2 .user-email{color:#6b7280;color:var(--pf-text-muted);font-size:.75rem}.activity-table-v2 .entity-cell{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.activity-table-v2 .entity-name{font-weight:600}.activity-table-v2 .entity-type-badge{background:#f1f5f9;border-radius:20px;color:#6b7280;color:var(--pf-text-muted);font-size:.68rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.activity-table-v2 .details-cell{color:#6b7280;color:var(--pf-text-muted);max-width:260px}.activity-table-v2 .time-cell{align-items:center;color:#6b7280;color:var(--pf-text-muted);display:inline-flex;font-size:.82rem;gap:6px;white-space:nowrap}.activity-view-btn{align-items:center;background:#fff;border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:10px;color:#1a1a2e;color:var(--pf-text);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:7px 12px;transition:all .2s ease}.activity-view-btn:hover{background:linear-gradient(135deg,#6a11cb,#2575fc);background:linear-gradient(135deg,var(--pf-primary),var(--pf-accent));border-color:#0000;box-shadow:0 4px 12px #6a11cb40;color:#fff}.activity-pagination{align-items:center;border-top:1px solid #e8ecf4;border-top:1px solid var(--pf-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px;padding-top:14px}.activity-pagination-info{color:#6b7280;color:var(--pf-text-muted);font-size:.85rem}.activity-pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.activity-pagination-page{color:#1a1a2e;color:var(--pf-text);font-size:.85rem;font-weight:600;min-width:96px;text-align:center}.activity-pagination-btn{align-items:center;background:#fff;border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:10px;color:#1a1a2e;color:var(--pf-text);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.activity-pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#6a11cb;border-color:var(--pf-primary);color:#6a11cb;color:var(--pf-primary)}.activity-pagination-btn:disabled{cursor:not-allowed;opacity:.45}body.dark-mode .activity-pagination-btn{background:#fff;background:var(--pf-surface);color:#1a1a2e;color:var(--pf-text)}body.dark-mode .activity-pagination-btn:hover:not(:disabled){background:#ffffff0f}.tasks-pagination-left{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.tasks-page-size{align-items:center;color:#6b7280;color:var(--pf-text-muted);display:inline-flex;font-size:.85rem;gap:8px}.tasks-page-size-select{min-width:72px;padding:6px 10px}.activity-mobile-grid{display:none;flex-direction:column;gap:12px}.activity-mobile-card{background:#fff;background:var(--pf-surface);border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:14px;border-radius:var(--pf-radius);box-shadow:0 2px 8px #1a1a2e0f;box-shadow:var(--pf-shadow-sm);display:flex;flex-direction:column;gap:12px;padding:16px}.activity-mobile-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.activity-mobile-details{color:#6b7280;color:var(--pf-text-muted);font-size:.85rem;line-height:1.45;margin:0}.activity-empty-state{padding:48px 20px}body.dark-mode .activity-page-banner{background:linear-gradient(135deg,#134e4a,#1e3a8a 55%,#0d1117)}body.dark-mode .activity-stat-chip{background:#21262d;color:#8b949e}body.dark-mode .activity-table-v2 thead th{background:linear-gradient(180deg,#161b22,#0f141b)!important;border-bottom-color:#30363d!important}body.dark-mode .activity-table-v2 tbody td{border-bottom-color:#21262d!important}body.dark-mode .activity-table-v2 tbody tr:hover td{background:#161b22!important}body.dark-mode .activity-table-v2 .entity-type-badge{background:#21262d}body.dark-mode .activity-view-btn{color:#e6edf3}body.dark-mode .activity-mobile-card,body.dark-mode .activity-view-btn{background:#161b22;border-color:#30363d}@media (max-width:768px){.activity-page-banner{align-items:flex-start;flex-direction:column;padding:20px}.activity-banner-actions{width:100%}.activity-clean-btn,.activity-refresh-btn{flex:1 1;justify-content:center}.activity-stats-grid-v2{grid-template-columns:repeat(2,1fr)!important}.activity-table-wrapper-v2{display:none}.activity-mobile-grid{display:flex}}@media (min-width:769px){.activity-mobile-grid{display:none!important}}@media (max-width:480px){.activity-stats-grid-v2{grid-template-columns:1fr!important}}.reports-page-v2{animation:dashboardFadeIn .35s ease}.reports-page-banner{align-items:center;background:linear-gradient(135deg,#1d4ed8,#7c3aed 55%,#1a1a2e);border-radius:14px;border-radius:var(--pf-radius);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:24px 28px;position:relative}.reports-page-banner:after{background:radial-gradient(circle at 90% 15%,#ffffff24 0,#0000 52%);content:"";inset:0;pointer-events:none;position:absolute}.reports-page-banner-content{position:relative;z-index:1}.reports-page-title{color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.reports-page-subtitle{color:#ffffffd9;font-size:.92rem;margin:0 0 14px}.reports-stats-banner .stat-chip-v2{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e!important;border:1px solid #ffffff40;color:#fff!important;font-weight:600}.reports-stats-banner .stat-chip-v2.active{background:#ffffff47!important}.reports-stats-banner .stat-chip-v2.completed{background:#22c55e61!important}.reports-export-btn{box-shadow:0 4px 14px #0000001f;position:relative;z-index:1}.reports-banner-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}.reports-icon-btn-edit:hover{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.form-help-text{color:#6b7280;color:var(--pf-text-muted,#6b7280);display:block;font-size:.78rem;margin-top:6px}.reports-stats-grid-v2{gap:18px!important;margin-bottom:20px!important}.reports-stat-card-v2{align-items:stretch!important;background:#fff!important;background:var(--pf-surface)!important;border:1px solid #e8ecf4!important;border:1px solid var(--pf-border)!important;border-radius:14px!important;border-radius:var(--pf-radius)!important;display:flex!important;flex-direction:column!important;gap:8px!important;overflow:hidden;padding:20px!important;position:relative;transition:transform .2s,box-shadow .2s!important}.reports-stat-card-v2:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.reports-stat-card-v2.stat-blue:before{background:linear-gradient(90deg,#2575fc,#60a5fa)}.reports-stat-card-v2.stat-green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.reports-stat-card-v2.stat-orange:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.reports-stat-card-v2.stat-purple:before{background:linear-gradient(90deg,#6a11cb,#8b3fd9)}.reports-stat-card-v2:hover{box-shadow:0 8px 28px #1a1a2e1a!important;box-shadow:var(--pf-shadow-md)!important;transform:translateY(-3px)!important}.reports-stat-card-top{align-items:center;display:flex;justify-content:space-between}.reports-stat-chip{background:#f1f5f9;border-radius:20px;color:#6b7280;color:var(--pf-text-muted);font-size:.72rem;font-weight:600;padding:4px 10px}.reports-stat-card-v2 .reports-stat-number{color:#1a1a2e!important;color:var(--pf-text)!important;font-size:2rem!important;font-weight:700!important;letter-spacing:-.02em;line-height:1!important}.reports-stat-card-v2 .reports-stat-label{color:#6b7280!important;color:var(--pf-text-muted)!important;font-size:.78rem!important;letter-spacing:.04em!important;text-transform:uppercase!important}.reports-main-card{overflow:visible!important;padding:22px 24px!important}.reports-search-bar{margin-bottom:22px!important;overflow:visible!important;position:relative;z-index:30}.reports-search-bar .filter-group{overflow:visible;position:relative;z-index:31}.reports-search-bar .filter-select{position:relative;z-index:32}.reports-table-wrapper-v2{border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:14px;border-radius:var(--pf-radius);box-shadow:0 2px 8px #1a1a2e0f;box-shadow:var(--pf-shadow-sm);overflow-x:auto;overflow-y:visible;position:relative;z-index:1}.reports-table-v2{border-collapse:initial;border-spacing:0;min-width:860px;width:100%}.reports-table-v2 thead th{background:linear-gradient(180deg,#f8fafc,#f1f5f9)!important;border-bottom:1px solid #e8ecf4!important;border-bottom:1px solid var(--pf-border)!important;color:#6b7280!important;color:var(--pf-text-muted)!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.06em;padding:14px 16px!important;text-align:left;text-transform:uppercase}.reports-table-v2 tbody td{border-bottom:1px solid #f1f5f9!important;color:#1a1a2e;color:var(--pf-text);padding:14px 16px!important;vertical-align:middle}.reports-row-v2:hover td{background:#fafbff!important}.reports-index{color:#6b7280;color:var(--pf-text-muted);font-weight:600}.project-tag-v2{background:color-mix(in srgb,#6a11cb 10%,#fff)!important;background:color-mix(in srgb,var(--pf-primary) 10%,#fff)!important;border:1px solid color-mix(in srgb,#6a11cb 18%,#e8ecf4);border:1px solid color-mix(in srgb,var(--pf-primary) 18%,var(--pf-border));border-radius:20px!important;color:#6a11cb!important;color:var(--pf-primary)!important;display:inline-block;font-size:.75rem!important;font-weight:600;padding:4px 10px!important}.reports-employee-cell{align-items:center;display:inline-flex;gap:8px}.reports-employee-inline{color:#6b7280;color:var(--pf-text-muted);display:block;font-size:.75rem;font-weight:500;margin-top:2px}.reports-table-v2 .status-badge{background:#e8f8ef;border-radius:999px;color:#15803d;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;white-space:nowrap}.reports-employee-avatar{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);background:linear-gradient(135deg,var(--pf-primary),var(--pf-accent));border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.68rem;font-weight:700;height:28px;justify-content:center;width:28px}.reports-date-cell{align-items:center;color:#6b7280;color:var(--pf-text-muted);display:inline-flex;font-size:.84rem;gap:6px;white-space:nowrap}.reports-hours-chip{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;color:#047857;display:inline-flex;font-size:.78rem;font-weight:700;padding:4px 10px}.reports-table-v2 .report-details-preview{color:#6b7280;color:var(--pf-text-muted);max-width:220px}.reports-icon-btn{align-items:center;background:#fff;border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:8px;color:#6b7280;color:var(--pf-text-muted);cursor:pointer;display:inline-flex;font-size:.8rem;gap:6px;height:32px;justify-content:center;min-width:32px;padding:0 10px;transition:all .2s ease}.reports-icon-btn-view:hover{background:#f0e8ff;border-color:#c4b5fd;color:#6a11cb;color:var(--pf-primary)}.reports-icon-btn-delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.reports-icon-btn:disabled{cursor:not-allowed;opacity:.55}.reports-mobile-grid{display:none;flex-direction:column;gap:12px}.reports-mobile-card{background:#fff;background:var(--pf-surface);border:1px solid #e8ecf4;border:1px solid var(--pf-border);border-radius:14px;border-radius:var(--pf-radius);box-shadow:0 2px 8px #1a1a2e0f;box-shadow:var(--pf-shadow-sm);display:flex;flex-direction:column;gap:12px;padding:16px}.reports-mobile-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.reports-mobile-top h3{color:#1a1a2e;color:var(--pf-text);font-size:1rem;font-weight:700;margin:0 0 8px}.reports-mobile-meta{color:#6b7280;color:var(--pf-text-muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:12px}.reports-mobile-meta>span{align-items:center;display:inline-flex;gap:6px}.reports-mobile-details{color:#6b7280;color:var(--pf-text-muted);font-size:.85rem;line-height:1.45;margin:0}.reports-empty-state{padding:48px 20px}body.dark-mode .reports-page-banner{background:linear-gradient(135deg,#1e3a8a,#5b21b6 55%,#0d1117)}body.dark-mode .reports-stat-chip{background:#21262d;color:#8b949e}body.dark-mode .reports-table-v2 thead th{background:linear-gradient(180deg,#161b22,#0f141b)!important;border-bottom-color:#30363d!important}body.dark-mode .reports-table-v2 tbody td{border-bottom-color:#21262d!important}body.dark-mode .reports-row-v2:hover td{background:#161b22!important}body.dark-mode .project-tag-v2{background:color-mix(in srgb,#6a11cb 18%,#161b22)!important;background:color-mix(in srgb,var(--pf-primary) 18%,#161b22)!important;border-color:#30363d}body.dark-mode .reports-hours-chip{background:#0f2a1d;border-color:#14532d;color:#4ade80}body.dark-mode .reports-icon-btn{color:#8b949e}body.dark-mode .reports-icon-btn,body.dark-mode .reports-mobile-card{background:#161b22;border-color:#30363d}@media (max-width:768px){.reports-page-banner{align-items:flex-start;flex-direction:column;padding:20px}.reports-export-btn{justify-content:center;width:100%}.reports-stats-grid-v2{grid-template-columns:repeat(2,1fr)!important}.reports-table-wrapper-v2{display:none}.reports-mobile-grid{display:flex}.reports-mobile-card .report-actions{display:flex;gap:8px}.reports-mobile-card .reports-icon-btn{flex:1 1}}@media (min-width:769px){.reports-mobile-grid{display:none!important}}@media (max-width:480px){.reports-stats-grid-v2{grid-template-columns:1fr!important}}.sidebar{background:linear-gradient(165deg,#0f0c29,#1a1440 38%,#24243e);background:var(--sidebar-bg);border-right:1px solid #ffffff14;border-right:1px solid var(--sidebar-border);box-shadow:4px 0 24px #0f0c292e;color:#fff;color:var(--sidebar-text-active);display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;top:0;transition:width .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s ease;width:260px;width:var(--sidebar-width);z-index:1100}.sidebar:before{background:radial-gradient(ellipse 80% 50% at 20% -10%,#8b5cf62e 0,#0000 55%);content:"";inset:0;pointer-events:none;position:absolute}.sidebar.collapsed{width:76px;width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--sidebar-border);gap:10px;min-height:72px;padding:20px 16px 18px;position:relative}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{border-bottom:none;flex:1 1;font-size:1.15rem;font-weight:700;gap:12px;letter-spacing:-.02em;min-width:0;padding:0}.sidebar-logo-icon-wrap{align-items:center;background:linear-gradient(135deg,#8b5cf6,#2575fc);background:linear-gradient(135deg,var(--sidebar-accent) 0,var(--pf-accent) 100%);border-radius:12px;box-shadow:0 4px 14px #8b5cf659;box-shadow:0 4px 14px var(--sidebar-accent-glow);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.sidebar-logo-icon-wrap .logo-icon{color:#fff;font-size:1.15rem}.sidebar-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ffffffd9);-webkit-background-clip:text;background-clip:text;overflow:hidden;transition:opacity .2s ease,width .28s ease;white-space:nowrap}.sidebar-collapse-btn,.sidebar-mobile-close{align-items:center;background:#ffffff0a;background:var(--sidebar-surface);border:1px solid #ffffff14;border:1px solid var(--sidebar-border);border-radius:10px;color:#ffffffb8;color:var(--sidebar-text);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease;width:34px}.sidebar-collapse-btn:hover,.sidebar-mobile-close:hover{background:#ffffff12;background:var(--sidebar-hover);border-color:#ffffff24;color:#fff;color:var(--sidebar-text-active)}.sidebar-collapse-btn:active,.sidebar-mobile-close:active{transform:scale(.96)}.sidebar-mobile-close{display:none}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:14px 10px 20px;position:relative}.sidebar-divider{background:#ffffff14;background:var(--sidebar-border);height:1px;margin:10px 12px}.sidebar-menu-item{align-items:center;border-left:none;border-radius:12px;color:#ffffffb8;color:var(--sidebar-text);cursor:pointer;display:flex;gap:14px;padding:11px 14px;position:relative;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.sidebar-menu-item:hover{background:#ffffff12;background:var(--sidebar-hover);color:#fff;color:var(--sidebar-text-active)}.sidebar-menu-item.active{background:linear-gradient(90deg,#8b5cf638,#2575fc14);background:var(--sidebar-active-bg);border-left:none;box-shadow:inset 0 0 0 1px #8b5cf640;color:#fff;color:var(--sidebar-text-active)}.sidebar-menu-item.active:before{background:linear-gradient(180deg,#8b5cf6,#2575fc);background:linear-gradient(180deg,var(--sidebar-accent),var(--pf-accent));border-radius:0 4px 4px 0;content:"";height:22px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-item-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.05rem;justify-content:center;width:22px}.sidebar-item-label{flex:1 1;font-size:.92rem;font-weight:500;overflow:hidden;transition:opacity .2s ease,width .28s ease;white-space:nowrap}.sidebar-item-badge,.sidebar-menu-item .badge{background:linear-gradient(135deg,#8b5cf6,#2575fc);background:linear-gradient(135deg,var(--sidebar-accent),var(--pf-accent));border-radius:20px;box-shadow:0 2px 8px #8b5cf659;box-shadow:0 2px 8px var(--sidebar-accent-glow);color:#fff;font-size:.72rem;font-weight:600;margin-left:auto;min-width:22px;padding:2px 9px;text-align:center;transition:opacity .2s ease}.sidebar-theme-badge{font-size:.85rem;margin-left:auto;opacity:.9;transition:opacity .2s ease}.dark-mode-toggle{margin-top:auto}.sidebar.collapsed .sidebar-item-badge,.sidebar.collapsed .sidebar-item-label,.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-theme-badge{display:none}.sidebar.collapsed .sidebar-header{align-items:center;flex-direction:column;gap:10px;justify-content:center;padding:16px 8px 12px}.sidebar.collapsed .sidebar-logo{flex:0 1;justify-content:center;width:100%}.sidebar.collapsed .sidebar-menu{align-items:center;gap:6px;padding:12px 8px 16px}.sidebar.collapsed .sidebar-divider{margin:8px 4px;width:100%}.sidebar.collapsed .sidebar-menu-item{align-items:center;border-left:none!important;border-radius:12px;gap:0;height:48px;justify-content:center;margin:0 auto;min-height:48px;padding:0;width:48px}.sidebar.collapsed .sidebar-menu-item.active{border-left:none!important}.sidebar.collapsed .sidebar-menu-item.active:before{border-radius:999px;bottom:4px;height:3px;left:50%;top:auto;transform:translateX(-50%);width:16px}.sidebar.collapsed .sidebar-item-icon{margin:0;width:auto}.sidebar.collapsed .sidebar-collapse-btn{height:40px;margin:0 auto;width:40px}.main-content{margin-left:260px;margin-left:var(--sidebar-width);transition:margin-left .28s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-collapsed{margin-left:76px;margin-left:var(--sidebar-collapsed-width)}.sidebar-backdrop{animation:sidebarBackdropIn .25s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f0c298c;border:none;cursor:pointer;inset:0;padding:0;position:fixed;z-index:1050}@keyframes sidebarBackdropIn{0%{opacity:0}to{opacity:1}}body.dark-mode .sidebar{--sidebar-bg:linear-gradient(165deg,#080612,#12102a 38%,#1a1830);--sidebar-border:#ffffff0f;box-shadow:4px 0 28px #00000073}@media (max-width:768px){.sidebar{box-shadow:8px 0 32px #00000059;transform:translateX(-105%);width:min(260px,86vw);width:min(var(--sidebar-width),86vw)}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{width:min(260px,86vw);width:min(var(--sidebar-width),86vw)}.sidebar.collapsed .sidebar-item-badge,.sidebar.collapsed .sidebar-item-label,.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-theme-badge{display:inline;display:initial;margin-left:0;opacity:1;overflow:visible;padding:initial;pointer-events:auto;width:auto}.sidebar.collapsed .sidebar-header{align-items:center;flex-direction:row;padding:20px 16px 18px}.sidebar.collapsed .sidebar-logo{flex:1 1;justify-content:flex-start;width:auto}.sidebar.collapsed .sidebar-menu{align-items:stretch;gap:4px;padding:14px 10px 20px}.sidebar.collapsed .sidebar-menu-item{gap:14px;height:auto;justify-content:flex-start;margin:0;min-height:0;padding:11px 14px;width:auto}.sidebar.collapsed .sidebar-menu-item.active:before{border-radius:0 4px 4px 0;bottom:auto;height:22px;left:0;top:50%;transform:translateY(-50%);width:3px}.sidebar-collapse-btn{display:none}.sidebar-mobile-close{display:flex}.main-content,.main-content.sidebar-collapsed{margin-left:0}}
/*# sourceMappingURL=main.a7824ee0.css.map*/