*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Roboto,sans-serif;background-color:#f5f6fa;color:#333;line-height:1.5;min-height:100vh}.dashboard{width:90%;max-width:800px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014;padding:24px 32px}.header{text-align:center;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:#2b2d42}.stats-bar{display:flex;justify-content:space-between;background:#edf2f4;padding:12px 20px;border-radius:8px;font-weight:500;margin-bottom:20px}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px}.filter-bar select,.filter-bar input{padding:8px 12px;border-radius:6px;border:1px solid #ccc;font-size:14px;flex:1}.filter-bar input{flex:2}.task-input{display:flex;gap:10px;margin-bottom:20px}.task-input input{flex:1;padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.task-input button{background-color:#007bff;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:.2s ease}.task-input button:hover{background-color:#0056b3}.task-list{display:flex;flex-direction:column;gap:10px}.task-item{display:flex;justify-content:space-between;align-items:center;background:#fafafa;border-radius:8px;padding:10px 14px;border-left:5px solid #ccc;transition:.3s ease}.task-item:hover{transform:translateY(-2px);box-shadow:0 2px 10px #0000000d}.task-item.todo{border-left-color:#fca311}.task-item.in-progress{border-left-color:#007bff}.task-item.done{border-left-color:#38b000;text-decoration:line-through;color:#555}.task-item button{background-color:#8d99ae;border:none;color:#fff;padding:6px 10px;border-radius:5px;font-size:13px;cursor:pointer;transition:background .2s ease}.task-item button:hover{background-color:#6c757d}.task-list p{text-align:center;color:#888;margin-top:10px}.stats-bar button{background-color:#e63946;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease,transform .1s ease}.stats-bar button:hover{background-color:#d62828;transform:scale(1.05)}.stats-bar button:active{transform:scale(.98)}.btn{border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease,transform .1s ease}.task-item .btn-todo{background-color:#f4a261}.task-item .btn-todo:hover{background-color:#e76f51}.task-item .btn-progress{background-color:#0077b6}.task-item .btn-progress:hover{background-color:#023e8a}.task-item .btn-done{background-color:#38b000}.task-item .btn-done:hover{background-color:#2b9348}.task-item .btn:active{transform:scale(.97)}@media(max-width:600px){.dashboard{padding:16px}.stats-bar{flex-direction:column;align-items:flex-start;gap:8px}.filter-bar,.task-input{flex-direction:column}.task-input button{width:100%}}