.kanban-container{display:flex;flex-direction:column;height:100%;padding:20px;border-radius:16px;font-family:var(--font-geist-sans,system-ui,sans-serif)}.project-board{flex:1;display:flex;flex-direction:column;height:100%}.columns-wrapper{position:relative;flex:1;display:flex;height:100%}.add-task{display:flex;gap:10px;padding:10px 0}.add-task input{flex:1;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease;outline:none;box-shadow:none}.add-task input:focus{border-color:#fbcfe8;box-shadow:0 0 0 1px #fbcfe8}.add-task button{padding:10px 14px;background-color:#d8b4fe;color:white;border:none;border-radius:8px;font-weight:500;transition:background-color .2s ease;cursor:pointer}.add-task button:hover{background-color:hwb(314 72% 3%)}.project-name{display:flex;align-items:center;gap:8px;margin-bottom:10px}.project-name h2{margin:0}.project-name input{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;box-shadow:none}.project-name input:focus{border-color:#fbcfe8;box-shadow:0 0 0 1px #fbcfe8}.project-name button{padding:8px 12px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.project-name .save-button{background-color:#d8b4fe;color:white;font-weight:500;transition:background-color .2s ease}.project-name .save-button:hover{background-color:#c084fc}.project-name .cancel-button,.project-name .edit-button{background-color:#d8b4fe;color:white;transition:background-color .2s ease}.project-name .cancel-button:hover,.project-name .edit-button:hover{background-color:#c084fc}.board{gap:20px;padding:16px;overflow-x:auto;background:rgba(248,250,252,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;align-items:stretch}.board,.column{display:flex;flex:1;height:100%}.column{min-width:240px;background:white;border-radius:14px;padding:12px;box-shadow:0 3px 8px rgba(0,0,0,.04);flex-direction:column;gap:10px;overflow-y:auto}.column h3,.column summary{text-align:center;font-size:16px;font-weight:600;margin-bottom:12px;cursor:pointer}.card{background:#ffffff;padding:10px 12px;border-radius:10px;margin-bottom:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);transition:transform .1s ease;cursor:grab;position:relative;white-space:pre-line;word-break:break-word}.card:active{transform:scale(.98)}.delete-task-button{position:absolute;top:4px;right:4px;background:transparent;border:none;cursor:pointer;font-size:12px;line-height:1}.add-project-button{margin-bottom:12px;padding:10px 16px;background-color:#e79ed6;color:white;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-project-button:hover{background-color:#c084fc}.task-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1rem}.project-list{margin-bottom:16px}.project-list,.task-section{display:flex;flex-direction:column;gap:10px}.show-more-button{align-self:flex-start;background:none;color:#e79ed6}.project-item{background:white;padding:12px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.06);cursor:pointer;border-left:4px solid transparent}.project-header{display:flex;justify-content:space-between;align-items:center;font-size:15px}.project-actions button,.project-header button{background:#e79ed6;color:white;padding:4px 10px;border-radius:6px;border:none;cursor:pointer;font-size:13px}.business-tag,.member-tag{padding:2px 6px;border-radius:6px;color:#ffffff;font-size:12px}.project-actions{display:flex;flex-wrap:wrap;gap:4px}.project-item>.project-actions{margin-top:4px}.progress-bar{height:8px;background:#e5e7eb;border-radius:4px;margin-top:6px;overflow:hidden}.progress{height:100%;background:#b3e5fc;transition:width .3s ease}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(30,41,59,.4);display:flex;justify-content:center;align-items:center;z-index:50}.modal{background:white;padding:24px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.1);width:90%;max-width:440px;display:flex;flex-direction:column;gap:12px;font-family:var(--font-geist-sans,system-ui,sans-serif)}.modal input,.modal select,.modal textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;box-sizing:border-box;width:100%;outline:none;box-shadow:none;background-color:white;font-family:inherit}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#fbcfe8;box-shadow:0 0 0 1px #fbcfe8}.modal h2{margin:0 0 8px;font-size:18px;font-weight:600}.modal .subtask-list{list-style:none;padding-left:0;margin:0}.modal .subtask-row{display:flex;align-items:center;gap:8px;font-size:14px;text-align:left}.modal-actions{display:flex;justify-content:flex-end;margin-top:8px}.modal button{padding:8px 12px;background-color:#d8b4fe;color:white;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.modal button:hover{background-color:#c084fc}.list-input{display:flex;gap:6px}.list-input input{flex:1}.list-input button{background:#e79ed6;border:none;border-radius:6px;padding:4px 8px}.add-subitem,.list-input button{color:white;font-size:14px;cursor:pointer}.add-subitem{align-self:flex-start;padding:6px 10px;background-color:#e79ed6;border:none;border-radius:8px;transition:background-color .2s ease}.add-subitem:hover{background-color:#c084fc}.upload-area{border:2px dashed #94a3b8;padding:1rem;margin-top:1rem;text-align:center;border-radius:12px;background:rgba(255,255,255,.85);transition:background .3s ease}.upload-area.drag-over{background:#e0f2fe}.files-list{list-style:none;padding:0;margin-top:.5rem}.files-list li{background:#f9fafb;padding:6px 10px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:4px}.end-date{margin-top:4px;font-size:.9rem}.checkbox{display:flex;align-items:center;gap:8px;justify-content:flex-start;align-self:flex-start}.checkbox input{margin:0}.checkbox span{font-size:14px;font-family:inherit}.context-menu{position:absolute;background:rgba(255,255,255,.95);border:1px solid #d1d5db;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.08);padding:4px 0;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.context-menu button{display:block;width:100%;padding:8px 16px;background:#d8b4fe;border:none;text-align:left;cursor:pointer;font-size:14px;color:white}.context-menu button:hover{background:#c084fc}.edit-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.edit-modal button{padding:8px 12px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.edit-modal .save-button{background-color:#d8b4fe;color:white}.edit-modal .save-button:hover{background-color:#c084fc}.edit-modal .cancel-button{background-color:#d8b4fe;color:white}.edit-modal .cancel-button:hover{background-color:#c084fc}.show-more-button{display:block;width:100%;padding:6px 10px;margin-top:8px;background-color:#e79ed6;color:white;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.show-more-button:hover{background-color:#c084fc}.completed-section{margin-top:20px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.completed-section summary{margin:0 0 8px;font-size:16px;cursor:pointer}details.column>div+div,details.completed-section>div+div{margin-top:10px}.member-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:white;font-family:var(--font-geist-sans,system-ui,sans-serif)}.member-line{gap:8px}.member-avatar,.member-line{display:flex;align-items:center}.member-avatar{width:24px;height:24px;border-radius:50%;background-color:#2563eb;color:white;justify-content:center;font-weight:600;font-size:.9rem}@media (max-width:768px){.board{flex-direction:column;overflow-x:visible}.column{min-width:100%}}