:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #dbeafe;--color-secondary: #6366f1;--color-accent: #8b5cf6;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-gray-50);color:var(--color-gray-900);line-height:var(--line-height-normal);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{max-width:640px;margin:0 auto;padding:var(--spacing-md);min-height:100vh}.page-container h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.page-container h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.page-container p{margin-bottom:var(--spacing-md);color:var(--color-gray-700)}.cart-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.cart-modal{background:#fff;width:100%;height:100%;display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.cart-header{padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-gray-200);background:#fff}.cart-items{flex:1;overflow-y:auto;padding:var(--spacing-md)}.cart-line{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-gray-100)}.cart-qty button{margin:0 var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:#fff;color:var(--color-gray-700);cursor:pointer;transition:all .2s}.cart-qty button:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.cart-footer{padding:var(--spacing-lg);background:#fff;border-top:1px solid var(--color-gray-200)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s;border:none;text-decoration:none;gap:var(--spacing-xs)}.btn-lg{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-xl)}.btn-sm{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md)}.btn.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:var(--shadow-sm)}.btn.primary:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-secondary));box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn.secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{background:#fff;padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);text-align:center;max-width:90vw;max-height:90vh;overflow-y:auto}.card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);overflow:hidden;transition:all .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.hot-deal-card{display:flex;align-items:flex-start;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);gap:var(--spacing-lg);transition:all .2s}.hot-deal-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-image{position:relative;flex:0 0 90px}.product-image img{width:90px;height:90px;object-fit:cover;border-radius:var(--radius-lg)}.hot-deal-badge{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);background:linear-gradient(135deg,var(--color-error),#dc2626);color:#fff;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.product-info{flex:1}.title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-xs);line-height:var(--line-height-tight)}.price{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.old-price{color:var(--color-gray-400);text-decoration:line-through;font-size:var(--font-size-sm)}.new-price{color:var(--color-error);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.description{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-normal)}.order-card{display:flex;gap:var(--spacing-lg);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:all .2s}.order-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.order-image{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-lg)}.order-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.order-number{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-base)}.order-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.order-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.order-status.fulfilled{background:var(--color-success-light);color:var(--color-success)}.order-status.paid{background:var(--color-primary-light);color:var(--color-primary)}.order-status.pending{background:var(--color-warning-light);color:var(--color-warning)}.order-total{margin-left:auto;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-lg)}.cpa-card{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);margin-bottom:var(--spacing-lg);gap:var(--spacing-lg);transition:all .2s}.cpa-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.merchant-logo{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-gray-200)}.merchant-name{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--spacing-xs);text-align:center;font-weight:var(--font-weight-medium)}.reward-line{font-size:var(--font-size-lg);display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.reward-usd{color:var(--color-success);font-weight:var(--font-weight-bold)}.reward-pts{color:#d97706;font-weight:var(--font-weight-bold)}.action-desc{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:var(--line-height-normal)}.progress-text{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--spacing-xs)}.progress-bar{position:relative;height:6px;background:var(--color-gray-200);border-radius:var(--radius-full);margin-top:var(--spacing-xs);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);transition:width .3s ease}.cta-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);min-width:80px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);box-shadow:var(--shadow-sm);transition:all .2s}.cta-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.cta-btn:active{transform:translateY(0)}.text-brand{color:var(--color-primary)}.bg-brand{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.merchant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-gray-200)}.merchant-header-content{flex:1}.merchant-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight)}.merchant-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;line-height:var(--line-height-normal)}.analytics-btn{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.analytics-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.quick-action-container{margin-bottom:var(--spacing-lg)}.quick-action-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))!important;color:#fff!important;border-radius:var(--radius-lg)!important;padding:var(--spacing-sm) var(--spacing-lg)!important;font-weight:var(--font-weight-medium)!important;box-shadow:var(--shadow-sm)!important;transition:all .2s ease!important}.quick-action-btn:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.merchant-content{min-height:60vh}.analytics-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);width:90%;max-width:400px;box-shadow:var(--shadow-xl);outline:none}.analytics-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);color:var(--color-gray-900)}.merchant-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:#fff!important;border-top:1px solid var(--color-gray-200)!important;box-shadow:var(--shadow-lg)!important;z-index:1000!important}.nav-action{color:var(--color-gray-500)!important;font-size:var(--font-size-xs)!important}.nav-action.Mui-selected{color:var(--color-primary)!important}.products-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.catalog-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.catalog-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.catalog-icon{color:var(--color-primary);font-size:var(--font-size-lg)}.catalog-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;flex:1}.catalog-count{font-size:var(--font-size-sm);color:var(--color-gray-500);background:var(--color-gray-100);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.products-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg)}.product-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all .2s ease}.product-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.product-content{padding:var(--spacing-md)}.product-info{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.product-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900);margin:0;flex:1;line-height:var(--line-height-tight)}.product-actions{display:flex;gap:var(--spacing-xs)}.action-btn{background:none;border:none;padding:var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.edit-btn{color:var(--color-primary)}.edit-btn:hover{background:var(--color-primary-light)}.delete-btn{color:var(--color-error)}.delete-btn:hover{background:var(--color-error-light)}.product-move{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-gray-100)}.move-select{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:#fff;color:var(--color-gray-700)}.move-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg)}.empty-state-icon{font-size:3rem;color:var(--color-gray-400);margin-bottom:var(--spacing-md)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin:0 0 var(--spacing-sm) 0}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0;line-height:var(--line-height-relaxed)}.error-container{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.error-message{color:var(--color-error);font-size:var(--font-size-sm);margin:0}.settings-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-header{text-align:center;padding:var(--spacing-lg) 0}.settings-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-sm) 0}.settings-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.settings-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.settings-items{display:flex;flex-direction:column}.settings-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);text-decoration:none;color:inherit;border-bottom:1px solid var(--color-gray-100);transition:all .2s ease}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:var(--color-gray-50)}.item-icon{color:var(--color-primary);font-size:var(--font-size-lg);width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-content{flex:1}.item-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0}.item-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;line-height:var(--line-height-normal)}.item-arrow{color:var(--color-gray-400);flex-shrink:0}.campaigns-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.campaigns-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.campaigns-header-content{flex:1}.campaigns-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0}.campaigns-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.new-campaign-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);box-shadow:var(--shadow-sm);transition:all .2s ease;white-space:nowrap}.new-campaign-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.campaigns-tabs{display:flex;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.tab-count{background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-full);min-width:20px;text-align:center}.campaigns-content{min-height:60vh}.campaigns-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.drafts-section,.active-campaigns{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin:0;padding:var(--spacing-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.drafts-list,.campaigns-grid{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.draft-item,.campaign-item{border-radius:var(--radius-md);overflow:hidden}.merchant-profile-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.section-header{padding:var(--spacing-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);text-align:center}.section-icon{color:var(--color-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0}.section-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.avatar-section{padding:var(--spacing-lg);display:flex;justify-content:center;border-bottom:1px solid var(--color-gray-100)}.form-group{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-100)}.form-group:last-child{border-bottom:none}.form-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--spacing-sm)}.form-label svg{color:var(--color-primary);font-size:var(--font-size-sm)}.form-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);background:#fff;color:var(--color-gray-900);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input::placeholder{color:var(--color-gray-400)}.primary-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:var(--shadow-sm);transition:all .2s ease;width:100%;margin-top:var(--spacing-lg)}.primary-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.merchant-home-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-gray-200)}.header-content{flex:1}.home-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight)}.home-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;line-height:var(--line-height-normal)}.profile-section,.analytics-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--spacing-xl)}.home-tabs{display:flex;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--spacing-lg)}.tab-btn{flex:1;background:none;border:none;padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);transition:all .2s ease;position:relative}.tab-btn.active{color:var(--color-primary);background:var(--color-primary-light)}.tab-btn:hover:not(.active){background:var(--color-gray-50)}.home-content{min-height:60vh}.fab-btn{position:fixed;bottom:80px;right:var(--spacing-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;border-radius:var(--radius-full);width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);box-shadow:var(--shadow-lg);transition:all .2s ease;z-index:1000;text-decoration:none}.fab-btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.onboarding-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:var(--spacing-xl) 0}.onboarding-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);text-align:center;max-width:500px;width:100%}.onboarding-icon{color:var(--color-primary);font-size:4rem;margin-bottom:var(--spacing-lg)}.onboarding-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-md) 0}.onboarding-description{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0 0 var(--spacing-xl) 0;line-height:var(--line-height-relaxed)}.onboarding-features{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-md);text-align:left}.feature-icon{color:var(--color-primary);font-size:var(--font-size-lg);width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.feature-content h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0}.feature-content p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;line-height:var(--line-height-normal)}.onboarding-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:var(--shadow-sm);transition:all .2s ease;width:100%}.onboarding-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-lg)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top:3px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-text{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.page-container{padding:var(--spacing-sm)}.merchant-header{padding:var(--spacing-md) 0;margin-bottom:var(--spacing-md)}.merchant-title{font-size:var(--font-size-xl)}.merchant-subtitle{font-size:var(--font-size-xs)}.analytics-btn{width:36px;height:36px}.hot-deal-card,.order-card,.cpa-card{padding:var(--spacing-md);gap:var(--spacing-md)}.btn-lg{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.merchant-header,.campaigns-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.campaigns-header{margin-bottom:var(--spacing-md)}.new-campaign-btn{align-self:flex-start}.campaigns-tabs{flex-direction:column}.products-grid{gap:var(--spacing-sm);padding:var(--spacing-md)}.product-card{margin-bottom:var(--spacing-sm)}.settings-item{padding:var(--spacing-md)}.item-icon{width:20px;height:20px;font-size:var(--font-size-base)}.catalog-header{padding:var(--spacing-md)}.catalog-title{font-size:var(--font-size-base)}.catalog-count{font-size:var(--font-size-xs);padding:2px 6px}.merchant-home-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.home-title{font-size:var(--font-size-xl)}.home-subtitle{font-size:var(--font-size-xs)}.profile-section,.analytics-section{margin-bottom:var(--spacing-lg)}.home-tabs{flex-direction:column}.tab-btn{padding:var(--spacing-sm) var(--spacing-md)}.fab-btn{width:48px;height:48px;font-size:var(--font-size-base);bottom:70px;right:var(--spacing-sm)}.onboarding-card{padding:var(--spacing-lg);margin:var(--spacing-md)}.onboarding-icon{font-size:3rem}.onboarding-title{font-size:var(--font-size-xl)}.onboarding-description{font-size:var(--font-size-sm)}.feature-item{gap:var(--spacing-sm)}.feature-content h4{font-size:var(--font-size-sm)}.feature-content p{font-size:var(--font-size-xs)}}body{padding-bottom:80px}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports (outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}