code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.task-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px;padding:25px}.input-group{align-items:stretch;display:flex;gap:12px}.task-input{background:#fff;border:2px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000000d;flex:1 1;font-family:inherit;font-size:1rem;outline:none;padding:16px 20px;transition:all .3s ease}.task-input::placeholder{color:#a0a7b4;font-weight:500}.task-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 4px 12px #0000001a;transform:translateY(-1px)}.task-input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.add-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;min-width:60px;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.add-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.add-button:active:not(:disabled){box-shadow:0 2px 8px #667eea4d;transform:translateY(0)}.add-button:disabled{box-shadow:0 2px 8px #667eea33;cursor:not-allowed;opacity:.6;transform:none}.add-button.loading{pointer-events:none}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@media (max-width:480px){.task-form{padding:20px}.input-group{gap:10px}.task-input{font-size:.95rem;padding:14px 16px}.add-button{min-width:55px;padding:14px 18px}}.task-list-container{display:flex;flex-direction:column;gap:25px}.task-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.section-title{align-items:center;background:#00000005;border-bottom:1px solid #0000000d;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0;padding:20px 25px 15px}.section-icon{font-size:1.2rem}.task-list{list-style:none;margin:0;padding:0}.task-item{align-items:center;background:#0000;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:16px 25px;position:relative;transition:all .3s ease}.task-item:last-child{border-bottom:none}.task-item:hover{background:#667eea0d;transform:translateX(4px)}.task-item.deleting{opacity:.5;pointer-events:none;transform:scale(.98)}.task-content{cursor:pointer;flex:1 1;gap:15px;min-width:0}.checkbox,.task-content{align-items:center;display:flex}.checkbox{border:2px solid #d1d9e6;border-radius:6px;flex-shrink:0;height:22px;justify-content:center;position:relative;transition:all .3s ease;width:22px}.checkbox:hover{border-color:#667eea;transform:scale(1.1)}.checkbox.checked{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff}.checkmark{font-size:.8rem;font-weight:700;line-height:1}.task-text{word-wrap:break-word;color:#2c3e50;flex:1 1;font-size:1rem;font-weight:500;line-height:1.4;transition:all .3s ease}.task-text.updating{opacity:.6}.task-item.completed .task-text{color:#7f8c8d;opacity:.7;text-decoration:line-through}.task-item.pending .task-text{color:#2c3e50;text-decoration:none}.delete-button{align-items:center;background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:8px;color:#e74c3c;cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .3s ease}.delete-button:hover:not(:disabled){background:#e74c3c33;border-color:#e74c3c66;transform:scale(1.05)}.delete-button:active:not(:disabled){transform:scale(.95)}.delete-button:disabled{cursor:not-allowed;opacity:.6}.delete-button.loading{pointer-events:none}.delete-spinner{animation:spin 1s linear infinite;border:2px solid #e74c3c4d;border-radius:50%;border-top-color:#e74c3c;height:16px;width:16px}@media (max-width:600px){.task-item{padding:14px 20px}.section-title{font-size:1rem;padding:18px 20px 12px}.task-content{gap:12px}.checkbox{height:20px;width:20px}.task-text{font-size:.95rem}.delete-button{font-size:.8rem;height:32px;min-width:36px;padding:6px 10px}}@media (max-width:480px){.task-item{padding:12px 15px}.section-title{padding:15px}.task-item:hover{transform:none}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;padding:0}.app-container{margin:0 auto;max-width:500px;min-height:100vh;padding:20px}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;padding:25px 20px;text-align:center}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 15px;text-shadow:0 2px 4px #0000001a}.task-stats{align-items:center;display:inline-flex;gap:10px}.stats-badge{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;box-shadow:0 2px 8px #4caf504d;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px}.loading-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #667eea4d;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 15px;width:40px}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-top:20px;padding:60px 20px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:15px;opacity:.7}.empty-state h3{color:#333;font-size:1.5rem;margin:0 0 10px}.empty-state p{color:#666;font-size:1rem;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:600px){.app-container{padding:15px}.app-title{font-size:2rem}.app-header{padding:20px 15px}}
/*# sourceMappingURL=main.38573b37.css.map*/