body{font-family:Segoe UI,Roboto,Arial,sans-serif;background:#f7f7f7;margin:0;padding:40px 0}.container{max-width:500px;margin:auto;background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 15px #00000014}h1{margin:0 0 20px;font-size:28px;font-weight:700;color:#333}.input-wrapper{display:flex;gap:10px;margin-bottom:20px}input{flex:1;padding:12px;border-radius:8px;border:1px solid #ccc;font-size:16px}button.add-btn{background:#007bff;border:none;color:#fff;padding:12px 18px;border-radius:8px;cursor:pointer;font-size:16px;transition:.2s}button.add-btn:hover{background:#0069d9}.todo-item{display:flex;justify-content:space-between;align-items:center;background:#fafafa;padding:12px 15px;border-radius:10px;margin-bottom:12px;border:1px solid #eee}.todo-item.completed span{text-decoration:line-through;color:#888}.todo-actions{display:flex;gap:10px}button.edit-btn,button.delete-btn,button.save-btn,button.cancel-btn{padding:6px 12px;border:none;cursor:pointer;border-radius:6px;font-size:14px}button.edit-btn{background:#ffc107;color:#000}button.edit-btn:hover{background:#e0a800}button.delete-btn{background:#dc3545;color:#fff}button.delete-btn:hover{background:#b52a36}button.save-btn{background:#28a745;color:#fff}button.save-btn:hover{background:#1e7e34}button.cancel-btn{background:#6c757d;color:#fff}button.cancel-btn:hover{background:#545b62}.edit-input{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc}