:root{--primary: #1a3d3d;--primary-hover: #122e2e;--primary-light: #e8f4f1;--primary-mid: #2d6a6a;--accent: #e8855a;--accent-light: #fdf0eb;--teal-50: #f0f9f7;--teal-100: #d1ede8;--teal-200: #a3d9d0;--teal-500: #2d8c7f;--teal-700: #1a5c53;--teal-900: #0f3330;--bg: #f2f4f3;--bg-secondary: #ffffff;--bg-tertiary: #eaeeec;--bg-sidebar: #ffffff;--text: #111c1b;--text-secondary: #2e3f3d;--text-muted: #6b7d7b;--text-light: #9caeac;--border: #e0e8e6;--border-focus: #2d8c7f;--success: #1a7a5e;--success-bg: #e8f5ef;--danger: #c0392b;--danger-bg: #fdf0ef;--warning: #b8750a;--warning-bg: #fdf6e8;--info: #1a5fa0;--info-bg: #eaf2fb;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .04), 0 1px 2px -1px rgb(0 0 0 / .04);--shadow: 0 4px 12px -2px rgb(0 0 0 / .06), 0 2px 6px -2px rgb(0 0 0 / .04);--shadow-lg: 0 12px 24px -6px rgb(0 0 0 / .08), 0 4px 8px -4px rgb(0 0 0 / .04);--shadow-sidebar: 1px 0 0 0 var(--border);--transition: all .18s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 220px}*{box-sizing:border-box;margin:0;padding:0}img{max-width:100%;height:auto;display:block}body{background-color:var(--bg);color:var(--text);font-family:DM Sans,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}.page-content>*{min-width:0;max-width:100%}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.md\:flex-row{flex-direction:column}.md\:items-center{align-items:flex-start}@media (min-width: 640px){.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}}.app-layout{display:flex;min-height:100vh;overflow-x:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;z-index:100;transition:var(--transition)}.sidebar-brand{padding:1.5rem 1.25rem 1rem;border-bottom:1px solid var(--border)}.sidebar-brand-logo{display:flex;align-items:center;gap:.625rem;text-decoration:none}.sidebar-brand-icon{width:32px;height:32px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-brand-name{font-size:.9rem;font-weight:700;color:var(--text);letter-spacing:-.3px;line-height:1.2}.sidebar-brand-tag{font-size:.65rem;font-weight:600;color:var(--teal-500);text-transform:uppercase;letter-spacing:.08em}.sidebar-nav{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:var(--radius);text-decoration:none;color:var(--text-muted);font-size:.875rem;font-weight:500;transition:var(--transition);cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.sidebar-nav-item:hover{background:var(--bg-tertiary);color:var(--text)}.sidebar-nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.sidebar-nav-item.active .nav-icon{color:var(--primary-mid)}.nav-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:1rem .75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.sidebar-upgrade-card{background:linear-gradient(135deg,var(--teal-100) 0%,var(--primary-light) 100%);border-radius:var(--radius);padding:.875rem;border:1px solid var(--teal-200);margin-bottom:.25rem}.sidebar-upgrade-card p{font-size:.75rem;font-weight:600;color:var(--primary);margin-bottom:.125rem}.sidebar-upgrade-card span{font-size:.7rem;color:var(--text-muted);line-height:1.4;display:block;margin-bottom:.625rem}.sidebar-upgrade-btn{width:100%;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.75rem;font-weight:700;cursor:pointer;letter-spacing:.03em;transition:var(--transition)}.sidebar-upgrade-btn:hover{background:var(--primary-hover)}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;display:flex;flex-direction:column;overflow-x:clip;min-width:0}.topbar{height:60px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.75rem;position:sticky;top:0;z-index:50;gap:.5rem;min-width:0}.topbar-title{font-size:1rem;font-weight:600;color:var(--text);letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.topbar-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}@media (max-width: 480px){.topbar-actions{gap:.375rem}.topbar-icon-btn{width:32px;height:32px}.topbar-avatar{width:32px;height:32px;font-size:.72rem}}@media (min-width: 640px) and (max-width: 860px){.topbar-search{width:140px}}.topbar-search{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.375rem .75rem;font-size:.82rem;color:var(--text-muted);width:200px}.topbar-icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:var(--transition)}.topbar-icon-btn:hover{background:var(--bg-tertiary);color:var(--text)}.topbar-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;border:2px solid var(--border);overflow:hidden}.topbar-avatar img{width:100%;height:100%;object-fit:cover}.page-content{flex:1;padding:1.75rem;background:var(--bg);overflow-x:hidden;min-width:0;width:100%}button{cursor:pointer;border:none;font-family:inherit;transition:var(--transition)}.btn-primary{background:var(--primary);color:#fff;padding:.5rem 1.125rem;border-radius:var(--radius);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-size:.875rem;letter-spacing:.01em}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow)}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);padding:.5rem 1.125rem;border-radius:var(--radius);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-size:.875rem}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-light)}.btn-danger{color:var(--danger);background:var(--danger-bg);padding:.5rem;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center}.btn-danger:hover{background:#fce8e8}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition)}.card:hover{border-color:var(--teal-200);box-shadow:var(--shadow)}.card-padding{padding:1.125rem}@media (min-width: 640px){.card-padding{padding:1.5rem}}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition)}@media (max-width: 480px){.stat-card{padding:.875rem 1rem}}.stat-card:hover{box-shadow:var(--shadow);border-color:var(--teal-200)}.stat-card-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.375rem}.stat-card-value{font-size:1.875rem;font-weight:700;color:var(--text);letter-spacing:-.03em;line-height:1.1}@media (max-width: 480px){.stat-card-value{font-size:1.5rem}}.stat-card-sub{font-size:.78rem;font-weight:500;margin-top:.25rem}.stat-card-sub.positive{color:var(--success)}.stat-card-sub.negative{color:var(--danger)}.stat-card-sub.neutral{color:var(--text-muted)}.stat-card-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--teal-50);color:var(--primary-mid)}.input-field{width:100%;padding:.625rem .875rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;background:var(--bg-secondary);color:var(--text);font-family:inherit;transition:var(--transition)}.input-field:focus{outline:none;border-color:var(--primary-mid);box-shadow:0 0 0 3px var(--teal-100)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .625rem;border-radius:999px;font-size:.78rem;font-weight:600}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-muted)}.badge-info{background:var(--info-bg);color:var(--info)}.page-header{margin-bottom:1.75rem}.page-header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.03em;color:var(--text);margin-bottom:.25rem}.page-header p{color:var(--text-muted);font-size:.875rem;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}@media (max-width: 480px){.page-header h1{font-size:1.25rem}.page-header{margin-bottom:1.25rem}}.section-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.06em}.section-title .icon{color:var(--text-muted)}.divider{height:1px;background:var(--border);margin:1.25rem 0}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}@media (max-width: 639px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.875rem}}.analytics-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;width:100%}.analytics-grid>*{min-width:0;max-width:100%}.col-span-12{grid-column:span 12}@media (min-width: 640px){.col-span-md-4{grid-column:span 4}.col-span-md-5{grid-column:span 5}.col-span-md-6{grid-column:span 6}.col-span-md-7{grid-column:span 7}.col-span-md-8{grid-column:span 8}}@media (max-width: 640px){.analytics-grid{gap:.875rem}.table-container th,.table-container td{padding:.5rem .625rem;font-size:.78rem}.table-container th{white-space:normal;font-size:.68rem}}.stat-grid-4{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}@media (min-width: 480px){.stat-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.stat-grid-4{grid-template-columns:repeat(4,1fr)}}.stat-grid-4>*{min-width:0}.stat-grid-5{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;width:100%}@media (min-width: 640px){.stat-grid-5{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.stat-grid-5{grid-template-columns:repeat(5,1fr)}}.stat-grid-5>*{min-width:0}.leads-filter-row{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}@media (min-width: 640px){.leads-filter-row{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}}.leads-search-wrap{position:relative;display:flex;width:100%}@media (min-width: 640px){.leads-search-wrap{flex:1 1 200px;max-width:280px;width:auto}}.leads-filter-btns{display:flex;gap:6px;flex-wrap:wrap}.demographic-grid{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start}@media (max-width: 600px){.demographic-grid{grid-template-columns:1fr}.demographic-grid>div:first-child{min-width:auto}}.col-12{grid-column:span 12 / span 12}.lead-details-grid{display:flex;flex-direction:column-reverse;gap:1.25rem}@media (min-width: 1024px){.lead-details-grid{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;align-items:start}.lead-details-page .lead-details-image-card{position:sticky;top:80px}}.tryon-layout-grid{display:grid;grid-template-columns:1fr 350px;gap:2rem;align-items:start}@media (max-width: 1024px){.tryon-layout-grid{grid-template-columns:1fr}}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.75rem 1rem;font-size:.72rem;font-weight:700;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}td{padding:.875rem 1rem;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.875rem}tr:last-child td{border-bottom:none}tr.hover-row:hover td{background:var(--teal-50)}tr.selected-row td{background:var(--primary-light)}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);color:var(--text);padding:.4rem;border-radius:var(--radius-sm);cursor:pointer}.mobile-menu-btn:hover{background:var(--bg-tertiary)}@media (max-width: 1023px){.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar.mobile-open{transform:translate(0);box-shadow:var(--shadow-lg)}.main-content{margin-left:0;width:100%;max-width:100vw;overflow-x:clip}.topbar{padding:0 1rem}.page-content{padding:1rem}.topbar-search{display:none}}@media (min-width: 640px) and (max-width: 1023px){.topbar{padding:0 1.25rem}.page-content{padding:1.25rem}.topbar-search{display:flex}}@media (min-width: 1024px){.mobile-menu-btn{display:none}.topbar-search{display:flex}}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}@media (max-width: 1023px){.sidebar-overlay.active{display:block}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .25s ease-out forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scrollable-tabs::-webkit-scrollbar{display:none}.scrollable-tabs{-ms-overflow-style:none;scrollbar-width:none}.chart-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);min-width:0;max-width:100%}.chart-card:hover{box-shadow:var(--shadow)}@media (max-width: 640px){.chart-card{padding:1rem}}@media (max-width: 600px){.chart-card>div[style*=height]{height:240px!important;min-height:200px}}.chart-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem;gap:.75rem;flex-wrap:wrap}.chart-title{font-size:.875rem;font-weight:700;color:var(--text)}.chart-subtitle{font-size:.78rem;color:var(--text-muted);margin-top:2px}.tab-group{display:inline-flex;background:var(--bg-tertiary);border-radius:8px;padding:3px;gap:2px}.tab-group button{padding:.25rem .75rem;border-radius:6px;font-size:.78rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:var(--transition)}.tab-group button.active{background:var(--bg-secondary);color:var(--text);box-shadow:var(--shadow-sm)}.funnel-steps{overflow:hidden}.funnel-step{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem .5rem;border-radius:var(--radius);text-align:center;flex:1;min-width:0;position:relative}.funnel-step-value{font-size:clamp(1rem,2vw,1.5rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--text)}.funnel-step-label{font-size:clamp(.55rem,1vw,.7rem);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:.25rem}.funnel-step-retention{font-size:.72rem;color:var(--text-muted);margin-top:.2rem}.premium-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);border-radius:var(--radius-lg);padding:1.75rem;color:#fff;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center}.premium-banner h2{font-size:1.375rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.375rem;display:flex;align-items:center;gap:.5rem}.premium-banner p{opacity:.85;font-size:.875rem;line-height:1.6}@media (max-width: 600px){.premium-banner{grid-template-columns:1fr;text-align:center;gap:1rem}.premium-banner h2{justify-content:center;font-size:1.2rem}.premium-banner>div:last-child{margin:0 auto}}.audience-banner{background:var(--primary)!important;border-radius:var(--radius-lg);padding:1.75rem 2rem;color:#fff;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;overflow:hidden;position:relative}.audience-banner>div:first-child p:first-child{color:var(--teal-200);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.audience-banner h2{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.375rem}.audience-banner>div:first-child p:nth-child(2){color:#ffffffbf;font-size:.875rem;line-height:1.6}.audience-banner>div:last-child p:first-child{color:#fff9;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.audience-banner>div:last-child p:nth-child(2){font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1}.audience-banner>div:last-child p:last-child{color:var(--accent);font-size:.875rem;font-weight:600;margin-top:4px}.audience-banner-stats{text-align:right}@media (max-width: 600px){.audience-banner{grid-template-columns:1fr;text-align:center;gap:1rem}.audience-banner>div:first-child{order:1}.audience-banner>div:last-child{order:2;margin:0 auto}.audience-banner-stats{text-align:center}}.insight-card{background:var(--teal-50);border:1px solid var(--teal-100);border-radius:var(--radius-lg);padding:1.25rem}.insight-card.dark{background:var(--primary);border-color:var(--primary-mid);color:#fff}.insight-card.dark h4,.insight-card.dark p{color:#fff}.insight-card.dark p{opacity:.85}.product-grid-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.product-grid-item:hover{box-shadow:var(--shadow);border-color:var(--teal-200)}.product-image-area{height:200px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px;opacity:0;transform:translateY(-4px);transition:var(--transition)}.product-grid-item:hover .product-actions{opacity:1;transform:translateY(0)}.product-action-btn{width:30px;height:30px;background:#fff;border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);cursor:pointer}.leads-table-wrapper{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;overflow-x:auto;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch}.leads-table-wrapper table{min-width:560px}@media (max-width: 639px){.leads-table-wrapper{margin:0 -1rem;border-radius:0;border-left:none;border-right:none}}@media (max-width: 640px){.funnel-steps{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;justify-content:flex-start;-webkit-overflow-scrolling:touch}.funnel-steps .funnel-step{flex:0 0 auto;min-width:80px}}.demo-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}@media (max-width: 900px){.demo-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (max-width: 640px){.demo-grid{grid-template-columns:1fr;gap:1.25rem}}.demo-generate-btn{padding:1rem 4rem;font-size:1.2rem}@media (max-width: 480px){.demo-generate-btn{padding:.75rem 1.5rem;font-size:1rem;width:100%;max-width:100%}}.demo-upload-box{height:300px}@media (max-width: 768px){.demo-upload-box{height:250px}}@media (max-width: 480px){.demo-upload-box{height:200px}}.lead-details-page .lead-details-grid .card{height:100%}@media (max-width: 1023px){.lead-details-page .lead-details-image-card{position:relative;top:0}.lead-details-page .lead-details-image-card>div:first-child{padding:1rem}.lead-details-page .lead-details-image-card img{max-height:350px;margin:0 auto}}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);text-align:center;padding:2rem}.login-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:3rem 2.5rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}@media (max-width: 480px){.login-card{padding:2rem 1.5rem;border-radius:var(--radius-lg)}.login-screen{padding:1.25rem}}.login-icon{width:64px;height:64px;background:var(--primary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.category-modal .modal-form{display:flex;flex-direction:column;gap:1.25rem}.category-modal .modal-form .form-row{display:flex;gap:.875rem}@media (max-width: 480px){.category-modal .modal-form .form-row{flex-direction:column;gap:1rem}.category-modal .modal-form .form-row>div{flex:1 1 100%}}.billing-toggle-pill{display:inline-flex;gap:4px;padding:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px}.billing-btn{padding:.5rem 1.25rem;border-radius:7px;border:none;font-weight:600;font-size:.875rem;cursor:pointer;background:transparent;color:var(--text-muted);transition:var(--transition);display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;font-family:inherit}.billing-btn-active{background:var(--primary);color:#fff}.billing-save-badge{background:var(--success-bg);color:var(--success);font-size:.62rem;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.02em}.billing-save-badge-active{background:#fff3;color:#fff}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}@media (max-width: 900px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.plans-grid{grid-template-columns:1fr;gap:1rem}}.plans-grid>*{min-width:0}.plan-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.375rem;display:flex;flex-direction:column;gap:1.125rem;position:relative;transition:var(--transition);box-shadow:var(--shadow-sm)}.plan-card:hover{border-color:var(--teal-200);box-shadow:var(--shadow)}.plan-card-popular{border:2px solid var(--primary);box-shadow:0 8px 32px #1a3d3d1a}.plan-popular-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:3px 14px;border-radius:999px;font-size:.68rem;font-weight:700;white-space:nowrap;letter-spacing:.04em}.plan-card-header{display:flex;align-items:center;gap:.75rem}.plan-icon{width:40px;height:40px;min-width:40px;border-radius:10px;background:var(--bg-tertiary);color:var(--text-muted);display:flex;align-items:center;justify-content:center}.plan-icon-popular{background:var(--primary);color:#fff}.plan-name{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.2}.plan-tagline{font-size:.75rem;color:var(--text-muted);margin-top:2px;line-height:1.3}.plan-price-block{border-top:1px solid var(--border);padding-top:1.125rem}.plan-price-row{display:flex;align-items:baseline;gap:1px;line-height:1}.plan-currency{font-size:1.1rem;font-weight:700;color:var(--text)}.plan-amount{font-size:2rem;font-weight:800;color:var(--text);letter-spacing:-.04em}.plan-period{font-size:.82rem;color:var(--text-muted);margin-left:2px;font-weight:500}.plan-yearly-note-row{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:nowrap}.plan-yearly-note{font-size:.72rem;color:var(--text-muted);margin:0;white-space:nowrap}.plan-save-badge{background:var(--success-bg);color:var(--success);font-size:.58rem;font-weight:800;padding:2px 5px;border-radius:4px;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.plan-tryons{background:var(--bg-tertiary);border-radius:var(--radius);padding:.625rem .875rem;display:flex;flex-direction:column;align-items:flex-start;gap:.375rem}.plan-tryons-popular{background:var(--primary-light);border:1px solid var(--teal-100)}.plan-tryons-count{font-size:1.05rem;font-weight:800;color:var(--primary);letter-spacing:-.03em}.plan-tryons-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.plan-bonus-badge{display:inline-flex;align-items:center;gap:3px;background:var(--accent-light);color:var(--accent);border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:800;letter-spacing:.03em;white-space:nowrap}.plan-features{flex:1;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--border);padding-top:1rem}.plan-features-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.25rem}.plan-features-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;padding:0;margin:0}.plan-feature-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.enterprise-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);border-radius:var(--radius-lg);padding:1.5rem;color:#fff;display:flex;flex-direction:column;gap:1.25rem;position:relative;box-sizing:border-box;min-width:0}.enterprise-info{flex:1;min-width:0}.enterprise-icon{width:44px;height:44px;border-radius:10px;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.enterprise-eyebrow{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:2px}.enterprise-title{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;color:#fff}@media (min-width: 640px){.enterprise-title{font-size:1.25rem}}.enterprise-desc{color:#ffffffb8;font-size:.875rem;line-height:1.6;margin-bottom:1rem;max-width:100%;word-break:break-word}@media (min-width: 900px){.enterprise-desc{max-width:520px}}.enterprise-features-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.enterprise-feature-chip{display:flex;align-items:center;gap:.375rem;font-size:.78rem;color:#ffffffd1}.enterprise-cta{text-align:center;flex-shrink:0;align-self:center}.enterprise-pricing-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;margin-bottom:4px}.enterprise-pricing-value{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1}@media (min-width: 640px){.enterprise-pricing-value{font-size:1.875rem}}.enterprise-pricing-sub{color:var(--accent);font-size:.8rem;font-weight:600;margin-top:4px;margin-bottom:1.125rem}.enterprise-contact-btn{background:#fff;color:var(--primary);border:none;padding:.625rem 1.5rem;border-radius:var(--radius);font-weight:700;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;font-family:inherit;transition:var(--transition);width:100%}@media (min-width: 640px){.enterprise-contact-btn{width:auto}}.enterprise-contact-btn:hover{box-shadow:var(--shadow);opacity:.92}.payment-page{max-width:1400px;margin:0 auto;width:100%}.payment-footer-note{text-align:center;margin-top:1.5rem;color:var(--text-muted);font-size:.82rem;word-break:break-word}.referral-page{display:flex;flex-direction:column;gap:1.25rem;width:100%;min-width:0}.referral-hero-carousel{position:relative;border-radius:var(--radius-lg);overflow:hidden;width:100%}.referral-hero-track{display:flex;width:100%;transition:transform .45s cubic-bezier(.4,0,.2,1)}.referral-hero-track .referral-hero{min-width:100%;flex-shrink:0;border-radius:0}.referral-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff2e;border:none;color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .2s}.referral-hero-arrow:hover:not(:disabled){background:#ffffff52}.referral-hero-arrow:disabled{opacity:.3;cursor:default}.referral-hero-arrow-prev{left:.75rem}.referral-hero-arrow-next{right:.75rem}.referral-hero-dots{position:absolute;bottom:.65rem;left:50%;transform:translate(-50%);display:flex;gap:.4rem;z-index:10}.referral-hero-dot{width:6px;height:6px;border-radius:50%;border:none;background:#ffffff59;cursor:pointer;padding:0;transition:background .2s,width .2s}.referral-hero-dot.active{background:#fff;width:18px;border-radius:100px}.referral-hero-milestone{background:linear-gradient(135deg,#1a1a4e,#2d1b69)!important}.referral-milestone-highlights{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.55rem}.referral-milestone-point{display:flex;align-items:flex-start;gap:.5rem;color:#ffffffd1;font-size:.82rem;line-height:1.5}.referral-milestone-icon{flex-shrink:0;color:var(--accent);margin-top:.1rem}.referral-milestone-point-featured{background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:.5rem .75rem;color:#fff;font-weight:600;font-size:.84rem}.referral-milestone-point-featured .referral-milestone-icon{color:var(--accent)}.referral-choice-highlight{display:flex;align-items:flex-start;gap:.5rem;margin-top:.9rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:.5rem .75rem;color:#fff;font-weight:600;font-size:.84rem;line-height:1.5;max-width:520px}.referral-choice-highlight svg{flex-shrink:0;color:var(--accent);margin-top:.15rem}.referral-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);border-radius:var(--radius-lg);padding:2rem 2.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;overflow:hidden;position:relative;width:100%;box-sizing:border-box}.referral-hero:before{content:"";position:absolute;top:-40px;right:140px;width:180px;height:180px;background:#ffffff0a;border-radius:50%;pointer-events:none}.referral-hero-text{flex:1;min-width:0}.referral-hero-badge{display:inline-flex;align-items:center;gap:.375rem;background:#ffffff26;color:#ffffffe6;font-size:.72rem;font-weight:600;padding:.28rem .7rem;border-radius:100px;margin-bottom:.75rem;letter-spacing:.02em}.referral-hero-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.15;margin-bottom:.65rem;word-break:break-word}.referral-highlight{color:var(--accent)}.referral-hero-sub{color:#ffffffbf;font-size:.85rem;line-height:1.65;max-width:520px}.referral-hero-visual{flex-shrink:0;opacity:.85;display:flex;align-items:center;justify-content:center}.referral-stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.875rem;width:100%}.referral-stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-sm);transition:var(--transition);min-width:0}.referral-stat-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.referral-stat-card-highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);border-color:transparent}.referral-stat-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.referral-stat-value{font-size:1.25rem;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1.1;word-break:break-all}.referral-stat-label{font-size:.7rem;color:var(--text-muted);margin-top:.15rem;line-height:1.3;word-break:break-word}.referral-mid-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;width:100%}.referral-share-card,.referral-how-card{display:flex;flex-direction:column;gap:0;padding:1.375rem 1.5rem}.referral-section-title{font-size:.95rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.45rem;margin-bottom:.2rem}.referral-section-sub{font-size:.8rem;color:var(--text-muted);margin-bottom:1rem;line-height:1.5}.referral-copy-row{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.875rem}.referral-copy-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.referral-copy-box{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;min-width:0;overflow:hidden}.referral-code-text{flex:1;font-family:DM Mono,Fira Code,monospace;font-size:.875rem;font-weight:700;color:var(--primary);letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.referral-link-text{flex:1;font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.referral-copy-btn{display:inline-flex;align-items:center;gap:.3rem;background:var(--primary-light);color:var(--primary);border:none;border-radius:var(--radius-sm);padding:.3rem .65rem;font-size:.73rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:var(--transition)}.referral-copy-btn:hover{background:var(--primary);color:#fff}.referral-pending-note{display:flex;align-items:flex-start;gap:.5rem;background:var(--warning-bg);border:1px solid rgba(184,117,10,.18);border-radius:var(--radius-sm);padding:.6rem .875rem;font-size:.78rem;color:var(--text-secondary);line-height:1.5;margin-top:.75rem}.referral-steps{display:flex;flex-direction:column;gap:0;flex:1}.referral-step{display:flex;align-items:flex-start;gap:.875rem;padding:.75rem .625rem;border-radius:var(--radius);transition:var(--transition)}.referral-step:hover{background:var(--bg)}.referral-step-icon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.referral-step-content{flex:1;min-width:0}.referral-step-num{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.1rem}.referral-step-title{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.referral-step-desc{font-size:.77rem;color:var(--text-muted);line-height:1.55}.referral-step-arrow{display:none}.referral-table-card{overflow:visible!important;padding:1.375rem 1.5rem}.referral-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.125rem;flex-wrap:wrap;gap:.75rem}.referral-filter-tabs{display:flex;gap:.2rem;background:var(--bg);border-radius:var(--radius-sm);padding:3px}.referral-filter-btn{background:none;border:none;font-size:.75rem;font-weight:600;color:var(--text-muted);padding:.28rem .7rem;border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:var(--transition);white-space:nowrap}.referral-filter-btn.active{background:var(--bg-secondary);color:var(--primary);box-shadow:var(--shadow-sm)}.referral-filter-btn:hover:not(.active){color:var(--text)}.referral-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius)}.referral-table{width:100%;border-collapse:collapse;min-width:520px}.referral-table th{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg)}.referral-table td{padding:.8rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}.referral-table tbody tr:last-child td{border-bottom:none}.referral-table tbody tr{transition:var(--transition)}.referral-table tbody tr:hover{background:var(--bg)}.referral-user-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.referral-status-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.22rem .6rem;border-radius:100px;white-space:nowrap}.referral-terms{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;box-shadow:var(--shadow-sm)}.referral-terms-title{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:1.125rem}.referral-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 2.5rem}.referral-faq-item{display:flex;flex-direction:column;gap:.3rem}.referral-faq-q{font-size:.82rem;font-weight:700;color:var(--text);display:flex;align-items:flex-start;gap:.35rem}.referral-faq-q svg{color:var(--primary);flex-shrink:0;margin-top:2px}.referral-faq-a{font-size:.77rem;color:var(--text-muted);line-height:1.6;padding-left:1.1rem}@media (min-width: 640px) and (max-width: 1023px){.referral-stats-row{grid-template-columns:repeat(3,1fr)}.referral-mid-row{grid-template-columns:1fr 1fr}.referral-hero{padding:1.5rem 1.75rem}.referral-share-card,.referral-how-card,.referral-table-card{padding:1.125rem 1.25rem}.referral-terms{padding:1.25rem 1.5rem}}@media (max-width: 639px){.referral-page{gap:1rem}.referral-hero{padding:1.25rem;flex-direction:column;align-items:flex-start;gap:1rem}.referral-hero:before{display:none}.referral-hero-visual{display:none}.referral-hero-title{font-size:1.4rem}.referral-hero-sub{font-size:.8rem}.referral-stats-row{grid-template-columns:1fr 1fr;gap:.625rem}.referral-stat-card{padding:.75rem .875rem;gap:.625rem}.referral-stat-icon{width:32px;height:32px}.referral-stat-value{font-size:1.1rem}.referral-mid-row{grid-template-columns:1fr;gap:1rem}.referral-share-card,.referral-how-card,.referral-table-card{padding:1rem 1.125rem}.referral-table-header{flex-direction:column;align-items:flex-start;gap:.625rem}.referral-faq-grid{grid-template-columns:1fr;gap:1rem}.referral-terms{padding:1rem 1.125rem}.referral-filter-tabs{width:100%;justify-content:stretch}.referral-filter-btn{flex:1;text-align:center;padding:.35rem .5rem}}@media (max-width: 399px){.referral-stats-row{grid-template-columns:1fr}}.referral-share-btns{display:flex;gap:.625rem;margin-top:1rem;flex-wrap:wrap}.referral-share-btn{flex:1 1 120px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;font-size:.8rem;white-space:nowrap;min-width:0}@media (max-width: 400px){.referral-share-btns{flex-direction:column}.referral-share-btn{width:100%;flex:none}}.sidebar-tryons-bar-track{height:5px;background:var(--border);border-radius:100px;overflow:hidden;margin:.3rem 0 .6rem}.sidebar-tryons-bar-fill{height:100%;border-radius:100px;transition:width .4s ease}.upgrade-plan-page{max-width:780px;margin:0 auto;padding:0 0 3rem}.upgrade-plan-back-btn{display:inline-flex;align-items:center;gap:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.82rem;font-weight:500;color:var(--text-secondary);cursor:pointer;margin-bottom:1rem;transition:var(--transition)}.upgrade-plan-back-btn:hover{border-color:var(--primary);color:var(--primary)}.upgrade-plan-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem 2rem 2rem;position:relative;box-shadow:var(--shadow)}.upgrade-plan-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:4px 18px;border-radius:100px;white-space:nowrap}.upgrade-plan-title{font-size:1.35rem;font-weight:800;color:var(--text);text-align:center;margin-top:.5rem;letter-spacing:-.02em}.upgrade-plan-subtitle{text-align:center;font-size:.83rem;color:var(--text-muted);margin-bottom:1.75rem}.upgrade-pkg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin-bottom:1rem}.upgrade-pkg-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.85rem .4rem .7rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;transition:var(--transition);font-family:inherit}.upgrade-pkg-btn:hover{border-color:var(--primary-mid);background:var(--bg-secondary)}.upgrade-pkg-btn.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px #1a3d3d14}.upgrade-pkg-btn.popular{border-color:var(--accent)}.upgrade-pkg-btn.popular.active{border-color:var(--primary)}.upgrade-pkg-popular-tag{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:.58rem;font-weight:700;padding:2px 7px;border-radius:100px;white-space:nowrap;letter-spacing:.03em}.upgrade-pkg-qty{font-size:1rem;font-weight:800;color:var(--text)}.upgrade-pkg-label{font-size:.65rem;color:var(--text-muted);font-weight:500}.upgrade-pkg-price{font-size:.75rem;font-weight:700;color:var(--success);margin-top:2px}.upgrade-custom-row{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;flex-wrap:wrap}.upgrade-custom-label{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.upgrade-nudge-wrap{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-secondary)}.upgrade-nudge-btn{display:flex;align-items:center;justify-content:center;width:30px;height:34px;background:none;border:none;cursor:pointer;color:var(--text-muted);transition:var(--transition)}.upgrade-nudge-btn:hover{background:var(--bg);color:var(--primary)}.upgrade-custom-input{width:68px;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);background:none;text-align:center;font-size:.88rem;font-weight:700;color:var(--text);padding:0 4px;height:34px;outline:none;font-family:inherit}.upgrade-custom-input.active{color:var(--primary)}.upgrade-custom-rate{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.upgrade-price-summary{background:var(--teal-50);border:1px solid var(--teal-100);border-radius:var(--radius);padding:.875rem 1.125rem;margin-bottom:1.25rem}.upgrade-price-row{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;color:var(--text-secondary);margin-bottom:.25rem}.upgrade-price-total{font-size:1.5rem;font-weight:800;color:var(--primary);letter-spacing:-.03em}.upgrade-price-note{font-size:.72rem;color:var(--teal-500)}.upgrade-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.25rem}.upgrade-feature-item{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--text-secondary);font-weight:500}.upgrade-cta-btn{width:100%;padding:.85rem;font-size:.95rem;font-weight:700;border-radius:var(--radius);margin-bottom:1.5rem;cursor:pointer}.upgrade-cta-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-form{display:flex;flex-direction:column;gap:.875rem;padding-top:1rem;border-top:1px solid var(--border)}.upgrade-form-row{display:flex;gap:.875rem;flex-wrap:wrap}.upgrade-field{flex:1;min-width:150px;display:flex;flex-direction:column;gap:4px}.upgrade-field label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.upgrade-req{color:var(--danger)}.upgrade-optional{font-weight:400;color:var(--text-muted)}.upgrade-input{padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:.85rem;outline:none;font-family:inherit;transition:border-color .15s}.upgrade-input:focus{border-color:var(--border-focus)}.upgrade-country-wrap{display:flex;align-items:center;gap:8px;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.upgrade-select{flex:1;border:none;background:none;color:var(--text);font-size:.85rem;font-family:inherit;outline:none;cursor:pointer}.upgrade-invoice{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.upgrade-invoice-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.7rem .875rem;background:var(--bg);border:none;cursor:pointer;font-size:.84rem;color:var(--text-secondary);font-family:inherit}.upgrade-invoice-body{padding:.875rem;background:var(--bg-secondary);display:flex;flex-direction:column;gap:.875rem;border-top:1px solid var(--border)}.upgrade-balance-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .875rem}.upgrade-balance-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;margin-bottom:.4rem}.upgrade-balance-label{color:var(--text-muted)}.upgrade-balance-count{font-weight:700;color:var(--text)}.upgrade-balance-track{height:5px;background:var(--border);border-radius:100px;overflow:hidden}.upgrade-balance-fill{height:100%;border-radius:100px;transition:width .4s ease}.upgrade-footnote{font-size:.75rem;color:var(--text-muted);line-height:1.65;padding-top:.5rem;border-top:1px solid var(--border)}.upgrade-support-row{display:flex;gap:.75rem;flex-wrap:wrap}.upgrade-support-btn{flex:1;min-width:130px;display:flex;align-items:center;justify-content:center;gap:7px;padding:.6rem .875rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:.82rem;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-weight:500;transition:var(--transition)}.upgrade-support-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}@media (max-width: 640px){.upgrade-plan-card{padding:2rem 1rem 1.5rem}.upgrade-pkg-grid{grid-template-columns:repeat(3,1fr)}.upgrade-features-grid{grid-template-columns:1fr}}@media (max-width: 420px){.upgrade-pkg-grid{grid-template-columns:repeat(2,1fr)}}