.task-management{background:#f2f2f2;min-height:100vh;padding:20px}.back-btn{color:#636e72;cursor:pointer;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.back-btn:hover{color:#1e88e5;background:#e9ecef;border-color:#1e88e5;transform:translateY(-1px)}.task-header{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.1)}.task-header h1{color:#2c3e50;margin:0}.create-project-btn{color:#fff;cursor:pointer;background:#0079bf;border:none;border-radius:6px;padding:12px 24px;font-weight:500;transition:background-color .2s}.create-project-btn:hover{background:#005a8b}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px;display:grid}.project-card{cursor:pointer;background:#fff;border-left:4px solid #0079bf;border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px rgba(0,0,0,.1)}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.project-card h3{color:#2c3e50;margin:0 0 10px;font-size:1.2em}.project-card p{color:#6c757d;margin:0 0 15px;line-height:1.5}.project-meta{color:#6c757d;justify-content:space-between;align-items:center;font-size:.9em;display:flex}.project-status{border-radius:4px;padding:4px 8px;font-size:.8em;font-weight:500}.project-status.active{color:#155724;background:#d4edda}.project-status.completed{color:#004085;background:#cce5ff}.project-status.on-hold{color:#856404;background:#fff3cd}.kanban-board{background:#0079bf;min-height:100vh;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif}.board-header{color:#fff;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 0;display:flex}.board-info h2{color:#fff;margin:0;font-size:18px;font-weight:700}.board-description{opacity:.9;margin:5px 0 0;font-size:.9em}.board-actions{align-items:center;gap:15px;display:flex}.board-selector{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:8px 12px}.board-selector option{color:#fff;background:#0079bf}.menu-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:none;border-radius:4px;padding:8px 12px;transition:background-color .2s}.menu-btn:hover{background:rgba(255,255,255,.3)}.board-content{padding-bottom:20px;overflow-x:auto}.lists-container{align-items:flex-start;gap:8px;min-height:500px;padding:0 4px;display:flex}.kanban-list{background:#ebecf0;border-radius:3px;flex-direction:column;min-width:272px;max-width:272px;max-height:calc(100vh - 120px);padding:8px;transition:box-shadow .2s;display:flex;box-shadow:0 1px rgba(9,30,66,.25)}.kanban-list.drag-over{background:#ddd;box-shadow:0 4px 12px rgba(0,0,0,.25)}.list-header{justify-content:space-between;align-items:center;min-height:20px;margin-bottom:8px;padding:10px 8px 8px;display:flex}.list-title{color:#172b4d;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.list-actions{align-items:center;gap:8px;display:flex}.card-count{color:#5e6c84;background:rgba(9,30,66,.08);border-radius:12px;padding:2px 6px;font-size:.75em;font-weight:500}.list-menu-btn{color:#6b778c;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.2em;transition:background-color .2s}.list-menu-btn:hover{background:rgba(9,30,66,.08)}.list-cards{flex:1;min-height:2px;max-height:calc(100vh - 200px);margin-bottom:8px;transition:background-color .2s;overflow-y:auto}.list-cards.drag-over{background:rgba(9,30,66,.04);border-radius:6px}.empty-list{text-align:center;color:#6b778c;border:2px dashed #ddd;border-radius:6px;margin:8px 0;padding:20px;font-style:italic}.kanban-card{cursor:pointer;word-wrap:break-word;background:#fff;border-radius:3px;min-height:20px;margin-bottom:8px;padding:8px;transition:all .1s;position:relative;box-shadow:0 1px rgba(9,30,66,.25)}.kanban-card:hover{background:#f4f5f7;box-shadow:0 1px rgba(9,30,66,.25)}.kanban-card.dragging{opacity:.8;z-index:1000;transform:rotate(2deg);box-shadow:0 8px 16px rgba(0,0,0,.3)}.card-labels{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.card-label{color:#fff;background:#0079bf;border-radius:12px;padding:2px 8px;font-size:.75em;font-weight:500}.card-title{color:#172b4d;word-wrap:break-word;margin-bottom:4px;font-size:14px;font-weight:400;line-height:20px}.card-description-preview{color:#6b778c;margin-bottom:8px;font-size:.85em;line-height:1.4}.card-footer{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:.8em;display:flex}.card-due-date{border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:.75em;font-weight:500;display:flex}.card-due-date.due-today{color:#856404;background:#fff3cd}.card-due-date.due-soon{color:#721c24;background:#f8d7da}.card-due-date.overdue{color:#fff;background:#dc3545}.card-due-date.due-later{color:#0c5460;background:#d1ecf1}.card-priority{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8em;font-weight:700;display:flex}.card-assignee{margin-left:auto}.assignee-avatar{color:#fff;background:#0079bf;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7em;font-weight:600;display:flex;box-shadow:0 1px 3px rgba(0,0,0,.2)}.card-comments-count,.card-attachments-count,.card-time-tracking{color:#6b778c;align-items:center;gap:2px;display:flex}.add-card-container{margin-top:8px}.add-card-btn{color:#5e6c84;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:3px;align-items:center;width:100%;min-height:32px;padding:4px 8px;font-size:14px;transition:all .1s;display:flex}.add-card-btn:hover{color:#172b4d;background:#e4e6ea}.add-card-form{background:#fff;border-radius:3px;margin-bottom:8px;padding:8px;box-shadow:0 1px rgba(9,30,66,.25)}.add-card-input{resize:none;background:#fafbfc;border:none;border-radius:3px;outline:none;width:100%;margin-bottom:8px;padding:8px 12px;font-family:inherit;font-size:14px;line-height:20px;box-shadow:inset 0 0 0 2px #dfe1e6}.add-card-actions{align-items:center;gap:8px;display:flex}.add-card-save{color:#fff;cursor:pointer;background:#0079bf;border:none;border-radius:3px;padding:6px 12px;font-size:14px;font-weight:400;transition:background-color .1s}.add-card-save:hover{background:#005a8b}.add-card-cancel{color:#6b778c;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-size:1.2em;transition:background-color .2s}.add-card-cancel:hover{background:rgba(9,30,66,.08)}.add-list-container{flex-shrink:0;min-width:280px}.add-list-btn,.add-another-list{color:#fff;cursor:pointer;text-align:left;background:rgba(255,255,255,.24);border:none;border-radius:3px;align-items:center;width:272px;min-height:32px;padding:10px 12px;font-size:14px;font-weight:400;transition:background-color .1s;display:flex}.add-list-btn:hover,.add-another-list:hover{background:rgba(255,255,255,.32)}.add-list-form,.new-list-form{background:#ebecf0;border-radius:3px;width:272px;padding:8px;box-shadow:0 1px rgba(9,30,66,.25)}.add-list-input,.new-list-input{background:#fff;border:none;border-radius:3px;outline:none;width:100%;margin-bottom:8px;padding:8px 12px;font-family:inherit;font-size:14px;box-shadow:inset 0 0 0 2px #dfe1e6}.add-list-input:focus,.new-list-input:focus{box-shadow:inset 0 0 0 2px #0079bf}.add-list-actions,.new-list-actions{align-items:center;gap:8px;display:flex}.add-list-save,.add-list-btn{color:#fff;cursor:pointer;background:#0079bf;border:none;border-radius:4px;padding:8px 16px;font-weight:500;transition:background-color .2s}.add-list-save:hover,.add-list-btn:hover{background:#005a8b}.add-list-cancel,.cancel-btn{color:#6b778c;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 12px;font-size:1.2em;transition:background-color .2s}.add-list-cancel:hover,.cancel-btn:hover{background:rgba(9,30,66,.08)}.empty-board{color:#fff;justify-content:center;align-items:center;min-height:400px;display:flex}.empty-board-message{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.24);border-radius:3px;max-width:400px;padding:32px}.empty-board-message h3{margin:0 0 8px;font-size:18px;font-weight:600}.empty-board-message p{opacity:.9;margin:0 0 16px;font-size:14px}.create-first-list-btn,.add-first-list{color:#0079bf;cursor:pointer;background:rgba(255,255,255,.9);border:none;border-radius:6px;padding:12px 24px;font-weight:600;transition:all .2s}.create-first-list-btn:hover,.add-first-list:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.loading{text-align:center;color:rgba(255,255,255,.8);padding:40px;font-size:1.1em}.error-message{color:#721c24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(248,215,218,.9);border:1px solid rgba(245,198,203,.8);border-radius:6px;margin-bottom:20px;padding:12px 16px}.no-boards,.no-board{text-align:center;color:rgba(255,255,255,.8);padding:40px;font-size:1.1em}.drag-over{background:rgba(0,121,191,.1)!important;border:2px dashed #0079bf!important}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.6);justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e8eaed;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:24px 32px 16px;display:flex}.modal-header h2{color:#fff;margin:0;font-size:1.5em;font-weight:600}.modal-close{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:8px 12px;font-size:1.4em;transition:all .2s;display:flex}.modal-close:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.project-form{background:#fafbfc;border-radius:0 0 16px 16px;padding:32px}.form-group{margin-bottom:24px}.form-group label{color:#2c3e50;margin-bottom:8px;font-size:.95em;font-weight:600;display:block;position:relative}.form-group label:after{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:1px;width:30px;height:2px;position:absolute;bottom:-4px;left:0}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e1e5e9;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:.95em;transition:all .3s;box-shadow:0 2px 4px rgba(0,0,0,.02)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;transform:translateY(-1px);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#c5cae9}.form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.developers-selection{background:#fafbfc;border:1px solid #e1e5e9;border-radius:8px;max-height:200px;padding:12px;overflow-y:auto}.developer-checkbox{margin-bottom:8px}.checkbox-label{cursor:pointer;border-radius:6px;align-items:center;padding:8px;transition:background-color .2s;display:flex}.checkbox-label:hover{background-color:rgba(102,126,234,.1)}.checkbox-label input[type=checkbox]{width:16px;height:16px;margin-right:8px}.developer-email{color:#6c757d;margin-left:8px;font-size:12px}.selected-developers{background:rgba(102,126,234,.1);border-radius:4px;margin-top:8px;padding:8px}.selected-developers small{color:#667eea;font-weight:500}.no-developers{text-align:center;color:#6c757d;padding:20px}.no-developers p{margin:0;font-style:italic}.form-actions{border-top:1px solid #e8eaed;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;display:flex}.cancel-btn{color:#6c757d;cursor:pointer;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;min-width:100px;padding:12px 24px;font-size:.95em;font-weight:500;transition:all .2s}.cancel-btn:hover{color:#495057;background:#e9ecef;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;min-width:140px;padding:12px 32px;font-size:.95em;font-weight:600;transition:all .2s;box-shadow:0 4px 12px rgba(102,126,234,.3)}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.4)}.save-btn:active{transform:translateY(0)}.project-list-header{background:#fff;border:1px solid #f0f2f5;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:24px;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.05)}.search-container{flex:1;max-width:400px;position:relative}.search-input{background:#fafbfc;border:2px solid #e1e5e9;border-radius:12px;outline:none;width:100%;padding:12px 16px 12px 44px;font-size:.95em;transition:all .3s}.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-icon{color:#6c757d;font-size:1.1em;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.create-project-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.95em;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px rgba(102,126,234,.3)}.create-project-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.4)}.create-project-btn:active{transform:translateY(0)}.project-card{cursor:pointer;background:#fff;border:1px solid #f0f2f5;border-radius:16px;padding:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05)}.project-card:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);height:4px;position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:#e8eaed;transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.project-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.project-name{color:#2c3e50;margin:0;font-size:1.3em;font-weight:600;line-height:1.3}.project-status{text-transform:capitalize;color:#fff;border-radius:20px;padding:6px 12px;font-size:.8em;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.1)}.project-description{color:#6c757d;margin:0 0 20px;font-size:.95em;line-height:1.6}.project-meta{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:16px;display:grid}.meta-label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.8em;font-weight:500;display:block}.meta-value{color:#2c3e50;font-size:.95em;font-weight:600}.project-dates{border-top:1px solid #f0f2f5;gap:20px;padding-top:16px;display:flex}.date-item{flex-direction:column;gap:4px;display:flex}.date-label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-size:.8em;font-weight:500}.date-value{color:#2c3e50;font-size:.9em;font-weight:600}.no-projects{text-align:center;background:#fff;border:1px solid #f0f2f5;border-radius:16px;padding:60px 20px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.no-projects h3{color:#2c3e50;margin:0 0 12px;font-size:1.4em;font-weight:600}.no-projects p{color:#6c757d;margin:0;font-size:1em;line-height:1.5}.card-modal{background:#fff;border:1px solid #e1e5e9;border-radius:16px;width:95%;max-width:1200px;max-height:95vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.25)}.card-modal-header{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-bottom:1px solid #e1e5e9;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.card-modal-title h2{color:#2c3e50;margin:0;font-size:1.6em;font-weight:600;line-height:1.3}.title-input{color:#172b4d;border:2px solid #ddd;border-radius:4px;outline:none;width:100%;padding:4px 8px;font-size:1.4em;font-weight:600}.title-input:focus{border-color:#0079bf}.card-modal-actions{align-items:center;gap:12px;display:flex}.edit-btn{color:#fff;cursor:pointer;background:#0079bf;border:none;border-radius:4px;padding:8px 16px;font-weight:500;transition:background-color .2s}.edit-btn:hover{background:#005a8b}.close-btn{color:#6b778c;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.5em;transition:background-color .2s}.close-btn:hover{background:rgba(9,30,66,.08)}.card-modal-content{background:#fafbfc;padding:0 32px 32px}.card-modal-body{grid-template-columns:2.5fr 1fr;gap:32px;margin-top:24px;display:grid}.card-section{background:#fff;border:1px solid #e8eaed;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.card-section h3{color:#2c3e50;border-bottom:2px solid #f0f2f5;align-items:center;gap:10px;margin:0 0 20px;padding-bottom:12px;font-size:1.2em;font-weight:600;display:flex}.card-description{color:#495057;white-space:pre-wrap;word-wrap:break-word;background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;min-height:80px;padding:20px;font-size:15px;line-height:1.7}.card-section textarea{resize:vertical;border:2px solid #e1e5e9;border-radius:8px;outline:none;width:100%;min-height:120px;padding:16px;font-family:inherit;font-size:15px;line-height:1.6;transition:border-color .3s}.card-section textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.add-comment-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:20px}.add-comment-form textarea{background:#fff;border:2px solid #e1e5e9;min-height:80px;margin-bottom:12px;font-size:14px}.add-comment-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 2px 8px rgba(0,123,255,.3)}.add-comment-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,.4)}.comments-list{background:#fff;border:1px solid #e1e5e9;border-radius:8px;min-height:120px;max-height:500px;padding:16px;overflow-y:auto}.comment{background:#f8f9fa;border-left:4px solid #007bff;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.08)}.comment:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12)}.comment-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.comment-author{align-items:center;gap:8px;display:flex}.author-avatar{color:#fff;background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8em;font-weight:600;display:flex;box-shadow:0 2px 8px rgba(0,123,255,.3)}.author-name{color:#2c3e50;font-size:15px;font-weight:600}.comment-date{color:#6c757d;font-size:.85em;font-weight:500}.comment-content{color:#495057;word-wrap:break-word;white-space:pre-wrap;margin-top:4px;font-size:15px;line-height:1.6}.user-role{color:#6c757d;background:#e9ecef;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:.8em;font-weight:500}.card-modal-sidebar{background:#fff;border:1px solid #e8eaed;border-radius:12px;height:-moz-fit-content;height:fit-content;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.card-details h3{color:#2c3e50;border-bottom:2px solid #f0f2f5;margin:0 0 20px;padding-bottom:12px;font-size:1.1em;font-weight:600}.detail-item{border-bottom:1px solid #f8f9fa;margin-bottom:20px;padding:12px 0}.detail-item label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.9em;font-weight:600;display:block}.detail-item input,.detail-item select{border:1px solid #ddd;border-radius:4px;outline:none;width:100%;padding:6px 8px;font-size:.9em}.detail-item input:focus,.detail-item select:focus{border-color:#0079bf}.priority-badge{color:#fff;text-transform:capitalize;border-radius:4px;padding:4px 8px;font-size:.8em;font-weight:500}.save-card-btn{color:#fff;cursor:pointer;background:#0079bf;border:none;border-radius:4px;width:100%;margin-top:16px;padding:10px 16px;font-weight:500}.save-card-btn:hover{background:#005a8b}.no-comments{text-align:center;color:#6c757d;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin-top:16px;padding:32px 20px;font-style:italic}.no-comments p{margin:0;font-size:15px;font-weight:500}.permission-note{margin-top:4px}.permission-note small{color:#6c757d;font-size:11px;font-style:italic}.assignee-display,.actual-hours-display{flex-direction:column;display:flex}.assignment-section{flex-direction:column;gap:8px;display:flex}.assignment-details{background:#f8f9fa;border-radius:4px;flex-direction:column;gap:6px;margin-top:8px;padding:8px;display:flex}.assignment-type-select{border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:12px}.assignment-reason{resize:vertical;border:1px solid #ddd;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:12px}.assignment-reason:focus{border-color:#0079bf;outline:none}.assignment-history-section{flex-direction:column;gap:8px;display:flex}.history-toggle-btn{cursor:pointer;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:12px;transition:background-color .2s}.history-toggle-btn:hover{background:#e9ecef}.assignment-history{background:#fafbfc;border:1px solid #e4e6ea;border-radius:4px;max-height:200px;padding:8px;overflow-y:auto}.history-entry{border-bottom:1px solid #e4e6ea;margin-bottom:12px;padding-bottom:8px}.history-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.history-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.history-type{color:#fff;text-transform:capitalize;background:#0079bf;border-radius:12px;padding:2px 6px;font-size:10px;font-weight:500}.history-date{color:#6c757d;font-size:10px}.history-details{color:#495057;font-size:11px}.history-assignment{margin-bottom:2px;font-weight:500}.history-by{color:#6c757d;margin-bottom:4px}.history-reason{color:#495057;background:#fff;border-left:3px solid #0079bf;border-radius:3px;padding:4px 6px;font-style:italic}.no-history{text-align:center;color:#6c757d;padding:16px;font-size:12px;font-style:italic}@media (max-width:768px){.task-management{padding:10px}.projects-grid{grid-template-columns:1fr}.kanban-board{padding:10px}.lists-container{gap:12px}.kanban-list{min-width:260px;max-width:260px}.card-modal{width:98%;max-width:none;max-height:98vh;margin:10px}.card-modal-header{padding:20px 24px}.card-modal-content{padding:0 24px 24px}.card-modal-body{grid-template-columns:1fr;gap:20px}.card-section{margin-bottom:20px;padding:20px}.card-modal-sidebar{padding:20px}.board-header{flex-direction:column;align-items:flex-start;gap:10px}.modal-content{border-radius:12px;width:95%;max-height:95vh;margin:10px}.modal-header{padding:20px 24px 12px}.modal-header h2{font-size:1.3em}.project-form{padding:24px 20px}.form-row{grid-template-columns:1fr;gap:16px}.form-actions{flex-direction:column-reverse;gap:12px}.cancel-btn,.save-btn{width:100%;padding:14px 24px}.project-list-header{flex-direction:column;align-items:stretch;gap:16px;padding:20px}.search-container{max-width:none}.create-project-btn{justify-content:center;padding:14px 24px}.project-meta{grid-template-columns:1fr;gap:12px}.project-dates{flex-direction:column;gap:12px}}@media (max-width:480px){.modal-header{padding:16px 20px 8px}.project-form{padding:20px 16px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px}.project-card{padding:20px}.project-name{font-size:1.2em}}