body{color:#fff;background:#0f172a;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Arial,sans-serif;display:flex}.container{width:350px;box-shadow:0 0 20pxrgba(0, 0, 0, .5);background:#1e293b;border-radius:10px;padding:25px}h1{text-align:center;margin-bottom:20px}.input-container{gap:10px;display:flex}.input-container input{border:none;border-radius:5px;outline:none;flex:1;padding:10px}.input-container button{color:#000;cursor:pointer;background:#38bdf8;border:none;border-radius:5px;padding:10px;font-weight:700}.input-container button:hover{background:#0ea5e9}.task{background:#334155;border-radius:5px;justify-content:space-between;align-items:center;margin-top:5px;padding:10px;display:flex}.task span{cursor:pointer}.task button{cursor:pointer;color:#fff;border:none;border-radius:5px;margin-left:5px;padding:5px 8px}.edit-btn{background:#3b82f6}.edit-btn:hover{background:#2563eb}.save-btn{background:#22c55e}.save-btn:hover{background:#16a34a}.delete-btn{background:#ef4444}.delete-btn:hover{background:#dc2626}.filters{justify-content:space-between;margin:15px 0;display:flex}.filters button{color:#fff;cursor:pointer;background:#475569;border:none;border-radius:5px;flex:1;margin:0 5px;padding:8px;transition:transform .18s,box-shadow .18s,background .18s,color .18s}.filters button.active{color:#000;background:#38bdf8;font-weight:700;transform:translateY(-2px)scale(1.03);box-shadow:0 4px 12px #38bdf859}.filters button:hover{transform:translateY(-1px)}.task input{border:5px;border-radius:5px;margin-right:5px;padding:5px}.task button{margin-left:5px}.task-info{color:#cbd5f5;justify-content:space-between;margin:10px 0;font-size:14px;display:flex}.error-message{color:#f87171;margin-top:8px;font-size:14px}.edit-container{flex-direction:column;width:100%;display:flex}.edit-container input{border:none;border-radius:5px;outline:none;padding:8px}