.navbar[data-v-9ad3c0e6]{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:1000;box-shadow:0 1px 3px #0000001a}.nav-container[data-v-9ad3c0e6]{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:64px}.nav-brand[data-v-9ad3c0e6]{flex-shrink:0}.brand-link[data-v-9ad3c0e6]{font-size:1.5rem;font-weight:700;color:#111827;text-decoration:none;transition:color .2s}.brand-link[data-v-9ad3c0e6]:hover,.brand-highlight[data-v-9ad3c0e6]{color:#3b82f6}.beta-badge[data-v-9ad3c0e6]{font-size:.5em;color:#6b7280;font-weight:500;margin-left:.25rem;vertical-align:super}.nav-menu[data-v-9ad3c0e6]{display:flex;align-items:center;gap:2rem}.nav-link[data-v-9ad3c0e6]{color:#6b7280;text-decoration:none;font-weight:500;transition:color .2s;padding:.5rem 0}.nav-link[data-v-9ad3c0e6]:hover{color:#111827}.auth-links[data-v-9ad3c0e6]{display:flex;gap:1rem;align-items:center}.auth-link[data-v-9ad3c0e6]{padding:.5rem 1rem;border-radius:.375rem;transition:all .2s}.auth-link.signup[data-v-9ad3c0e6]{background:#3b82f6;color:#fff}.auth-link.signup[data-v-9ad3c0e6]:hover{background:#2563eb;color:#fff}.user-profile-dropdown[data-v-9ad3c0e6]{position:relative}.user-avatar[data-v-9ad3c0e6]{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background-color .2s}.user-avatar[data-v-9ad3c0e6]:hover{background-color:#f3f4f6}.avatar-circle[data-v-9ad3c0e6]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;text-transform:uppercase}.dropdown-arrow[data-v-9ad3c0e6]{color:#6b7280;transition:transform .2s}.dropdown-arrow.rotated[data-v-9ad3c0e6]{transform:rotate(180deg)}.dropdown-menu[data-v-9ad3c0e6]{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:240px;z-index:1001}.dropdown-header[data-v-9ad3c0e6]{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid #f3f4f6}.dropdown-avatar[data-v-9ad3c0e6]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;text-transform:uppercase}.dropdown-user-info[data-v-9ad3c0e6]{flex:1}.dropdown-email[data-v-9ad3c0e6]{font-weight:600;color:#111827;font-size:.875rem}.dropdown-item[data-v-9ad3c0e6]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#374151;text-decoration:none;font-size:.875rem;transition:background-color .2s;border:none;background:none;width:100%;text-align:left;cursor:pointer}.dropdown-item[data-v-9ad3c0e6]:hover{background-color:#f9fafb;color:#111827}.logout-item[data-v-9ad3c0e6]{color:#dc2626}.logout-item[data-v-9ad3c0e6]:hover{background-color:#fef2f2;color:#b91c1c}.user-info[data-v-9ad3c0e6]{display:flex;align-items:center;gap:1rem}.user-email[data-v-9ad3c0e6]{color:#374151;font-size:.875rem;font-weight:500}.logout-btn[data-v-9ad3c0e6]{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.logout-btn[data-v-9ad3c0e6]:hover{background:#dc2626}.mobile-dropdown[data-v-9ad3c0e6]{width:100%;background:#fff;border-radius:.5rem;overflow:hidden}.mobile-dropdown .dropdown-header[data-v-9ad3c0e6],.mobile-dropdown .dropdown-item[data-v-9ad3c0e6]{border-bottom:1px solid #f3f4f6}.mobile-dropdown .dropdown-item[data-v-9ad3c0e6]:last-child{border-bottom:none}.hamburger[data-v-9ad3c0e6]{display:none;flex-direction:column;cursor:pointer;padding:.5rem}.bar[data-v-9ad3c0e6]{width:25px;height:3px;background:#6b7280;margin:3px 0;transition:.3s;border-radius:2px;transform-origin:center}.hamburger.active .bar[data-v-9ad3c0e6]:nth-child(1){transform:translateY(9px) rotate(-45deg)}.hamburger.active .bar[data-v-9ad3c0e6]:nth-child(2){opacity:0}.hamburger.active .bar[data-v-9ad3c0e6]:nth-child(3){transform:translateY(-9px) rotate(45deg)}@media (max-width: 768px){.desktop-menu[data-v-9ad3c0e6]{display:none}.hamburger[data-v-9ad3c0e6]{display:flex}.mobile-menu[data-v-9ad3c0e6]{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a;flex-direction:column;padding:1rem;gap:0}.mobile-menu.active[data-v-9ad3c0e6]{display:flex}.auth-links-mobile[data-v-9ad3c0e6]{width:100%}.auth-link[data-v-9ad3c0e6]{text-align:center;padding:.75rem 1rem}}@media (min-width: 769px){.mobile-menu[data-v-9ad3c0e6]{display:none}}.footer[data-v-b0f43406]{background:#fff;border-top:1px solid #e5e7eb;margin-top:auto;padding:2rem 0 1.5rem}.footer-container[data-v-b0f43406]{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-bottom[data-v-b0f43406]{padding-top:0;border-top:none;text-align:center}.footer-copyright[data-v-b0f43406]{color:#6b7280;font-size:.875rem;margin:0 0 .5rem}.footer-made-with[data-v-b0f43406]{color:#6b7280;font-size:.875rem;margin:0}@media (max-width: 480px){.footer[data-v-b0f43406]{padding:2rem 0 1rem}.footer-container[data-v-b0f43406]{padding:0 1rem}}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{padding-top:0;flex:1}.main-content.no-navbar{height:100vh;overflow:hidden}.main-content.no-navbar.social-preview-page{height:630px;max-height:630px;overflow:hidden}.button-rectangle[data-v-6fdd45f6]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;font-size:.875rem;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap}.button-rectangle[data-v-6fdd45f6]:disabled{opacity:.6;cursor:not-allowed}.button-rectangle[data-v-6fdd45f6]:focus:not(:disabled){outline:2px solid var(--blue-400);outline-offset:2px}.button-primary[data-v-6fdd45f6]{background:var(--navy-500);color:#fff;border:1px solid transparent}.button-primary[data-v-6fdd45f6]:hover:not(:disabled){background:var(--gray-700);transform:translateY(-1px)}.button-secondary[data-v-6fdd45f6]{background:var(--gray-100);color:var(--fg);border:1px solid var(--gray-300)}.button-secondary[data-v-6fdd45f6]:hover:not(:disabled){background:var(--gray-200);transform:translateY(-1px)}.button-danger[data-v-6fdd45f6]{background:var(--red-500);color:#fff;border:1px solid transparent}.button-danger[data-v-6fdd45f6]:hover:not(:disabled){background:var(--red-600);transform:translateY(-1px)}.button-success[data-v-6fdd45f6]{background:var(--green-500);color:#fff;border:1px solid transparent}.button-success[data-v-6fdd45f6]:hover:not(:disabled){background:var(--green-600);transform:translateY(-1px)}.button-save[data-v-6fdd45f6]{background:var(--blue-600);color:#fff;border:1px solid transparent}.button-save[data-v-6fdd45f6]:hover:not(:disabled){background:var(--blue-700);transform:translateY(-1px)}.button-small[data-v-6fdd45f6]{padding:.375rem .75rem;font-size:.75rem}.button-large[data-v-6fdd45f6]{padding:1rem 2rem;font-size:1.125rem}.button-spinner[data-v-6fdd45f6]{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-6fdd45f6 1s linear infinite}@keyframes spin-6fdd45f6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-text[data-v-6fdd45f6]{display:inline-flex;align-items:center}.status-badge[data-v-e1e72ed6]{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize;white-space:nowrap;line-height:1;flex-shrink:0}.status-not_started[data-v-e1e72ed6]{background:var(--slate-200);color:var(--slate-700)}.status-in_progress[data-v-e1e72ed6],.status-awaiting_bonus[data-v-e1e72ed6]{background:var(--yellow-200);color:var(--yellow-800)}.status-ready_to_close[data-v-e1e72ed6]{background:var(--orange-300b);color:var(--orange-800)}.status-keep_open[data-v-e1e72ed6]{background:var(--blue-200);color:var(--blue-700)}.status-closed[data-v-e1e72ed6]{background:var(--green-200);color:var(--green-700)}.status-failed[data-v-e1e72ed6]{background:var(--red-200);color:var(--red-600)}@media (max-width: 768px){.status-badge[data-v-e1e72ed6]{padding:.25rem .75rem;font-size:.6875rem}}.container[data-v-38854850]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero[data-v-38854850]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 0 6rem;min-height:80vh}.hero-content[data-v-38854850]{max-width:500px}.hero-title[data-v-38854850]{font-size:4rem;font-weight:800;margin:0 0 1rem;line-height:1.1}.brand[data-v-38854850]{color:#3b82f6}.beta-badge[data-v-38854850]{font-size:.5em;color:#6b7280;font-weight:500;margin-left:.25rem;vertical-align:super}.hero-tagline[data-v-38854850]{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 1rem}.hero-description[data-v-38854850]{font-size:1.125rem;color:#6b7280;margin:0 0 2rem;line-height:1.6}.hero-cta[data-v-38854850]{display:flex;gap:1rem;flex-wrap:wrap}.btn[data-v-38854850]{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s ease;border:none;cursor:pointer}.welcome-message[data-v-38854850]{text-align:center}.welcome-text[data-v-38854850]{font-size:1.125rem;color:#374151;margin:0 0 1rem;font-weight:500}.hero-visual[data-v-38854850]{display:flex;justify-content:center;align-items:center}.bonus-cards[data-v-38854850]{display:flex;flex-direction:column;gap:1rem;transform:rotate(-5deg)}.bonus-card[data-v-38854850]{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 10px 25px #0000001a;border:1px solid #e5e7eb;max-width:300px}.card-1[data-v-38854850]{transform:translate(1rem)}.card-2[data-v-38854850]{transform:translate(-1rem)}.card-3[data-v-38854850]{transform:translate(1rem)}.bonus-content[data-v-38854850]{display:flex;flex-direction:column;gap:1rem}.bonus-header[data-v-38854850]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.bonus-title[data-v-38854850]{margin:0;font-size:1.125rem;font-weight:600;color:#111827;flex:1;line-height:1.4}.bonus-details[data-v-38854850]{display:flex;gap:2rem;flex-wrap:wrap}.detail-item[data-v-38854850]{display:flex;flex-direction:column;gap:.25rem}.detail-label[data-v-38854850]{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-value[data-v-38854850]{font-size:.875rem;font-weight:600;color:#111827}.bonus-value[data-v-38854850]{color:#059669;font-size:1rem}.task-count[data-v-38854850]{color:#6b7280;font-size:1rem}.features[data-v-38854850]{padding:6rem 0;text-align:center}.section-title[data-v-38854850]{font-size:2.5rem;font-weight:700;margin:0 0 3rem;color:#111827}.features-grid[data-v-38854850]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.feature-card[data-v-38854850]{background:#fff;padding:2rem;border-radius:1rem;border:1px solid #e5e7eb;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.feature-card[data-v-38854850]:hover{transform:translateY(-4px);box-shadow:0 20px 25px #0000001a}.feature-icon[data-v-38854850]{font-size:3rem;margin-bottom:1rem}.feature-card h3[data-v-38854850]{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:#111827}.feature-card p[data-v-38854850]{color:#6b7280;line-height:1.6;margin:0}.stats[data-v-38854850]{padding:4rem 0;background:#f8fafc;margin:2rem -2rem}.stats-grid[data-v-38854850]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.stat-item[data-v-38854850]{text-align:center}.stat-number[data-v-38854850]{font-size:3rem;font-weight:800;color:#3b82f6;margin-bottom:.5rem}.stat-label[data-v-38854850]{font-size:1.125rem;color:#6b7280;font-weight:500}.cta-section[data-v-38854850]{padding:6rem 0;text-align:center}.cta-content h2[data-v-38854850]{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#111827}.cta-content p[data-v-38854850]{font-size:1.25rem;color:#6b7280;margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.hero[data-v-38854850]{grid-template-columns:1fr;text-align:center;gap:2rem;padding:2rem 0 4rem}.hero-title[data-v-38854850]{font-size:3rem}.hero-tagline[data-v-38854850]{font-size:1.25rem}.hero-cta[data-v-38854850]{justify-content:center}.bonus-cards[data-v-38854850],.card-1[data-v-38854850],.card-2[data-v-38854850],.card-3[data-v-38854850]{transform:none}.bonus-card[data-v-38854850]{text-align:left}.card-2[data-v-38854850]{padding:1.5rem;transform:scale(1.05)}.features-grid[data-v-38854850],.stats-grid[data-v-38854850]{grid-template-columns:1fr}.section-title[data-v-38854850],.cta-content h2[data-v-38854850]{font-size:2rem}}@media (max-width: 480px){.container[data-v-38854850]{padding:0 1rem}.hero-title[data-v-38854850]{font-size:2.5rem}.hero-cta[data-v-38854850]{flex-direction:column;align-items:center}.btn[data-v-38854850]{width:100%;max-width:300px}.bonus-cards[data-v-38854850]{transform:none}.card-1[data-v-38854850],.card-2[data-v-38854850],.card-3[data-v-38854850]{transform:none;max-width:100%}.bonus-card[data-v-38854850]{text-align:left}.card-2[data-v-38854850]{padding:1.5rem;transform:scale(1.08)}.bonus-header[data-v-38854850]{flex-direction:column;align-items:flex-start;gap:.75rem}.bonus-title[data-v-38854850]{font-size:1rem}.bonus-details[data-v-38854850]{gap:1.5rem}}.login-container[data-v-45a7194c]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem;background:#f9fafb}.login-card[data-v-45a7194c]{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;width:100%;max-width:400px}.login-card h1[data-v-45a7194c]{text-align:center;margin-bottom:2rem;color:#111827;font-size:1.875rem;font-weight:700}.login-form[data-v-45a7194c]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-45a7194c]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-45a7194c]{font-weight:500;color:#374151;font-size:.875rem}.g-recaptcha[data-v-45a7194c]{margin:.5rem 0}.field-error[data-v-45a7194c]{color:#dc2626;font-size:.75rem;margin-top:.25rem}.form-input[data-v-45a7194c]{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.form-input[data-v-45a7194c]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.success-message[data-v-45a7194c]{color:#059669;text-align:center;font-size:.875rem;padding:.75rem;background:#ecfdf5;border-radius:.375rem;border:1px solid #a7f3d0;margin-bottom:1.5rem}.error-message[data-v-45a7194c]{color:#dc2626;text-align:center;font-size:.875rem;padding:.5rem;background:#fef2f2;border-radius:.375rem;border:1px solid #fecaca}.form-footer[data-v-45a7194c]{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.form-footer p[data-v-45a7194c]{color:#6b7280;font-size:.875rem}.link[data-v-45a7194c]{color:#3b82f6;text-decoration:none;font-weight:500}.link[data-v-45a7194c]:hover{text-decoration:underline}.signup-container[data-v-e64e31c7]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem;background:#f9fafb}.signup-card[data-v-e64e31c7]{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;width:100%;max-width:400px}.signup-card h1[data-v-e64e31c7]{text-align:center;margin-bottom:2rem;color:#111827;font-size:1.875rem;font-weight:700}.signup-form[data-v-e64e31c7]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-e64e31c7]{display:flex;flex-direction:column;gap:.5rem}.g-recaptcha[data-v-e64e31c7]{margin:.5rem 0}.form-group label[data-v-e64e31c7]{font-weight:500;color:#374151;font-size:.875rem}.form-input[data-v-e64e31c7]{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.form-input[data-v-e64e31c7]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error[data-v-e64e31c7]{border-color:#dc2626}.field-error[data-v-e64e31c7]{color:#dc2626;font-size:.75rem;margin-top:.25rem}.error-message[data-v-e64e31c7]{color:#dc2626;text-align:center;font-size:.875rem;padding:.5rem;background:#fef2f2;border-radius:.375rem;border:1px solid #fecaca}.form-footer[data-v-e64e31c7]{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.form-footer p[data-v-e64e31c7]{color:#6b7280;font-size:.875rem}.link[data-v-e64e31c7]{color:#3b82f6;text-decoration:none;font-weight:500}.link[data-v-e64e31c7]:hover{text-decoration:underline}.forgot-password-container[data-v-0ba77aeb]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem;background:#f9fafb}.forgot-password-card[data-v-0ba77aeb]{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;width:100%;max-width:400px}.forgot-password-card h1[data-v-0ba77aeb]{text-align:center;margin-bottom:1rem;color:#111827;font-size:1.875rem;font-weight:700}.description[data-v-0ba77aeb]{text-align:center;color:#6b7280;font-size:.875rem;margin-bottom:2rem}.forgot-password-form[data-v-0ba77aeb]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-0ba77aeb]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-0ba77aeb]{font-weight:500;color:#374151;font-size:.875rem}.form-input[data-v-0ba77aeb]{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.form-input[data-v-0ba77aeb]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.g-recaptcha[data-v-0ba77aeb]{margin:.5rem 0}.field-error[data-v-0ba77aeb]{color:#dc2626;font-size:.75rem;margin-top:.25rem}.error-message[data-v-0ba77aeb]{color:#dc2626;text-align:center;font-size:.875rem;padding:.5rem;background:#fef2f2;border-radius:.375rem;border:1px solid #fecaca}.success-message[data-v-0ba77aeb]{color:#059669;text-align:center;font-size:.875rem;padding:.75rem;background:#ecfdf5;border-radius:.375rem;border:1px solid #a7f3d0}.form-footer[data-v-0ba77aeb]{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.form-footer p[data-v-0ba77aeb]{color:#6b7280;font-size:.875rem}.link[data-v-0ba77aeb]{color:#3b82f6;text-decoration:none;font-weight:500}.link[data-v-0ba77aeb]:hover{text-decoration:underline}.reset-password-container[data-v-6dabb583]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem;background:#f9fafb}.reset-password-card[data-v-6dabb583]{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;width:100%;max-width:400px}.reset-password-card h1[data-v-6dabb583]{text-align:center;margin-bottom:2rem;color:#111827;font-size:1.875rem;font-weight:700}.reset-password-form[data-v-6dabb583]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-6dabb583]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-6dabb583]{font-weight:500;color:#374151;font-size:.875rem}.form-input[data-v-6dabb583]{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.form-input[data-v-6dabb583]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error[data-v-6dabb583]{border-color:#dc2626}.field-error[data-v-6dabb583]{color:#dc2626;font-size:.75rem;margin-top:.25rem}.error-message[data-v-6dabb583]{color:#dc2626;text-align:center;font-size:.875rem;padding:.5rem;background:#fef2f2;border-radius:.375rem;border:1px solid #fecaca}.success-message[data-v-6dabb583]{color:#059669;text-align:center;font-size:.875rem;padding:.75rem;background:#ecfdf5;border-radius:.375rem;border:1px solid #a7f3d0}.form-footer[data-v-6dabb583]{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.form-footer p[data-v-6dabb583]{color:#6b7280;font-size:.875rem}.link[data-v-6dabb583]{color:#3b82f6;text-decoration:none;font-weight:500}.link[data-v-6dabb583]:hover{text-decoration:underline}.change-password-container[data-v-289db8b3]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem;background:#f9fafb}.change-password-card[data-v-289db8b3]{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;width:100%;max-width:400px}.change-password-card h1[data-v-289db8b3]{text-align:center;margin-bottom:2rem;color:#111827;font-size:1.875rem;font-weight:700}.change-password-form[data-v-289db8b3]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-289db8b3]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-289db8b3]{font-weight:500;color:#374151;font-size:.875rem}.form-input[data-v-289db8b3]{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.form-input[data-v-289db8b3]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error[data-v-289db8b3]{border-color:#dc2626}.field-error[data-v-289db8b3]{color:#dc2626;font-size:.75rem;margin-top:.25rem}.error-message[data-v-289db8b3]{color:#dc2626;text-align:center;font-size:.875rem;padding:.5rem;background:#fef2f2;border-radius:.375rem;border:1px solid #fecaca}.success-message[data-v-289db8b3]{color:#059669;text-align:center;font-size:.875rem;padding:.75rem;background:#ecfdf5;border-radius:.375rem;border:1px solid #a7f3d0}.modal-overlay[data-v-f973f801]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-f973f801]{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;width:90%;max-width:400px;max-height:90%;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-f973f801]{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.modal-header h3[data-v-f973f801]{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.modal-body[data-v-f973f801]{padding:1.5rem;overflow-y:auto;flex-grow:1}.modal-body p[data-v-f973f801]{color:#4b5563;font-size:.9375rem;margin-bottom:.75rem}.details[data-v-f973f801]{font-style:italic;color:#6b7280;font-size:.875rem}.modal-actions[data-v-f973f801]{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:1rem}.modal-actions .btn[data-v-f973f801]{padding:.75rem 1.5rem;border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}@media (max-width: 768px){.modal-content[data-v-f973f801]{width:95%;margin:1rem}.modal-actions[data-v-f973f801]{flex-direction:column}}.form-input[data-v-4cbd7d36]{padding:.75rem;border:1px solid var(--border, #d1d5db);border-radius:.375rem;font-size:1rem;transition:border-color .2s;width:100%;box-sizing:border-box;background-color:#fff;color:var(--fg, #111827);font-family:inherit;min-height:44px;line-height:1.5;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input[data-v-4cbd7d36]:focus{outline:none;border-color:var(--primary, #0EA5E9);box-shadow:0 0 0 3px #0ea5e91a}.form-input[data-v-4cbd7d36]:disabled{background-color:var(--gray-50, #f9fafb);cursor:not-allowed;opacity:.6}.form-input[data-v-4cbd7d36]::placeholder{color:var(--muted, #6b7280)}.form-input-compact[data-v-4cbd7d36],.form-input.compact[data-v-4cbd7d36]{padding:.5rem;font-size:.875rem;min-height:35.5px}.form-input[type=number][data-v-4cbd7d36]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.form-input[type=number][data-v-4cbd7d36]::-webkit-inner-spin-button,.form-input[type=number][data-v-4cbd7d36]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.select-wrapper[data-v-13ca6979]{position:relative;width:100%;display:inline-block}.select-wrapper.status-select[data-v-13ca6979],.select-wrapper.type-select[data-v-13ca6979]{width:100%;height:100%;padding:0}.select-wrapper.status-select .form-select[data-v-13ca6979],.select-wrapper.type-select .form-select[data-v-13ca6979]{border:none;border-radius:0;background-color:transparent;min-height:auto}.form-select[data-v-13ca6979]{padding:.75rem 2.5rem .75rem .75rem;border:1px solid var(--border, #d1d5db);border-radius:.375rem;font-size:1rem;transition:border-color .2s;width:100%;box-sizing:border-box;background-color:#fff;color:var(--fg, #111827);font-family:inherit;cursor:pointer;min-height:44px;line-height:1.5;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none}.form-select[data-v-13ca6979]:focus{outline:none;border-color:var(--primary, #0EA5E9);box-shadow:0 0 0 3px #0ea5e91a}.form-select[data-v-13ca6979]:disabled{background-color:var(--gray-50, #f9fafb);cursor:not-allowed;opacity:.6}.select-arrow[data-v-13ca6979]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted, #6b7280);font-size:.75rem;line-height:1}.form-select:disabled~.select-arrow[data-v-13ca6979]{opacity:.6}.form-input-compact[data-v-13ca6979],.form-input.compact[data-v-13ca6979]{padding:.5rem 2rem .5rem .5rem;font-size:.875rem;min-height:35.5px}.form-input-compact~.select-arrow[data-v-13ca6979],.form-input.compact~.select-arrow[data-v-13ca6979]{right:.5rem;font-size:.625rem}.form-date-input[data-v-fde9a63a]{padding:.75rem;border:1px solid var(--border, #d1d5db);border-radius:.375rem;font-size:1rem;transition:border-color .2s;width:100%;box-sizing:border-box;background-color:#fff;color:var(--fg, #111827);font-family:inherit;cursor:pointer;min-height:44px;line-height:1.5;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-date-input[data-v-fde9a63a]:focus{outline:none;border-color:var(--primary, #0EA5E9);box-shadow:0 0 0 3px #0ea5e91a}.form-date-input[data-v-fde9a63a]:disabled{background-color:var(--gray-50, #f9fafb);cursor:not-allowed;opacity:.6}.form-date-input[data-v-fde9a63a]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.4)}.form-date-input[data-v-fde9a63a]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-date-input[data-v-fde9a63a]:disabled::-webkit-calendar-picker-indicator{cursor:not-allowed;opacity:.3}.form-input-compact[data-v-fde9a63a],.form-input.compact[data-v-fde9a63a]{padding:.5rem;font-size:.875rem;min-height:35.5px}.form-date-input[data-v-fde9a63a]{color-scheme:light}.form-date-input[data-v-fde9a63a]::-webkit-datetime-edit{text-align:left}.form-date-input[data-v-fde9a63a]::-webkit-datetime-edit-fields-wrapper{text-align:left}.form-date-input[data-v-fde9a63a]::-webkit-datetime-edit-text{text-align:left}.form-date-input[data-v-fde9a63a]::-webkit-datetime-edit-month-field,.form-date-input[data-v-fde9a63a]::-webkit-datetime-edit-day-field,.form-date-input[data-v-fde9a63a]::-webkit-datetime-edit-year-field{text-align:left}.form-textarea[data-v-a0972e76]{padding:.75rem;border:1px solid var(--border, #d1d5db);border-radius:.375rem;font-size:1rem;transition:border-color .2s;width:100%;box-sizing:border-box;background-color:#fff;color:var(--fg, #111827);font-family:inherit;resize:vertical;min-height:80px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-textarea[data-v-a0972e76]:focus{outline:none;border-color:var(--primary, #0EA5E9);box-shadow:0 0 0 3px #0ea5e91a}.form-textarea[data-v-a0972e76]:disabled{background-color:var(--gray-50, #f9fafb);cursor:not-allowed;opacity:.6}.form-textarea[data-v-a0972e76]::placeholder{color:var(--muted, #6b7280)}.form-input-compact[data-v-a0972e76],.form-input.compact[data-v-a0972e76]{padding:.5rem;font-size:.875rem;min-height:60px}.bonus-layout-container[data-v-0b4b1a87]{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 64px);padding:2rem;background:#f9fafb}.csv-reference-section[data-v-0b4b1a87]{position:sticky;top:2rem;width:100%;margin-bottom:2rem;background:#fff;border:2px solid #3b82f6;border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column;max-height:300px;z-index:10;box-shadow:0 4px 6px -1px #0000001a}.csv-section-header[data-v-0b4b1a87]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#3b82f6;color:#fff;flex-shrink:0;cursor:pointer;transition:background-color .2s}.csv-section-header[data-v-0b4b1a87]:hover{background:#2563eb}.csv-section-header h3[data-v-0b4b1a87]{margin:0;font-size:1rem;font-weight:600}.csv-section-toggle[data-v-0b4b1a87]{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:transform .2s,background-color .2s}.csv-section-toggle[data-v-0b4b1a87]:hover{background:#fff3}.csv-section-toggle.collapsed[data-v-0b4b1a87]{transform:rotate(-90deg)}.csv-section-content[data-v-0b4b1a87]{padding:1rem;overflow-y:auto;flex:1;max-height:250px;transition:max-height .3s ease-out,padding .3s ease-out,opacity .3s ease-out}.csv-section-content.collapsed[data-v-0b4b1a87]{max-height:0;padding:0 1rem;overflow:hidden;opacity:0}.csv-data-display[data-v-0b4b1a87]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem}.csv-field[data-v-0b4b1a87]{font-size:.875rem;padding:.5rem;background:#f9fafb;border-radius:.25rem}.csv-field strong[data-v-0b4b1a87]{color:#374151;margin-right:.5rem}.bonus-layout-card[data-v-0b4b1a87]{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;width:100%;max-width:800px}.top-form-section[data-v-0b4b1a87]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.bonus-form[data-v-0b4b1a87]{display:flex;flex-direction:column;gap:1.5rem}.collapsible-section[data-v-0b4b1a87]{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.section-header[data-v-0b4b1a87]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #e5e7eb}.section-header[data-v-0b4b1a87]:hover{background:#f3f4f6}.section-header-left[data-v-0b4b1a87]{display:flex;align-items:center;gap:.75rem}.section-header h2[data-v-0b4b1a87]{margin:0;color:#111827;font-size:1.125rem;font-weight:600}.task-count-badge[data-v-0b4b1a87]{background:var(--gray-200, #f3f4f6);color:var(--muted, #6b7280);padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.toggle-icon[data-v-0b4b1a87]{font-size:.875rem;color:#6b7280;transition:transform .2s}.toggle-icon.expanded[data-v-0b4b1a87]{transform:rotate(180deg)}.section-content[data-v-0b4b1a87]{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.section-content.expanded[data-v-0b4b1a87]{max-height:1000px;transition:max-height .3s ease-in}.section-content.regular-section>div[data-v-0b4b1a87]{padding:1.5rem}.section-content.stretched-section>div[data-v-0b4b1a87]{padding:0}.tasks-container[data-v-0b4b1a87]{margin-top:0}.form-grid[data-v-0b4b1a87]{display:flex;flex-direction:column;gap:1.5rem}.title-group[data-v-0b4b1a87]{width:100%}.form-row[data-v-0b4b1a87]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%}.form-group[data-v-0b4b1a87]{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-group label[data-v-0b4b1a87]{font-weight:500;color:#374151;font-size:.875rem}.form-input[data-v-0b4b1a87]{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:border-color .2s;width:100%;box-sizing:border-box}.form-input[data-v-0b4b1a87]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.status-display[data-v-0b4b1a87]{display:flex;align-items:center;gap:.5rem;height:100%}.status-badge[data-v-0b4b1a87]{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-weight:500;font-size:1rem;background:#f3f4f6;color:#374151;box-sizing:border-box;width:100%;line-height:1.2}.status-not_started[data-v-0b4b1a87]{background:var(--gray-100);color:var(--gray-600)}.status-in_progress[data-v-0b4b1a87],.status-awaiting_bonus[data-v-0b4b1a87]{background:var(--orange-100);color:var(--orange-700)}.status-ready_to_close[data-v-0b4b1a87]{background:var(--orange-200);color:var(--orange-800)}.status-keep_open[data-v-0b4b1a87]{background:var(--blue-100);color:var(--blue-700)}.status-closed[data-v-0b4b1a87]{background:var(--green-100);color:var(--green-700)}.status-failed[data-v-0b4b1a87]{background:#fee2e2;color:var(--error)}.status-loading[data-v-0b4b1a87]{font-size:.875rem;color:#6b7280;font-style:italic}.amount-input-group[data-v-0b4b1a87]{position:relative;display:flex;align-items:center;width:100%}.currency-symbol[data-v-0b4b1a87]{position:absolute;left:.75rem;color:#6b7280;font-weight:500;z-index:1}.amount-input[data-v-0b4b1a87]{padding-left:2.5rem;width:100%}.url-input-container[data-v-0b4b1a87]{display:flex;align-items:center;gap:.5rem;width:100%}.url-input[data-v-0b4b1a87]{flex:1}.url-input-container[data-v-0b4b1a87] .button-rectangle{height:44.5px;min-height:44.5px;padding:0 .75rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:0;background:var(--primary)!important}.url-input-container[data-v-0b4b1a87] .button-rectangle:hover:not(:disabled){background:var(--primary-hover)!important}.url-input-container[data-v-0b4b1a87] .button-rectangle svg{display:block;flex-shrink:0;margin:0}.url-input-container[data-v-0b4b1a87] .button-rectangle .button-text:empty{display:none}.form-input[type=select][data-v-0b4b1a87],.form-input[type=textarea][data-v-0b4b1a87]{resize:vertical}textarea.form-input[data-v-0b4b1a87]{resize:vertical;min-height:80px;width:100%}.placeholder-content[data-v-0b4b1a87]{color:#6b7280;font-size:.875rem}.placeholder-content p[data-v-0b4b1a87]{margin-bottom:.5rem}.placeholder-content ul[data-v-0b4b1a87]{margin:.5rem 0;padding-left:1.5rem}.placeholder-content li[data-v-0b4b1a87]{margin-bottom:.25rem}.form-actions[data-v-0b4b1a87]{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.form-actions-left[data-v-0b4b1a87],.form-actions-right[data-v-0b4b1a87]{display:flex;gap:1rem}.btn[data-v-0b4b1a87]{padding:.75rem 1.5rem;border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-sm[data-v-0b4b1a87]{padding:.375rem .75rem;font-size:.875rem}.tasks-table-container[data-v-0b4b1a87]{overflow-x:auto;border:none;border-radius:0;background:#fff;margin:0}.tasks-table[data-v-0b4b1a87]{width:100%;border-collapse:collapse;background:#fff;margin:0}.tasks-table th[data-v-0b4b1a87],.tasks-table td[data-v-0b4b1a87]{padding:0;text-align:left;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;vertical-align:top}.tasks-table td[data-v-0b4b1a87]:nth-child(2),.tasks-table td[data-v-0b4b1a87]:nth-child(3){padding:0;height:100%}.tasks-table td:nth-child(2) input[data-v-0b4b1a87],.tasks-table td:nth-child(3) input[data-v-0b4b1a87]{display:block;height:100%;min-height:2.5rem}.tasks-table th[data-v-0b4b1a87]:last-child,.tasks-table td[data-v-0b4b1a87]:last-child{border-right:none}.tasks-table th[data-v-0b4b1a87]{background:#f8fafc;font-weight:600;color:#374151;font-size:.875rem;padding:.75rem 1rem;border-bottom:2px solid #e5e7eb}.tasks-table td[data-v-0b4b1a87]{color:#4b5563;font-size:.875rem;position:relative}.task-row:last-child td[data-v-0b4b1a87]{border-bottom:none}.status-select[data-v-0b4b1a87]{width:100%;height:100%;padding:.75rem;border:none;border-radius:0;font-size:.875rem;color:#374151;background-color:transparent;outline:none;transition:background-color .2s;box-sizing:border-box;min-height:2.5rem}.status-select[data-v-0b4b1a87]:hover{background-color:#f8fafc}.status-select[data-v-0b4b1a87]:focus{background-color:#f1f5f9}.task-input[data-v-0b4b1a87]{width:100%;height:100%;padding:.75rem;border:none;border-radius:0;font-size:.875rem;color:#374151;background-color:transparent;outline:none;transition:background-color .2s;box-sizing:border-box}.task-input[data-v-0b4b1a87]:hover{background-color:#f8fafc}.task-input[data-v-0b4b1a87]:focus{background-color:#f1f5f9}.task-overdue[data-v-0b4b1a87]{background-color:#fee2e2!important;color:#991b1b!important}.task-overdue[data-v-0b4b1a87]:hover{background-color:#fecaca!important}.task-overdue[data-v-0b4b1a87]:focus{background-color:#fca5a5!important}.task-due-soon[data-v-0b4b1a87]{background-color:#fef3c7!important;color:#92400e!important}.task-due-soon[data-v-0b4b1a87]:hover{background-color:#fde68a!important}.task-due-soon[data-v-0b4b1a87]:focus{background-color:#fcd34d!important}.tasks-table input[type=date][data-v-0b4b1a87]{width:100%;height:100%;padding:.75rem;border:none;border-radius:0;font-size:.875rem;color:#374151;background-color:transparent;outline:none;transition:background-color .2s;box-sizing:border-box}.tasks-table input[type=date][data-v-0b4b1a87]:hover{background-color:#f8fafc}.tasks-table input[type=date][data-v-0b4b1a87]:focus{background-color:#f1f5f9}.no-tasks[data-v-0b4b1a87]{text-align:center;color:#6b7280;font-size:.875rem;padding:2rem;background:#f9fafb;border-top:1px solid #e5e7eb;margin:0}.add-task-section[data-v-0b4b1a87]{margin-top:0;text-align:center;padding:1rem;background:#f9fafb;border-top:1px solid #e5e7eb}.delete-cell[data-v-0b4b1a87]{text-align:center;vertical-align:middle;display:flex;align-items:center;justify-content:center;padding:.75rem}.btn-delete[data-v-0b4b1a87]{background:#f3f4f6;color:#ef4444;border:none;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px}.btn-delete[data-v-0b4b1a87]:hover:not(:disabled){background:#e5e7eb;color:#dc2626}.btn-delete[data-v-0b4b1a87]:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.transactions-container[data-v-0b4b1a87]{margin-top:0}.transactions-table-container[data-v-0b4b1a87]{overflow-x:auto;border:none;border-radius:0;background:#fff;margin:0}.transactions-table[data-v-0b4b1a87]{width:100%;border-collapse:collapse;background:#fff;margin:0}.transactions-table th[data-v-0b4b1a87],.transactions-table td[data-v-0b4b1a87]{padding:0;text-align:left;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;vertical-align:top}.transactions-table th[data-v-0b4b1a87]:last-child,.transactions-table td[data-v-0b4b1a87]:last-child{border-right:none}.transactions-table th[data-v-0b4b1a87]{background:#f8fafc;font-weight:600;color:#374151;font-size:.875rem;padding:.75rem 1rem;border-bottom:2px solid #e5e7eb}.transactions-table td[data-v-0b4b1a87]{color:#4b5563;font-size:.875rem;position:relative}.transaction-row:last-child td[data-v-0b4b1a87]{border-bottom:none}.type-select[data-v-0b4b1a87]{width:100%;padding:.75rem;border:none;border-radius:0;font-size:.875rem;color:#374151;background-color:transparent;outline:none;transition:background-color .2s}.type-select[data-v-0b4b1a87]:hover{background-color:#f8fafc}.type-select[data-v-0b4b1a87]:focus{background-color:#f1f5f9}.transaction-input[data-v-0b4b1a87]{width:100%;padding:.75rem;border:none;border-radius:0;font-size:.875rem;color:#374151;background-color:transparent;outline:none;transition:background-color .2s}.transaction-input[data-v-0b4b1a87]:hover{background-color:#f8fafc}.transaction-input[data-v-0b4b1a87]:focus{background-color:#f1f5f9}.transaction-amount-input[data-v-0b4b1a87]{width:100%;padding:.75rem;border:none;border-radius:0;font-size:.875rem;color:#374151;background-color:transparent;outline:none;transition:background-color .2s}.transaction-amount-input[data-v-0b4b1a87]:hover{background-color:#f8fafc}.transaction-amount-input[data-v-0b4b1a87]:focus{background-color:#f1f5f9}.transactions-table input[type=date][data-v-0b4b1a87]{width:100%;padding:.75rem;border:none;border-radius:0;font-size:.875rem;color:#374151;background-color:transparent;outline:none;transition:background-color .2s}.transactions-table input[type=date][data-v-0b4b1a87]:hover{background-color:#f8fafc}.transactions-table input[type=date][data-v-0b4b1a87]:focus{background-color:#f1f5f9}.no-transactions[data-v-0b4b1a87]{text-align:center;color:#6b7280;font-size:.875rem;padding:2rem;background:#f9fafb;border-top:1px solid #e5e7eb;margin:0}.add-transaction-section[data-v-0b4b1a87]{margin-top:0;text-align:center;padding:1rem;background:#f9fafb;border-top:1px solid #e5e7eb}.transaction-summary[data-v-0b4b1a87]{margin-top:2rem;padding:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem}.transaction-summary h3[data-v-0b4b1a87]{margin-top:0;margin-bottom:1rem;color:#111827;font-size:1.125rem;font-weight:600}.summary-grid[data-v-0b4b1a87]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-item[data-v-0b4b1a87]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#dbeafe;border:1px solid #bfdbfe;border-radius:.375rem}.summary-label[data-v-0b4b1a87]{font-weight:500;color:#374151;font-size:.875rem}.summary-value[data-v-0b4b1a87]{font-weight:600;color:#1f2937;font-size:1rem}.summary-value[data-v-0b4b1a87]:not(:last-child){color:#059669}.summary-value[data-v-0b4b1a87]:last-child{color:#1f2937}@media (max-width: 768px){.bonus-layout-container[data-v-0b4b1a87]{padding:0}.bonus-layout-card[data-v-0b4b1a87]{padding:1.5rem;border-radius:0}.top-form-section[data-v-0b4b1a87]{grid-template-columns:1fr;gap:1rem}.form-grid[data-v-0b4b1a87]{gap:1rem}.form-row[data-v-0b4b1a87]{grid-template-columns:1fr;gap:1rem}.form-actions[data-v-0b4b1a87]{flex-direction:row;gap:.5rem;flex-wrap:wrap}.form-actions-left[data-v-0b4b1a87]{flex:0 0 auto}.form-actions-right[data-v-0b4b1a87]{display:flex;gap:.5rem;flex:1;min-width:0}.form-actions-right[data-v-0b4b1a87]>.button-rectangle{flex:1;min-width:0}.form-actions-left[data-v-0b4b1a87]>.button-danger{flex:0 0 auto;min-width:auto}.agencies-grid[data-v-0b4b1a87]{grid-template-columns:1fr;gap:.75rem}.agency-item[data-v-0b4b1a87]{padding:.75rem}.agency-header[data-v-0b4b1a87]{flex-direction:column;align-items:flex-start;gap:.75rem}.btn-edit-agency[data-v-0b4b1a87]{width:100%;justify-content:center}}.credit-agencies-section[data-v-0b4b1a87]{margin-top:1rem}.credit-agencies-section h3[data-v-0b4b1a87]{margin-bottom:1rem;color:#111827;font-size:1rem;font-weight:600}.agencies-grid[data-v-0b4b1a87]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.agency-item[data-v-0b4b1a87]{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background:#f9fafb}.agency-header[data-v-0b4b1a87]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.agency-header h4[data-v-0b4b1a87]{margin:0;color:#374151;font-size:.875rem;font-weight:600}.btn-edit-agency[data-v-0b4b1a87]{background:#3b82f6;color:#fff;padding:.5rem 1rem;font-size:.875rem}.btn-edit-agency[data-v-0b4b1a87]:hover{background:#2563eb}.agency-summary[data-v-0b4b1a87]{font-size:.875rem;color:#6b7280}.agency-summary p[data-v-0b4b1a87]{margin:.25rem 0}.modal-overlay[data-v-0b4b1a87]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-0b4b1a87]{background:#fff;border-radius:.5rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-0b4b1a87]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-0b4b1a87]{margin:0;color:#111827;font-size:1.125rem;font-weight:600}.modal-close[data-v-0b4b1a87]{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem}.modal-close[data-v-0b4b1a87]:hover{background:#f3f4f6;color:#374151}.modal-body[data-v-0b4b1a87]{padding:1.5rem}.agency-form[data-v-0b4b1a87]{display:flex;flex-direction:column;gap:1rem}.modal-actions[data-v-0b4b1a87]{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.task-edit-container[data-v-0a4fb26e]{max-width:600px;margin:0 auto;padding:2rem}.task-edit-card[data-v-0a4fb26e]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.task-edit-card h1[data-v-0a4fb26e]{margin:0 0 2rem;font-size:2rem;font-weight:700;color:var(--fg);text-align:center}.task-form[data-v-0a4fb26e]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-0a4fb26e]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-0a4fb26e]{font-weight:500;color:var(--fg);font-size:.875rem}.form-input[data-v-0a4fb26e]{padding:.75rem;border:1px solid var(--border);border-radius:6px;font-size:1rem;transition:border-color .2s ease-in-out;width:100%}.form-input[data-v-0a4fb26e]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-input[data-v-0a4fb26e]:hover:not(:disabled){border-color:var(--gray-400)}.form-input[data-v-0a4fb26e]:disabled{background-color:var(--gray-50);cursor:not-allowed}select.form-input[data-v-0a4fb26e]{cursor:pointer}select.form-input[data-v-0a4fb26e]:disabled{cursor:not-allowed}.form-actions[data-v-0a4fb26e]{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--border)}.actions-left[data-v-0a4fb26e],.actions-right[data-v-0a4fb26e]{display:flex;gap:1rem}.btn[data-v-0a4fb26e]{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;gap:.5rem}.btn[data-v-0a4fb26e]:disabled{opacity:.6;cursor:not-allowed}.btn[data-v-0a4fb26e]:focus:not(:disabled){outline:2px solid var(--primary);outline-offset:2px}.btn-loading[data-v-0a4fb26e]{display:flex;align-items:center;gap:.5rem}.btn-spinner[data-v-0a4fb26e]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-0a4fb26e 1s linear infinite}@keyframes spin-0a4fb26e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state[data-v-0a4fb26e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.loading-spinner[data-v-0a4fb26e]{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin-0a4fb26e 1s linear infinite;margin-bottom:1rem}.error-state[data-v-0a4fb26e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:1rem 0}.error-icon[data-v-0a4fb26e]{font-size:2rem;margin-bottom:1rem}.error-state h3[data-v-0a4fb26e]{color:#dc2626;margin:0 0 .5rem}.error-state p[data-v-0a4fb26e]{color:#6b7280;margin:0 0 1rem}@media (max-width: 768px){.task-edit-container[data-v-0a4fb26e]{padding:1rem}.task-edit-card[data-v-0a4fb26e]{padding:1.5rem}.form-actions[data-v-0a4fb26e]{flex-direction:column;gap:1rem}.actions-left[data-v-0a4fb26e],.actions-right[data-v-0a4fb26e],.btn[data-v-0a4fb26e]{width:100%;justify-content:center}}.metric-tile[data-v-2f3865d0]{border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .2s ease-in-out}.metric-tile[data-v-2f3865d0]:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.metric-tile--red[data-v-2f3865d0]{background:linear-gradient(135deg,var(--orange-700) 0%,var(--orange-600) 100%)}.metric-tile--green[data-v-2f3865d0]{background:linear-gradient(135deg,var(--green-500) 0%,var(--green-400) 100%)}.metric-tile--blue[data-v-2f3865d0]{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-400) 100%)}.metric-tile--orange[data-v-2f3865d0]{background:linear-gradient(135deg,var(--orange-400) 0%,var(--orange-300) 100%)}.metric-tile--purple[data-v-2f3865d0]{background:linear-gradient(135deg,var(--purple-500) 0%,var(--purple-400) 100%)}.metric-tile--slate[data-v-2f3865d0]{background:linear-gradient(135deg,var(--slate-500) 0%,var(--slate-400) 100%)}.metric-content[data-v-2f3865d0]{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:.5rem;min-width:0;overflow:hidden}.metric-title[data-v-2f3865d0]{margin:0;font-size:.875rem;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em}.metric-value[data-v-2f3865d0]{font-size:2rem;font-weight:700;color:#fff;line-height:1;word-break:break-word;overflow-wrap:break-word;min-width:0}@media (max-width: 768px){.metric-tile[data-v-2f3865d0]{padding:1rem}.metric-title[data-v-2f3865d0]{font-size:.75rem}.metric-value[data-v-2f3865d0]{font-size:1.5rem}}@media (max-width: 480px){.metric-tile[data-v-2f3865d0]{padding:.875rem}.metric-title[data-v-2f3865d0]{font-size:.6875rem}.metric-value[data-v-2f3865d0]{font-size:1.25rem}}.bonus-item[data-v-1d184000]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;cursor:pointer;transition:all .2s ease-in-out}.bonus-item[data-v-1d184000]:hover{border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.bonus-content[data-v-1d184000]{display:flex;flex-direction:column;gap:1rem}.bonus-header[data-v-1d184000]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.bonus-title[data-v-1d184000]{margin:0;font-size:1.125rem;font-weight:600;color:#111827;flex:1;line-height:1.4}.bonus-details[data-v-1d184000]{display:flex;gap:2rem;flex-wrap:wrap}.detail-item[data-v-1d184000]{display:flex;flex-direction:column;gap:.25rem}.detail-label[data-v-1d184000]{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-value[data-v-1d184000]{font-size:.875rem;font-weight:600;color:#111827}.bonus-value[data-v-1d184000]{color:#059669;font-size:1rem}.task-count[data-v-1d184000]{color:#6b7280;font-size:1rem}@media (max-width: 768px){.bonus-item[data-v-1d184000]{padding:1rem}.bonus-header[data-v-1d184000]{flex-direction:column;align-items:flex-start;gap:.75rem}.bonus-title[data-v-1d184000]{font-size:1rem}.bonus-details[data-v-1d184000]{gap:1.5rem}}.bonuses-section[data-v-81b7d619]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.section-header[data-v-81b7d619]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-actions[data-v-81b7d619]{display:flex;align-items:center;gap:.75rem}.bonus-count[data-v-81b7d619]{background:var(--gray-100);color:var(--muted);padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.add-btn[data-v-81b7d619]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;border:none;flex-shrink:0}.add-btn[data-v-81b7d619]:hover{background:var(--primary-hover);transform:scale(1.05)}.add-btn[data-v-81b7d619]:focus{outline:2px solid var(--primary);outline-offset:2px}.add-btn svg[data-v-81b7d619]{width:16px;height:16px}.bonuses-list[data-v-81b7d619]{display:flex;flex-direction:column;gap:1rem}.empty-state[data-v-81b7d619]{text-align:center;padding:2rem;color:var(--muted)}.empty-icon[data-v-81b7d619]{font-size:3rem;margin-bottom:1rem}.empty-subtitle[data-v-81b7d619]{font-size:.875rem;margin-top:.5rem;opacity:.7}.view-more[data-v-81b7d619]{margin-top:1.5rem;text-align:center}.task-item[data-v-7510c7ea]{position:relative;background:#fff;border-radius:8px;padding:1rem;border:1px solid var(--border);transition:all .2s ease-in-out;cursor:pointer}.task-item[data-v-7510c7ea]:hover{border-color:var(--primary);box-shadow:0 2px 4px #0000001a}.task-item.urgent[data-v-7510c7ea]{background:#fffbeb}.task-item.overdue[data-v-7510c7ea]{background:#fef2f2}.task-item.editing[data-v-7510c7ea]{cursor:default;border-color:var(--primary);box-shadow:0 2px 8px #00000026}.task-item.animating[data-v-7510c7ea]{cursor:default;border-color:var(--primary);box-shadow:0 2px 8px #00000026;min-height:200px;transition:all .3s ease-in-out}.task-display[data-v-7510c7ea]{width:100%}.task-header[data-v-7510c7ea]{display:flex;justify-content:space-between;align-items:flex-start}.task-title-section[data-v-7510c7ea]{flex:1}.task-title[data-v-7510c7ea]{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--fg)}.task-bonus[data-v-7510c7ea]{font-size:.75rem;color:var(--muted);font-weight:500}.bonus-select-container[data-v-7510c7ea]{display:flex;align-items:center;gap:.5rem;width:100%}.bonus-select-container select[data-v-7510c7ea]{flex:1}.bonus-select-container[data-v-7510c7ea] .button-rectangle{height:35.5px;min-height:35.5px;padding:0 .5rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:0}.bonus-select-container[data-v-7510c7ea] .button-rectangle svg{display:block;flex-shrink:0;margin:0}.bonus-select-container[data-v-7510c7ea] .button-rectangle .button-text:empty{display:none}.task-meta[data-v-7510c7ea]{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.task-status[data-v-7510c7ea]{padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:transparent;color:var(--muted)}.task-due-date[data-v-7510c7ea]{font-size:.75rem;font-weight:500;color:var(--muted)}.task-feedback-overlay[data-v-7510c7ea]{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10;animation:feedbackPulse-7510c7ea .5s ease-in-out}.feedback-content[data-v-7510c7ea]{text-align:center;animation:feedbackSlideIn-7510c7ea .5s ease-out}.feedback-emoji[data-v-7510c7ea]{font-size:3rem;margin-bottom:.5rem;animation:feedbackBounce-7510c7ea .6s ease-out}.feedback-text[data-v-7510c7ea]{font-size:1.25rem;font-weight:600;color:var(--fg);animation:feedbackFadeIn-7510c7ea .8s ease-out}@keyframes feedbackPulse-7510c7ea{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes feedbackSlideIn-7510c7ea{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes feedbackBounce-7510c7ea{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes feedbackFadeIn-7510c7ea{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-edit-form[data-v-7510c7ea]{width:100%}.task-edit-form .form-group[data-v-7510c7ea]{margin-bottom:.75rem}.task-edit-form .form-row[data-v-7510c7ea]{display:flex;gap:.75rem}.task-edit-form .form-row .form-group[data-v-7510c7ea]{flex:1;margin-bottom:.75rem}.form-input.compact[data-v-7510c7ea]{padding:.5rem;border:1px solid var(--border);border-radius:4px;font-size:.875rem;transition:border-color .2s ease-in-out;width:100%}.form-input.compact[data-v-7510c7ea]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}.form-input.compact[data-v-7510c7ea]:disabled{background-color:var(--gray-50);cursor:not-allowed}select.form-input.compact[data-v-7510c7ea]{cursor:pointer}select.form-input.compact[data-v-7510c7ea]:disabled{cursor:not-allowed}.error-message[data-v-7510c7ea]{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.5rem;border-radius:4px;font-size:.875rem;margin-bottom:.75rem}.form-actions[data-v-7510c7ea]{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--border)}.actions-right[data-v-7510c7ea]{display:flex;gap:.5rem}.btn[data-v-7510c7ea]{border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;gap:.25rem}.btn-sm[data-v-7510c7ea]{padding:.375rem .75rem;font-size:.75rem}.btn[data-v-7510c7ea]:disabled{opacity:.6;cursor:not-allowed}.btn[data-v-7510c7ea]:focus:not(:disabled){outline:2px solid var(--primary);outline-offset:2px}.btn-loading[data-v-7510c7ea]{display:flex;align-items:center;gap:.25rem}.btn-spinner[data-v-7510c7ea]{width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-7510c7ea 1s linear infinite}@keyframes spin-7510c7ea{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.task-edit-form .form-row[data-v-7510c7ea]{flex-direction:column;gap:0}.form-actions[data-v-7510c7ea]{flex-direction:row;gap:.5rem;flex-wrap:wrap}.form-actions[data-v-7510c7ea]>.button-danger{flex:0 0 auto;min-width:auto}.actions-right[data-v-7510c7ea]{display:flex;gap:.5rem;flex:1;min-width:0}.actions-right[data-v-7510c7ea]>.button-rectangle{flex:1;min-width:0}}.tasks-section[data-v-035ae0ed]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.section-header[data-v-035ae0ed]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-actions[data-v-035ae0ed]{display:flex;align-items:center;gap:.75rem}.task-count[data-v-035ae0ed]{background:var(--gray-100);color:var(--muted);padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.add-btn[data-v-035ae0ed]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;border:none;flex-shrink:0}.add-btn[data-v-035ae0ed]:hover{background:var(--primary-hover);transform:scale(1.05)}.add-btn[data-v-035ae0ed]:focus{outline:2px solid var(--primary);outline-offset:2px}.add-btn svg[data-v-035ae0ed]{width:16px;height:16px}.tasks-list[data-v-035ae0ed]{display:flex;flex-direction:column;gap:1rem}.empty-state[data-v-035ae0ed]{text-align:center;padding:2rem;color:var(--muted)}.empty-icon[data-v-035ae0ed]{font-size:3rem;margin-bottom:1rem}.empty-subtitle[data-v-035ae0ed]{font-size:.875rem;margin-top:.5rem;opacity:.7}.view-more[data-v-035ae0ed]{margin-top:1.5rem;text-align:center}.user-bonuses-page[data-v-cf3f593a]{max-width:1200px;margin:0 auto;padding:2rem}.metrics-grid[data-v-cf3f593a]{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;max-width:100%}.metric-tile-link[data-v-cf3f593a]{text-decoration:none;display:block;cursor:pointer}@media (min-width: 480px){.metrics-grid[data-v-cf3f593a]{grid-template-columns:repeat(2,1fr)}}@media (min-width: 720px){.metrics-grid[data-v-cf3f593a]{grid-template-columns:repeat(3,1fr)}}.content-grid[data-v-cf3f593a]{display:grid;grid-template-columns:1fr;gap:2rem}.content-section[data-v-cf3f593a]{width:100%}.loading-state[data-v-cf3f593a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner[data-v-cf3f593a]{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin-cf3f593a 1s linear infinite;margin-bottom:1rem}@keyframes spin-cf3f593a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-cf3f593a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:2rem 0}.error-icon[data-v-cf3f593a]{font-size:3rem;margin-bottom:1rem}.error-state h3[data-v-cf3f593a]{color:#dc2626;margin:0 0 .5rem}.error-state p[data-v-cf3f593a]{color:#6b7280;margin:0 0 1.5rem}@media (min-width: 1024px){.content-grid[data-v-cf3f593a]{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.user-bonuses-page[data-v-cf3f593a]{padding:1rem}.metrics-grid[data-v-cf3f593a]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}}.status-filter[data-v-ca13c543]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.filter-label[data-v-ca13c543]{font-size:.875rem;font-weight:500;color:#374151}.filter-badges[data-v-ca13c543]{display:flex;flex-wrap:wrap;gap:.5rem}.status-filter-button[data-v-ca13c543]{background:none;border:2px solid transparent;padding:0;cursor:pointer;transition:opacity .2s ease-in-out,transform .2s ease-in-out,border-color .2s ease-in-out;display:inline-flex;align-items:center;outline:none;border-radius:9999px}.status-filter-button[data-v-ca13c543]:hover{opacity:.8;transform:scale(1.05)}.status-filter-button[data-v-ca13c543]:focus{outline:none}.status-filter-button[data-v-ca13c543]:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:9999px}.status-filter-button--active[data-v-ca13c543]{opacity:1;border-color:#3b82f6}.status-filter-button--active[data-v-ca13c543]:hover{opacity:.9;border-color:#2563eb}@media (max-width: 768px){.filter-badges[data-v-ca13c543]{gap:.375rem}}.user-bonus-list-page[data-v-1c529bb6]{max-width:1200px;margin:0 auto;padding:2rem;background:#fff}.page-header[data-v-1c529bb6]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f3f4f6}.header-content[data-v-1c529bb6]{flex:1}.page-title[data-v-1c529bb6]{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;color:#111827;line-height:1.2}.page-description[data-v-1c529bb6]{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5}.header-actions[data-v-1c529bb6]{display:flex;gap:.75rem;align-items:center}.summary-bar[data-v-1c529bb6]{margin-bottom:1rem;padding:.75rem 0}.summary-text[data-v-1c529bb6]{margin:0;font-size:.875rem;color:#6b7280;font-weight:500}.search-filters[data-v-1c529bb6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.search-group[data-v-1c529bb6]{position:relative}.search-input[data-v-1c529bb6]{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s ease-in-out;background:#fff;color:#374151}.search-input[data-v-1c529bb6]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input[data-v-1c529bb6]::placeholder{color:#9ca3af}.search-icon[data-v-1c529bb6]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.bonuses-list-container[data-v-1c529bb6]{width:100%}.bonuses-list[data-v-1c529bb6]{display:flex;flex-direction:column;gap:1rem}.loading-state[data-v-1c529bb6]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner[data-v-1c529bb6]{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin-1c529bb6 1s linear infinite;margin-bottom:1rem}@keyframes spin-1c529bb6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-1c529bb6]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:2rem 0}.error-icon[data-v-1c529bb6]{font-size:3rem;margin-bottom:1rem}.error-state h3[data-v-1c529bb6]{color:#dc2626;margin:0 0 .5rem}.error-state p[data-v-1c529bb6]{color:#6b7280;margin:0 0 1.5rem}.empty-state[data-v-1c529bb6]{text-align:center;padding:4rem 2rem;color:#6b7280}.empty-icon[data-v-1c529bb6]{font-size:4rem;margin-bottom:1rem}.empty-state h3[data-v-1c529bb6]{margin:0 0 .5rem;color:#374151}.empty-state p[data-v-1c529bb6]{margin:0 0 1.5rem}@media (max-width: 768px){.user-bonus-list-page[data-v-1c529bb6]{padding:1rem}.page-header[data-v-1c529bb6]{flex-direction:column;gap:1rem;align-items:stretch}.search-filters[data-v-1c529bb6]{grid-template-columns:1fr}.page-title[data-v-1c529bb6]{font-size:1.5rem}}.import-item[data-v-a71f763d]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease-in-out}.import-item[data-v-a71f763d]:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.import-content[data-v-a71f763d]{flex:1}.import-header[data-v-a71f763d]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.import-title[data-v-a71f763d]{margin:0;font-size:1.125rem;font-weight:600;color:#111827;flex:1}.import-date[data-v-a71f763d]{font-size:.875rem;color:#6b7280;white-space:nowrap}.import-actions[data-v-a71f763d]{display:flex;gap:.75rem;margin-left:1rem}.btn-review[data-v-a71f763d],.btn-delete[data-v-a71f763d]{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-review[data-v-a71f763d]{background:#3b82f6;color:#fff}.btn-review[data-v-a71f763d]:hover{background:#2563eb}.btn-delete[data-v-a71f763d]{background:#ef4444;color:#fff}.btn-delete[data-v-a71f763d]:hover{background:#dc2626}@media (max-width: 768px){.import-item[data-v-a71f763d]{flex-direction:column;align-items:stretch}.import-actions[data-v-a71f763d]{margin-left:0;margin-top:1rem;justify-content:flex-end}}.modal-overlay[data-v-57c7e4bd]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-57c7e4bd]{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;width:90%;max-width:500px;max-height:90%;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-57c7e4bd]{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-header h3[data-v-57c7e4bd]{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.modal-body[data-v-57c7e4bd]{padding:1.5rem;overflow-y:auto;flex-grow:1}.status-message[data-v-57c7e4bd]{color:#4b5563;font-size:.9375rem;margin-bottom:1rem}.progress-container[data-v-57c7e4bd]{margin-bottom:1rem}.progress-bar[data-v-57c7e4bd]{width:100%;height:24px;background:#f3f4f6;border-radius:.375rem;overflow:hidden;margin-bottom:.5rem}.progress-fill[data-v-57c7e4bd]{height:100%;background:#3b82f6;transition:width .3s ease;border-radius:.375rem}.progress-text[data-v-57c7e4bd]{text-align:center;color:#6b7280;font-size:.875rem;font-weight:500}.errors-section[data-v-57c7e4bd]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.errors-section h4[data-v-57c7e4bd]{margin:0 0 .75rem;color:#dc2626;font-size:1rem;font-weight:600}.error-list[data-v-57c7e4bd]{margin:0;padding-left:1.5rem;color:#991b1b;max-height:200px;overflow-y:auto}.error-list li[data-v-57c7e4bd]{margin:.5rem 0;font-size:.875rem}.modal-actions[data-v-57c7e4bd]{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.modal-actions .btn[data-v-57c7e4bd]{padding:.75rem 1.5rem;border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.bonus-import-page[data-v-5afaad30]{max-width:1200px;margin:0 auto;padding:2rem;background:#fff}.page-header[data-v-5afaad30]{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f3f4f6}.page-title[data-v-5afaad30]{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;color:#111827}.page-description[data-v-5afaad30]{margin:0;color:#6b7280;font-size:.875rem}.collapsible-section[data-v-5afaad30]{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;margin-bottom:2rem}.section-header[data-v-5afaad30]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;cursor:pointer;transition:background-color .2s}.section-header[data-v-5afaad30]:hover{background:#f3f4f6}.section-header h2[data-v-5afaad30]{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.toggle-icon[data-v-5afaad30]{font-size:.875rem;color:#6b7280;transition:transform .2s}.toggle-icon.expanded[data-v-5afaad30]{transform:rotate(180deg)}.section-content[data-v-5afaad30]{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.section-content.expanded[data-v-5afaad30]{max-height:2000px;transition:max-height .3s ease-in}.instructions-content[data-v-5afaad30]{padding:1.5rem}.instructions-table[data-v-5afaad30]{width:100%;border-collapse:collapse;margin:1rem 0}.instructions-table th[data-v-5afaad30],.instructions-table td[data-v-5afaad30]{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.instructions-table th[data-v-5afaad30]{background:#f9fafb;font-weight:600;color:#374151}.upload-section[data-v-5afaad30]{margin-bottom:2rem;padding:1.5rem;border:1px solid #e5e7eb;border-radius:.5rem}.upload-section h2[data-v-5afaad30]{margin-top:0;margin-bottom:1rem;font-size:1.125rem;font-weight:600;color:#111827}.upload-area[data-v-5afaad30]{position:relative;margin-bottom:1rem}.file-input[data-v-5afaad30]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.upload-placeholder[data-v-5afaad30],.selected-file[data-v-5afaad30]{padding:2rem;border:2px dashed #d1d5db;border-radius:.5rem;text-align:center;background:#f9fafb}.selected-file[data-v-5afaad30]{display:flex;justify-content:space-between;align-items:center}.btn-clear[data-v-5afaad30]{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem}.btn-clear[data-v-5afaad30]:hover{background:#dc2626}.btn-upload[data-v-5afaad30]{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-upload[data-v-5afaad30]:hover:not(:disabled){background:#2563eb}.btn-upload[data-v-5afaad30]:disabled{background:#9ca3af;cursor:not-allowed}.validation-errors[data-v-5afaad30]{margin-top:1.5rem;padding:1.5rem;background:#fef2f2;border:2px solid #dc2626;border-radius:.5rem}.validation-errors h3[data-v-5afaad30]{margin-top:0;margin-bottom:.75rem;color:#dc2626;font-size:1.125rem;font-weight:600}.error-summary[data-v-5afaad30]{margin:.75rem 0;color:#991b1b;font-weight:500}.error-tips[data-v-5afaad30]{margin:1rem 0;padding-left:1.5rem;color:#7f1d1d;background:#fee2e2;padding:1rem 1.5rem;border-radius:.375rem;border-left:3px solid #dc2626}.error-tips li[data-v-5afaad30]{margin:.5rem 0}.error-list[data-v-5afaad30]{margin-top:1.5rem;max-height:400px;overflow-y:auto;border-top:1px solid #fecaca;padding-top:1rem}.error-item[data-v-5afaad30]{margin-bottom:1.25rem;padding:.75rem;background:#fff;border-left:3px solid #dc2626;border-radius:.25rem}.error-item strong[data-v-5afaad30]{color:#dc2626;display:block;margin-bottom:.5rem}.error-item ul[data-v-5afaad30]{margin:.5rem 0 0 1.5rem;padding:0;color:#991b1b}.error-item li[data-v-5afaad30]{margin:.25rem 0}.success-message[data-v-5afaad30]{margin-top:1rem;padding:1rem;background:#dcfce7;border:1px solid #86efac;border-radius:.5rem;color:#166534}.pending-section[data-v-5afaad30]{margin-top:2rem}.pending-header[data-v-5afaad30]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pending-header h2[data-v-5afaad30]{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.pending-actions[data-v-5afaad30]{display:flex;gap:.75rem}.btn-import-all[data-v-5afaad30],.btn-delete-all[data-v-5afaad30]{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-import-all[data-v-5afaad30]{background:#3b82f6;color:#fff}.btn-import-all[data-v-5afaad30]:hover:not(:disabled){background:#2563eb}.btn-delete-all[data-v-5afaad30]{background:#ef4444;color:#fff}.btn-delete-all[data-v-5afaad30]:hover:not(:disabled){background:#dc2626}.btn-import-all[data-v-5afaad30]:disabled,.btn-delete-all[data-v-5afaad30]:disabled{background:#9ca3af;cursor:not-allowed}.imports-list[data-v-5afaad30]{display:flex;flex-direction:column;gap:.75rem}.empty-state[data-v-5afaad30]{text-align:center;padding:3rem;color:#6b7280}.loading-state[data-v-5afaad30]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.loading-spinner[data-v-5afaad30]{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin-5afaad30 1s linear infinite;margin-bottom:1rem}@keyframes spin-5afaad30{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tasks-page[data-v-d36a5caa]{max-width:1200px;margin:0 auto;padding:2rem}.page-header[data-v-d36a5caa]{margin-bottom:2rem}.header-content[data-v-d36a5caa]{display:flex;justify-content:space-between;align-items:flex-start}.header-text h1[data-v-d36a5caa]{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#111827}.task-count-display[data-v-d36a5caa]{display:flex;align-items:center}.task-count[data-v-d36a5caa]{background:#f3f4f6;color:#6b7280;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500}.page-subtitle[data-v-d36a5caa]{margin:0;color:#6b7280;font-size:1rem}.loading-state[data-v-d36a5caa],.error-state[data-v-d36a5caa]{text-align:center;padding:4rem 2rem}.loading-spinner[data-v-d36a5caa]{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin-d36a5caa 1s linear infinite;margin:0 auto 1rem}@keyframes spin-d36a5caa{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon[data-v-d36a5caa]{font-size:3rem;margin-bottom:1rem}.tasks-header[data-v-d36a5caa]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.filters[data-v-d36a5caa]{display:flex;gap:2rem;align-items:flex-start}.filter-group[data-v-d36a5caa]{display:flex;flex-direction:column;gap:.5rem}.filter-group label[data-v-d36a5caa]{font-weight:500;color:#374151;font-size:.875rem}.checkbox-group[data-v-d36a5caa]{display:flex;gap:1rem;flex-wrap:wrap}.checkbox-label[data-v-d36a5caa]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer}.checkbox-label input[type=checkbox][data-v-d36a5caa]{margin:0}.filter-select[data-v-d36a5caa]{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;font-size:.875rem}.actions[data-v-d36a5caa]{display:flex;gap:1rem}.btn[data-v-d36a5caa]{padding:.75rem 1.5rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-sm[data-v-d36a5caa]{padding:.5rem 1rem;font-size:.75rem}.empty-state[data-v-d36a5caa]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.empty-icon[data-v-d36a5caa]{font-size:4rem;margin-bottom:1rem}.empty-state h3[data-v-d36a5caa]{margin:0 0 .5rem;color:#111827}.empty-state p[data-v-d36a5caa]{margin:0 0 1.5rem;color:#6b7280}.tasks-list[data-v-d36a5caa]{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.tasks-page[data-v-d36a5caa]{padding:1rem}.header-content[data-v-d36a5caa]{flex-direction:column;gap:1rem;align-items:stretch}.task-count-display[data-v-d36a5caa]{align-self:flex-start}.tasks-header[data-v-d36a5caa]{flex-direction:column;gap:1rem;align-items:stretch}}.not-found-page[data-v-8d0cc1a8]{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--gray-50)}.not-found-content[data-v-8d0cc1a8]{text-align:center;max-width:500px}.error-code[data-v-8d0cc1a8]{font-size:8rem;font-weight:900;color:var(--primary);line-height:1;margin-bottom:1rem}.error-title[data-v-8d0cc1a8]{font-size:2rem;font-weight:700;color:var(--fg);margin:0 0 1rem}.error-message[data-v-8d0cc1a8]{font-size:1.125rem;color:var(--muted);line-height:1.6;margin-bottom:2rem}.actions[data-v-8d0cc1a8]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn[data-v-8d0cc1a8]{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;border:none}.btn.primary[data-v-8d0cc1a8]{background:var(--primary);color:#fff}.btn.primary[data-v-8d0cc1a8]:hover{background:var(--primary-hover)}.btn.secondary[data-v-8d0cc1a8]{background:var(--gray-100);color:var(--fg)}.btn.secondary[data-v-8d0cc1a8]:hover{background:var(--gray-200)}.btn[data-v-8d0cc1a8]:focus{outline:2px solid var(--primary);outline-offset:2px}@media (max-width: 768px){.error-code[data-v-8d0cc1a8]{font-size:6rem}.error-title[data-v-8d0cc1a8]{font-size:1.5rem}.actions[data-v-8d0cc1a8]{flex-direction:column;align-items:center}}.component-viewport[data-v-1441cfc3]{display:flex;flex-direction:column;height:100%;background:#f3f4f6;border-radius:8px;overflow:hidden}.viewport-controls[data-v-1441cfc3]{background:#fff;padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}.preset-buttons[data-v-1441cfc3]{display:flex;gap:.5rem}.preset-btn[data-v-1441cfc3]{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.preset-btn[data-v-1441cfc3]:hover{background:#f9fafb;border-color:#9ca3af}.preset-btn.active[data-v-1441cfc3]{background:#3b82f6;color:#fff;border-color:#3b82f6}.size-controls[data-v-1441cfc3]{display:flex;gap:1rem;align-items:center}.size-controls label[data-v-1441cfc3]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.size-input[data-v-1441cfc3]{width:80px;padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.size-input[data-v-1441cfc3]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.zoom-controls[data-v-1441cfc3]{display:flex;gap:1rem;align-items:center}.zoom-controls label[data-v-1441cfc3]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.zoom-slider[data-v-1441cfc3]{width:100px}.reset-btn[data-v-1441cfc3]{padding:.375rem .75rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s}.reset-btn[data-v-1441cfc3]:hover{background:#f9fafb}.viewport-frame-container[data-v-1441cfc3]{flex:1;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:2rem;background:#e5e7eb}.viewport-frame[data-v-1441cfc3]{background:#fff;border:1px solid #d1d5db;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:auto;position:relative}.frame-content[data-v-1441cfc3]{width:100%;height:100%;overflow:auto}.no-component[data-v-1441cfc3]{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:1rem}.no-component p[data-v-1441cfc3]{margin:0}.component-library[data-v-bb29429a]{display:flex;height:100vh;overflow:hidden;background:#f9fafb}.sidebar[data-v-bb29429a]{width:300px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.sidebar-header[data-v-bb29429a]{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.sidebar-header h2[data-v-bb29429a]{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#111827}.search-input[data-v-bb29429a]{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s}.search-input[data-v-bb29429a]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.component-list[data-v-bb29429a]{flex:1;overflow-y:auto;padding:.5rem}.component-item[data-v-bb29429a]{width:100%;padding:.75rem 1rem;margin-bottom:.5rem;border:1px solid #e5e7eb;background:#fff;border-radius:.375rem;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.component-item[data-v-bb29429a]:hover{border-color:#3b82f6;background:#eff6ff}.component-item.active[data-v-bb29429a]{border-color:#3b82f6;background:#dbeafe;box-shadow:0 0 0 3px #3b82f61a}.component-name[data-v-bb29429a]{font-weight:500;color:#111827;font-size:.875rem}.props-badge[data-v-bb29429a]{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.125rem .5rem;border-radius:9999px}.no-results[data-v-bb29429a]{padding:2rem;text-align:center;color:#6b7280;font-size:.875rem}.main-content[data-v-bb29429a]{flex:1;display:flex;flex-direction:column;overflow:hidden}.viewport-container[data-v-bb29429a]{flex:1;overflow:hidden;min-height:0}@media (max-width: 1024px){.sidebar[data-v-bb29429a]{width:250px}}@media (max-width: 768px){.component-library[data-v-bb29429a]{flex-direction:column}.sidebar[data-v-bb29429a]{width:100%;height:200px;border-right:none;border-bottom:1px solid #e5e7eb}}.social-preview[data-v-a3e3f598]{width:1200px;height:630px;margin:0;padding:0;background:linear-gradient(135deg,#ffffff 0%,var(--blue-400) 100%);overflow:hidden;box-sizing:border-box;display:block}.hero[data-v-a3e3f598]{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:3rem 4rem;height:100%;box-sizing:border-box}.hero-content[data-v-a3e3f598]{max-width:500px}.hero-title[data-v-a3e3f598]{font-size:4.5rem;font-weight:800;margin:0 0 1.5rem;line-height:1.1}.brand[data-v-a3e3f598]{color:#3b82f6}.hero-tagline[data-v-a3e3f598]{font-size:2rem;font-weight:600;color:#374151;margin:0;line-height:1.3}.hero-visual[data-v-a3e3f598]{display:flex;justify-content:center;align-items:center;height:100%}.bonus-cards[data-v-a3e3f598]{display:flex;flex-direction:column;gap:.75rem;transform:rotate(-5deg)}.bonus-card[data-v-a3e3f598]{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 10px 25px #0000001a;border:1px solid #e5e7eb;max-width:280px}.card-1[data-v-a3e3f598]{transform:translate(1rem)}.card-2[data-v-a3e3f598]{transform:translate(-1rem)}.card-3[data-v-a3e3f598]{transform:translate(1rem)}.bonus-content[data-v-a3e3f598]{display:flex;flex-direction:column;gap:.75rem}.bonus-header[data-v-a3e3f598]{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.bonus-title[data-v-a3e3f598]{margin:0;font-size:1rem;font-weight:600;color:#111827;flex:1;line-height:1.4}.bonus-details[data-v-a3e3f598]{display:flex;gap:1.5rem;flex-wrap:wrap}.detail-item[data-v-a3e3f598]{display:flex;flex-direction:column;gap:.25rem}.detail-label[data-v-a3e3f598]{font-size:.6875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-value[data-v-a3e3f598]{font-size:.8125rem;font-weight:600;color:#111827}.bonus-value[data-v-a3e3f598]{color:#059669;font-size:.9375rem}.task-count[data-v-a3e3f598]{color:#6b7280;font-size:.9375rem}:root{--bg: #ffffff;--fg: #111827;--muted: #6b7280;--border: #e5e7eb;--primary: #0EA5E9;--primary-hover: #0284C7;--success: #059669;--warning: #d97706;--error: #dc2626;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--green-100: #DCFCE7;--green-200: #BBF7D0;--green-300: #86EFAC;--green-400: #4ADE80;--green-500: #22C55E;--green-600: #16A34A;--green-700: #15803D;--green-800: #166534;--green-900: #14532D;--orange-100: #FEF3C7;--orange-200: #FED7AA;--orange-300: #FCD34D;--orange-300b: #fc934da9;--orange-400: #FBBF24;--orange-500: #f3b64d;--orange-600: #D97706;--orange-700: #C2410C;--orange-800: #92400E;--orange-900: #78350F;--yellow-100: #FEF9C3;--yellow-200: #FEF08A;--yellow-300: #FDE047;--yellow-400: #FACC15;--yellow-500: #EAB308;--yellow-600: #CA8A04;--yellow-700: #A16207;--yellow-800: #854D0E;--yellow-900: #713F12;--red-100: #FEE2E2;--red-200: #FECACA;--red-300: #FCA5A5;--red-400: #F87171;--red-500: #EF4444;--red-600: #DC2626;--red-700: #B91C1C;--red-800: #991B1B;--red-900: #7F1D1D;--blue-100: #E0F2FE;--blue-200: #BAE6FD;--blue-300: #7DD3FC;--blue-400: #38BDF8;--blue-500: #0EA5E9;--blue-600: #0284C7;--blue-700: #0369A1;--blue-800: #075985;--blue-900: #0C4A6E;--purple-100: #F3E8FF;--purple-200: #E9D5FF;--purple-300: #D8B4FE;--purple-400: #C084FC;--purple-500: #8B5CF6;--purple-600: #7C3AED;--purple-700: #6D28D9;--purple-800: #5B21B6;--purple-900: #4C1D95;--slate-100: #F1F5F9;--slate-200: #E2E8F0;--slate-300: #CBD5E1;--slate-400: #94A3B8;--slate-500: #64748B;--slate-600: #475569;--slate-700: #334155;--slate-800: #1E293B;--slate-900: #0F172A;--navy-500: #111827}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--fg);background:var(--bg);line-height:1.6}code{background:var(--gray-100);padding:.125rem .25rem;border-radius:.25rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}html{scroll-behavior:smooth}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary);color:#fff}.section-title-link{text-decoration:none;color:inherit}.section-title-link:hover .section-title{color:var(--primary);transition:color .2s ease-in-out}.section-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--fg)}