body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:flex-start;background:#f8f9fc;box-sizing:border-box;display:flex;font-family:Roboto,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:20px}.app-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0003;margin-top:20px;max-width:600px;padding:20px 30px;width:100%}h1{color:#4a4e69;font-size:2.5rem;margin-bottom:20px;text-align:center}.input-container{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}input[type=text]{border:2px solid #ddd;border-radius:8px;flex:1 1;font-size:1rem;outline:none;padding:12px 15px}input[type=text]:focus{border-color:#6c63ff;box-shadow:0 0 5px #6c63ff}button.add-btn{background-color:#6c63ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 20px;transition:background .3s ease}button.add-btn:hover{background-color:#5a54e3}.filter-dropdown{border:2px solid #ddd;border-radius:8px;display:block;font-size:1rem;margin-bottom:20px;outline:none;padding:10px;width:100%}.task-list{margin:0;max-height:300px;overflow-y:auto;padding:0}.task-list::-webkit-scrollbar{width:8px}.task-list::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:10px}.task-list::-webkit-scrollbar-thumb:hover{background-color:#bbb}.task-item{align-items:center;background:#f4f4f4;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.task-item.completed .task-text{color:#999;text-decoration:line-through}.task-details{align-items:center;display:flex;gap:10px}.task-text{color:#333;font-size:1rem;font-weight:700}.task-timestamp{color:#666;font-size:.8rem}.task-actions button{background:none;border:none;cursor:pointer;font-size:1.2rem;margin-left:10px;transition:transform .3s ease}.task-actions button:hover{transform:scale(1.2)}button.delete-btn{color:#ff6b6b}button.edit-btn{color:#4caf50}@media (max-width:768px){.app-container{padding:15px}h1{font-size:2rem}.input-container{flex-direction:column;gap:10px}input[type=text]{font-size:1rem;padding:10px 15px}button.add-btn{padding:12px 0;width:100%}.filter-dropdown{margin-bottom:15px;width:100%}.task-list{max-height:250px}.task-item{flex-direction:column;gap:10px}.task-details{align-items:flex-start;flex-direction:column}.task-text{font-size:1rem}.task-timestamp{font-size:.8rem}}@media (max-width:480px){body{padding:10px}.app-container{margin-top:10px;padding:15px}h1{font-size:1.8rem}.input-container{flex-direction:column;gap:10px}input[type=text]{font-size:.9rem;padding:8px 10px}button.add-btn{padding:10px 0;width:100%}.filter-dropdown{margin-bottom:15px;width:100%}.task-list{max-height:200px}.task-item{padding:12px}.task-details{gap:5px}.task-text{font-size:.9rem}.task-timestamp{font-size:.75rem}.task-actions button{font-size:1rem}}
/*# sourceMappingURL=main.6c74ba90.css.map*/