*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}.todo-container{max-width:600px;margin:30px auto;padding:30px;border-radius:15px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 15px 30px #2424246a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.todo-container h1{text-align:center;margin-bottom:25px;font-size:2.2rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.todo-input{display:flex;gap:10px;margin-bottom:20px}.todo-input input{flex:1;padding:15px;border-radius:8px;border:none;font-size:16px;box-shadow:0 2px 5px #0000001a;transition:box-shadow .3s}.todo-input input:focus{outline:none;box-shadow:0 2px 8px #0003}.todo-input button{padding:15px 25px;background-color:#fff;color:#764ba2;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 2px 5px #0000001a}.todo-input button:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.todo-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:.9rem;opacity:.9}.clear-btn{background:#fff3;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;transition:all .3s}.clear-btn:hover{background:#ffffff4d}.todo-filters{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.todo-filters button{padding:8px 15px;background:#ffffff1a;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s}.todo-filters button:hover{background:#fff3}.todo-filters button.active{background:#fff;color:#764ba2;font-weight:700}.todo-list{list-style:none;margin-top:20px;padding:0}.todo-list li{background-color:#fff;color:#333;margin-bottom:10px;padding:15px 20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s;box-shadow:0 2px 5px #0000001a}.todo-list li:hover{transform:translate(5px);box-shadow:0 5px 10px #00000026}.todo-list li.completed{background-color:#f8f8f8}.todo-list li.completed span{text-decoration:line-through;color:#888}.todo-list li span{flex:1}.todo-list li .todo-date{display:block;font-size:.7rem;color:#999;margin-top:5px}.todo-list li.completed .todo-date{color:#bbb}.delete-btn{background:none;border:none;font-size:18px;color:#ff6b6b;cursor:pointer;transition:transform .2s;margin-left:15px}.delete-btn:hover{transform:scale(1.2);color:#ff5252}.empty-state{text-align:center;color:#fff;background:#ffffff1a;padding:20px;border-radius:8px;cursor:default}.empty-state:hover{transform:none}@media (max-width: 600px){.todo-container{margin:15px;padding:20px}.todo-input{flex-direction:column}.todo-filters{flex-wrap:wrap}}