*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}body{background-color:#f4f7f9;color:#333;line-height:1.6;padding:20px}.container{background:#fff;box-shadow:0 4px 10px #0000001a;margin:0 auto;max-width:1000px;padding:20px}.container,nav{border-radius:8px}nav{align-items:center;background:#036;justify-content:space-between;padding:15px 30px}nav,nav ul{display:flex}nav ul{gap:20px;list-style:none}nav ul li{display:inline}nav ul li a{color:#fff;font-weight:600;padding:10px 15px;text-decoration:none;transition:background .3s ease-in-out}nav ul li a:hover{background:#fff3;border-radius:5px}h1,h2,h3{color:#000;margin-bottom:10px}.btn{background:#0056b3;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:10px 20px;transition:background .3s ease-in-out}.btn:hover{background:#004494}.btn:active{background:#036}.copy-btn{background:#007bff;font-size:14px;padding:8px 14px}.copy-btn:hover{background:#0056b3}.copy-btn:active{background:#004494}.copied{background-color:#28a745!important}.copied:hover{background-color:#218838!important}input,textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:10px 0;padding:10px;width:100%}input:focus,textarea:focus{border-color:#0056b3;outline:none}.todo-list{list-style:none;margin-top:20px;padding:0}.todo-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 3px 6px #0000001a;display:flex;justify-content:space-between;transition:transform .2s ease-in-out}.todo-item.completed{background:#d4edda}.todo-item:hover{transform:translateY(-3px)}.toggle-btn{background:#17a2b8}.toggle-btn:hover{background:#138496}.edit-btn{background:#ffc107;color:#000}.edit-btn:hover{background:#e0a800}.delete-btn{background:#dc3545}.delete-btn:hover{background:#c82333}.filters{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.filter-button{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px;transition:background .3s ease-in-out}.filter-button.active{background:#007bff}.filter-button:hover{background:#5a6268}@media (max-width:768px){nav{text-align:center}nav,nav ul{flex-direction:column}nav ul{gap:10px}.todo-item{align-items:flex-start;flex-direction:column}}.todo-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:15px}.date-info,.todo-item,.todo-middle,.todo-top{margin-bottom:10px}.date-info{color:#888;font-size:.8em;text-align:left}.todo-actions{display:flex;flex-direction:column;gap:10px;margin-top:10px}.delete-btn,.edit-btn,.toggle-btn{border:none;border-radius:3px;cursor:pointer;padding:5px 10px}.toggle-description-btn{background-color:gray;border:none;border-radius:3px;color:#fff;cursor:pointer;margin-top:10px;padding:10px;text-align:center;width:100%}.toggle-btn{background-color:#4caf50;color:#fff}.edit-btn{background-color:#2196f3;color:#fff}.delete-btn{background-color:#f44336;color:#fff}.delete-btn:hover,.edit-btn:hover,.toggle-btn:hover,.toggle-description-btn:hover{opacity:.8}.todo-bottom{margin-top:10px}.todo-description{background-color:#e0e0e0;border:1px solid #ddd;border-radius:5px;color:#333;margin-left:15px;margin-right:15px;padding:15px;width:calc(100% - 30px)}.divider{border:none;border-top:1px solid #ddd;margin:10px 0}
/*# sourceMappingURL=main.492d8461.css.map*/