:root{--color-primary: #1a1a1a;--color-primary-hover: #333333;--color-primary-light: #5c6ac4;--color-accent: #f1641e;--color-accent-hover: #d4520f;--color-blue: #3B82F6;--color-blue-light: #dbeafe;--color-blue-dark: #1e40af;--color-success: #22c55e;--color-success-light: #DCFCE7;--color-success-dark: #166534;--color-danger: #ef4444;--color-danger-light: #FEE2E2;--color-danger-dark: #991B1B;--color-warning: #f59e0b;--color-warning-light: #fff9e6;--color-warning-dark: #92400e;--color-warning-border: #ffe4a3;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-text-muted: #999999;--color-text-disabled: #cccccc;--color-text-inverse: #ffffff;--color-border: #e5e5e5;--color-border-light: #f0f0f0;--color-border-focus: #5c6ac4;--color-bg-page: #f5f5f5;--color-bg-card: #ffffff;--color-bg-card-secondary: #fafafa;--color-bg-card-tertiary: #f9f9f9;--color-bg-disabled: #f0f0f0;--color-bg-hover: #f9f9f9;--color-toggle-on: #60605e;--color-toggle-off: #e5e5e5;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-2xl: 2rem;--font-size-xl: 1.75rem;--font-size-lg: 1.5rem;--font-size-md: 1.25rem;--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-xs: .75rem;--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.6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-base: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15);--shadow-toast: 0 4px 12px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-toast: 10000;--max-width-content: 1200px;--sidebar-width: 160px;--color-icon-bg-blue: #E8F4FD;--color-icon-bg-indigo: #E0E7FF;--color-icon-bg-red: #FEE2E2;--color-icon-bg-green: #DCFCE7;--color-icon-bg-gray: #f5f5f5;--color-icon-bg-light: #fafafa;--color-gradient-purple-start: #667eea;--color-gradient-purple-end: #764ba2}.page{background:var(--color-bg-page);min-height:100vh;padding:var(--spacing-xl)}.page-content{max-width:var(--max-width-content);margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.page-subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.page-actions{display:flex;gap:var(--spacing-base)}.back-nav{display:flex;align-items:center;gap:var(--spacing-base);margin-bottom:var(--spacing-sm)}.back-button{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);padding:0;display:flex;align-items:center;color:var(--color-text-primary)}.page-back-header{display:flex;align-items:center;gap:var(--spacing-sm)}.page-back-header .back-btn{background:none;border:none;cursor:pointer;font-size:1.25rem;padding:0;display:flex;align-items:center}.page-back-header .page-title{margin:0;font-size:var(--font-size-lg)}.layout-sidebar{display:flex;gap:var(--spacing-base)}.sidebar{flex:0 0 var(--sidebar-width)}.sidebar-nav{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.sidebar-item{width:100%;padding:var(--spacing-md) var(--spacing-base);border:none;border-bottom:1px solid var(--color-border);background:var(--color-bg-card);cursor:pointer;text-align:left;display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-left:4px solid transparent;transition:all var(--transition-normal)}.sidebar-item:hover{background:var(--color-bg-hover)}.sidebar-item.active{background:var(--color-bg-page);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border-left-color:var(--color-text-primary)}.sidebar-item:last-child{border-bottom:none}.sidebar-icon{font-size:var(--font-size-base);flex-shrink:0}.main-content{flex:1}.layout-two-column{display:grid;grid-template-columns:400px 1fr;gap:var(--spacing-xl)}.layout-two-column-equal{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.layout-two-column-2-1{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg)}.layout-three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-base{gap:var(--spacing-base)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-base{margin-bottom:var(--spacing-base)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-base{margin-top:var(--spacing-base)}.mt-xl{margin-top:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-accent{color:var(--color-accent)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.hidden{display:none!important}.invisible{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings-grid{display:grid;grid-template-columns:400px 1fr;gap:var(--spacing-xl)}.settings-description{max-width:400px}.settings-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}.settings-section-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.section-header{display:flex;align-items:center;gap:var(--spacing-md)}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.section-title-lg{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0}.card-subtitle{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.feature-item{display:flex;align-items:center;gap:var(--spacing-base);padding:var(--spacing-base);background:var(--color-bg-page);border-radius:var(--radius-lg)}.feature-icon{width:48px;height:48px;background:var(--color-bg-card);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px}.feature-content{flex:1}.feature-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.feature-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.status-card{display:flex;justify-content:space-between;align-items:center}.status-text{font-size:var(--font-size-sm);color:var(--color-text-primary)}.badge-inactive{background:#f5f5f5;color:#6d7175}.form-actions{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:right}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-base)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark)}.btn-success{background:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.btn-upgrade{background:#008060;color:var(--color-text-inverse);border-color:#008060;width:100%;padding:12px 16px;font-size:14px}.btn-upgrade:hover:not(:disabled){background:#006e52}.btn-disabled{background:#f1f1f1!important;color:#919eab!important;cursor:not-allowed}.btn-danger{background:#ef4444;color:var(--color-text-inverse);border-color:#ef4444}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent;padding:var(--spacing-sm)}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-hover)}.btn-sm{padding:var(--spacing-sm) var(--spacing-base);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-base) var(--spacing-xl);font-size:var(--font-size-base)}.btn-pill{border-radius:var(--radius-full)}.btn-link{background:none;border:none;color:#1a1a1a;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.input,.select,.textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-bg-card);transition:border-color var(--transition-fast);box-sizing:border-box}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-border-focus)}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-bg-disabled);cursor:not-allowed}.textarea{resize:vertical;min-height:80px}.label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.label-inline{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.card-body{padding:var(--spacing-lg)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-sm) 0 0 0;line-height:var(--line-height-normal)}.tab-container{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg)}.tab-list{display:flex;gap:var(--spacing-xl);padding:0 var(--spacing-xl)}.tab-button{padding:var(--spacing-base) 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);cursor:pointer;transition:all var(--transition-normal)}.tab-button:hover{color:var(--color-text-primary)}.tab-button.active{border-bottom-color:var(--color-primary-light);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.tab-pills{display:inline-flex;background:var(--color-bg-disabled);border-radius:var(--radius-lg);padding:var(--spacing-xs)}.tab-pill{padding:var(--spacing-sm) var(--spacing-base);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal)}.tab-pill.active{background:var(--color-bg-card);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.tab-pill:disabled{opacity:.6;cursor:not-allowed}.toggle{width:44px;height:24px;border-radius:var(--radius-full);background:var(--color-toggle-off);position:relative;cursor:pointer;border:none;padding:0;transition:background var(--transition-normal)}.toggle.active{background:var(--color-toggle-on)}.toggle-knob{width:20px;height:20px;border-radius:50%;background:var(--color-bg-card);position:absolute;top:2px;left:2px;transition:left var(--transition-normal);box-shadow:var(--shadow-sm)}.toggle.active .toggle-knob{left:22px}.toast{position:fixed;top:24px;right:24px;z-index:var(--z-toast);animation:toast-slide-in .3s ease-out}.toast-content{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-xl);box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d;min-width:280px}.toast-success .toast-content{background:#dcfce7;border:1px solid #BBF7D0}.toast-error .toast-content{background:#fee2e2;border:1px solid #FECACA}.toast-body{flex:1}.toast-bottom{bottom:var(--spacing-lg);left:50%;transform:translate(-50%)}.toast-top-right{top:var(--spacing-lg);right:var(--spacing-lg)}.toast-success{background:var(--color-success-light);border:1px solid #BBF7D0}.toast-error{background:var(--color-danger-light);border:1px solid #FECACA}.toast-dark{background:var(--color-text-primary);color:var(--color-text-inverse)}.toast-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-size:var(--font-size-base);flex-shrink:0}.toast-success .toast-icon{background:var(--color-success)}.toast-error .toast-icon{background:var(--color-danger)}.toast-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.toast-success .toast-title{color:var(--color-success-dark)}.toast-error .toast-title{color:var(--color-danger-dark)}.toast-message{font-size:var(--font-size-xs);margin-top:2px}.toast-success .toast-message{color:#15803d}.toast-error .toast-message{color:#b91c1c}.toast-close{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-xs);line-height:1;opacity:.6}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-backdrop)}.modal{background:var(--color-bg-card);border-radius:var(--radius-xl);max-width:500px;width:90%;max-height:90vh;overflow:auto;z-index:var(--z-modal);box-shadow:var(--shadow-xl)}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--spacing-base)}.alert{padding:var(--spacing-base) var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.alert-warning{background:var(--color-warning-light);border:1px solid var(--color-warning-border);color:var(--color-warning-dark)}.alert-error{background:var(--color-danger-light);border:1px solid #FECACA;color:var(--color-danger-dark)}.alert-success{background:var(--color-success-light);border:1px solid #BBF7D0;color:var(--color-success-dark)}.alert-info{background:var(--color-blue-light);border:1px solid #BFDBFE;color:var(--color-blue-dark)}.badge{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.badge-success{background:#e8f5e9;color:#2e7d32}.badge-warning{background:#fff3e0;color:#e65100}.badge-info{background:#f1f1ff;color:#5c5f62;border:1px solid #D1D1FF}.badge-new{background:var(--color-blue-light);color:var(--color-blue-dark)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot-active{background:var(--color-success)}.status-dot-inactive{background:var(--color-text-primary)}.table{width:100%;border-collapse:collapse}.table th{padding:var(--spacing-md) var(--spacing-base);text-align:left;font-weight:var(--font-weight-semibold);border-bottom:2px solid #c4cdd5;background:#f6f6f7}.table td{padding:var(--spacing-md) var(--spacing-base);text-align:left;border-top:1px solid var(--color-border)}.table-wrapper{background:var(--color-bg-card);border:1px solid #c4cdd5;border-radius:var(--radius-lg);overflow:auto}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl)}.pagination-info{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pagination-buttons{display:flex;gap:var(--spacing-sm)}.pagination-btn{padding:var(--spacing-sm) var(--spacing-base);background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.pagination-btn:disabled{background:var(--color-bg-disabled);color:var(--color-text-muted);cursor:not-allowed}.avatar{width:40px;height:40px;border-radius:50%;background:var(--color-text-muted);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-size:var(--font-size-md);flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-sm)}.avatar-lg{width:48px;height:48px;font-size:var(--font-size-lg)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.empty-state{text-align:center;padding:var(--spacing-2xl)}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-base) 0}.empty-state-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:var(--line-height-relaxed)}.feature-gate{position:relative;display:block;min-height:400px}.feature-gate-blur{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5;width:100%}.feature-gate-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff80;z-index:10}.feature-gate-dialog{background:#fff;padding:32px 24px;border-radius:16px;text-align:center;box-shadow:0 10px 30px #0000001f;border:1px solid #e1e3e5;max-width:320px}.feature-gate-icon{font-size:40px;margin-bottom:16px;display:block}.feature-gate-title{font-weight:700;font-size:18px;color:#1a1a1a;margin:0 0 12px}.feature-gate-description{color:#637381;font-size:14px;line-height:1.5;margin:12px 0 24px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal{background:var(--color-bg-card);border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:90vh;overflow:auto;box-shadow:var(--shadow-modal)}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--color-text-primary)}.modal-body{padding:var(--spacing-xl)}.modal-footer{padding:var(--spacing-base) var(--spacing-xl);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text-primary)}.settings-tab-layout{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.settings-tab-sidebar-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem}.settings-column{display:flex;flex-direction:column;gap:1rem}.settings-column-lg{gap:1.5rem}.settings-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:1rem 1.25rem}.settings-card-lg{padding:1.5rem}.settings-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.settings-card-icon{font-size:1rem}.settings-card-title{font-size:.9rem;font-weight:700;margin:0;color:#1a1a1a}.settings-card-title-lg{font-size:1rem}.settings-card-description{font-size:.8rem;color:#666;margin:0 0 .75rem}.settings-card-hint{font-size:.7rem;color:#999;margin:.375rem 0 0}.form-field{margin-bottom:1.5rem}.form-field:last-child{margin-bottom:0}.form-label{display:block;font-size:.875rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.form-label-sm{font-size:.8rem;margin-bottom:.375rem}.form-input{width:100%;padding:.75rem;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;box-sizing:border-box}.form-input-sm{padding:.375rem;width:70px;text-align:center}.form-input-md{padding:.5rem;width:80px;text-align:center}.form-select{width:100%;padding:.5rem;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer}.form-textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;resize:vertical;box-sizing:border-box}.form-textarea:disabled{background:#f9f9f9;cursor:not-allowed}.form-hint{font-size:.75rem;color:#999;margin:.5rem 0 0}.form-row{display:flex;align-items:center;gap:.5rem}.form-row-label{font-size:.875rem;color:#666}.exchange-rate-box{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e5e5;border-radius:8px}.exchange-rate-value{font-size:1.25rem;font-weight:700;color:#3b82f6}.status-toggle-card{display:flex;justify-content:space-between;align-items:center}.status-toggle-label{font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.status-toggle-value{font-size:.75rem;color:#666}.toggle-switch{width:48px;height:28px;border-radius:14px;border:none;background:#e5e5e5;cursor:pointer;position:relative;transition:background .2s}.toggle-switch.active{background:#3b82f6}.toggle-switch-knob{width:24px;height:24px;border-radius:12px;background:#fff;position:absolute;top:2px;left:2px;transition:left .2s;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-switch-knob{left:22px}.btn-save{width:100%;padding:.875rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-save:disabled{background:#cbd5e1;cursor:not-allowed}.platform-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.platform-icon-lg{width:32px;height:32px;border-radius:8px;font-size:.875rem}.platform-icon-facebook{background:#1877f2}.platform-icon-twitter,.platform-icon-tiktok{background:#000}.social-action-btn{width:100%;padding:.75rem 1rem;margin-bottom:.25rem;margin-left:1rem;border:1px solid #e5e5e5;border-radius:8px;background:#fff;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between}.social-action-btn.active{border:2px solid #3B82F6;background:#ebf5ff}.social-action-content{display:flex;align-items:center;gap:.5rem}.social-action-icon-like{color:#ec4899}.social-action-icon-share{color:#3b82f6}.social-action-name{font-weight:500;font-size:.875rem;text-transform:capitalize}.social-action-points{font-size:.75rem;color:#666}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator-active{background:#22c55e}.status-indicator-inactive{background:#9ca3af}.badge-action{padding:.125rem .5rem;background:#ec4899;color:#fff;font-size:.625rem;font-weight:600;border-radius:4px;text-transform:capitalize}.badge-coming-soon{padding:.125rem .5rem;background:#e5e7eb;color:#6b7280;font-size:.625rem;font-weight:600;border-radius:4px}.disabled-section{opacity:.6;pointer-events:none}.loading-text{text-align:center;padding:2rem;color:#666}.settings-grid{display:grid;grid-template-columns:400px 1fr;gap:24px}.settings-section-title{font-size:18px;font-weight:600;margin:0 0 12px;color:#1a1a1a}.settings-section-text{color:#6d7175;font-size:14px;line-height:1.6;margin:0}.reward-editor-box{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f6f6f7;border-radius:8px}.reward-editor-header{display:flex;align-items:center;gap:16px}.reward-editor-icon{width:48px;height:48px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px}.reward-editor-value{font-weight:600;margin-bottom:4px;color:#202223}.reward-editor-desc{color:#6d7175;font-size:14px}.slider-marks{display:flex;justify-content:space-between;margin-top:8px;font-size:13px;color:#6d7175}.slider-marks span{cursor:pointer}.slider-marks span:hover{color:#202223}.alert{padding:1rem;border-radius:8px}.alert-error{background:#fee;border:1px solid #fcc;color:#c00}.alert-success{background:#d4f5e9;border:1px solid #a8e6cf;color:#108043}.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-sm{gap:.5rem}.gap-base{gap:1rem}.mb-base{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.text-sm{font-size:.875rem}.text-muted{color:#6d7175}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-line{height:16px;background:#f0f0f0;border-radius:4px;animation:pulse 2s infinite}.skeleton-w-120{width:120px}.skeleton-w-150{width:150px}.skeleton-w-200{width:200px}.skeleton-header{display:flex;justify-content:space-between;align-items:center}.skeleton-button{height:36px;width:100px;background:#f0f0f0;border-radius:6px;animation:pulse 2s infinite}.skeleton-icon-lg{width:80px;height:80px;background:#f0f0f0;border-radius:8px;animation:pulse 2s infinite}.billing-usage-box{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:2rem}.billing-plan-name{font-size:1.3rem;font-weight:600;margin:0 0 .5rem;color:#1a1a1a}.billing-plan-price{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:2rem}.billing-price-unit{font-size:1rem;font-weight:400;color:#666}.billing-message-box{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e5e5e5;border-radius:6px}.billing-message-icon{font-size:1.2rem}.billing-shield-icon{font-size:4rem;flex-shrink:0}.progress-container{position:relative}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-limit-info{text-align:right}.progress-limit-value{font-size:.9rem;font-weight:600;color:#1a1a1a}.progress-bar{width:100%;height:8px;background:#e5e5e5;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#4ade80;transition:width .3s}.progress-current{display:flex;align-items:center;gap:.5rem}.progress-indicator{color:#22c55e;font-size:1rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;max-width:500px;width:90%;z-index:1001;box-shadow:0 20px 60px #0000004d}.modal-body{padding:2rem}.modal-title{font-size:1.3rem;font-weight:600;margin:0 0 .5rem;color:#1a1a1a}.modal-footer{padding:1rem 2rem;display:flex;gap:1rem;justify-content:flex-end;border-top:1px solid #e5e5e5}.badge-info{background:#dbeafe;color:#1e40af;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.badge-success{background:#d4f5e9;color:#108043;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.badge-inactive{background:#f5f5f5;color:#6d7175;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.empty-state{text-align:center;padding:3rem 2rem}.empty-state-icon{font-size:3rem;margin-bottom:1rem}.empty-state-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.empty-state-description{color:#666;margin:0 0 1.5rem}.card{background:#fff;border:1px solid #e5e5e5;border-radius:12px}.card-body{padding:2rem}.card-header-row{display:flex;justify-content:space-between;align-items:center}.mb-sm{margin-bottom:.5rem}.gap-xl{gap:2rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.gap-lg{gap:1.5rem}.store-config-box{padding:1rem 1.25rem;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px}.store-config-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #bfdbfe}.store-config-icon{font-size:1.1rem}.store-config-title{margin:0;font-size:.9rem;font-weight:600;color:#1e40af}.store-config-hint{font-size:.8rem;color:#1e40af;margin:0}.shopify-settings-box{padding:.75rem;background:#fff;border:1px solid #e0e7ff;border-radius:6px}.shopify-settings-label{font-size:.8rem;color:#1e40af;margin:0 0 .5rem}.shopify-setting-item{font-size:.85rem}.shopify-setting-key{color:#6b7280;font-weight:500;display:block}.shopify-setting-value{color:#1e40af;font-weight:600}.pricing-container{max-width:860px;margin:0 auto;padding:2rem 1rem}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-title{font-size:2rem;font-weight:800;color:#1a1a1a;margin-bottom:.5rem}.pricing-subtitle{color:#666;font-size:1rem}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;align-items:stretch}.pricing-card{background:#fff;border-radius:16px;padding:2.5rem 2rem;display:flex;flex-direction:column;position:relative;transition:transform .2s ease}.pricing-card-default{border:1px solid #e5e5e5;box-shadow:0 2px 4px #00000005}.pricing-card-recommended{border:2px solid #008060;box-shadow:0 12px 24px #0080601a}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#008060;color:#fff;padding:4px 16px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.pricing-plan-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#1a1a1a}.pricing-plan-desc{font-size:.875rem;color:#666;margin-bottom:1.5rem;line-height:1.5;height:40px}.pricing-price-section{margin-bottom:1.5rem}.pricing-price{display:flex;align-items:baseline;gap:4px}.pricing-price-value{font-size:2.5rem;font-weight:800;color:#1a1a1a}.pricing-price-unit{font-size:1rem;color:#666}.pricing-billing-text{font-size:.8125rem;color:#008060;font-weight:600;margin-top:4px}.pricing-orders-box{background:#f9fafb;padding:1rem;border-radius:12px;margin-bottom:2rem;border:1px solid #F1F2F3}.pricing-orders-included{font-size:.875rem;font-weight:600;color:#1a1a1a;margin:0 0 4px}.pricing-orders-additional{font-size:.75rem;color:#666;margin:0}.pricing-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;flex-grow:1}.pricing-feature-item{display:flex;gap:10px;align-items:flex-start;font-size:.875rem;color:#454749}.pricing-feature-check{color:#008060;font-weight:700}.pricing-footer{margin-top:3rem;text-align:center;border-top:1px solid #e5e5e5;padding-top:2rem}.pricing-footer-text{color:#666;font-size:.875rem}.pricing-footer-link{color:#008060;font-weight:600}.btn-pricing{width:100%;padding:.875rem;border-radius:8px;border:none;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:2rem}.btn-pricing-primary{background:#2c2c2c;color:#fff}.btn-pricing-recommended{background:#008060;color:#fff}.btn-pricing-current{background:#f1f1f1;color:#999;cursor:default}.page-bg{background:#f5f5f5;min-height:100vh;padding:2rem}.container-lg{max-width:1200px;margin:0 auto}.page-title{font-size:2rem;font-weight:700;margin:0 0 .75rem;color:#1a1a1a}.page-description{font-size:1rem;color:#666;margin:0}.feature-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:2rem;display:flex;gap:2rem;align-items:flex-start}.feature-card-content{flex:1}.feature-card-title{font-size:1.125rem;font-weight:700;margin:0 0 .75rem;color:#1a1a1a}.feature-card-desc{font-size:.95rem;color:#666;margin:0 0 1.5rem;line-height:1.5}.feature-card-illustration{flex:0 0 120px;height:120px;display:flex;align-items:center;justify-content:center}.reward-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reward-page-title{font-size:24px;font-weight:600;margin:0}.reward-name-input{font-size:24px;font-weight:600;border:1px solid #c4cdd5;border-radius:4px;padding:4px 8px}.reward-content-grid{display:grid;grid-template-columns:1fr 400px;gap:20px}.btn-back{background:none;border:none;cursor:pointer;font-size:24px;color:#202223;padding:0;line-height:1}.btn-ghost{background:none;border:none;color:#202223;font-size:14px;font-weight:500;cursor:pointer}.input-with-suffix{position:relative}.input-with-suffix .form-input{padding-right:60px}.input-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6d7175;font-size:14px}.summary-list{margin:0;padding-left:20px}.summary-list li{color:#202223;font-size:14px;line-height:1.6}.bottom-action-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e1e3e5;padding:16px 20px;display:flex;justify-content:flex-end}.gap-sm{gap:.375rem}.gap-md{gap:.75rem}.icon-box{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.icon-box-sm{width:32px;height:32px;font-size:1rem}.icon-box-md{width:40px;height:40px;font-size:1.25rem}.icon-box-lg{width:48px;height:48px;font-size:1.5rem}.icon-box-xl{width:80px;height:80px;font-size:4rem}.icon-box-blue{background:var(--color-icon-bg-blue)}.icon-box-indigo{background:var(--color-icon-bg-indigo)}.icon-box-red{background:var(--color-icon-bg-red)}.icon-box-green{background:var(--color-icon-bg-green)}.icon-box-gray{background:var(--color-icon-bg-gray)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.stat-value{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:.25rem}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-change{font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium)}.feature-list-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.feature-list-item:last-child{margin-bottom:0}.feature-list-text{margin:0;font-size:.95rem;color:var(--color-text-secondary);line-height:1.5}.page-header-with-icon{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-header-title{font-size:1.25rem;font-weight:var(--font-weight-bold);margin:0;color:var(--color-text-primary)}.page-header-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.section-title-lg{font-size:1.5rem;font-weight:var(--font-weight-bold);margin:0 0 .5rem;color:var(--color-text-primary)}.section-subtitle{font-size:.95rem;color:var(--color-text-secondary);margin:0 0 2rem}.rule-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-bg-card-secondary);border-radius:var(--radius-lg)}.rule-item-content{display:flex;align-items:center;gap:1rem}.rule-item-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:.25rem}.rule-item-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.badge-active{padding:.25rem .75rem;background:#dcfce7;color:#16a34a;font-size:.75rem;font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.btn-text-link{background:none;border:none;color:var(--color-blue);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;gap:.25rem}.btn-text-link:hover{text-decoration:underline}.onboarding-container{min-height:100vh;background:linear-gradient(135deg,var(--color-gradient-purple-start) 0%,var(--color-gradient-purple-end) 100%);display:flex;align-items:center;justify-content:center;padding:2rem;font-family:var(--font-family)}.onboarding-container-light{min-height:100vh;background:#f1f1f1;display:flex;align-items:flex-start;justify-content:center;padding:5rem 3rem 3rem;font-family:var(--font-family)}.onboarding-card{background:var(--color-bg-card);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;overflow:hidden}.onboarding-card-light{max-width:900px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;background:var(--color-bg-card);border-radius:var(--radius-xl);padding:3rem;box-shadow:0 1px 3px #00000014}.onboarding-progress-section{background:var(--color-bg-page);padding:2rem}.onboarding-content-section{padding:3rem 2rem}.onboarding-footer{padding:2rem;background:var(--color-bg-card-tertiary);border-top:1px solid var(--color-border);display:flex;gap:1rem}.progress-track{height:6px;background:#e5e5e5;border-radius:3px;overflow:hidden}.progress-fill-animated{height:100%;transition:width .3s ease}.progress-fill-purple{background:var(--color-gradient-purple-start)}.progress-fill-green{background:var(--color-success)}.step-indicator{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem}.step-item{padding:1rem;border-radius:var(--radius-lg);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .3s ease}.step-item-active{background:var(--color-gradient-purple-start);color:var(--color-text-inverse)}.step-item-inactive{background:var(--color-bg-page);color:var(--color-text-muted)}.check-list{list-style:none;padding:0;margin:0}.check-list-item{padding:.75rem 0;font-size:.95rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.75rem}.check-mark{color:var(--color-gradient-purple-start);font-weight:var(--font-weight-bold)}.circle-display{width:100%;max-width:350px;aspect-ratio:1;background:#faf9f7;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.circle-display-icon{font-size:5rem;margin-bottom:.5rem}.circle-display-decoration{position:absolute;font-size:1.5rem}.onboarding-card-simple{max-width:900px;width:100%;background:var(--color-bg-card);border-radius:var(--radius-xl);padding:3rem;box-shadow:0 1px 3px #00000014}.onboarding-title{font-size:1.75rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 1rem;line-height:1.3}.onboarding-description{font-size:.95rem;color:var(--color-text-secondary);margin:0 0 2.5rem;line-height:1.6;max-width:600px}.rate-card{padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);cursor:pointer;transition:all .2s ease;position:relative}.rate-card:hover{border-color:var(--color-border-focus)}.rate-card-selected{border:2px solid #4f46e5;background:#f0f4ff}.rate-card-check{position:absolute;top:1rem;right:1rem;width:24px;height:24px;background:#4f46e5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-bold);font-size:.9rem}.rate-card-value{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:.5rem}.rate-card-desc{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.tip-box{background:#faf9f7;padding:1.25rem;border-radius:var(--radius-lg)}.tip-box-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:.9rem;margin:0 0 .5rem}.tip-box-text{font-size:.85rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.icon-box-feature{width:60px;height:60px;background:var(--color-icon-bg-gray);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.feature-card-title{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 .75rem}.feature-card-text{font-size:.9rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-lg{margin-top:var(--spacing-lg)}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-input{accent-color:#3B82F6}.icon-grid{display:grid;grid-template-columns:repeat(6,48px);gap:.5rem;max-width:330px}.icon-grid-item{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);cursor:pointer;transition:all .2s}.icon-grid-item:hover{border-color:var(--color-border-focus)}.icon-grid-item-selected{border:2px solid #3B82F6;background:#ebf5ff}.upload-preview{width:64px;height:64px;background:var(--color-bg-page);border:2px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-text-muted);overflow:hidden;flex-shrink:0}.upload-preview-img{width:100%;height:100%;object-fit:cover}.mb-0{margin-bottom:0}.status-btn{padding:4px 10px;background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;font-size:.75rem;font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:6px;transition:all var(--transition-normal)}.status-btn:hover{background:var(--color-bg-hover)}.alert-card-warning{background:#fff7ed;border:1px solid #fed7aa;border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.alert-card-warning h3{font-size:1.125rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0;color:#c2410c}.alert-card-warning p{margin:0 0 var(--spacing-base) 0;color:#9a3412;font-size:.95rem}.btn-warning{padding:var(--spacing-md) var(--spacing-lg);background:#ea580c;color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium)}.btn-warning:hover{background:#c2410c}.setup-card{background:var(--color-bg-card-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;gap:var(--spacing-lg);align-items:center}.setup-card-content{flex:1}.setup-card-title{font-size:1.125rem;font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-md)}.setup-card-description{font-size:.95rem;color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0}.setup-card-icon{flex:0 0 100px;height:100px;background:var(--color-bg-card-tertiary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.875rem}.checkbox-indicator{width:20px;height:20px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox-indicator.unchecked{border:2px solid #d1d5db;background:var(--color-bg-card)}.checkbox-indicator.checked{background:var(--color-success);border:none;color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:700}.member-row{position:relative;border-bottom:1px solid var(--color-border);padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-card);transition:background var(--transition-normal);cursor:pointer}.member-row:hover{background:var(--color-bg-hover)}.member-stats{display:flex;gap:3rem;align-items:center;min-width:550px;justify-content:flex-end}.member-stat{text-align:center;min-width:100px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.member-stat-wide{min-width:120px}.member-tag{background:#e8f5e9;color:#2e7d32;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:var(--font-weight-semibold);width:fit-content;margin:0 auto}.locked-value{color:var(--color-text-muted);font-size:.85rem;background:var(--color-bg-disabled);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.highlight-value{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.shopify-link{position:absolute;right:var(--spacing-lg);top:50%;transform:translateY(-50%);padding:var(--spacing-sm) var(--spacing-base);border:2px solid var(--color-accent);background:var(--color-bg-card);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;white-space:nowrap;text-decoration:none;color:var(--color-accent);font-weight:var(--font-weight-semibold);z-index:10}.paid-tip{margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-base);background:#f0f7f4;border-radius:var(--radius-md);color:#006d49;font-size:var(--font-size-sm)}.modal-page-btn{padding:6px 12px;border:1px solid #c4cdd5;border-radius:var(--radius-sm);font-size:13px;cursor:pointer}.modal-page-btn:not(:disabled){background:var(--color-primary-light);color:var(--color-text-inverse)}.modal-page-btn:disabled{background:#f6f6f7;color:var(--color-text-muted);cursor:not-allowed}.modal-close-btn{padding:6px 12px;background:#f6f6f7;color:#212b36;border:1px solid #c4cdd5;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm)}.customize-page{background:var(--color-bg-page);min-height:100vh;display:flex;flex-direction:column}.customize-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:var(--spacing-base) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center}.customize-header-left{display:flex;align-items:center;gap:var(--spacing-base)}.back-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:0;display:flex;align-items:center}.customize-title{font-size:1.25rem;font-weight:var(--font-weight-bold);margin:0}.customize-content{display:grid;grid-template-columns:400px 1fr;gap:2.5rem;padding:var(--spacing-xl) 4rem;flex:1;overflow:hidden}.customize-settings{overflow-y:auto;padding-right:var(--spacing-base)}.customize-settings-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.collapsible-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.collapsible-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.collapsible-header-left{display:flex;align-items:center;gap:.75rem}.collapsible-icon{transition:transform var(--transition-normal)}.collapsible-icon.expanded{transform:rotate(180deg)}.collapsible-label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.collapsible-content{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:1.25rem}.draggable-section{cursor:grab;transition:opacity var(--transition-normal)}.draggable-section.dragging{cursor:grabbing;opacity:.5}.section-controls{display:flex;align-items:center;gap:.75rem}.section-warning{background:#fff9e6;border:1px solid #ffe4a3;border-radius:var(--radius-md);padding:.75rem;margin-top:var(--spacing-base)}.section-warning-content{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:.75rem}.section-warning-icon{color:#f59e0b;font-size:1rem}.section-warning-text{margin:0;font-size:.85rem;color:#92400e;line-height:1.5}.customize-preview{flex:1;background:var(--color-bg-card);padding:3rem;display:flex;align-items:center;justify-content:center;position:relative}.panel-preview{width:400px;height:600px;background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;overflow:hidden}.panel-preview-header{padding:2rem 1.5rem;position:relative}.panel-preview-close{position:absolute;top:1rem;right:1rem;background:#ffffff4d;border:none;border-radius:var(--radius-md);width:32px;height:32px;cursor:pointer;font-size:1.25rem;color:#fff;display:flex;align-items:center;justify-content:center}.panel-preview-caption{margin:0 0 .25rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.panel-preview-title{margin:0;font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.panel-preview-body{flex:1;padding:var(--spacing-lg);overflow-y:auto}.loading-container{background:var(--color-bg-page);min-height:100vh;display:flex;align-items:center;justify-content:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-subsection{background:#f9f9f9;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.form-subsection-title{margin:0 0 1rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.char-count{font-size:.75rem;color:var(--color-text-muted)}.tab-toggle{background:#e8e8e8;border-radius:var(--radius-lg);padding:.375rem;display:flex;gap:.375rem}.tab-toggle-btn{flex:1;padding:.625rem 1rem;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-normal)}.tab-toggle-btn.active{background:#fff;color:var(--color-text-primary)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-base)}.radio-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.radio-label input[type=radio]{cursor:pointer}.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.icon-option{width:50px;height:50px;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;transition:border-color var(--transition-normal)}.icon-option:hover{border-color:var(--color-border-active)}.icon-option.selected{border:2px solid #4a9eff}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.color-option{width:50px;height:50px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;position:relative;transition:all var(--transition-normal)}.color-option:hover{transform:scale(1.05)}.color-option.selected{border:3px solid #000}.color-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.5)}.input-color{width:100%;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.alert{padding:var(--spacing-base);border-radius:var(--radius-lg)}.alert-danger{background:#fee;border:1px solid #fcc;color:#c00}.btn-success{background:#22c55e!important;color:#fff}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-family);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background:var(--color-bg-page);color:var(--color-text-primary);font-size:var(--font-size-base)}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-page)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}