:root{--primary:#111827;--primary-hover:#1f2937;--bg-color:#fff;--bg-secondary:#f3f4f6;--text-main:#111827;--text-muted:#6b7280;--accent:#171717;--accent-hover:#0a0a0a;--border:#e5e7eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-secondary);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background-color:var(--accent);color:#fff}.btn-accent:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{border:1px solid var(--border);color:var(--text-main);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--bg-secondary)}.card{background-color:var(--bg-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:2rem;transition:box-shadow .3s}.card:hover{box-shadow:var(--shadow-md)}.input-group{margin-bottom:1.5rem}.input-label{color:var(--text-main);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-field{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-family:var(--font-family);background-color:#fafafa;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--accent);background-color:#fff;outline:none;box-shadow:0 0 0 3px #2563eb1a}.page-header{text-align:center;margin-bottom:2rem}.page-title{letter-spacing:-.025em;margin-bottom:.5rem;font-size:2rem;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:1.125rem}.layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding:3rem 0}.step-indicator{justify-content:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.step-dot{background-color:var(--border);border-radius:1rem;width:2.5rem;height:.5rem;transition:background-color .3s}.step-dot.active{background-color:var(--accent)}.qr-preview{border-radius:var(--radius-xl);border:1px solid var(--border);background:linear-gradient(145deg,#f3f4f6,#fff);flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}.qr-box{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;padding:1.5rem}.star-rating{justify-content:center;gap:.5rem;margin:1.5rem 0;display:flex}.star{cursor:pointer;color:var(--border);transition:color .2s,transform .2s}.star:hover,.star.filled{color:var(--warning)}.star:hover{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.dashboard-grid{grid-template-columns:250px 1fr;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;display:grid}.sidebar{background:var(--bg-color);border-radius:var(--radius-lg);border:1px solid var(--border);height:fit-content;padding:1.5rem}.sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.sidebar-link{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.sidebar-link:hover,.sidebar-link.active{color:var(--primary);background:#f3f4f6}.dashboard-content{flex-direction:column;gap:2rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.stat-card{background:var(--bg-color);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:1.5rem}.stat-value{margin-top:.5rem;font-size:2rem;font-weight:700}.review-item{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:1rem;padding:1.5rem}.review-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.review-stars{color:var(--warning)}.sidebar-backdrop{display:none}.dashboard-brand-link{cursor:pointer}.dashboard-header{border-bottom:1px solid var(--border);box-sizing:border-box;background:#fff;justify-content:space-between;align-items:center;gap:1rem;max-width:100vw;padding:1rem 2rem;display:flex}.dashboard-header__start{flex:auto;align-items:center;gap:1rem;min-width:0;display:flex}.dashboard-header__brand{align-items:center;gap:.5rem;min-width:0;display:flex}.dashboard-header__brand-title{color:var(--primary);white-space:nowrap;margin:0;font-size:1.5rem;font-weight:800;line-height:1.1}.dashboard-header__end{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;min-width:0;display:flex}.dashboard-header__plan{background:#fafafa;border:1px solid #0000;border-radius:10px;flex-shrink:0;align-items:center;gap:.55rem;padding:.4rem .75rem .4rem .55rem;line-height:1.15;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000008,0 1px 2px #0f172a0a}.dashboard-header__plan:before{content:"";pointer-events:none;background:linear-gradient(#ffffffa6 0%,#0000 48%);position:absolute;inset:0}.dashboard-header__plan-mark{z-index:1;border-radius:50%;flex-shrink:0;width:7px;height:7px;position:relative;box-shadow:0 0 0 2px #ffffffe6}.dashboard-header__plan-copy{z-index:1;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex;position:relative}.dashboard-header__plan-kicker{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:.58rem;font-weight:600;line-height:1}.dashboard-header__plan-name{letter-spacing:-.02em;color:#18181b;font-size:.8rem;font-weight:700;line-height:1.1}.dashboard-header__plan--starter{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border-color:#e4e4e7}.dashboard-header__plan--starter .dashboard-header__plan-mark{background:#94a3b8}.dashboard-header__plan--starter .dashboard-header__plan-name{color:#334155}.dashboard-header__plan--pro{background:linear-gradient(145deg,#fff 0%,#f5f7ff 55%,#eef2ff 100%);border-color:#c7d2fe;box-shadow:0 0 0 1px #6366f114,0 2px 10px #6366f11a}.dashboard-header__plan--pro .dashboard-header__plan-kicker{color:#818cf8}.dashboard-header__plan--pro .dashboard-header__plan-mark{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 0 0 2px #fffffff2,0 0 8px #6366f173}.dashboard-header__plan--pro .dashboard-header__plan-name{color:#3730a3}.dashboard-header__plan--business{background:linear-gradient(145deg,#fff 0%,#fffbeb 55%,#fef3c7 100%);border-color:#fcd34d;box-shadow:0 0 0 1px #f59e0b1a,0 2px 10px #f59e0b1f}.dashboard-header__plan--business .dashboard-header__plan-kicker{color:#d97706}.dashboard-header__plan--business .dashboard-header__plan-mark{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 0 0 2px #fffffff2,0 0 8px #f59e0b66}.dashboard-header__plan--business .dashboard-header__plan-name{color:#92400e}.dashboard-header__upgrade{color:#18181b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e4e4e7;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:.4rem .8rem;font-size:.78rem;font-weight:600;line-height:1.2;display:inline-flex}.dashboard-header__upgrade-label--short{display:none}.dashboard-header__company{text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:min(280px,36vw);font-weight:500;line-height:1.3;overflow:hidden}.mobile-menu-btn{cursor:pointer;color:#374151;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:.5rem .9rem;font-size:.85rem;font-weight:600;line-height:1;display:none;box-shadow:0 1px 4px #00000012}.mobile-menu-btn__label{white-space:nowrap}@media (width<=900px){html,body{max-width:100vw;overflow-x:hidden}.dashboard-brand-link{cursor:default!important}.dashboard-grid{max-width:100vw;overflow-x:hidden;grid-template-columns:1fr!important;gap:1rem!important;padding:1rem!important}.dashboard-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"start upgrade""company company";align-items:center;gap:.55rem .65rem;padding:.75rem 1rem!important;display:grid!important}.dashboard-header__start{flex:unset;grid-area:start;gap:.65rem;min-width:0}.dashboard-header__brand-title{font-size:1.15rem}.dashboard-header__end{display:contents}.dashboard-header__plan{display:none}.dashboard-header__upgrade{grid-area:upgrade;justify-self:end;padding:.38rem .65rem;font-size:.72rem}.dashboard-header__upgrade-label--full{display:none}.dashboard-header__upgrade-label--short{display:inline}.dashboard-header__company{text-align:left;color:#52525b;border-top:1px solid #f4f4f5;grid-area:company;width:100%;max-width:100%;padding-top:.55rem;font-size:.8125rem}.mobile-menu-btn{padding:.45rem .65rem;display:inline-flex!important}.mobile-menu-header{display:flex!important}.sidebar{z-index:1000!important;background:#fff!important;border:none!important;border-radius:0!important;width:80vw!important;max-width:300px!important;height:fit-content!important;padding:1.5rem 1rem!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:-100vw!important;overflow:hidden auto!important;box-shadow:4px 0 24px #0000002e!important}.sidebar.open{height:100vh!important;left:0!important}.sidebar .sidebar-nav{flex-direction:column!important;gap:.25rem!important;width:100%!important;display:flex!important}.sidebar .sidebar-link{flex-direction:row!important;align-items:center!important;gap:.75rem!important;width:100%!important;padding:.75rem 1rem!important;display:flex!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;z-index:999!important;opacity:0!important;pointer-events:none!important;background:#00000073!important;width:100vw!important;height:100vh!important;transition:opacity .3s!important;display:block!important;position:fixed!important;top:0!important;left:0!important}.sidebar-backdrop.open{opacity:1!important;pointer-events:auto!important}.dashboard-content{width:100%!important;max-width:100%!important;overflow-x:hidden!important}}@media (width<=480px){.mobile-menu-btn__label{display:none}.mobile-menu-btn{padding:.45rem!important}.dashboard-header__brand-title{font-size:1rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:35s linear infinite marquee}.animate-marquee:hover{animation-play-state:paused}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:20px;width:100%;max-width:1400px;margin:0 auto;display:grid}.pricing-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;flex-direction:column;min-width:0;height:100%;padding:48px;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 20px #00000008}.pricing-card.pricing-pro{z-index:5;background:#0a0a0a;border:1px solid #262626;box-shadow:0 20px 40px #0006}.pricing-card.pricing-trial{z-index:4;background:linear-gradient(145deg,#ecfdf5 0%,#d1fae5 100%);border:2px solid #059669;box-shadow:0 8px 32px #0596692e}.pricing-card--onboarding.pricing-trial:hover:not(.pricing-card--selected){transform:translateY(-4px);box-shadow:0 16px 48px #05966947}.pricing-card--selected.pricing-trial{border:2px solid #047857;box-shadow:0 0 0 4px #05966926,0 16px 40px #05966940}.pricing-card.pricing-card--business{background:#0a0a0a;border:1px solid #262626;box-shadow:0 20px 40px #0006}.pricing-card--onboarding{cursor:pointer}.pricing-card--selected:not(.pricing-pro){border:2px solid #171717;box-shadow:0 8px 30px #0000001a}.pricing-card--selected.pricing-pro{border:2px solid #fff;box-shadow:0 0 0 4px #ffffff14,0 20px 40px #00000080}.pricing-card--onboarding:hover:not(.pricing-card--selected){transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.pricing-card.pricing-pro.pricing-card--onboarding:hover:not(.pricing-card--selected){transform:scale(1.05)translateY(-4px)}.pricing-card .pricing-price{letter-spacing:-2px;font-size:3.5rem;font-weight:500;line-height:1}.pricing-card .pricing-features{flex-direction:column;flex:1;gap:0;margin:0;padding:0;list-style:none;display:flex}.pricing-feature-item{border-bottom:1px solid #0000000f;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:9px 0;font-size:.92rem;line-height:1.45;display:grid}.pricing-feature-item:last-child{border-bottom:none}.pricing-pro .pricing-feature-item{border-bottom-color:#ffffff14}.pricing-card--business .pricing-feature-item{border-bottom-color:#ffffff26}.pricing-feature-check{color:#171717;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.pricing-pro .pricing-feature-check{color:#525252}.pricing-card--business .pricing-feature-check{color:#ffffffb3}.pricing-card--business .pricing-feature-item--highlighted .pricing-feature-check,.pricing-pro .pricing-feature-item--highlighted .pricing-feature-check{color:#fff}.pricing-feature-label{min-width:0}.pricing-feature-tag{letter-spacing:.5px;border-radius:4px;flex-shrink:0;align-self:start;margin-top:1px;padding:2px 6px;font-size:.62rem;font-weight:700}.pricing-feature-tag--pro{color:#059669;background:#0596691f}.pricing-feature-tag--trial{color:#059669;background:#05966926;border:1px solid #05966940}.pricing-feature-tag--biz{color:#4f46e5;background:#4f46e51f}@media (width<=1024px){.pricing-grid{grid-template-columns:1fr;gap:20px;max-width:440px}.pricing-card.pricing-pro{order:0;transform:none}.pricing-card.pricing-trial{order:-1}.pricing-card{padding:32px 24px}.pricing-card .pricing-price{font-size:2.75rem}.pricing-card.pricing-pro.pricing-card--onboarding:hover:not(.pricing-card--selected){transform:translateY(-4px)}}@media (width<=480px){.pricing-grid{gap:16px;max-width:100%}.pricing-card{border-radius:14px;padding:28px 20px}.pricing-card .pricing-price{font-size:2.5rem}}.onboarding-pricing-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 4px}.pricing-grid--upgrade{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:stretch;gap:24px;max-width:920px}.pricing-grid--upgrade:has(.pricing-card:nth-child(3)){grid-template-columns:repeat(3,minmax(min(100%,280px),1fr));max-width:1200px}.pricing-grid--upgrade .pricing-card{border-radius:14px;padding:24px 22px}.pricing-grid--upgrade .pricing-card.pricing-pro{transform:scale(1.02)}.pricing-grid--upgrade .pricing-card .pricing-price{letter-spacing:-1.5px;font-size:2.35rem}.pricing-grid--upgrade .pricing-card .pricing-features{flex:none;margin-top:4px}.pricing-grid--upgrade .pricing-card .pricing-feature-item{gap:8px;padding:7px 0;font-size:.8rem;line-height:1.4}@media (width>=1025px){.pricing-grid--compact{align-items:start;gap:14px;max-width:1400px}.pricing-card--compact{border-radius:14px;padding:20px 18px}.pricing-card--compact.pricing-pro{transform:none}.pricing-card--compact.pricing-pro.pricing-card--onboarding:hover:not(.pricing-card--selected){transform:translateY(-4px)}.pricing-card--compact .pricing-price{letter-spacing:-1.5px;font-size:2.1rem}.pricing-card--compact .pricing-features{flex:none;margin-top:4px}.pricing-card--compact .pricing-feature-item{gap:8px;padding:6px 0;font-size:.78rem;line-height:1.4}}@media (width>=769px){.pricing-grid--upgrade:has(.pricing-card:nth-child(2)) .pricing-card.pricing-pro{transform:scale(1.03)}}@media (width<=768px){.pricing-grid--upgrade .pricing-card.pricing-pro{transform:none}}.landing-pricing-section .pricing-card.pricing-pro{background:#fff;border:2px solid #4f46e5;box-shadow:0 16px 48px #4f46e51f}.landing-pricing-section .pricing-card.pricing-card--business{background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 32px #0f172a0f}.landing-pricing-section .pricing-pro .pricing-feature-item,.landing-pricing-section .pricing-card--business .pricing-feature-item{border-bottom-color:#0000000f}.landing-pricing-section .pricing-pro .pricing-feature-check,.landing-pricing-section .pricing-card--business .pricing-feature-check,.landing-pricing-section .pricing-pro .pricing-feature-item--highlighted .pricing-feature-check,.landing-pricing-section .pricing-card--business .pricing-feature-item--highlighted .pricing-feature-check{color:#171717}
