body{background-color:#f1f5f9;font-family:Arial,Helvetica,sans-serif;margin:0}header{background-color:#38bdf8;box-shadow:0 2px 8px #0000001a;color:#fff;padding:1rem;text-align:center}header h1{margin:0}.todo-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:30px auto;max-width:700px;padding:20px}.todo-input{border:1px solid #cbd5e1;border-radius:6px;font-size:16px;margin-right:10px;padding:10px;width:60%}.btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-right:8px;padding:10px 16px;transition:.3s ease}.btn:hover{opacity:.9}.add-btn{background-color:#22c55e}.search-btn{background-color:#3b82f6}.clear-btn{background-color:#ef4444}.edit-btn{background-color:#f59e0b;margin-bottom:10px;margin-top:2px}.update-btn{background-color:#10b981}.delete-btn{background-color:#dc2626}.list-title{color:#334155;font-size:22px;font-weight:700;margin-top:25px}ol{padding-left:0}.todo-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;list-style:none;margin-bottom:15px;padding:15px}.edit-input{border:1px solid #cbd5e1;border-radius:6px;margin-right:8px;margin-top:2px;padding:8px}@media (max-width:768px){.todo-input{margin-bottom:10px;width:100%}.btn{margin-top:8px}}
/*# sourceMappingURL=main.9c7b6ffc.css.map*/