body{margin:0;padding:0;background:#29313f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}.todoitems{margin:10px 0;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.todoitems-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#f7f7f7;border-radius:15px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.todoitems-container.dark{background-color:#3a3a3a;box-shadow:0 4px 6px #0003}.todoitems-container:hover{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.todoitems-content{flex-grow:1}.todoitems-text{font-size:18px;color:#333;margin-bottom:5px}.todoitems-container.dark .todoitems-text{color:#fff}.todoitems-date{font-size:14px;color:#666}.todoitems-container.dark .todoitems-date{color:#aaa}.todoitems-buttons{display:flex;gap:10px}.complete-btn,.delete-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.complete-btn{background-color:#4caf50;color:#fff}.complete-btn:hover{background-color:#45a049;transform:scale(1.1)}.delete-btn{background-color:#f44336;color:#fff}.delete-btn:hover{background-color:#da190b;transform:scale(1.1)}.line-through .todoitems-text{text-decoration:line-through;color:#888}.todoitems-container.dark.line-through .todoitems-text{color:#666}.todo{width:90%;max-width:600px;min-height:732px;border-radius:20px;background:linear-gradient(to bottom,#fff,#f0f4ff);margin:50px auto auto;display:flex;flex-direction:column;padding:20px;box-shadow:0 6px 12px #0000001a;transition:all .3s ease}.todo.dark-mode{background:linear-gradient(to bottom,#1a1a1a,#2d2d2d);color:#fff;box-shadow:0 6px 12px #0000004d}.theme-toggle{display:flex;justify-content:flex-end;margin-bottom:20px}.theme-toggle-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:transform .3s ease}.theme-toggle-btn:hover{transform:rotate(360deg)}.todo-header{margin-top:20px;color:#002765;font-size:36px;font-weight:700;text-align:center;margin-bottom:30px}.dark-mode .todo-header{color:#fff}.todo-add{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:10px}.todo-input{border-radius:50px;background:#edeef0;border:none;outline:none;width:100%;max-width:400px;height:60px;padding-left:20px;font-size:18px;transition:all .3s ease}.dark-mode .todo-input{background:#3a3a3a;color:#fff}.todo-input:focus{background:#fff;box-shadow:0 0 0 2px #00276533}.dark-mode .todo-input:focus{background:#4a4a4a;box-shadow:0 0 0 2px #fff3}.todo-add-btn{border-radius:50px;background:#ff6739;width:120px;height:60px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;font-weight:600;cursor:pointer;transition:all .3s ease}.todo-add-btn:hover{background:#ff8159;transform:translateY(-2px)}.todo-controls{margin-top:30px}.todo-filters{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.filter-btn{padding:8px 16px;border:none;border-radius:20px;background:#edeef0;color:#333;cursor:pointer;transition:all .3s ease}.dark-mode .filter-btn{background:#3a3a3a;color:#fff}.filter-btn.active{background:#ff6739;color:#fff}.todo-clear{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.todo-clear-btn{background-color:#f44;color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;transition:all .3s ease}.todo-clear-btn:hover{background-color:#f66;transform:translateY(-2px)}.todo-clear-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.todo-count{color:#333;font-size:18px;font-weight:500}.dark-mode .todo-count{color:#fff}.empty-state{text-align:center;color:#666;font-size:18px;margin-top:40px}.dark-mode .empty-state{color:#999}