:root{--color-bg: #fafafa;--color-bg-warm: #f5f3f0;--color-bg-card: #ffffff;--color-primary: #6d5cff;--color-primary-dark: #5849e0;--color-primary-light: #8b7dff;--color-primary-soft: rgba(109, 92, 255, .1);--color-accent: #ff6b4a;--color-accent-soft: #fff0ed;--color-success: #10b981;--color-success-soft: rgba(16, 185, 129, .1);--color-warning: #f59e0b;--color-warning-soft: rgba(245, 158, 11, .1);--color-error: #ef4444;--color-error-soft: rgba(239, 68, 68, .1);--color-text: #1a1a2e;--color-text-secondary: #64648c;--color-text-muted: #9494b8;--color-border: #e8e8f0;--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 2px 8px rgba(0,0,0,.04);--shadow-md: 0 8px 30px rgba(0,0,0,.06);--shadow-lg: 0 20px 60px rgba(0,0,0,.08);--shadow-primary: 0 8px 30px rgba(109, 92, 255, .25);--sidebar-width: 260px;--header-height: 70px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);line-height:1.6}.admin-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-bg-card);border-right:1px solid var(--color-border);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:100}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--color-border)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.sidebar-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.2rem}.sidebar-logo-text{font-size:1.5rem;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-section{padding:0 .75rem;margin-bottom:1.5rem}.nav-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:0 .75rem;margin-bottom:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;color:var(--color-text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--color-bg);color:var(--color-text)}.nav-item.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.nav-item svg{width:20px;height:20px;flex-shrink:0}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.user-details{flex:1;min-width:0}.user-name{font-size:.9rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-text-muted);border-radius:8px;transition:all .2s ease}.logout-btn:hover{background:var(--color-error-soft);color:var(--color-error)}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh}.page-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:1.5rem 2rem;position:sticky;top:0;z-index:50}.page-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.page-title{font-size:1.5rem;font-weight:800;color:var(--color-text);letter-spacing:-.02em}.page-subtitle{font-size:.9rem;color:var(--color-text-secondary);margin-top:.25rem}.page-content{padding:2rem;max-width:1400px;margin:0 auto}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:700;color:var(--color-text)}.card-subtitle{font-size:.85rem;color:var(--color-text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.stat-icon.primary{background:var(--color-primary-soft);color:var(--color-primary)}.stat-icon.success{background:var(--color-success-soft);color:var(--color-success)}.stat-icon.warning{background:var(--color-warning-soft);color:var(--color-warning)}.stat-icon.accent{background:var(--color-accent-soft);color:var(--color-accent)}.stat-icon svg{width:24px;height:24px}.stat-value{font-size:2rem;font-weight:800;color:var(--color-text);letter-spacing:-.02em;margin-bottom:.25rem}.stat-label{font-size:.9rem;color:var(--color-text-secondary)}.stat-change{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;margin-top:.5rem;padding:.25rem .5rem;border-radius:100px}.stat-change.positive{background:var(--color-success-soft);color:var(--color-success)}.stat-change.negative{background:var(--color-error-soft);color:var(--color-error)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px;font-size:.9rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-warm);border-color:var(--color-text-muted)}.btn-danger{background:var(--color-error-soft);color:var(--color-error)}.btn-danger:hover{background:var(--color-error);color:#fff}.btn-sm{padding:.5rem .875rem;font-size:.8rem}.btn-icon{padding:.5rem}.table-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;overflow:hidden}.table-header{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.table-title{font-size:1.1rem;font-weight:700;color:var(--color-text)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:1rem 1.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.table td{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);font-size:.9rem;color:var(--color-text-secondary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-bg)}.table-cell-main{font-weight:600;color:var(--color-text)}.table-cell-sub{font-size:.8rem;color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary)}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-error{background:var(--color-error-soft);color:var(--color-error)}.badge-neutral{background:var(--color-bg);color:var(--color-text-muted)}.progress-bar{height:6px;background:var(--color-bg);border-radius:100px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:100px;transition:width .3s ease}.progress-bar-fill.primary{background:var(--color-primary)}.progress-bar-fill.success{background:var(--color-success)}.progress-bar-fill.warning{background:var(--color-warning)}.progress-bar-fill.error{background:var(--color-error)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:10px;font-size:.95rem;font-family:var(--font-main);transition:all .2s ease;background:var(--color-bg)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.form-select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:10px;font-size:.95rem;font-family:var(--font-main);background:var(--color-bg);cursor:pointer}.form-hint{font-size:.8rem;color:var(--color-text-muted);margin-top:.35rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--color-bg-card);border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:700;color:var(--color-text)}.modal-close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-text-muted);border-radius:8px;transition:all .2s ease}.modal-close:hover{background:var(--color-bg);color:var(--color-text)}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:.75rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-state-icon{width:80px;height:80px;background:var(--color-bg);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--color-text-muted)}.empty-state-icon svg{width:40px;height:40px}.empty-state-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.empty-state-description{color:var(--color-text-secondary);margin-bottom:1.5rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.loading-text{color:var(--color-text-secondary);font-size:.9rem}.alert{padding:1rem 1.25rem;border-radius:12px;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem}.alert-success{background:var(--color-success-soft);color:var(--color-success)}.alert-error{background:var(--color-error-soft);color:var(--color-error)}.alert-warning{background:var(--color-warning-soft);color:var(--color-warning)}.alert-icon{flex-shrink:0}.alert-content{flex:1}.alert-title{font-weight:600;margin-bottom:.25rem}.alert-message{font-size:.9rem;opacity:.9}.search-input{position:relative}.search-input input{padding-left:2.75rem}.search-input svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted)}.filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-label{font-size:.85rem;color:var(--color-text-muted)}.actions-cell{display:flex;gap:.5rem}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr}.page-content{padding:1rem}.table-container{overflow-x:auto}.table{min-width:600px}}.onboarding-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-warm) 100%)}.onboarding-header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-card);border-bottom:1px solid var(--color-border)}.onboarding-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.onboarding-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.onboarding-card{background:var(--color-bg-card);border-radius:24px;padding:2.5rem;width:100%;max-width:600px;box-shadow:var(--shadow-lg);transition:max-width .3s ease}.onboarding-card.onboarding-card-wide{max-width:880px}.onboarding-title{font-size:1.75rem;font-weight:800;color:var(--color-text);text-align:center;margin-bottom:.5rem}.onboarding-subtitle{font-size:1rem;color:var(--color-text-secondary);text-align:center;margin-bottom:2rem}.step-indicator{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.step-dot{width:40px;height:8px;border-radius:100px;background:var(--color-border);transition:all .3s ease}.step-dot.active{background:var(--color-primary);width:60px}.step-dot.completed{background:var(--color-success)}.platform-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.platform-card{border:2px solid var(--color-border);border-radius:16px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-bg-card)}.platform-card:hover:not(.disabled){border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.platform-card.selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.platform-card.disabled{opacity:.5;cursor:not-allowed}.platform-icon{width:60px;height:60px;margin:0 auto 1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem}.platform-name{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.platform-status{font-size:.85rem;color:var(--color-text-muted)}.widget-preview-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.widget-config-form{display:flex;flex-direction:column;gap:1.25rem}.widget-preview-wrapper{background:var(--color-bg);border-radius:16px;padding:1.5rem;display:flex;align-items:center;justify-content:center;min-height:300px;position:relative}.widget-preview{position:relative;width:320px;height:400px;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}.widget-preview-header{padding:1rem;display:flex;align-items:center;gap:.75rem;color:#fff}.widget-preview-avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.widget-preview-title{font-weight:600}.widget-preview-body{padding:1rem;flex:1}.widget-preview-message{background:var(--color-bg);border-radius:12px;padding:.75rem 1rem;font-size:.9rem;max-width:80%}.code-snippet{background:#1a1a2e;border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.code-snippet-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.code-snippet-title{font-size:.85rem;color:#fff9;font-weight:500}.code-snippet-copy{background:#ffffff1a;border:none;padding:.4rem .75rem;border-radius:6px;color:#fff;font-size:.8rem;cursor:pointer;transition:all .2s ease}.code-snippet-copy:hover{background:#fff3}.code-snippet-body{padding:1rem;overflow-x:auto}.code-snippet-body pre{margin:0;font-family:Monaco,Menlo,monospace;font-size:.85rem;color:#a8ff78;white-space:pre-wrap;word-break:break-all}.color-picker-wrapper{display:flex;gap:.75rem;align-items:center}.color-picker-input{width:50px;height:40px;border:none;border-radius:8px;cursor:pointer;padding:0}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:2px solid var(--color-border);border-radius:8px}.position-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.position-option{padding:.75rem;border:2px solid var(--color-border);border-radius:10px;text-align:center;cursor:pointer;font-size:.85rem;transition:all .2s ease;background:var(--color-bg)}.position-option:hover{border-color:var(--color-primary-light)}.position-option.selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.connect-store-input{display:flex;gap:.75rem;margin-bottom:1.5rem}.connect-store-input .form-input{flex:1}.connect-store-suffix{display:flex;align-items:center;padding:0 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;font-size:.9rem;color:var(--color-text-muted)}.success-checkmark{width:100px;height:100px;background:var(--color-success-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:scaleIn .3s ease}.success-checkmark svg{width:50px;height:50px;color:var(--color-success)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.client-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.quick-setup-card{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem}.quick-setup-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.quick-setup-card p{opacity:.9;margin-bottom:1rem}.quick-setup-card .btn{background:#fff3;color:#fff}.quick-setup-card .btn:hover{background:#ffffff4d}.onboarding-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.onboarding-nav .btn{flex:1;max-width:200px}@media (max-width: 768px){.widget-preview-container,.platform-options,.client-stats-grid{grid-template-columns:1fr}.onboarding-card{padding:1.5rem}.onboarding-card.onboarding-card-wide{max-width:100%}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6d5cff,#5849e0);padding:2rem}.auth-card{background:#fff;border-radius:20px;padding:3rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.auth-card-wide{max-width:500px}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{width:60px;height:60px;background:var(--color-primary);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;margin:0 auto 1rem}.auth-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.auth-header p{color:var(--color-text-secondary)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form label{font-size:.875rem;font-weight:500;color:var(--color-text)}.auth-form input{padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:10px;font-size:1rem;font-family:var(--font-main);transition:all .2s}.auth-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.auth-form input::placeholder{color:var(--color-text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auth-error{background:var(--color-error-soft);color:var(--color-error);padding:.75rem 1rem;border-radius:10px;font-size:.875rem}.auth-submit{background:var(--color-primary);color:#fff;border:none;padding:1rem;border-radius:10px;font-size:1rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all .2s;margin-top:.5rem}.auth-submit:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.auth-footer p{color:var(--color-text-secondary);font-size:.875rem}.auth-link{background:none;border:none;color:var(--color-primary);font-weight:600;font-size:.875rem;font-family:var(--font-main);cursor:pointer;transition:color .2s}.auth-link:hover{color:var(--color-primary-dark);text-decoration:underline}@media (max-width: 480px){.auth-card{padding:2rem}.form-row{grid-template-columns:1fr}}.landing{min-height:100vh;background:var(--color-bg)}.landing-header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:100}.landing-container{max-width:1200px;margin:0 auto;padding:0 2rem}.landing-header .landing-container{display:flex;align-items:center;justify-content:space-between;height:70px}.landing-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--color-text)}.landing-logo-icon{width:40px;height:40px;background:var(--color-primary);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800}.landing-logo span{font-size:1.5rem;font-weight:700}.landing-nav{display:flex;align-items:center;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:10px;font-size:.9375rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover{background:var(--color-primary-soft);color:var(--color-primary)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-white{background:#fff;color:var(--color-primary)}.btn-white:hover{background:#ffffffe6;transform:translateY(-2px)}.btn-lg{padding:1rem 2rem;font-size:1rem}.landing-hero{padding:160px 0 100px;background:linear-gradient(180deg,white 0%,var(--color-bg) 100%)}.hero-content{max-width:700px;margin:0 auto;text-align:center}.hero-badge{display:inline-block;background:var(--color-primary-soft);color:var(--color-primary);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.hero-content h1{font-size:3.5rem;font-weight:800;line-height:1.1;color:var(--color-text);margin-bottom:1.5rem}.hero-content p{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.hero-trust{display:flex;gap:2rem;justify-content:center;font-size:.875rem;color:var(--color-text-muted)}.hero-trust span{display:flex;align-items:center;gap:.5rem}.hero-trust span:before{content:"";width:6px;height:6px;background:var(--color-success);border-radius:50%}.landing-features{padding:100px 0}.section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--color-text);margin-bottom:1rem}.section-header p{font-size:1.125rem;color:var(--color-text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:16px;border:1px solid var(--color-border);transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{width:56px;height:56px;background:var(--color-primary-soft);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon svg{width:28px;height:28px;stroke:var(--color-primary)}.feature-card h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.feature-card p{color:var(--color-text-secondary);line-height:1.6}.landing-cta{padding:100px 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-content h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.cta-content p{font-size:1.125rem;color:#ffffffd9;margin-bottom:2rem}.landing-footer{padding:60px 0 30px;background:var(--color-text);color:#fff}.footer-content{display:flex;justify-content:space-between;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{max-width:300px}.footer-brand .landing-logo{color:#fff;margin-bottom:1rem}.footer-brand .landing-logo-icon{background:#fff3}.footer-brand p{color:#fff9;font-size:.9375rem}.footer-links{display:flex;gap:4rem}.footer-column h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;color:#ffffff80}.footer-column a{display:block;color:#fffc;text-decoration:none;font-size:.9375rem;padding:.5rem 0;transition:color .2s}.footer-column a:hover{color:#fff}.footer-bottom{padding-top:30px;text-align:center}.footer-bottom p{color:#fff6;font-size:.875rem}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.hero-actions{flex-direction:column}.hero-trust{flex-direction:column;gap:.75rem}.features-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:3rem}.footer-links{gap:2rem}.landing-nav .btn-ghost{display:none}}.logo-img{height:32px;width:auto}.logo-img-light{filter:brightness(0) invert(1)}.auth-logo-img{height:48px;width:auto;margin-bottom:1rem}.sidebar-logo-img{height:28px;width:auto}.landing-logo .logo-img{height:36px}.onboarding-header-right{display:flex;align-items:center;gap:1.5rem}.onboarding-step-text{font-size:.9rem;color:var(--color-text-muted)}.btn-skip{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;font-family:var(--font-main);cursor:pointer;transition:all .2s}.btn-skip:hover{background:var(--color-bg);border-color:var(--color-text-muted);color:var(--color-text)}.shopify-embedded{min-height:100vh;background:var(--color-bg);padding:0}.embedded-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:1rem 1.5rem;position:sticky;top:0;z-index:100}.embedded-header-content{display:flex;align-items:center;gap:1rem;max-width:1200px;margin:0 auto}.embedded-logo{height:32px;width:auto}.embedded-shop-info{flex:1;display:flex;align-items:center;gap:.75rem}.embedded-shop-name{font-weight:600;color:var(--color-text);font-size:.9rem}.embedded-status{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.embedded-status.active{background:var(--color-success-soft);color:var(--color-success)}.embedded-status.inactive{background:var(--color-warning-soft);color:var(--color-warning)}.embedded-tabs{display:flex;gap:.25rem;background:var(--color-bg-card);padding:.5rem 1.5rem;border-bottom:1px solid var(--color-border)}.embedded-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;font-family:var(--font-main);cursor:pointer;border-radius:8px;transition:all .2s}.embedded-tab:hover{background:var(--color-bg);color:var(--color-text)}.embedded-tab.active{background:var(--color-primary-soft);color:var(--color-primary)}.embedded-tab svg{width:18px;height:18px}.embedded-content{padding:1.5rem;max-width:1200px;margin:0 auto}.embedded-stats{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.embedded-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.embedded-stats{grid-template-columns:1fr}.embedded-header-content{flex-wrap:wrap}.embedded-shop-info{order:3;width:100%;margin-top:.5rem}}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-bg);border-radius:8px}.info-label{font-size:.85rem;color:var(--color-text-muted)}.info-value{font-weight:600;color:var(--color-text)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}