*{box-sizing:border-box;margin:0;padding:0}body{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:40px 16px}.todo-input-form{display:flex;gap:10px}.todo-input{border:2px solid #e5e7eb;border-radius:12px;flex:1 1;font-size:1rem;outline:none;padding:12px 16px;transition:border-color .2s}.todo-input:focus{border-color:#7c3aed}.add-btn{background:#7c3aed;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 20px;transition:background .2s,transform .1s;white-space:nowrap}.add-btn:hover{background:#6d28d9;transform:scale(1.05)}.add-btn:active{transform:scale(.97)}.todo-item{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:all .2s}.todo-item:hover{background:#f3f4f6;border-color:#e5e7eb}.todo-item.completed{background:#f0fdf4;border-color:#bbf7d0}.todo-checkbox{accent-color:#7c3aed;cursor:pointer;flex-shrink:0;height:20px;width:20px}.todo-title{color:#1f2937;flex:1 1;font-size:1rem;word-break:break-word}.todo-item.completed .todo-title{color:#9ca3af;text-decoration:line-through}.delete-btn{background:none;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:1.1rem;padding:4px;transition:transform .2s,background .2s}.delete-btn:hover{background:#fee2e2;transform:scale(1.2)}.todo-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin-top:8px}.empty-state{color:#9ca3af;padding:40px 20px;text-align:center}.empty-state p{font-size:1.2rem;font-weight:600;margin-bottom:6px}.empty-state span{font-size:.9rem}.app{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:520px;padding:32px;width:100%}.app-title{color:#4c1d95;font-size:2rem;font-weight:800;margin-bottom:4px;text-align:center}.app-subtitle{color:#6b7280;font-size:.9rem;margin-bottom:24px;text-align:center}.filters{display:flex;gap:8px;margin:16px 0 8px}.filter-btn{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;flex:1 1;font-weight:600;padding:8px;transition:all .2s}.filter-btn:hover{border-color:#7c3aed;color:#7c3aed}.filter-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.stats{color:#9ca3af;font-size:.85rem;margin-bottom:12px}.spinner{color:#7c3aed;font-size:1.1rem;padding:32px;text-align:center}
/*# sourceMappingURL=main.8a428c1d.css.map*/