body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#afeeee;color:#333}.app{padding:20px;max-width:1200px;margin:auto}h1{text-align:center;margin-bottom:20px}.login,.add-task,.filter-bar,.task-form{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.login input,.add-task input,.task-form input,.login select,.add-task select,.task-form select{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:8px;min-width:200px}.login button,.add-task button,.task-form button{background-color:#0984e3;color:#fff;padding:10px 16px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.login button:hover,.add-task button:hover,.task-form button:hover{background-color:#74b9ff}.board{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.column{flex:1;min-width:300px;background-color:#fff;padding:16px;border-radius:10px;box-shadow:0 2px 8px #0000001a;transition:background-color .3s ease;max-height:80vh;overflow-y:auto}.column h2{text-align:center;color:#2d3436}.column.is-over{background-color:#dfe6e9}.task{background-color:#ffeaa7;padding:10px;margin-bottom:10px;border-radius:8px;box-shadow:0 1px 4px #0000001a;cursor:grab;display:flex;justify-content:space-between;align-items:center;font-size:14px;position:relative}.task.dragging{opacity:.5}.task .delete-btn{background:none;border:none;color:#d63031;font-size:18px;cursor:pointer;position:absolute;top:5px;right:5px}.task-user{font-size:12px;color:#636e72;margin-top:5px}.filter-bar label{font-weight:700;margin-right:5px}select{cursor:pointer}.column::-webkit-scrollbar{width:8px}.column::-webkit-scrollbar-track{background:#f1f1f1}.column::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.column::-webkit-scrollbar-thumb:hover{background:#aaa}.task{background-color:#ffeaa7;padding:10px;margin-bottom:10px;border-radius:8px;box-shadow:0 1px 4px #0000001a;cursor:grab;font-size:14px;position:relative;display:flex;flex-direction:column;gap:20px}.task .delete-btn{background:none;border:none;color:#d63031;font-size:18px;cursor:pointer}.task-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#636e72}.task-user{font-size:12px;color:#636e72}
