body{font-family:Arial}button{margin-left:5px}*{box-sizing:border-box;font-family:Segoe UI,sans-serif;margin:0;padding:0}body{background:#f4f6f8;color:#333}.app{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:30px 10px}.app.dark{background:#121212;color:#fff}.container{background:#fff;border-radius:12px;box-shadow:0 15px 30px #0000001a;max-width:480px;padding:25px 20px;width:100%}.app.dark .container{background:#1e1e1e}header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}header h1{font-size:1.8rem}.mode{background:none;border:none;cursor:pointer;font-size:22px}.stats{display:flex;font-size:14px;justify-content:space-between;margin-bottom:15px;opacity:.8}.input-box{display:flex;gap:8px;margin-bottom:12px}.input-box input[type=text]{flex:1 1}.input-box input[type=date],.input-box input[type=text]{border:1px solid #ccc;border-radius:8px;padding:10px 12px}.input-box button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 14px;transition:.2s}.input-box button:hover{background:#0056b3}.app.dark .input-box input,.app.dark .input-box input[type=date]{background:#2a2a2a;border:1px solid #444;color:#fff}.app.dark .input-box button{background:#39f}.search{border:1px solid #ccc;border-radius:8px;margin-bottom:10px;padding:8px 10px;width:100%}.app.dark .search{background:#2a2a2a;border:1px solid #444;color:#fff}.filters{display:flex;justify-content:space-between;margin-bottom:15px}.filters button{background:#e0e0e0;border:none;border-radius:6px;cursor:pointer;flex:1 1;margin:0 3px;padding:6px;transition:.2s}.filters button:hover{background:silver}.app.dark .filters button{background:#333;color:#fff}.app.dark .filters button:hover{background:#444}.todo-list{list-style:none;padding:0}.todo-item{align-items:center;background:#f9fafb;border-radius:8px;cursor:grab;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px}.todo-item.done span{opacity:.6;text-decoration:line-through}.app.dark .todo-item{background:#2a2a2a}.todo-item div button{background:#0000000d;border:none;border-radius:4px;cursor:pointer;margin-left:6px;padding:4px 6px;transition:.2s}.todo-item div button:hover{background:#0003}.todo-item small{display:block;font-size:12px;opacity:.7}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:1000}.toast{animation:slideIn .4s ease;background:#007bff;border-radius:8px;color:#fff;display:flex;justify-content:space-between;min-width:220px;padding:12px 18px}.toast button{background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:8px;padding:4px 6px}.app.dark .toast{background:#39f}@keyframes slideIn{0%{opacity:0;transform:translateX(200%)}to{opacity:1;transform:translateX(0)}}.popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup{animation:pop .3s ease;background:#fff;border-radius:12px;padding:20px 25px;text-align:center}.app.dark .popup{background:#2a2a2a;color:#fff}.popup button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 16px}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:520px){.input-box{flex-direction:column}.filters button{margin:4px 0}}
/*# sourceMappingURL=main.783ec85a.css.map*/