*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f5f5f5;min-height:100vh}#app{padding:20px}.kanban-board{display:flex;gap:20px;padding:20px;overflow-x:auto;min-height:calc(100vh - 40px)}.kanban-column{flex:1;min-width:280px;max-width:350px;background:#ebecf0;border-radius:8px;display:flex;flex-direction:column}.column-header{padding:12px 16px;font-weight:600;font-size:14px;color:#172b4d;display:flex;justify-content:space-between;align-items:center}.column-header .task-count{background:#091e4214;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px}.task-list{flex:1;padding:8px;overflow-y:auto;min-height:100px}.task-card{background:#fff;border-radius:6px;padding:12px;margin-bottom:8px;cursor:grab;box-shadow:0 1px 3px #0000001a;transition:transform .15s ease,box-shadow .15s ease}.task-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.task-card.dragging{opacity:.5;cursor:grabbing}.task-card .task-title{font-size:14px;color:#172b4d;margin-bottom:8px}.task-card .task-actions{display:flex;gap:8px;opacity:0;transition:opacity .15s ease}.task-card:hover .task-actions{opacity:1}.task-card .task-actions button{background:none;border:none;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px;transition:background .15s ease}.task-card .task-actions .edit-btn{color:#0052cc}.task-card .task-actions .delete-btn{color:#de350b}.task-card .task-actions button:hover{background:#00000014}.add-task-form{padding:12px;border-top:1px solid rgba(0,0,0,.1)}.add-task-form input{width:100%;padding:8px 12px;border:2px solid transparent;border-radius:6px;font-size:14px;background:#fff;transition:border-color .15s ease}.add-task-form input:focus{outline:none;border-color:#0052cc}.add-task-btn{width:100%;margin-top:8px;padding:8px;background:#0052cc;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .15s ease}.add-task-btn:hover{background:#0065ff}.drag-over{background:#e3fce0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;padding:24px;width:90%;max-width:400px}.modal h3{margin-bottom:16px;font-size:18px;color:#172b4d}.modal input{width:100%;padding:10px 12px;border:2px solid #dfe1e6;border-radius:6px;font-size:14px;margin-bottom:16px}.modal input:focus{outline:none;border-color:#0052cc}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions button{padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .15s ease}.modal-actions .cancel-btn{background:none;border:1px solid #dfe1e6;color:#42526e}.modal-actions .cancel-btn:hover{background:#f5f5f5}.modal-actions .save-btn{background:#0052cc;border:none;color:#fff}.modal-actions .save-btn:hover{background:#0065ff}.column-todo .column-header{color:#42526e}.column-progress .column-header{color:#0052cc}.column-done .column-header{color:#00875a}.add-task-btn:disabled{background:#dfe1e6;cursor:not-allowed}