code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.top-bar{background:#fff;border-bottom:1px solid #e5e7eb;padding:0;position:sticky;top:0;z-index:100}.nav-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.nav-tabs{display:flex;gap:0}.nav-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;padding:20px 24px;transition:all .2s ease}.nav-tab:hover{color:#374151}.nav-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.user-profile{align-items:center;display:flex;gap:16px}.notification-icon{border-radius:8px;cursor:pointer;font-size:20px;padding:8px;transition:background-color .2s ease}.notification-icon:hover{background-color:#f3f4f6}.user-avatar{align-items:center;background:#f3f4f6;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.user-avatar:hover{background-color:#e5e7eb}.header{background:#fff;padding:32px 0}.header-content{margin:0 auto;max-width:1200px;padding:0 24px}.greeting-section{flex:1 1}.greeting{color:#111827;font-size:32px;font-weight:600;line-height:1.2;margin:0 0 8px}.greeting,.subtext{font-family:Roboto,sans-serif}.subtext{color:#6b7280;font-size:16px;line-height:1.5;margin:0}.header-actions{align-items:flex-start;display:flex;gap:12px;margin-top:4px}.manage-categories-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.manage-categories-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.add-task-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s ease;white-space:nowrap}.add-task-btn:hover{background:#2563eb}.add-task-btn:active{transform:translateY(1px)}@media (max-width:768px){.header-content{gap:20px}.header-actions,.header-content{align-items:stretch;flex-direction:column}.header-actions{gap:8px}}.tabs-container{background:#fff;border-bottom:1px solid #e5e7eb}.tabs-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:60px;padding:0 24px}.tabs-nav{display:flex;gap:0}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;margin-right:32px;padding:16px 0;position:relative;transition:all .2s ease}.tab-button:hover{color:#374151}.tab-button.active{border-bottom-color:#3b82f6;color:#3b82f6}.tab-controls,.toggle-label{align-items:center;display:flex}.toggle-label{color:#6b7280;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;gap:8px}.toggle-checkbox{appearance:none;background:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:16px;position:relative;transition:all .2s ease;width:16px}.toggle-checkbox:checked{background:#3b82f6;border-color:#3b82f6}.toggle-checkbox:checked:after{color:#fff;content:"✓";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.toggle-text{-webkit-user-select:none;user-select:none}@media (max-width:768px){.tabs-header{align-items:stretch;flex-direction:column;gap:16px}.tab-controls,.tabs-nav{justify-content:center}}.task-actions{position:relative}.actions-trigger{background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-family:Roboto,sans-serif;font-size:12px;padding:6px 12px;transition:all .2s ease}.actions-trigger:hover{background:#f9fafb;border-color:#9ca3af}.actions-dropdown{background:#fff;border:2px solid #3b82f61a;border-radius:8px;box-shadow:0 25px 50px -12px #00000040,0 10px 15px -3px #0000001a;margin-top:4px;min-width:200px;padding:8px 0;position:fixed;z-index:99999999}.action-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.action-item:hover{background:#f3f4f6}.action-item.danger{color:#dc2626}.action-item.danger:hover{background:#fee2e2}.action-item.disabled{color:#9ca3af;cursor:not-allowed}.action-item.disabled:hover{background:none}.action-icon{font-size:16px;text-align:center;width:20px}.action-divider{background:#e5e7eb;height:1px;margin:8px 0}.action-group{padding:0}.action-group-label{color:#6b7280;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;letter-spacing:.5px;padding:8px 16px 4px;text-transform:uppercase}.status-action{font-size:13px;padding-left:28px}.submenu-parent{position:relative}.submenu-trigger{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;gap:12px;justify-content:space-between;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.submenu-trigger:hover{background:#f3f4f6}.submenu-arrow{color:#9ca3af;font-size:10px}.submenu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-left:4px;min-width:180px;padding:8px 0;position:fixed;z-index:100000000}.submenu-item{background:none;border:none;color:#374151;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;padding:10px 16px;text-align:left;transition:background-color .2s ease;width:100%}.submenu-item:hover{background:#f3f4f6}.submenu-item.disabled{color:#9ca3af;cursor:not-allowed;font-style:italic}.submenu-item.disabled:hover{background:none}@media (max-width:768px){.actions-dropdown{left:50%!important;max-width:90vw;min-width:250px;position:fixed;right:auto!important;top:50%!important;transform:translate(-50%,-50%)}.submenu{border:none;border-radius:0;border-top:1px solid #e5e7eb;box-shadow:none;margin:8px 0 0;position:static}.submenu-arrow{transform:rotate(90deg)}}.task-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.task-row:hover{background-color:#f9fafb}.task-main-content{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:40px 1fr 100px 80px 140px 120px 100px;height:60px;padding:16px 0}.task-checkbox-container{display:flex;justify-content:center}.task-checkbox{appearance:none;background:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:16px;position:relative;transition:all .2s ease;width:16px}.task-checkbox:checked{background:#10b981;border-color:#10b981}.task-checkbox:checked:after{color:#fff;content:"✓";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.task-info{align-items:center;display:flex;min-width:0}.task-name-button{background:none;border:none;border-radius:4px;color:#111827;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:100%}.task-name-button:hover{background-color:#f3f4f6;color:#111827;margin:-2px -4px;padding:2px 4px}.task-name-button.completed{color:#6b7280;text-decoration:line-through}.task-name-button.completed:hover{background-color:#f9fafb;color:#6b7280;margin:-2px -4px;padding:2px 4px}.task-due-date{color:#6b7280;font-family:Roboto,sans-serif;font-size:14px;text-align:center}.task-assignee{gap:-8px}.assignee-avatar,.task-assignee{align-items:center;display:flex;justify-content:center}.assignee-avatar{background:#f3f4f6;border:2px solid #fff;border-radius:50%;font-size:14px;height:32px;width:32px}.assignee-avatar.secondary{background:#e5e7eb;margin-left:-12px}.task-comments{font-family:Roboto,sans-serif;font-size:14px;text-align:center;white-space:nowrap}.has-comments{color:#3b82f6;cursor:pointer}.task-status{display:flex;justify-content:center}.status-badge{border-radius:12px;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;padding:4px 8px;text-align:center;white-space:nowrap}.status-completed{background:#d1fae5;color:#065f46}.status-in-progress{background:#fef3c7;color:#92400e}.status-not-started,.status-overdue{background:#fee2e2;color:#991b1b}.task-actions{display:flex;justify-content:center}.actions-button{background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-family:Roboto,sans-serif;font-size:12px;padding:6px 12px;transition:all .2s ease}.actions-button:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.task-main-content{gap:12px;grid-template-columns:40px 1fr 80px}.task-assignee,.task-comments,.task-due-date,.task-status{display:none}}.task-group{background:#fff;border:1px solid #e5e7eb;border-bottom:none;overflow:hidden}.task-group:first-child{border-radius:8px 8px 0 0}.task-group:last-child{border-bottom:1px solid #e5e7eb;border-radius:0 0 8px 8px}.task-group:first-child:last-child{border-bottom:1px solid #e5e7eb;border-radius:8px}.task-group-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;padding:16px 20px;transition:background-color .2s ease}.task-group-header:hover{background:#f3f4f6}.group-header-content{align-items:center;display:flex;gap:12px;width:100%}.expand-icon{color:#6b7280;font-size:14px;text-align:center;transition:transform .2s ease;width:16px}.group-title{color:#111827;flex:1 1;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;margin:0}.edit-title-container{flex:1 1}.edit-title-input{background:#fff;border:1px solid #3b82f6;border-radius:4px;color:#111827;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;outline:none;padding:4px 8px;width:100%}.group-actions{align-items:center;display:flex;gap:8px}.edit-category-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:12px;opacity:0;padding:4px;transition:background-color .2s ease;transition:opacity .2s ease}.task-group-header:hover .edit-category-btn{opacity:1}.edit-category-btn:hover{background:#3b82f61a}.group-progress{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;padding:4px 8px}.task-group-content{background:#fff}.task-header{background:#f9fafb;border-bottom:1px solid #f3f4f6;padding:12px 20px}.header-grid{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:40px 1fr 100px 80px 120px 120px 100px}.header-cell{color:#6b7280;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.task-list{padding:0 20px}.task-list:empty:after{color:#9ca3af;content:"No tasks in this group";display:block;font-style:italic;padding:32px;text-align:center}@media (max-width:768px){.header-grid{gap:12px;grid-template-columns:40px 1fr 80px}.header-cell:nth-child(3),.header-cell:nth-child(4),.header-cell:nth-child(5),.header-cell:nth-child(6){display:none}}.comments-feed{margin:0 auto;max-width:800px;padding:32px}.comments-header{margin-bottom:32px;text-align:center}.comments-header h2{color:#1f2937;font-family:Roboto,sans-serif;font-size:28px;font-weight:700;margin:0 0 8px}.comments-subtitle{color:#6b7280;font-family:Roboto,sans-serif;font-size:16px;margin:0}.no-comments-state{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:64px 32px;text-align:center}.no-comments-icon{font-size:48px;margin-bottom:16px}.no-comments-state h3{color:#374151;font-family:Roboto,sans-serif;font-size:20px;font-weight:600;margin:0 0 8px}.no-comments-state p{color:#6b7280;font-family:Roboto,sans-serif;font-size:14px;margin:0 auto;max-width:400px}.comment-item{border-radius:12px;cursor:pointer;padding:20px;transition:all .2s ease}.comment-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.comment-header{align-items:flex-start;gap:16px;margin-bottom:12px}.comment-author-info{align-items:center;display:flex;flex:1 1;gap:12px}.comment-avatar{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.comment-meta{gap:2px}.comment-meta,.comment-task-info{display:flex;flex-direction:column}.comment-task-info{align-items:flex-end;flex-shrink:0;gap:4px;text-align:right}.task-category{background:#3b82f6;border-radius:12px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.task-category,.task-name{font-family:Roboto,sans-serif}.task-name{color:#6b7280;font-size:12px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-content{margin-bottom:16px}.comment-text{color:#374151;margin:0}.comment-actions{border-top:1px solid #f3f4f6;margin-top:12px;padding-top:12px}.reply-hint{background:none;border:none;color:#3b82f6;cursor:pointer;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;padding:0;transition:color .2s ease}.reply-hint:hover{color:#2563eb}@media (max-width:768px){.comments-feed{padding:20px}.comments-header h2{font-size:24px}.comment-item{padding:16px}.comment-header{align-items:stretch;flex-direction:column;gap:12px}.comment-task-info{align-items:flex-start;text-align:left}.task-name{max-width:none}.no-comments-state{padding:48px 24px}}.checklist-section{background:#f9fafb;min-height:100vh}.checklist-content{margin:0 auto;max-width:1200px;padding:24px}.task-groups{border-radius:8px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;flex-direction:column;gap:0;overflow:hidden}.comments-placeholder{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:48px;text-align:center}.placeholder-content h3{color:#111827;font-family:Roboto,sans-serif;font-size:24px;font-weight:600;margin:0 0 12px}.placeholder-content p{color:#6b7280;font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;margin:0}@media (max-width:768px){.checklist-content{padding:16px}.comments-placeholder{padding:32px 24px}}.category-manager-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.category-manager-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.category-manager-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.category-manager-header h2{color:#111827;font-family:Roboto,sans-serif;font-size:24px;font-weight:600;margin:0}.category-manager-content{flex:1 1;overflow-y:auto;padding:24px}.add-category-section{margin-bottom:32px}.add-category-section h3{color:#111827;font-family:Roboto,sans-serif;font-size:18px;font-weight:600;margin:0 0 16px}.add-category-form{align-items:center;display:flex;gap:12px}.category-input{border:1px solid #d1d5db;border-radius:8px;color:#111827;flex:1 1;font-family:Roboto,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .2s ease}.category-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-category-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;padding:12px 20px;transition:background-color .2s ease;white-space:nowrap}.add-category-btn:hover{background:#2563eb}.existing-categories-section h3{color:#111827;font-family:Roboto,sans-serif;font-size:18px;font-weight:600;margin:0 0 16px}.categories-list{display:flex;flex-direction:column;gap:12px}.category-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;padding:16px;transition:all .2s ease}.category-item:hover{background:#f3f4f6;border-color:#d1d5db}.category-item-content{align-items:center;display:flex;flex:1 1;gap:16px}.category-name-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;flex:1 1;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;padding:8px 12px;transition:border-color .2s ease}.category-name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.category-task-count{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;font-family:Roboto,sans-serif;font-size:12px;padding:4px 8px;white-space:nowrap}.category-actions{display:flex;gap:4px;margin-left:16px}.move-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-family:Roboto,sans-serif;font-size:12px;min-width:28px;padding:6px 8px;transition:all .2s ease}.move-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#374151}.move-btn:disabled{cursor:not-allowed;opacity:.5}.delete-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:12px;min-width:28px;padding:6px 8px;transition:all .2s ease}.delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.category-manager-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}@media (max-width:768px){.category-manager-overlay{padding:12px}.category-manager-modal{max-height:90vh}.add-category-form,.category-item{align-items:stretch;flex-direction:column}.category-item{gap:12px}.category-actions{justify-content:center;margin-left:0}}.task-builder-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.task-builder-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.task-builder-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.task-builder-header h2{color:#111827;font-family:Roboto,sans-serif;font-size:24px;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;font-size:24px;padding:4px 8px}.task-builder-content{flex:1 1;overflow-y:auto;padding:24px}.form-section{display:flex;flex-direction:column;margin-bottom:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-label{color:#374151;display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;gap:6px}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-family:Roboto,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input.error,.form-select.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-textarea{min-height:80px;resize:vertical}.status-options{display:flex;flex-wrap:wrap;gap:8px}.status-option{background:#f3f4f6;border:1px solid #d1d5db;border-radius:20px;color:#374151;cursor:pointer;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.status-option:hover{border-color:#9ca3af}.status-option.active{border-color:#0000;color:#065f46;font-weight:600}.error-message{color:#dc2626;font-family:Roboto,sans-serif;font-size:12px;margin-top:4px}.task-builder-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.save-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.save-btn:hover{background:#2563eb}.save-btn:active{transform:translateY(1px)}@media (max-width:768px){.task-builder-overlay{padding:12px}.task-builder-modal{max-height:95vh}.form-row{gap:12px;grid-template-columns:1fr}.status-options{align-items:stretch;flex-direction:column}.task-builder-footer{align-items:stretch;flex-direction:column-reverse}}.task-details-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.task-details-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.task-details-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;padding:32px 32px 24px}.header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.task-title{color:#0f172a;flex:1 1;font-family:Roboto,sans-serif;font-size:28px;font-weight:700;line-height:1.2;margin:0 20px 0 0}.close-button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#6b7280;cursor:pointer;font-size:20px;padding:8px 12px;transition:all .2s ease}.close-button:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.task-meta{align-items:center;display:flex;gap:12px}.category-badge{background:#3b82f6;color:#fff;letter-spacing:.5px;text-transform:uppercase}.category-badge,.priority-badge{border-radius:20px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;padding:6px 12px}.priority-badge{border:1px solid #0000001a}.task-details-content{flex:1 1;overflow-y:auto;padding:32px}.task-info-grid{display:flex;flex-direction:column;gap:32px}.comments-section h3,.description-section h3,.info-section h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-family:Roboto,sans-serif;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:8px}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{color:#6b7280;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:16px}.assignee-select,.info-value,.status-select{font-family:Roboto,sans-serif;padding:12px 16px}.assignee-select,.status-select{border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.assignee-select:focus,.status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.completion-toggle{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.completion-toggle:hover{background:#f3f4f6}.completion-checkbox{appearance:none;background:#fff;border:2px solid #d1d5db;border-radius:6px;cursor:pointer;height:20px;position:relative;transition:all .2s ease;width:20px}.completion-checkbox:checked{background:#10b981;border-color:#10b981}.completion-checkbox:checked:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.completion-text{color:#374151;font-family:Roboto,sans-serif;font-size:14px;-webkit-user-select:none;user-select:none}.description-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.description-content{color:#4b5563;font-family:Roboto,sans-serif;font-size:16px;line-height:1.6;white-space:pre-wrap}.add-comment{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.comment-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-family:Roboto,sans-serif;font-size:14px;margin-bottom:12px;padding:16px;resize:vertical;transition:border-color .2s ease;width:100%}.comment-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.submit-comment-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.submit-comment-btn:hover:not(:disabled){background:#2563eb}.submit-comment-btn:disabled{background:#9ca3af;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:16px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{color:#374151;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.comment-time{color:#9ca3af;font-family:Roboto,sans-serif;font-size:12px}.comment-text{color:#4b5563;line-height:1.5;white-space:pre-wrap}.comment-text,.no-comments{font-family:Roboto,sans-serif;font-size:14px}.no-comments{color:#9ca3af;font-style:italic;padding:40px;text-align:center}.task-details-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 32px}.footer-info{color:#6b7280;font-family:Roboto,sans-serif;font-size:12px}.close-footer-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.close-footer-btn:hover{background:#4b5563}@media (max-width:768px){.task-details-overlay{padding:12px}.task-details-modal{max-height:95vh}.task-details-header{padding:20px}.task-title{font-size:22px}.task-details-content{padding:20px}.info-grid{gap:16px;grid-template-columns:1fr}.task-meta{align-items:flex-start;flex-direction:column;gap:8px}}.loading-container{align-items:center;background:#f9fafb;display:flex;justify-content:center;min-height:100vh}.loading-spinner{text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 16px;width:40px}.loading-spinner p{color:#6b7280;font-family:Roboto,sans-serif;font-size:16px;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App{background:#f9fafb;display:flex;flex-direction:column;min-height:100vh}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;font-family:Roboto,sans-serif;margin:0;padding:0}.error-container{align-items:center;background:#f9fafb;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;text-align:center}.error-container h2{color:#dc2626;font-family:Roboto,sans-serif;font-size:24px;font-weight:600;margin:0 0 16px}.error-container p{color:#6b7280;font-family:Roboto,sans-serif;font-size:16px;margin:0;max-width:500px}
/*# sourceMappingURL=main.980b51b3.css.map*/