@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background:linear-gradient(135deg,#ca2c88da,#eee759e8);min-height:100vh}.container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff2e;border-radius:20px;box-shadow:0 15px 35px #00000040;margin:40px auto;max-width:900px;padding:30px;transition:.4s;width:90%}.dark{background:#1b1b1b;color:#fff}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header h1{color:#fff;font-size:38px}.header p{color:#f0f0f0;margin-top:8px}.dark-btn{background:#fff;border:none;border-radius:30px;color:#333;cursor:pointer;font-weight:600;padding:12px 20px;transition:.3s}.dark-btn:hover{transform:translateY(-3px)}.dashboard{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.dashboard-card{background:#fff;border-radius:18px;box-shadow:0 10px 20px #00000026;padding:20px;text-align:center}.dashboard-card h2{color:#2575fc;font-size:34px}.dashboard-card p{color:#555;margin-top:10px}.form{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.form input,.form textarea{border:none;border-radius:15px;font-size:16px;outline:none;padding:15px}.form textarea{resize:none}.add-btn{background:#2575fc;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:17px;font-weight:600;padding:15px;transition:.3s}.add-btn:hover{background:#0d5de6;transform:translateY(-2px)}.search-box{border:none;border-radius:15px;font-size:16px;margin-bottom:20px;outline:none;padding:15px;width:100%}.filters{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.filters button{background:#fff;border:none;border-radius:30px;color:#333;cursor:pointer;font-weight:600;padding:10px 22px;transition:.3s}.filters button:hover{transform:translateY(-3px)}.filters .active{background:#2575fc;color:#fff}.todo-list{display:flex;flex-direction:column;gap:20px}.todo-card{animation:slideIn .4s ease;background:#fff;border-radius:20px;box-shadow:0 10px 25px #00000026;color:#333;padding:25px;transition:.3s}.todo-card:hover{box-shadow:0 20px 35px #00000040;transform:translateY(-5px)}.todo-card h3{font-size:22px;margin-bottom:12px}.todo-card p{color:#666;line-height:1.6;margin-bottom:20px}.todo-card.completed{border-left:6px solid #22c55e;opacity:.75}.todo-card.completed h3{text-decoration:line-through}.button-group{display:flex;flex-wrap:wrap;gap:12px}.button-group button{border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:10px 18px;transition:.3s}.button-group button:hover{transform:translateY(-3px)}.edit-btn{background:#f59e0b;color:#fff}.delete-btn{background:#ef4444;color:#fff}.complete-btn{background:#22c55e;color:#fff}.empty{background:#fff;border-radius:20px;color:#333;padding:40px;text-align:center}.empty h2{margin-bottom:10px}.dark .dashboard-card{background:#252525;color:#fff}.dark .dashboard-card p{color:#ddd}.dark .todo-card{background:#252525;color:#fff}.dark .todo-card p{color:#ccc}.dark .filters button,.dark .form input,.dark .form textarea,.dark .search-box{background:#333;color:#fff}.dark .empty{background:#252525;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.container{margin:20px auto;padding:20px;width:95%}.header{flex-direction:column;gap:20px;text-align:center}.header h1{font-size:28px}.dashboard{grid-template-columns:1fr}.filters{flex-direction:column}.filters button{width:100%}.button-group{flex-direction:column}.button-group button{width:100%}}@media(max-width:450px){.container{padding:15px}.todo-card{padding:18px}.todo-card h3{font-size:18px}}.progress-box{background:#fff;border-radius:20px;box-shadow:0 10px 25px #00000026;color:#333;margin-bottom:30px;margin-top:25px;padding:25px;text-align:center}.progress-box h3{font-size:24px;margin-bottom:20px}.progress-container{background:#ddd;border-radius:20px;height:20px;margin:20px 0;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:20px;height:100%;transition:1s}.progress-box h4{font-size:22px;margin:10px}.progress-box p{color:#666}.dark .progress-box{background:#252525;color:#fff}.dark .progress-box p{color:#ccc}.dark .progress-container{background:#444}.priority{font-weight:600}.date{color:#666}input[type=date],select{border:none;border-radius:15px;font-size:16px;padding:15px}
/*# sourceMappingURL=main.8aa62edd.css.map*/