@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Sarabun:wght@300;400;500;600;700&display=swap";:root{--font-sans: "Outfit", "Sarabun", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main: #090d16;--bg-sidebar: #0f1524;--bg-card: #162035;--bg-card-hover: #1d2b47;--bg-input: #111a2e;--border-color: rgba(255, 255, 255, .07);--border-focus: #a855f7;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--primary: #8b5cf6;--primary-hover: #a78bfa;--primary-glow: rgba(139, 92, 246, .3);--color-todo: #64748b;--color-progress: #3b82f6;--color-review: #eab308;--color-completed: #10b981;--priority-high-bg: rgba(239, 68, 68, .12);--priority-high-text: #f87171;--priority-high-border: rgba(239, 68, 68, .3);--priority-medium-bg: rgba(245, 158, 11, .12);--priority-medium-text: #fbbf24;--priority-medium-border: rgba(245, 158, 11, .3);--priority-low-bg: rgba(59, 130, 246, .12);--priority-low-text: #60a5fa;--priority-low-border: rgba(59, 130, 246, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .12);--shadow-glow: 0 0 15px rgba(139, 92, 246, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:flex;min-height:100vh;width:100vw;background-color:var(--bg-main)}.main-content{display:flex;flex-direction:column;flex:1;min-width:0;height:100vh;overflow:hidden}.content-viewport{flex:1;overflow-y:auto;padding:24px}.card-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.card-box:hover{border-color:#ffffff1f}.padding-lg{padding:32px}.text-red{color:#f87171}.text-green{color:#34d399}.text-yellow{color:#fbbf24}.text-blue{color:#60a5fa}.font-bold{font-weight:600}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar{width:150px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;flex-shrink:0;position:relative;transition:width var(--transition-normal)}.sidebar.collapsed{width:64px!important}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:24px 0;gap:0}.sidebar.collapsed .nav-link{justify-content:center;padding:14px 0}.sidebar.collapsed .nav-icon{margin-right:0;width:24px;height:24px}.sidebar.collapsed .user-profile-summary{justify-content:center}.sidebar.collapsed .sidebar-footer{padding:16px 0}.sidebar-toggle-btn{position:absolute;right:-13px;top:30px;width:26px;height:26px;border-radius:50%;background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast);z-index:100}.sidebar-toggle-btn:hover{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 8px var(--primary)}.sidebar-brand{padding:20px 8px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-color)}.logo-icon{width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary) 0%,#c084fc 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;box-shadow:0 4px 12px #8b5cf64d}.brand-name h2{font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.2}.brand-name span{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sidebar-nav{flex:1;padding:20px 8px}.sidebar-nav ul{list-style:none;display:flex;flex-direction:column;gap:8px}.nav-link{width:100%;display:flex;align-items:center;padding:10px 8px;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;font-weight:500}.nav-link:hover{background-color:#ffffff08;color:var(--text-primary)}.nav-link.active{background-color:#8b5cf61f;color:var(--text-primary)}.nav-icon{margin-right:8px;display:flex;align-items:center;justify-content:center}.nav-text{font-size:.85rem}.active-indicator{position:absolute;left:0;top:25%;height:50%;width:4px;background-color:var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:0 0 8px var(--primary)}.sidebar-footer{padding:16px 8px;background-color:#00000026;border-top:1px solid var(--border-color)}.user-profile-summary{display:flex;align-items:center;gap:8px}.avatar-placeholder{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.9rem;box-shadow:var(--shadow-sm);border:2px solid rgba(255,255,255,.1);text-shadow:0 1px 2px rgba(0,0,0,.2)}.avatar-placeholder.sm{width:30px;height:30px;font-size:.75rem}.avatar-placeholder.xs{width:24px;height:24px;font-size:.65rem;font-weight:700}.avatar-placeholder.md{width:48px;height:48px;font-size:1.1rem}.profile-details{display:flex;flex-direction:column;min-width:0}.profile-name{font-weight:600;font-size:.8rem;color:var(--text-primary);line-height:1.25;white-space:normal;word-break:break-word}.profile-role{font-size:.75rem;color:var(--text-muted)}.navbar{height:70px;background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);padding:0 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.navbar-title{font-size:1.25rem;font-weight:600}.user-switcher-container{position:relative}.user-switcher-btn{display:flex;align-items:center;padding:8px 16px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;transition:all var(--transition-fast);color:var(--text-secondary)}.user-switcher-btn:hover{background-color:var(--bg-card-hover);border-color:#ffffff26;color:var(--text-primary)}.user-badge{margin-left:8px;padding:2px 6px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;border:1px solid}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:transparent}.user-dropdown{position:absolute;right:0;top:48px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg),var(--shadow-glow);width:240px;z-index:11;padding:6px 0;list-style:none}.dropdown-header{padding:8px 16px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-color);margin-bottom:4px}.dropdown-item{width:100%;padding:10px 16px;display:flex;align-items:center;gap:10px;text-align:left;transition:background-color var(--transition-fast)}.dropdown-item:hover{background-color:#ffffff0a}.dropdown-item.active{background-color:#8b5cf614}.item-info{display:flex;flex-direction:column;flex:1}.item-name{font-size:.85rem;font-weight:500}.item-role{font-size:.7rem;color:var(--text-muted)}.selected-dot{width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--primary);box-shadow:0 0 6px var(--primary)}.dashboard-container{display:flex;flex-direction:column;gap:24px}.welcome-banner{background:linear-gradient(135deg,#162035cc,#8b5cf61a);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.welcome-text h2{font-size:1.5rem;margin-bottom:6px;font-weight:600}.welcome-text p{color:var(--text-secondary);font-size:.95rem}.personal-progress-gauge{background-color:#0003;border:1px solid var(--border-color);padding:12px 20px;border-radius:var(--radius-md);text-align:center}.gauge-val{font-size:1.8rem;font-weight:700;color:var(--primary-hover);text-shadow:0 0 10px rgba(139,92,246,.2)}.gauge-label{font-size:.75rem;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-md);transition:transform var(--transition-fast),border-color var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);border-color:#ffffff1f}.stat-card.overdue{border-left:4px solid #ef4444}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700}.bg-blue-dim{background-color:#3b82f61f}.bg-yellow-dim{background-color:#eab3081f}.bg-green-dim{background-color:#10b9811f}.bg-red-dim{background-color:#ef44441f}.stat-card-info{display:flex;flex-direction:column}.stat-label{font-size:.8rem;color:var(--text-secondary)}.stat-value{font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1.1;margin-top:4px}.personal-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}.p-stat-box{background-color:#00000026;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px;text-align:center;display:flex;flex-direction:column;justify-content:center}.p-stat-num{font-size:1.6rem;font-weight:700}.p-stat-lbl{font-size:.75rem;color:var(--text-muted);margin-top:4px}.dashboard-main-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.dashboard-col{padding:24px}.card-header{margin-bottom:20px}.section-title{font-size:1.15rem;font-weight:600;margin-bottom:4px}.card-subtitle{font-size:.8rem;color:var(--text-muted)}.team-progress-list{display:flex;flex-direction:column;gap:16px}.employee-progress-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background-color:#00000026;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.employee-progress-row.clickable:hover{border-color:var(--primary);background-color:#00000040;transform:translate(4px)}.employee-info-cell{display:flex;align-items:center;gap:12px;flex:1}.employee-name{font-weight:600;font-size:.95rem}.employee-tasks-summary{font-size:.75rem;color:var(--text-muted);margin-top:2px}.progress-bar-cell{width:200px;display:flex;flex-direction:column;gap:6px}.progress-bar-meta{display:flex;justify-content:space-between;font-size:.75rem}.progress-label{color:var(--text-muted)}.progress-percentage{font-weight:600}.progress-track{width:100%;height:6px;background-color:#ffffff0d;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .6s ease-out}.tasks-status-dots{display:flex;gap:8px;margin-top:4px}.dot{font-size:.65rem;font-weight:700;border-radius:var(--radius-sm);padding:1px 5px;color:#fff}.dot.todo{background-color:var(--color-todo)}.dot.doing{background-color:var(--color-progress)}.dot.review{background-color:var(--color-review);color:#000}.dot.done{background-color:var(--color-completed)}.urgent-tasks-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.urgent-task-item{background-color:#00000026;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:8px}.urgent-task-item.overdue{border-left:3px solid #ef4444;background-color:#ef444408}.urgent-task-meta{display:flex;justify-content:space-between;align-items:center}.urgent-task-title{font-size:.9rem;font-weight:600}.urgent-task-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.urgent-task-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.03);padding-top:8px;margin-top:4px}.task-assignee{display:flex;align-items:center;gap:6px;font-size:.75rem}.task-deadline-badge{display:flex;align-items:center;font-size:.75rem;color:var(--text-secondary);background-color:#ffffff0a;padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}.task-deadline-badge.overdue{color:#f87171;background-color:#ef44441a;font-weight:600}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-secondary)}.empty-emoji{font-size:2.5rem;margin-bottom:12px}.kanban-container{display:flex;flex-direction:column;gap:20px;height:100%}.kanban-filters{padding:16px 20px}.filter-group-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.search-box{position:relative;flex:1;min-width:250px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:16px;height:16px}.search-box input{width:100%;padding:10px 16px 10px 40px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;transition:border-color var(--transition-fast)}.search-box input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 2px var(--primary-glow)}.filter-dropdown-item{display:flex;align-items:center;gap:8px;font-size:.85rem}.filter-dropdown-item label{color:var(--text-secondary);white-space:nowrap}.filter-dropdown-item select{padding:10px 14px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;outline:none;transition:border-color var(--transition-fast)}.filter-dropdown-item select:focus{border-color:var(--border-focus)}.kanban-board-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;flex:1;min-height:500px;overflow:hidden}.kanban-column{background-color:#0f172a;border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;max-height:calc(100vh - 210px)}.column-header{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;background-color:#ffffff03;border-bottom:1px solid var(--border-color);border-radius:var(--radius-md) var(--radius-md) 0 0}.column-info{display:flex;align-items:center;gap:10px}.column-title{font-size:.88rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.task-count{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);padding:2px 8px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700}.column-add-btn{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background-color:#ffffff08;color:var(--text-muted);transition:all var(--transition-fast)}.column-add-btn:hover{background-color:var(--primary);color:#fff}.column-cards-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.column-empty-state{text-align:center;padding:24px;font-size:.8rem;color:var(--text-muted);border:2px dashed rgba(255,255,255,.03);border-radius:var(--radius-sm)}.task-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm);cursor:grab;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 10px #ffffff05;border-color:#ffffff26}.task-card.dragging{opacity:.4;cursor:grabbing;border:2px dashed var(--primary)}.task-card.overdue{border-left:3px solid #ef4444}.task-card.high{border-top:3px solid #f87171}.task-card.medium{border-top:3px solid #fbbf24}.task-card.low{border-top:3px solid #60a5fa}.task-card-header{display:flex;justify-content:space-between;align-items:center}.priority-tag{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);border:1px solid}.priority-tag.high{background-color:var(--priority-high-bg);color:var(--priority-high-text);border-color:var(--priority-high-border)}.priority-tag.medium{background-color:var(--priority-medium-bg);color:var(--priority-medium-text);border-color:var(--priority-medium-border)}.priority-tag.low{background-color:var(--priority-low-bg);color:var(--priority-low-text);border-color:var(--priority-low-border)}.task-card-title{font-size:.88rem;font-weight:600;color:var(--text-primary);line-height:1.3}.task-card-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:4px}.task-card-metadata-grid{display:flex;flex-direction:column;gap:4px;margin:6px 0;padding:6px 8px;background-color:#00000026;border:1px solid rgba(255,255,255,.03);border-radius:var(--radius-sm)}.meta-item{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--text-secondary);min-width:0}.meta-item .meta-icon{font-size:.75rem;display:flex;align-items:center;justify-content:center}.meta-item .meta-val{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.meta-item.budget .meta-val{color:#34d399}.task-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.03)}.assignee-name{font-size:.72rem;color:var(--text-secondary)}.task-deadline{display:flex;align-items:center;font-size:.7rem;color:var(--text-muted);white-space:nowrap}.task-deadline.overdue{color:#f87171;font-weight:600}.my-tasks-container{display:flex;flex-direction:column;gap:20px}.view-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.subtitle-desc{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.add-task-btn{display:flex;align-items:center;padding:10px 20px;background:linear-gradient(135deg,var(--primary) 0%,#7c3aed 100%);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:.88rem;box-shadow:0 4px 12px var(--primary-glow);transition:all var(--transition-fast)}.add-task-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.my-tasks-filters{padding:14px 20px}.my-tasks-list{display:flex;flex-direction:column;gap:14px}.my-task-card{display:flex;justify-content:space-between;align-items:stretch;padding:20px;gap:20px}.my-task-card.overdue{border-left:4px solid #ef4444}.my-task-left{display:flex;flex-direction:column;gap:10px;flex:1}.task-header-meta{display:flex;align-items:center;gap:10px}.status-badge{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.status-badge.to-do{background-color:#64748b26;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.status-badge.in-progress{background-color:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.status-badge.in-review{background-color:#eab30826;color:#fbbf24;border:1px solid rgba(234,179,8,.3)}.status-badge.completed{background-color:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.overdue-text{display:flex;align-items:center;font-size:.75rem;color:#f87171;font-weight:600}.task-title-text{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.task-desc-text{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.task-dates-info{display:flex;gap:20px;flex-wrap:wrap;margin-top:4px}.date-item{display:flex;align-items:center;font-size:.78rem;white-space:nowrap}.date-item.overdue{color:#f87171}.date-item .label{color:var(--text-muted);margin-right:6px}.date-item .value{color:var(--text-secondary)}.my-task-right{display:flex;align-items:center;justify-content:flex-end;min-width:180px}.task-actions-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.action-btn{padding:8px 16px;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;transition:all var(--transition-fast)}.start-btn{background-color:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.start-btn:hover{background-color:var(--color-progress);color:#fff;box-shadow:0 4px 10px #3b82f633}.review-btn{background-color:#eab3081a;color:#fbbf24;border:1px solid rgba(234,179,8,.3)}.review-btn:hover{background-color:var(--color-review);color:#000;box-shadow:0 4px 10px #eab30833}.status-waiting-badge{font-size:.8rem;color:var(--text-muted);font-weight:500}.status-success-badge{font-size:.8rem;color:var(--text-green);font-weight:600}.edit-delete-buttons{display:flex;gap:8px}.icon-btn{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);transition:all var(--transition-fast);color:var(--text-secondary)}.edit-btn:hover{background-color:#ffffff0d;color:var(--text-primary)}.delete-btn:hover{background-color:#ef44441a;border-color:#ef44444d;color:#ef4444}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 30px #00000080;width:100%;max-width:580px;animation:modalScale .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden;max-height:90vh;display:flex;flex-direction:column}@keyframes modalScale{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.15rem;font-weight:600}.close-btn{color:var(--text-muted);transition:color var(--transition-fast);display:flex;align-items:center}.close-btn:hover{color:var(--text-primary)}.modal-form{padding:24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.88rem;color:var(--text-primary);outline:none;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-glow)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed;background-color:#ffffff05}.form-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-actions-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:10px;border-top:1px solid var(--border-color);padding-top:20px}.btn{padding:10px 20px;border-radius:var(--radius-md);font-size:.88rem;font-weight:600;transition:all var(--transition-fast)}.btn-secondary{background-color:#ffffff0a;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#ffffff14;color:var(--text-primary)}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 10px var(--primary-glow)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 6px 14px #8b5cf64d}.manage-team-container{display:flex;flex-direction:column;gap:20px}.team-form{display:flex;flex-direction:column;gap:16px;max-width:500px}.color-picker-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.color-picker-circle{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid transparent;transition:transform var(--transition-fast),border-color var(--transition-fast);cursor:pointer}.color-picker-circle:hover{transform:scale(1.1)}.color-picker-circle.selected{border-color:var(--text-primary);transform:scale(1.1);box-shadow:0 0 10px #fff3}.color-picker-grid.sm{gap:6px}.color-picker-circle.sm{width:24px;height:24px}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.team-card{padding:24px;display:flex;flex-direction:column;gap:16px;position:relative}.team-card-header{display:flex;justify-content:space-between;align-items:center}.current-user-badge{background-color:var(--primary-glow);border:1px solid var(--primary);color:var(--primary-hover);font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.team-card-info{display:flex;flex-direction:column;gap:2px}.team-member-name{font-size:1.1rem;font-weight:600}.team-member-role{font-size:.8rem;color:var(--text-muted)}.team-card-stats{display:flex;flex-direction:column;gap:8px;background-color:#00000026;border:1px solid var(--border-color);padding:12px;border-radius:var(--radius-md)}.team-card-stats .stat-item{display:flex;justify-content:space-between;font-size:.8rem}.team-card-stats .stat-item .lbl{color:var(--text-secondary)}.team-card-stats .stat-item .val{font-weight:600}.team-card-actions{display:flex;gap:10px;margin-top:8px}.team-card-actions button,.btn-edit,.btn-delete{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;flex:1;transition:all var(--transition-fast);border:1px solid var(--border-color)}.btn-edit{background-color:#ffffff05;color:var(--text-secondary)}.btn-edit:hover{background-color:#ffffff0f;color:var(--text-primary);border-color:#ffffff26}.btn-delete{background-color:#ef44440d;color:#f87171;border-color:#ef444426}.btn-delete:hover{background-color:#ef444426;color:#ef4444;border-color:#ef44444d}.team-card-edit-form{display:flex;flex-direction:column;gap:12px;width:100%}.team-card-edit-form label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.team-card-edit-form input{width:100%;padding:8px 12px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary)}.team-card-edit-form input:focus{border-color:var(--border-focus);outline:none}.form-actions-row{display:flex;gap:10px}.btn-sm{padding:6px 12px;font-size:.78rem}.header-actions-group{display:flex;align-items:center}.profile-edit-form{max-width:480px;display:flex;flex-direction:column;gap:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.w-full{width:100%}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}@media (max-width: 1024px) and (min-width: 769px){.sidebar{width:150px!important}.brand-name h2{font-size:1rem}.brand-name span{font-size:.65rem}.logo-icon{width:32px;height:32px;font-size:.9rem}.nav-text{display:block!important;font-size:.85rem}.profile-details{display:none!important}.sidebar-footer{padding:12px}.dashboard-main-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.sidebar-toggle-btn{display:none!important}.app-layout{flex-direction:column-reverse!important;height:100vh;overflow:hidden}.sidebar{width:100%!important;height:calc(64px + env(safe-area-inset-bottom,0px))!important;position:fixed;bottom:0;left:0;right:0;z-index:1000;background-color:#0f1524!important;border-top:1px solid var(--border-color);border-right:none!important;border-left:none!important;box-shadow:0 -4px 16px #0006;display:flex;flex-direction:row!important;justify-content:space-around;align-items:center;padding:0 0 env(safe-area-inset-bottom,0px) 0!important;border-radius:0!important}.sidebar-brand{display:none!important}.sidebar-nav{width:100%;padding:0!important;margin:0!important}.sidebar-nav ul{display:flex;flex-direction:row!important;justify-content:space-around;width:100%;gap:0!important;padding:0!important}.sidebar-nav li{flex:1;display:flex;justify-content:center}.nav-link{display:flex;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:4px 0!important;gap:3px;background:none!important;color:var(--text-secondary);width:100%;max-width:90px;height:60px;border-radius:0;position:relative}.nav-link:hover{background:none!important;color:var(--text-primary)}.nav-link.active{color:var(--primary-hover)!important;background:none!important}.nav-icon{margin-right:0!important;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.nav-link.active .nav-icon{transform:translateY(-2px);color:var(--primary-hover);filter:drop-shadow(0 0 4px var(--primary))}.nav-text{display:block!important;font-size:.72rem!important;font-weight:600!important;text-align:center;white-space:nowrap}.active-indicator,.sidebar-footer{display:none!important}.main-content{height:calc(100vh - (64px + env(safe-area-inset-bottom,0px)))!important;width:100%!important}.content-viewport{padding:16px 16px 24px!important;overflow-y:auto}.dashboard-main-grid{grid-template-columns:1fr!important;gap:16px}.my-task-card{flex-direction:column!important;gap:12px!important;padding:16px!important}.my-task-right{justify-content:flex-start!important;width:100%!important;min-width:0!important;border-top:1px solid rgba(255,255,255,.05);padding-top:12px}.task-actions-wrapper{flex-direction:row-reverse!important;justify-content:space-between!important;width:100%!important;align-items:center!important}.form-row-grid{grid-template-columns:1fr!important;gap:12px}.stats-grid{grid-template-columns:1fr 1fr!important;gap:10px}.stat-card{padding:12px!important;gap:10px!important}.stat-card-icon{width:36px!important;height:36px!important}.stat-value{font-size:1.3rem!important}.stat-label{font-size:.72rem!important}.filter-group-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important}.filter-dropdown-item{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}.filter-dropdown-item label{min-width:110px!important;text-align:left!important;white-space:nowrap!important}.filter-dropdown-item select{flex:1!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}.search-box{width:100%!important;min-width:100%!important}}.status-badge.sow{background-color:#64748b1f;color:#94a3b8;border-color:#64748b4d}.status-badge.design{background-color:#f59e0b1f;color:#fbbf24;border-color:#f59e0b4d}.status-badge.boq{background-color:#14b8a61f;color:#2dd4bf;border-color:#14b8a64d}.status-badge.drawing{background-color:#ec48991f;color:#f472b6;border-color:#ec48994d}.status-badge.pr{background-color:#6366f11f;color:#818cf8;border-color:#6366f14d}.status-badge.po{background-color:#3b82f61f;color:#60a5fa;border-color:#3b82f64d}.status-badge.me-shop,.status-badge.ee-shop,.status-badge.engineering-shop{background-color:#06b6d41f;color:#22d3ee;border-color:#06b6d44d}.status-badge.installation{background-color:#f43f5e1f;color:#fb7185;border-color:#f43f5e4d}.status-badge.handover{background-color:#84cc161f;color:#a3e635;border-color:#84cc164d}.status-badge.finish{background-color:#10b9811f;color:#34d399;border-color:#10b9814d}.project-tag-badge{display:inline-flex;align-items:center;background-color:#8b5cf614;color:#a78bfa;border:1px solid rgba(139,92,246,.2);padding:2px 8px;border-radius:4px;font-size:.72rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.kanban-board-grid-scroll-wrapper{width:100%;overflow-x:auto;padding-bottom:20px;margin-top:10px;scroll-behavior:smooth}.kanban-board-grid-scroll-wrapper::-webkit-scrollbar{height:10px}.kanban-board-grid-scroll-wrapper::-webkit-scrollbar-track{background:var(--bg-main);border-radius:var(--radius-full)}.kanban-board-grid-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full);border:2px solid var(--bg-main)}.kanban-board-grid-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:var(--primary)}.kanban-board-grid-10-cols{display:flex;gap:20px;width:max-content;min-height:68vh;padding-top:5px}.kanban-column{width:290px!important;flex-shrink:0!important;display:flex;flex-direction:column;background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;max-height:72vh;overflow-y:auto;transition:border-color var(--transition-fast)}.kanban-column:hover{border-color:#8b5cf633}.column-header{position:sticky;top:0;background-color:var(--bg-sidebar);z-index:10;padding-bottom:12px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.column-title{font-size:.95rem;font-weight:600;text-transform:uppercase}