:root{--font-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.625;--color-text-primary: #202223;--color-text-secondary: #6d7175;--color-text-subdued: #8c9196;--color-text-disabled: #b5b5b5;--color-border: #e3e3e3;--color-border-secondary: #c9cccf;--color-bg-surface: #ffffff;--color-bg-subdued: #f6f6f7;--color-bg-hover: #f1f2f3;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-base: 12px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--radius-sm: 6px;--radius-base: 8px;--radius-md: 10px;--radius-lg: 12px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-heading-lg{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.text-heading-md{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.text-heading-sm{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.text-body-lg{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.text-body-md{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.text-body-sm{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.text-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-secondary)}.text-caption{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-text-subdued)}.text-metric{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.text-metric-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.card{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:0 1px #0000000d}.card-header{padding:var(--spacing-md)}.card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-base)}.dashboard-metrics-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-base)}.dashboard-metrics-header-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.dashboard-metrics-card{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:0 1px #0000000d;overflow:hidden}.dashboard-metrics-container{display:flex;align-items:center}.dashboard-metrics-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-base) var(--spacing-sm)}.dashboard-metrics-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:2px}.dashboard-metrics-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dashboard-metrics-separator{width:1px;height:28px;background-color:var(--color-border-secondary)}.theme-embed-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-base) var(--spacing-md);background-color:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:0 1px #0000000d}.theme-embed-info{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-embed-text{font-size:var(--font-size-base);color:var(--color-text-primary)}.video-card{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:0 1px #0000000d;overflow:hidden}.video-card-header{padding:var(--spacing-md)}.video-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.video-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-base)}.video-placeholder{background-color:#1a1a2e;aspect-ratio:16/9;max-height:260px;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-play-button{width:64px;height:64px;background-color:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000004d;border:none;padding-left:4px;transition:transform .15s ease}.video-play-button:hover{transform:scale(1.05)}.setup-guide-card{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:0 1px #0000000d}.setup-guide-header{padding:var(--spacing-md)}.setup-guide-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.setup-guide-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.setup-guide-progress{padding:var(--spacing-base) var(--spacing-md);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.setup-guide-progress-text{font-size:var(--font-size-sm);color:var(--color-text-primary)}.setup-guide-steps{padding:var(--spacing-sm)}.setup-guide-step{padding:var(--spacing-sm);border-radius:var(--radius-base)}.setup-guide-step-expanded{background-color:var(--color-bg-subdued)}.setup-guide-step-title{font-size:var(--font-size-base);color:var(--color-text-primary)}.setup-guide-step-title-expanded{font-weight:var(--font-weight-semibold)}.setup-guide-step-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-sm);line-height:var(--line-height-base)}.plan-card{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:0 1px #0000000d}.plan-card-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.plan-card-title-row{display:flex;align-items:center;gap:var(--spacing-sm)}.plan-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.plan-card-content{padding:var(--spacing-md)}.plan-usage-item{margin-bottom:var(--spacing-md)}.plan-usage-item:last-of-type{margin-bottom:0}.plan-usage-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-primary)}.plan-usage-count{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.plan-progress-bar-container{height:8px;background-color:var(--color-bg-subdued);border-radius:4px;overflow:hidden}.plan-progress-bar-fill{height:100%;background-color:#2c6ecb;border-radius:4px;transition:width .3s ease}.language-card{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:0 1px #0000000d}.language-card-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.language-card-title-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.language-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.language-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.language-card-content{padding:var(--spacing-md)}.language-select{width:100%;padding:var(--spacing-sm) var(--spacing-base);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-bg-surface);border:1px solid var(--color-border-secondary);border-radius:var(--radius-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20'%3E%3Cpath fill='%236d7175' d='M5.47 7.47a.75.75 0 0 1 1.06 0l3.47 3.47 3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:36px}.language-select:hover{border-color:var(--color-text-secondary)}.language-select:focus{outline:none;border-color:#2c6ecb;box-shadow:0 0 0 1px #2c6ecb}.language-card-note{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-base);background-color:var(--color-bg-subdued);border-radius:var(--radius-sm)}.billing-free-card{position:relative;width:300px;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;padding-top:var(--spacing-lg)}.billing-free-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);background-color:#1a1a1a;color:#fff;font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.04em;padding:5px 14px;border-radius:0 0 8px 8px;white-space:nowrap}.billing-free-plan-name{font-size:var(--font-size-sm);color:var(--color-text-primary);padding:var(--spacing-md) var(--spacing-lg) 0;margin-top:var(--spacing-sm)}.billing-free-price{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);padding:4px var(--spacing-lg) var(--spacing-md)}.billing-free-divider{border:none;border-top:1px solid var(--color-border);margin:0 var(--spacing-lg)}.billing-free-features{padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;gap:8px}.billing-free-feature{display:flex;align-items:flex-start;gap:8px;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.4}.billing-free-feature svg{flex-shrink:0;margin-top:1px}.billing-free-usage{background-color:#e8f5e9;color:#2e7d32;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;padding:10px var(--spacing-lg);margin-top:var(--spacing-md)}@media(max-width:768px){.dashboard-metrics-container{flex-wrap:wrap}.dashboard-metrics-item{flex:0 0 50%}.dashboard-metrics-separator{display:none}.dashboard-metrics-item:nth-child(-n+2){border-bottom:1px solid var(--color-border)}.billing-free-card{width:100%;max-width:300px}}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.grid-4-col{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.grid-2-col-sidebar{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);align-items:start}.grid-analytics-funnel{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:var(--spacing-base);align-items:center}@media(max-width:768px){.grid-2-col,.grid-3-col,.grid-4-col,.grid-2-col-sidebar,.grid-analytics-funnel{grid-template-columns:1fr}}.wizard-progress{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background-color:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:0 1px #0000000d}.wizard-step{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-base);border-radius:var(--radius-base);font-size:var(--font-size-sm);color:var(--color-text-subdued);transition:all .2s ease}.wizard-step.active{background-color:var(--color-bg-subdued);color:var(--color-text-primary)}.wizard-step.completed{color:var(--color-text-secondary)}.wizard-step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-bg-subdued);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.wizard-step.active .wizard-step-number{background-color:#000;color:#fff}.wizard-step.completed .wizard-step-number{background-color:#10b981;color:#fff}.wizard-step-label{font-weight:var(--font-weight-medium)}.wizard-step-content{min-height:300px}.offer-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.offer-type-card{background-color:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;text-align:left;transition:all .15s ease;display:flex;flex-direction:column;gap:var(--spacing-sm)}.offer-type-card:hover:not(.disabled){border-color:var(--color-border-secondary);background-color:var(--color-bg-subdued)}.offer-type-card.selected{border-color:#2563eb;background-color:#eff6ff}.offer-type-card.disabled{opacity:.5;cursor:not-allowed}.offer-type-icon{color:var(--color-text-secondary)}.offer-type-card.selected .offer-type-icon{color:#2563eb}.offer-type-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.offer-type-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-base)}.offer-type-disabled-note{font-size:var(--font-size-xs);color:#ef4444;margin-top:var(--spacing-xs)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-content{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.modal-body{flex:1;overflow-y:auto;padding:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border)}.product-picker-item{display:flex;align-items:center;gap:var(--spacing-base);padding:var(--spacing-base) var(--spacing-md);cursor:pointer;transition:background-color .1s ease;border-bottom:1px solid var(--color-border)}.product-picker-item:hover{background-color:var(--color-bg-hover)}.product-picker-item.selected{background-color:#f0f7ff}.product-picker-checkbox{width:20px;height:20px;border:2px solid var(--color-border-secondary);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-picker-item.selected .product-picker-checkbox{background-color:#000;border-color:#000;color:#fff}@media(max-width:768px){.wizard-progress{flex-direction:column}.offer-type-grid{grid-template-columns:1fr}.modal-content{max-height:90vh;margin:var(--spacing-sm)}}.grid-kpi-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-base)}@media(max-width:900px){.grid-kpi-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid-kpi-4{grid-template-columns:1fr}}.kpi-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.kpi-card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--spacing-sm)}.kpi-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.kpi-card-trend{display:inline-flex;align-items:center;gap:4px;margin-top:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.kpi-card-trend.positive{color:#10b981}.kpi-card-trend.negative{color:#ef4444}.kpi-card-trend.neutral{color:var(--color-text-subdued)}.analytics-chart-container{position:relative;height:300px;width:100%}.analytics-chart-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.analytics-chart-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.analytics-table th:hover,.analytics-table th.sorted{color:var(--color-text-primary)}.analytics-table th .sort-icon{margin-left:4px;opacity:.5}.analytics-table th.sorted .sort-icon{opacity:1}.analytics-table td{padding:var(--spacing-sm) var(--spacing-base);font-size:var(--font-size-base);color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.analytics-table tr:last-child td{border-bottom:none}.analytics-table tr:hover{background-color:var(--color-bg-hover)}.analytics-table-rank{width:24px;height:24px;border-radius:50%;background-color:var(--color-bg-subdued);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.analytics-table-rank.top{background-color:#fef3c7;color:#b45309}.analytics-summary-box{background-color:var(--color-bg-subdued);border-radius:var(--radius-base);padding:var(--spacing-base);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-base)}.analytics-empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background-color:var(--color-bg-subdued);border-radius:var(--radius-lg)}.analytics-empty-state-icon{color:var(--color-text-subdued);margin-bottom:var(--spacing-md)}.analytics-empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.analytics-empty-state-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.app-footer{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:50px 0 16px}.app-footer-logo{fill:var(--p-color-text-secondary, var(--color-text-secondary));height:19.5px;margin-bottom:6px}.app-footer-copyright{max-width:300px;color:var(--p-color-text-secondary, var(--color-text-secondary));font-size:13px;margin-top:2px}.grid-2-col-integrations{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-base)}@media(max-width:600px){.grid-2-col-integrations{grid-template-columns:1fr}}.integration-card-compact{background-color:var(--color-bg-subdued);border-radius:var(--radius-base);padding:var(--spacing-base);display:flex;flex-direction:column;gap:var(--spacing-sm)}.integration-card-header{display:flex;align-items:center;gap:var(--spacing-sm)}.integration-card-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background-color:var(--color-bg-surface);color:var(--color-text-secondary)}.integration-card-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.integration-card-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;flex:1;margin:0}.revenue-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.revenue-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.revenue-card-icon{color:var(--color-text-secondary)}.revenue-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.revenue-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.revenue-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.page-loading-container{display:flex;align-items:center;justify-content:center;min-height:400px;width:100%}