body{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}.app,body{transition:.3s}.app{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:20px;box-shadow:0 15px 35px #00000040;max-width:480px;padding:30px 25px;width:100%}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}h1{color:#333;font-size:2.2rem;letter-spacing:1px;text-align:center}.toggle-theme{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:.3s}.toggle-theme:hover{opacity:.85;transform:scale(1.05)}.input-section{display:flex;gap:8px;margin-bottom:20px}.input-section input[type=text]{border:1px solid #ddd;border-radius:8px;flex:2 1;font-size:1rem;outline:none;padding:12px}.input-section input[type=datetime-local]{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:.9rem;outline:none;padding:12px}.input-section button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px 18px;transition:.3s}.input-section button:hover{opacity:.9;transform:scale(1.05)}.search-section{margin-bottom:20px}.search-section input{background:#ffffffe6;border:none;border-radius:12px;box-shadow:0 4px 12px #0000000d;font-size:1rem;outline:none;padding:12px;transition:.3s;width:100%}.search-section input:focus{box-shadow:0 0 8px #667eea80}.filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.filters button{background:#eee;border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:8px 16px;transition:.3s}.filters button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.filters button:hover{opacity:.85;transform:scale(1.05)}.todo-item{background:#fffffff2;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;margin-bottom:12px;padding:15px 12px;transition:.3s}.todo-item:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.todo-item.completed span{color:gray;text-decoration:line-through}.task span{cursor:pointer;flex:1 1;font-weight:500}.actions{display:flex;gap:8px;margin-top:8px}.actions button{border:none;border-radius:10px;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:.3s}.actions button:first-child{background:#ffc107;color:#fff}.actions button:first-child:hover{background:#e0a800}.actions button:last-child{background:#e74c3c;color:#fff}.actions button:last-child:hover{background:#c0392b}.due-date{color:#f44;font-size:.85rem;margin-left:5px}.due-edit{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.due-edit input,.due-edit select{border:1px solid #ccc;border-radius:8px;font-size:.9rem;padding:6px 10px}.footer{color:#444;font-size:14px;margin-top:25px;text-align:center}.footer p{font-weight:500;margin-bottom:10px}.footer .clear-btn{background:#e74c3c;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:10px 18px;transition:.3s}.footer .clear-btn:hover{background:#c0392b;transform:scale(1.05)}.app.dark{background:#1e1e1ef2}.app.dark,.app.dark h1{color:#f5f5f5}.app.dark .due-edit input,.app.dark .due-edit select,.app.dark .input-section input,.app.dark .search-section input{background:#333;border:1px solid #555;color:#f5f5f5}.app.dark .input-section button{background:#444}.app.dark .filters button{background:#333;color:#ddd}.app.dark .filters button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.app.dark .todo-item{background:#323232f2}.app.dark .todo-item:hover{background:#464646f2}.app.dark .task.completed span{color:#aaa}.app.dark .actions button:first-child{background:#d4a017}.app.dark .actions button:last-child{background:#c0392b}.app.dark .footer{color:#ccc}.app.dark .footer .clear-btn{background:#c0392b}.priority{border-radius:8px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;margin-left:6px;padding:4px 8px;transition:.3s}.priority.high{background:#e74c3c}.priority.medium{background:#f39c12}.priority.low{background:#2ecc71}.app.dark .priority.high{background:#c0392b}.app.dark .priority.medium{background:#d68910}.app.dark .priority.low{background:#27ae60}@media (max-width:480px){.app{max-width:95%;padding:20px}h1{font-size:1.8rem}.input-section,.search-section{flex-direction:column;gap:10px}.input-section input,.search-section input{font-size:.95rem;padding:10px}.filters button,.footer .clear-btn,.input-section button{font-size:1rem;padding:10px;width:100%}.filters,.todo-item{flex-direction:column;gap:8px}.todo-item{align-items:flex-start}.actions{justify-content:space-between;width:100%}.actions button{flex:1 1;font-size:.9rem;padding:10px}}
/*# sourceMappingURL=main.c9bf8002.css.map*/