:root{--color-primary: #667eea;--color-primary-dark: #5a67d8;--color-primary-light: #7c8ef0;--color-secondary: #764ba2;--color-secondary-dark: #6b4290;--color-secondary-light: #8554b4;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-white: #ffffff;--color-black: #000000;--color-bg-primary: #ffffff;--color-bg-secondary: #f7fafc;--color-bg-tertiary: #edf2f7;--color-surface-muted: #f8fafc;--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-text-primary: #1a202c;--color-text-secondary: #4a5568;--color-text-tertiary: #718096;--color-text-light: #a0aec0;--color-border-light: #e2e8f0;--color-border-medium: #d7dee8;--color-border-dark: #cbd5e0;--color-success: #48bb78;--color-success-light: #68d391;--color-success-dark: #38a169;--color-error: #f56565;--color-error-light: #fc8181;--color-error-dark: #e53e3e;--color-warning: #f6ad55;--color-warning-light: #fbbf24;--color-warning-dark: #ed8936;--color-info: #4299e1;--color-info-light: #63b3ed;--color-info-dark: #3182ce;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 18px rgba(102, 126, 234, .18);--shadow-xl: 0 24px 60px rgba(15, 23, 42, .28);--shadow-focus: 0 0 0 4px rgba(102, 126, 234, .14);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}html,body{margin:0;padding:0}body{overflow:hidden;color:var(--color-text-primary);background:var(--color-bg-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:host{display:flex;flex-direction:column;height:100vh}.app-container{display:flex;flex-direction:column;height:100vh;min-height:100vh}.app-header{flex:0 0 auto;padding:0;box-sizing:border-box}.app-main{flex:1 1 auto;min-height:0;overflow:auto;padding:0;box-sizing:border-box}.dashboard-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.dashboard-header .header-content{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.dashboard-header .header-title h1{margin:0;font-size:2rem;font-weight:700;color:var(--color-text-primary)}.dashboard-header .header-title .welcome-text{margin:.25rem 0 0;color:var(--color-text-tertiary);font-size:.875rem}.dashboard-header .header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.dashboard-main{max-width:1400px;margin:0 auto;padding:2rem}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--color-bg-primary);box-shadow:0 2px 4px #0000001a;border-bottom:1px solid var(--color-border-light);min-height:64px;box-sizing:border-box}.toolbar--minimal{justify-content:center;padding-inline:1rem}.toolbar-action{padding:.5rem 1rem;border:1px solid var(--color-border-light);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toolbar-action:hover{background:var(--color-bg-secondary);border-color:var(--color-border-dark);color:#2d3748}.toolbar-action:active{transform:translateY(1px)}.toolbar-action--danger{color:#c53030;border-color:var(--color-error-light)}.toolbar-action--danger:hover{background:#fed7d7;border-color:var(--color-error);color:#c53030}.toolbar-action--login{color:var(--color-primary);border-color:var(--color-primary)}.toolbar-action--login:hover{background:#edf2f7;border-color:var(--color-secondary);color:var(--color-secondary)}.toolbar-action--help{color:#2563eb;border-color:#bfdbfe}.toolbar-action--help:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.toolbar-icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--color-border-light);background:var(--color-bg-primary);cursor:pointer;font-size:1.1rem;color:var(--color-text-primary);transition:background .2s,border-color .2s}.toolbar-icon-button:hover{background:var(--color-bg-secondary);border-color:var(--color-border-dark)}@media (max-width: 900px){.app-main{padding-bottom:max(200px,env(safe-area-inset-bottom,0px) + 120px)}}@media (max-width: 768px){.dashboard-header .header-content{padding:1rem;flex-direction:column;align-items:flex-start}.dashboard-header .header-actions{width:100%;gap:.5rem}.dashboard-header .header-actions .btn{font-size:.8rem;padding:.5rem .75rem}.dashboard-main{padding:1rem}}@media (max-width: 600px){.toolbar{padding:.75rem 1rem}}.text-heading-1{font-size:2rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.2}.text-heading-2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.3}.text-heading-3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4}.text-heading-4{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4}.text-body{font-size:1rem;color:var(--color-text-primary);line-height:1.6;margin:0}.text-body-small{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.text-body-xs{font-size:.8125rem;color:var(--color-text-tertiary);line-height:1.5;margin:0}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-light{color:var(--color-text-light)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-bold{font-weight:600}.text-medium{font-weight:500}.text-normal{font-weight:400}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.dropdown{position:relative;display:inline-block;width:100%}.dropdown-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:12px;padding-right:calc(var(--spacing-md) * 2 + 12px);transition:border-color .2s,box-shadow .2s}.dropdown-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.dropdown-select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-bg-secondary)}.dropdown-select option{padding:var(--spacing-sm)}.dropdown-label{display:block;font-size:.8125rem;font-weight:500;color:var(--color-gray-700);margin-bottom:var(--spacing-xs)}.dropdown-error{margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-error)}.header-primary{background:var(--gradient-primary);color:var(--color-white);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-md)}.header-primary .header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);max-width:1400px;margin:0 auto}.header-primary .header-title{flex:1}.header-primary .header-title h1{margin:0 0 var(--spacing-xs) 0;font-size:1.5rem;font-weight:600;color:var(--color-white)}.header-primary .header-title .header-subtitle{margin:0;font-size:.875rem;opacity:var(--header-subtitle-opacity, .9);color:var(--header-subtitle-color, var(--color-white))}@media (min-width: 640px){.header-primary{padding:1.25rem var(--spacing-lg)}.header-primary .header-title h1{font-size:1.75rem}}.header-secondary{background:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.header-secondary .header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);max-width:1400px;margin:0 auto}.header-secondary .header-title{flex:1}.header-secondary .header-title h1{margin:0 0 var(--spacing-xs) 0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.header-secondary .header-title .header-subtitle{margin:0;font-size:.8125rem;color:var(--color-text-tertiary)}.bg-primary{background:var(--color-bg-primary)}.bg-secondary{background:var(--color-bg-secondary)}.bg-tertiary{background:var(--color-bg-tertiary)}.bg-white{background:var(--color-white)}.bg-gradient{background:var(--gradient-primary)}.card{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-lg)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}.card-header h2,.card-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.card-header p{margin:var(--spacing-xs) 0 0 0;font-size:.8125rem;color:var(--color-text-tertiary)}.card-body{color:var(--color-text-primary)}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.input-group label{font-size:.8125rem;font-weight:500;color:var(--color-gray-700)}.input-group input,.input-group textarea,.input-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:.9375rem;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;font-family:inherit}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.input-group input::placeholder,.input-group textarea::placeholder,.input-group select::placeholder{color:var(--color-text-light)}.input-group input:disabled,.input-group textarea:disabled,.input-group select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-bg-secondary)}.input-group textarea{resize:vertical;min-height:80px}.input-group .input-error{margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-error)}.input-group .input-hint{margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-text-tertiary)}.input-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}@media (min-width: 640px){.input-row{grid-template-columns:repeat(2,1fr)}}.input-row .input-group{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn.btn-primary{background:var(--gradient-primary);color:var(--color-white)}.btn.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn.btn-primary:active:not(:disabled){transform:translateY(0)}.btn.btn-secondary{background:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border-medium)}.btn.btn-secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-dark)}.btn.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn.btn-outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-white)}.btn.btn-ghost{background:transparent;color:var(--color-text-secondary);border:none}.btn.btn-ghost:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn.btn-danger{background:var(--color-error);color:var(--color-white)}.btn.btn-danger:hover:not(:disabled){background:var(--color-error-dark)}.btn.btn-sm{padding:.375rem var(--spacing-sm);font-size:.8125rem}.btn.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.btn.btn-block{width:100%}.btn.btn-icon{padding:var(--spacing-sm);border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center}.btn.btn-icon:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.button-group{display:flex;gap:var(--spacing-sm);align-items:center}.button-group.button-group-right{justify-content:flex-end}.button-group.button-group-left{justify-content:flex-start}.button-group.button-group-center{justify-content:center}.button-group.button-group-block{flex-direction:column}.button-group.button-group-block .btn{width:100%}@media (min-width: 640px){.button-group.button-group-block{flex-direction:row}.button-group.button-group-block .btn{width:auto}}.section{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-md)}.section .section-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}.section .section-header h2{margin:0 0 var(--spacing-xs) 0;font-size:1.1rem;color:var(--color-text-primary);font-weight:600}.section .section-header .section-description{margin:0;color:var(--color-text-tertiary);font-size:.8125rem}.section .section-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.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-lg{margin-top:var(--spacing-lg)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.d-flex{display:flex}.d-block{display:block}.d-inline-block{display:inline-block}.d-grid{display:grid}.d-none{display:none}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-stretch{align-items:stretch}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}.max-w-full{max-width:100%}.max-h-full{max-height:100%}.border{border:1px solid var(--color-border-light)}.border-top{border-top:1px solid var(--color-border-light)}.border-bottom{border-bottom:1px solid var(--color-border-light)}.border-left{border-left:1px solid var(--color-border-light)}.border-right{border-right:1px solid var(--color-border-light)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.cursor-pointer{cursor:pointer}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.page-shell{min-height:100%;background:var(--color-bg-secondary)}.page-header{--page-header-max-width: 1400px;--header-subtitle-color: var(--color-text-primary);--header-subtitle-opacity: 1;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.page-header .header-content{max-width:var(--page-header-max-width);margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.page-header .header-title h1{margin:0;font-size:2rem;font-weight:700;color:var(--color-text-primary)}.page-header .header-subtitle,.page-header .subtitle{margin:.25rem 0 0;color:var(--header-subtitle-color);opacity:var(--header-subtitle-opacity);font-size:.875rem}.page-header .muted{margin:.25rem 0 0;color:var(--color-text-tertiary);font-size:.875rem}.page-header .header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.page-main{--page-main-max-width: 1400px;max-width:var(--page-main-max-width);margin:0 auto;padding:2rem}.page-main--narrow{--page-main-max-width: 900px}.page-main--wide{--page-main-max-width: 1400px}.page-main--stacked{display:grid;gap:1.25rem}.filter-bar,.filters-bar{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:.75rem;display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.table-shell{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:var(--shadow-sm)}.alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.alert.alert-error{background-color:#fed7d7;color:#c53030;border:1px solid #fc8181}.alert.alert-success{background-color:#c6f6d5;color:#22543d;border:1px solid #9ae6b4}.loading-state,.empty-state{text-align:center;padding:3rem 2rem;background:var(--color-bg-primary);border-radius:12px;border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--color-text-tertiary)}.loading-state .spinner{width:48px;height:48px;border:4px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:app-spin .8s linear infinite}.loading-state p{margin:0;font-size:1rem}@media (max-width: 720px){.page-header .header-content{padding:1rem;flex-direction:column;align-items:flex-start}.page-header .header-actions{width:100%}.page-main{padding:1rem}}.page{padding:16px;display:grid;gap:16px}.head{display:flex;justify-content:space-between;align-items:center;gap:12px}.head h1{margin:0 0 4px;color:var(--color-text-primary);font-size:1.75rem;font-weight:700}.head p{margin:0;color:var(--color-text-tertiary)}.head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-sm)}.card h2{margin:0 0 12px;color:var(--color-text-primary);font-size:1.125rem;font-weight:700}.row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:10px;margin-bottom:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab-btn{border:1px solid var(--color-gray-300);background:var(--color-bg-primary);border-radius:var(--radius-full);padding:.65rem 1rem;color:var(--color-gray-700);font-weight:700;font-size:.88rem;transition:all .2s ease}.tab-btn:hover:not(.active){background:var(--color-surface-muted);border-color:var(--color-border-dark)}.tab-btn.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 8px 16px #667eea38}.meta{margin:0 0 8px;color:var(--color-gray-700)}.meta-tight{margin-top:4px;color:var(--color-text-tertiary);font-size:12px}.error{color:#b91c1c;margin:0;font-weight:600}.warning{color:#b45309;margin:0;font-weight:600}.status{text-transform:uppercase;font-size:12px;color:var(--color-gray-700);font-weight:700}.pager,.recipients-pagination,.conversions-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;margin-bottom:10px;flex-wrap:wrap}.pager-meta{color:var(--color-text-tertiary);font-size:13px}.pager-actions,.recipients-pagination-controls,.conversions-pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.limit-label,.pager-actions label{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--color-gray-700);font-size:13px;font-weight:600}.modal-backdrop{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:2100}.modal-card{width:min(860px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:14px;padding:18px;box-shadow:var(--shadow-xl)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.modal-head h2{margin:0 0 6px}.modal-close{white-space:nowrap}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}@media (max-width: 900px){.head{flex-direction:column;align-items:flex-start}.head-actions{width:100%}.row{flex-direction:column}.row>*{width:100%}.pager{flex-direction:column;align-items:flex-start}}@media (max-width: 720px){.modal-backdrop{align-items:flex-end;padding:12px}.modal-card{max-height:calc(100vh - 24px);padding:14px}.modal-head,.modal-actions{flex-direction:column}.modal-actions button,.modal-close{width:100%}}.page label,.settings-form label,.filter-bar label,.modal-card label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--color-gray-700)}.page input:not([type=checkbox]),.page select,.page textarea,.settings-form input:not([type=checkbox]),.settings-form select,.settings-form textarea,.filter-bar input:not([type=checkbox]),.filter-bar select,.filter-bar textarea,.modal-card input:not([type=checkbox]),.modal-card select,.modal-card textarea{min-height:44px;padding:.75rem .9rem;border:1px solid var(--color-border-medium);border-radius:10px;background:var(--color-bg-primary);color:var(--color-gray-800);box-sizing:border-box;box-shadow:inset 0 1px 2px #0f172a0a;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.page input:not([type=checkbox])::placeholder,.page select::placeholder,.page textarea::placeholder,.settings-form input:not([type=checkbox])::placeholder,.settings-form select::placeholder,.settings-form textarea::placeholder,.filter-bar input:not([type=checkbox])::placeholder,.filter-bar select::placeholder,.filter-bar textarea::placeholder,.modal-card input:not([type=checkbox])::placeholder,.modal-card select::placeholder,.modal-card textarea::placeholder{color:var(--color-gray-400)}.page input:not([type=checkbox]):hover:not(:disabled),.page select:hover:not(:disabled),.page textarea:hover:not(:disabled),.settings-form input:not([type=checkbox]):hover:not(:disabled),.settings-form select:hover:not(:disabled),.settings-form textarea:hover:not(:disabled),.filter-bar input:not([type=checkbox]):hover:not(:disabled),.filter-bar select:hover:not(:disabled),.filter-bar textarea:hover:not(:disabled),.modal-card input:not([type=checkbox]):hover:not(:disabled),.modal-card select:hover:not(:disabled),.modal-card textarea:hover:not(:disabled){border-color:#c2ccd8}.page input:not([type=checkbox]):focus,.page select:focus,.page textarea:focus,.settings-form input:not([type=checkbox]):focus,.settings-form select:focus,.settings-form textarea:focus,.filter-bar input:not([type=checkbox]):focus,.filter-bar select:focus,.filter-bar textarea:focus,.modal-card input:not([type=checkbox]):focus,.modal-card select:focus,.modal-card textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus),inset 0 1px 2px #0f172a0a}.page input:not([type=checkbox]):disabled,.page select:disabled,.page textarea:disabled,.settings-form input:not([type=checkbox]):disabled,.settings-form select:disabled,.settings-form textarea:disabled,.filter-bar input:not([type=checkbox]):disabled,.filter-bar select:disabled,.filter-bar textarea:disabled,.modal-card input:not([type=checkbox]):disabled,.modal-card select:disabled,.modal-card textarea:disabled{background:var(--color-surface-muted);color:#94a3b8;cursor:not-allowed;border-color:var(--color-border-light);box-shadow:none}.page select,.settings-form select,.filter-bar select,.modal-card select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.4rem}.page input[type=checkbox],.settings-form input[type=checkbox],.filter-bar input[type=checkbox],.modal-card input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;margin:0;accent-color:var(--color-primary);cursor:pointer}.checkbox{display:flex;align-items:center;gap:8px}.modal-card .checkbox{gap:10px;font-weight:600;padding-top:.35rem}.btn{padding:.625rem 1.05rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap}.btn:focus{outline:none;box-shadow:0 0 0 3px #667eea33}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn.btn-primary{background:var(--color-primary);color:var(--color-white);box-shadow:0 6px 14px #667eea38}.btn.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn.btn-secondary{background:var(--color-bg-tertiary);color:#2d3748;border:1px solid var(--color-border-medium)}.btn.btn-secondary:hover:not(:disabled){background:var(--color-border-light);border-color:var(--color-border-dark);transform:translateY(-1px)}.btn.btn-link{background:transparent;color:var(--color-primary);border:1px solid transparent}.btn.btn-link:hover:not(:disabled){background:#667eea14;color:var(--color-primary-dark)}.btn.btn-danger{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}.btn.btn-danger:hover:not(:disabled){background:#fed7d7;border-color:var(--color-error-light);transform:translateY(-1px)}.btn.btn-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.btn.btn-warning:hover:not(:disabled){background:#fde68a;border-color:#f59e0b;transform:translateY(-1px)}.btn.btn-outline{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-medium)}.btn.btn-outline:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.btn.btn-sm,.btn.btn-small{padding:.45rem .7rem;font-size:.8rem;border-radius:7px}.btn .rotating{display:inline-block;animation:app-spin 1s linear infinite}.page table{width:100%;border-collapse:collapse;font-size:.92rem}.page th,.page td{border-bottom:1px solid var(--color-gray-200);padding:10px 8px;text-align:left;vertical-align:top}.page th{color:#475467;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.recipients-filters,.conversions-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.recipients-filters input,.conversions-filters input{flex:1 1 220px}.recipients-filters select,.conversions-filters select{min-width:150px}@media (max-width: 720px){.recipients-filters>*,.conversions-filters>*{width:100%}}@keyframes app-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-form{display:flex;flex-direction:column;gap:2rem;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm)}.section-card{display:grid;gap:1rem}.section-card>h2,.section-card>h3,.section-card>h4{margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-weight:600}.section-card>h2{font-size:1.35rem}.section-card>h3{font-size:1.25rem}.section-card>h4{font-size:1.05rem}.section-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-light)}.section-card__title{margin:0;color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.image-upload-section{display:flex;gap:1.5rem;align-items:flex-start}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;margin-top:1rem;border-top:1px solid var(--color-border-light);flex-wrap:wrap}@media (max-width: 720px){.settings-form{padding:1.5rem}.image-upload-section{flex-direction:column}.form-row{grid-template-columns:1fr}}.filter-panel,.filters-section{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.25rem}.filter-panel h3,.filters-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.filter-field,.filter-group{display:grid;gap:.35rem;min-width:180px}.filter-field label,.filter-group label{font-size:.8rem;color:var(--color-text-tertiary);font-weight:700;text-transform:uppercase;letter-spacing:.02em}.filter-field input:not([type=checkbox]),.filter-field select,.filter-field textarea,.filter-group input:not([type=checkbox]),.filter-group select,.filter-group textarea{min-height:44px;width:100%;padding:.75rem .9rem;border:1px solid var(--color-border-medium);border-radius:10px;background:var(--color-bg-primary);color:var(--color-gray-800);box-sizing:border-box;box-shadow:inset 0 1px 2px #0f172a0a;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.filter-field input:not([type=checkbox])::placeholder,.filter-field select::placeholder,.filter-field textarea::placeholder,.filter-group input:not([type=checkbox])::placeholder,.filter-group select::placeholder,.filter-group textarea::placeholder{color:var(--color-gray-400)}.filter-field input:not([type=checkbox]):hover:not(:disabled),.filter-field select:hover:not(:disabled),.filter-field textarea:hover:not(:disabled),.filter-group input:not([type=checkbox]):hover:not(:disabled),.filter-group select:hover:not(:disabled),.filter-group textarea:hover:not(:disabled){border-color:#c2ccd8}.filter-field input:not([type=checkbox]):focus,.filter-field select:focus,.filter-field textarea:focus,.filter-group input:not([type=checkbox]):focus,.filter-group select:focus,.filter-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus),inset 0 1px 2px #0f172a0a}.filter-field input:not([type=checkbox]):disabled,.filter-field select:disabled,.filter-field textarea:disabled,.filter-group input:not([type=checkbox]):disabled,.filter-group select:disabled,.filter-group textarea:disabled{background:var(--color-surface-muted);color:#94a3b8;cursor:not-allowed;border-color:var(--color-border-light);box-shadow:none}.filter-field select,.filter-group select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.4rem}.filter-actions{display:flex;gap:.75rem;justify-content:flex-start;flex-wrap:wrap}.table-wrap,.table-section{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.table-wrap{overflow-x:auto}.table-section{overflow:hidden}.table-header{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border-light);color:var(--color-gray-700);font-weight:600;font-size:.875rem}.pagination,.pagination-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 0}.pagination-controls{padding:1rem 1.5rem;border-top:1px solid var(--color-border-light)}.page-info{color:var(--color-text-tertiary);font-size:.875rem}.campaign-list-page .page-main,.order-list-page .page-main,.contact-manager-page .page-main,.products-page .page-main{--page-main-max-width: 1400px}.contact-manager-page .filter-panel .search-bar{display:flex;gap:.75rem}.contact-manager-page .filter-panel .search-input-wrapper{flex:1;position:relative}.contact-manager-page .filter-panel .search-input-wrapper .search-input{width:100%;min-height:44px;padding:.75rem;border:1px solid var(--color-border-light);border-radius:6px;font-size:.875rem;box-sizing:border-box}.contact-manager-page .filter-panel .search-input-wrapper .search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.contact-manager-page .filter-panel .filter-group{display:flex;gap:.75rem;flex-wrap:wrap}.contact-manager-page .filter-panel .filter-select{min-height:44px;padding:.75rem;border:1px solid var(--color-border-medium);border-radius:8px;font-size:.875rem;background:var(--color-bg-primary);cursor:pointer}.contact-manager-page .filter-panel .filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.contact-manager-page .alert p{margin:0}.contact-manager-page .table-section{padding:1.5rem}.contact-manager-page .table-section .table-container{overflow-x:auto;overflow-y:auto;margin-bottom:1.5rem;-webkit-overflow-scrolling:touch}.contact-manager-page .table-section .contacts-list-mobile{display:none}.products-page .products-tip{margin-bottom:1rem;padding:.85rem 1rem;border:1px solid #c7d2fe;border-radius:8px;background:#eef2ff;color:#3730a3;font-size:.9rem;line-height:1.45;font-weight:500}.products-page .products-controls{margin-bottom:1.5rem}.products-page .controls-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.products-page .controls-title{margin:0;font-size:1rem;font-weight:700;color:var(--color-text-primary)}.products-page .collapse-btn{white-space:nowrap}.products-page .controls-row{display:grid;grid-template-columns:1fr;gap:1rem}.products-page .field-label{display:block;margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.products-page .search-box{width:100%}.products-page .search-box .search-row{display:flex;gap:.5rem;align-items:center}.products-page .search-box .search-input{width:100%;min-height:44px;padding:.75rem 1rem;border:1px solid var(--color-border-light);border-radius:6px;font-size:.875rem;transition:border-color .2s;box-sizing:border-box}.products-page .search-box .search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.products-page .search-box .search-btn{flex:0 0 auto;white-space:nowrap}.products-page .my-designs-field{display:flex;align-items:end}.products-page .my-designs-check{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary);font-weight:600;-webkit-user-select:none;user-select:none;cursor:pointer}.products-page .my-designs-check input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--color-primary)}.products-page .pagination-bar{margin-top:1.5rem;padding:1rem}.products-page .pagination-meta{color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.products-page .pagination-controls{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap}.products-page .page-size{min-width:140px}.products-page .no-products{text-align:center;padding:4rem 2rem;color:var(--color-text-tertiary)}@media (max-width: 768px){.filter-bar{align-items:stretch}.filter-field,.filter-group{width:100%}.filter-actions{flex-direction:column}.filter-actions .btn{width:100%}.contact-manager-page .filter-panel{padding:1rem}.contact-manager-page .filter-panel .search-bar{flex-direction:column}.contact-manager-page .filter-panel .search-bar .search-input-wrapper{min-width:0}.contact-manager-page .filter-panel .filter-group{width:100%}.contact-manager-page .filter-panel .filter-group .filter-select{flex:1;min-width:0}.contact-manager-page .table-section .table-container--desktop{display:none}.contact-manager-page .table-section .contacts-list-mobile{display:block;padding-bottom:.5rem}.products-page .controls-row{grid-template-columns:1fr}}@media (min-width: 640px){.products-page .controls-row{grid-template-columns:2fr 1fr 1fr 1fr;align-items:end}}.table-empty-row td{text-align:center;color:var(--color-text-tertiary);padding-top:1rem;padding-bottom:1rem}.stats-section,.quick-actions-section{margin-bottom:2.5rem}.stats-section .section-title,.quick-actions-section .section-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.quick-actions-section{margin-top:2rem}.content-section{background:var(--color-bg-primary);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.content-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.content-section .section-header .section-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.overview-tips{margin-top:1rem;display:grid;gap:.65rem}.overview-tip{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-left:4px solid var(--color-primary);border-radius:10px;padding:.75rem .9rem;color:#2d3748;font-size:.9rem;line-height:1.45}.overview-tip a{color:#4c51bf;font-weight:600;text-decoration:none}.overview-tip a:hover{text-decoration:underline}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.stat-card{background:var(--color-bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;cursor:pointer;display:flex;gap:1rem;align-items:flex-start}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.stat-card .stat-icon{font-size:2.5rem;line-height:1}.stat-card .stat-content{flex:1}.stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);line-height:1;margin-bottom:.25rem}.stat-card .stat-label{font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:.5rem}.stat-card .stat-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.75rem;color:var(--color-text-light)}.stat-card .stat-meta .meta-divider{opacity:.5}.stat-card.campaigns{border-left:4px solid var(--color-primary)}.stat-card.products{border-left:4px solid var(--color-success)}.stat-card.contacts{border-left:4px solid var(--color-warning-dark)}.stat-card.orders{border-left:4px solid #9f7aea}.stat-card.received-calendars{border-left:4px solid #38b2ac}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.product-card{border:1px solid var(--color-border-light);border-radius:8px;overflow:hidden;transition:all .2s;cursor:pointer;background:var(--color-bg-primary)}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.product-card .product-image,.product-card .product-image-placeholder{width:100%;height:160px;object-fit:contain;overflow:hidden;display:flex}.product-card .product-image img,.product-card .product-image-placeholder img{width:100%;height:auto;object-fit:contain}.product-card .product-image-placeholder{background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:3rem}.product-card .product-image-placeholder img{width:100%;height:100%;object-fit:cover}.product-card .product-info{padding:1rem}.product-card .product-name{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.product-card .product-desc{margin:0;font-size:.875rem;color:var(--color-text-tertiary);line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.action-card{background:var(--color-bg-primary);border:2px solid var(--color-border-light);border-radius:12px;padding:2rem 1rem;text-align:center;cursor:pointer;transition:all .2s}.action-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.action-card .action-icon{font-size:2.5rem;margin-bottom:.75rem}.action-card .action-label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.action-card .action-hint{font-size:.75rem;color:var(--color-text-light);margin-top:.25rem;font-style:italic}.action-card.my-calendars-card{border-color:#38b2ac;background:linear-gradient(135deg,#38b2ac1a,#3197951a)}.action-card.my-calendars-card:hover{border-color:#319795;background:linear-gradient(135deg,#38b2ac26,#31979526);box-shadow:0 4px 12px #38b2ac4d}.action-card.my-calendars-card .action-label{color:#2c7a7b;font-weight:700}.action-card.my-calendars-card .action-hint{color:#4a9a9a}.action-card.admin-shortcut-card{border-color:#667eea59;background:linear-gradient(180deg,#667eea14,#fff)}.action-card.admin-shortcut-card .action-label{color:var(--color-gray-700)}.action-card.admin-shortcut-card .action-hint{color:#667085}.action-card.admin-card{border-color:#667eea40;background:linear-gradient(180deg,#667eea14,#fff)}.action-card.help-card{background:var(--gradient-primary)!important;color:var(--color-white)!important}.action-card.help-card .action-label{color:var(--color-white);font-weight:600}.action-card.help-card .action-hint{color:#ffffffe6}.action-card.help-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #667eea66}.super-admin-section{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--color-border-light)}.super-admin-section .section-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.super-admin-section .section-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.super-admin-section .section-subtitle{margin:0;color:var(--color-text-tertiary);font-size:.875rem}.empty-state-mini{text-align:center;padding:3rem 2rem}.empty-state-mini .empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state-mini p{margin:0 0 1.5rem;color:var(--color-text-tertiary)}.info-banner{background:var(--gradient-primary);color:var(--color-white);border-radius:12px;padding:2rem;text-align:center;margin-top:2rem}.info-banner h3{margin:0 0 .5rem;font-size:1.25rem}.info-banner p{margin:0 0 1.5rem;opacity:.9}.guest-banner-top{margin-top:0;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:1.5rem 2rem;gap:2rem}.guest-banner-top .banner-icon{font-size:2.5rem;flex-shrink:0}.guest-banner-top .banner-content{flex:1}.guest-banner-top .banner-content h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.guest-banner-top .banner-content p{margin:0;opacity:.95;font-size:.9375rem}.guest-banner-top .btn{flex-shrink:0;white-space:nowrap}.pending-payment-banner{margin-bottom:1rem;border:1px solid #fcd34d;background:#fffbeb;color:#92400e;border-radius:12px;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.banner-text{font-weight:700;font-size:.92rem}@media (max-width: 768px){.guest-banner-top{flex-direction:column;text-align:center;padding:1.5rem;gap:1rem}.guest-banner-top .banner-content{text-align:center}.guest-banner-top .btn,.pending-payment-banner .btn{width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 420px){.stats-grid{grid-template-columns:1fr}}.billing-container,.public-billing-container,.tx-container{--finance-main-max-width: 1200px}.billing-container .page-header,.public-billing-container .page-header,.tx-container .page-header{--page-header-max-width: var(--finance-main-max-width)}.billing-container .page-main,.billing-container .billing-main,.billing-container .main,.public-billing-container .page-main,.public-billing-container .billing-main,.public-billing-container .main,.tx-container .page-main,.tx-container .billing-main,.tx-container .main{--page-main-max-width: var(--finance-main-max-width);display:grid;gap:1.25rem}.billing-container .card,.public-billing-container .card,.tx-container .card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-sm)}.billing-container .card-title,.public-billing-container .card-title,.tx-container .card-title{font-weight:800;color:var(--color-text-primary);margin-bottom:.75rem}.billing-container .row,.public-billing-container .row,.tx-container .row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem}.billing-container .field,.public-billing-container .field,.tx-container .field{flex:1;min-width:260px}.billing-container .label,.public-billing-container .label,.tx-container .label{font-size:12px;font-weight:700;color:var(--color-text-secondary);margin-bottom:6px}.billing-container .select,.public-billing-container .select,.tx-container .select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--color-border-light);border-radius:10px;background:var(--color-bg-primary);font-size:14px;color:var(--color-text-primary)}.billing-container .muted,.public-billing-container .muted,.tx-container .muted{color:var(--color-text-tertiary)}.billing-container .muted.small,.public-billing-container .muted.small,.tx-container .muted.small{font-size:12px;line-height:1.35}.billing-container .state.error,.billing-container .state.info,.billing-container .state.success,.public-billing-container .state.error,.public-billing-container .state.info,.public-billing-container .state.success,.tx-container .state.error,.tx-container .state.info,.tx-container .state.success{padding:12px 14px;border-radius:12px}.billing-container .state.error,.public-billing-container .state.error,.tx-container .state.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.billing-container .state.info,.public-billing-container .state.info,.tx-container .state.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.billing-container .state.success,.public-billing-container .state.success,.tx-container .state.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.billing-container .balance-row,.public-billing-container .balance-row,.tx-container .balance-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.billing-container .balance-pill,.public-billing-container .balance-pill,.tx-container .balance-pill{border:1px solid var(--color-border-light);border-radius:12px;padding:12px 14px;background:var(--color-bg-secondary);min-width:160px}.billing-container .balance-label,.public-billing-container .balance-label,.tx-container .balance-label{color:var(--color-text-tertiary);font-size:12px;font-weight:700}.billing-container .balance-value,.public-billing-container .balance-value,.tx-container .balance-value{font-size:28px;font-weight:900;color:var(--color-text-primary);line-height:1.1;margin-top:4px}.billing-container .balance-meta,.public-billing-container .balance-meta,.tx-container .balance-meta{color:var(--color-text-tertiary);font-size:13px;display:grid;gap:2px}.billing-container .neg-banner,.public-billing-container .neg-banner,.tx-container .neg-banner{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.billing-container .neg-text,.public-billing-container .neg-text,.tx-container .neg-text{font-size:13px;font-weight:700;color:#991b1b}.billing-container .plans-grid,.public-billing-container .plans-grid,.tx-container .plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.billing-container .plan-card,.public-billing-container .plan-card,.tx-container .plan-card{border:1px solid var(--color-border-light);border-radius:12px;padding:14px;background:var(--color-bg-primary);display:grid;gap:10px}.billing-container .plan-head,.public-billing-container .plan-head,.tx-container .plan-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.billing-container .plan-title,.public-billing-container .plan-title,.tx-container .plan-title{font-weight:800;color:var(--color-text-primary)}.billing-container .plan-price,.public-billing-container .plan-price,.tx-container .plan-price{font-weight:900;color:var(--color-text-primary)}.billing-container .plan-sub,.public-billing-container .plan-sub,.tx-container .plan-sub{color:var(--color-text-tertiary);font-size:13px}.billing-container .first-time-badge,.public-billing-container .first-time-badge,.tx-container .first-time-badge{display:inline-flex;width:fit-content;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid #f59e0b;background:#fffbeb;color:#92400e;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.billing-container .offer-note,.public-billing-container .offer-note,.tx-container .offer-note{border:1px dashed #fcd34d;background:#fffbeb;color:#92400e;border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.4;font-weight:700}.billing-container .plan-actions,.billing-container .checkout-link-actions,.billing-container .card-actions,.billing-container .remove-card-confirm-actions,.public-billing-container .plan-actions,.public-billing-container .checkout-link-actions,.public-billing-container .card-actions,.public-billing-container .remove-card-confirm-actions,.tx-container .plan-actions,.tx-container .checkout-link-actions,.tx-container .card-actions,.tx-container .remove-card-confirm-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.public-billing-container{--finance-main-max-width: 1080px}.tx-container .tx-filters .field{min-width:200px}@media (max-width: 720px){.billing-container .page-main,.billing-container .billing-main,.billing-container .main,.public-billing-container .page-main,.public-billing-container .billing-main,.public-billing-container .main,.tx-container .page-main,.tx-container .billing-main,.tx-container .main{padding:1rem}.billing-container .row,.billing-container .neg-banner,.billing-container .plan-actions,.billing-container .checkout-link-actions,.public-billing-container .row,.public-billing-container .neg-banner,.public-billing-container .plan-actions,.public-billing-container .checkout-link-actions,.tx-container .row,.tx-container .neg-banner,.tx-container .plan-actions,.tx-container .checkout-link-actions{flex-direction:column;align-items:stretch}.billing-container .field,.public-billing-container .field,.tx-container .field{min-width:0}.billing-container .plans-grid,.public-billing-container .plans-grid,.tx-container .plans-grid{grid-template-columns:1fr}}.edit-campaign-container .preview-panel,.create-campaign-container .preview-panel{position:relative;flex:1;min-height:400px;overflow:hidden;display:flex;padding:.75rem;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.edit-campaign-container .preview-panel app-layout-preview-html,.create-campaign-container .preview-panel app-layout-preview-html{display:block;height:100%;min-height:0;flex:1}.edit-campaign-container .progress-section .progress-container,.create-campaign-container .progress-section .progress-container{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.edit-campaign-container .progress-section .progress-bar,.create-campaign-container .progress-section .progress-bar{width:100%;height:24px;background:var(--color-bg-primary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-medium)}.edit-campaign-container .progress-section .progress-fill,.create-campaign-container .progress-section .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .3s ease;border-radius:var(--radius-md)}.edit-campaign-container .progress-section .progress-info,.create-campaign-container .progress-section .progress-info{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem;color:var(--color-text-secondary);flex-wrap:wrap}.edit-campaign-container .progress-section .error-message,.edit-campaign-container .progress-section .success-message,.create-campaign-container .progress-section .error-message,.create-campaign-container .progress-section .success-message{padding:1rem;border-radius:var(--radius-md)}.edit-campaign-container .progress-section .error-message,.create-campaign-container .progress-section .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.edit-campaign-container .progress-section .error-message p,.create-campaign-container .progress-section .error-message p{margin:0 0 .75rem}.edit-campaign-container .progress-section .success-message,.create-campaign-container .progress-section .success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#16a34a}.edit-campaign-container .progress-section .success-message p,.create-campaign-container .progress-section .success-message p{margin:0;font-weight:600}.edit-campaign-container .selection-summary-card,.create-campaign-container .selection-summary-card{margin-top:1rem;padding:1rem;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-primary);box-shadow:var(--shadow-sm)}.edit-campaign-container .selection-summary-card .selection-header,.create-campaign-container .selection-summary-card .selection-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.edit-campaign-container .selection-summary-card .selection-header strong,.create-campaign-container .selection-summary-card .selection-header strong{font-size:1rem;color:var(--color-text-primary)}.edit-campaign-container .selection-summary-card .label-pill,.create-campaign-container .selection-summary-card .label-pill{display:inline-flex;align-items:center;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--color-primary-50, rgba(79, 70, 229, .1));color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em}.edit-campaign-container .selection-summary-card .selection-details,.create-campaign-container .selection-summary-card .selection-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.edit-campaign-container .selection-summary-card .selection-details div,.create-campaign-container .selection-summary-card .selection-details div{font-size:.85rem;color:var(--color-text-secondary)}.edit-campaign-container .selection-summary-card .selection-details div span,.create-campaign-container .selection-summary-card .selection-details div span{font-weight:600;color:var(--color-text-primary);margin-right:.25rem}.edit-campaign-container .preview-card,.edit-campaign-container .preview-pages-card,.create-campaign-container .preview-card,.create-campaign-container .preview-pages-card{padding:1.25rem}.edit-campaign-container .preview-card-header,.edit-campaign-container .preview-pages-header,.create-campaign-container .preview-card-header,.create-campaign-container .preview-pages-header{margin-bottom:1rem}.edit-campaign-container .preview-card-header,.create-campaign-container .preview-card-header{flex-wrap:nowrap;align-items:center;gap:.75rem}.edit-campaign-container .preview-card-header .preview-card-title,.create-campaign-container .preview-card-header .preview-card-title{min-width:0;flex:1 1 auto}.edit-campaign-container .preview-card-header h2,.create-campaign-container .preview-card-header h2{white-space:nowrap}.edit-campaign-container .preview-card-header .section-description,.create-campaign-container .preview-card-header .section-description{margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-campaign-container .preview-card-header .header-actions,.create-campaign-container .preview-card-header .header-actions{width:auto;flex:0 0 auto;justify-content:flex-end;flex-wrap:nowrap}.edit-campaign-container .preview-open-image-btn,.create-campaign-container .preview-open-image-btn{width:2.25rem;height:2.25rem;min-width:2.25rem;padding:0;font-size:1rem;line-height:1}.edit-campaign-container .preview-image-frame,.create-campaign-container .preview-image-frame{display:flex;align-items:center;justify-content:center;min-height:320px;max-height:62vh;padding:1rem;background:linear-gradient(180deg,#f8fafc,#eef2f7);border:1px solid var(--color-border-light);border-radius:12px;overflow:hidden}.edit-campaign-container .preview-image,.create-campaign-container .preview-image{width:100%;height:auto;max-height:calc(62vh - 2rem);object-fit:contain;display:block;cursor:zoom-in}.edit-campaign-container .preview-image-empty,.create-campaign-container .preview-image-empty{color:var(--color-text-secondary);font-size:.95rem;text-align:center;max-width:20rem}.edit-campaign-container .preview-primary-actions,.create-campaign-container .preview-primary-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.edit-campaign-container .preview-pages-list,.create-campaign-container .preview-pages-list{display:flex;flex-direction:column;gap:.75rem;max-height:34vh;overflow-y:auto;padding-right:.25rem}.edit-campaign-container .preview-page-card,.create-campaign-container .preview-page-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:.75rem;align-items:center;width:100%;padding:.75rem;border:1px solid var(--color-border-light);border-radius:12px;background:var(--color-bg-primary);cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.edit-campaign-container .preview-page-card:hover,.create-campaign-container .preview-page-card:hover{border-color:#94a3b8;box-shadow:0 6px 18px #0f172a14;transform:translateY(-1px)}.edit-campaign-container .preview-page-card.selected,.create-campaign-container .preview-page-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51f;background:#f8faff}.edit-campaign-container .preview-page-thumb,.create-campaign-container .preview-page-thumb{height:112px;border-radius:10px;overflow:hidden;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:center}.edit-campaign-container .preview-page-thumb .layout-thumbnail,.create-campaign-container .preview-page-thumb .layout-thumbnail{width:100%;height:100%;object-fit:contain;display:block}.edit-campaign-container .preview-page-meta,.create-campaign-container .preview-page-meta{min-width:0;display:flex;flex-direction:column;gap:.35rem}.edit-campaign-container .preview-page-title,.create-campaign-container .preview-page-title{font-size:.95rem;font-weight:600;color:#1e293b}.edit-campaign-container .preview-page-status,.create-campaign-container .preview-page-status{font-size:.78rem;color:var(--color-text-secondary)}.edit-campaign-container .pages-section .images-grid,.create-campaign-container .pages-section .images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-top:.75rem}.edit-campaign-container .image-card,.create-campaign-container .image-card{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;padding:0;text-align:left}.edit-campaign-container .image-card:hover,.create-campaign-container .image-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--color-primary)}.edit-campaign-container .image-card.selected,.create-campaign-container .image-card.selected{border-color:var(--color-primary);box-shadow:0 4px 12px #667eea38}.edit-campaign-container .image-card .image-container,.create-campaign-container .image-card .image-container{width:100%;overflow:hidden;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;padding:.75rem;box-sizing:border-box}.edit-campaign-container .image-card img.layout-thumbnail,.create-campaign-container .image-card img.layout-thumbnail{width:100%;height:120px;object-fit:contain;display:block}.edit-campaign-container .image-card .image-info,.create-campaign-container .image-card .image-info{padding:.6rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.edit-campaign-container .image-card .image-title,.create-campaign-container .image-card .image-title{font-weight:700;font-size:.9rem;color:var(--color-text-primary)}.edit-campaign-container .image-card .no-image,.create-campaign-container .image-card .no-image{color:var(--color-text-secondary);font-size:.875rem;padding:2rem 0;text-align:center;width:100%}.edit-campaign-container .image-upload-controls,.create-campaign-container .image-upload-controls{display:flex;flex-direction:row;gap:.5rem;margin-top:.5rem;align-items:center;flex-wrap:wrap}.preview-campaign-container .preview-main{display:grid;gap:1rem}.preview-campaign-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.preview-campaign-container .loading-state .spinner{width:48px;height:48px;border:4px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:business-facing-spin .8s linear infinite}.preview-campaign-container .error-state{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1.5rem;margin:2rem;text-align:center}.preview-campaign-container .error-state p{color:#c53030;margin:0}.preview-campaign-container .alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.preview-campaign-container .alert.alert-error{background-color:#fed7d7;color:#c53030;border:1px solid #fc8181}.preview-campaign-container .info-rows{display:grid;gap:1rem;margin:1rem 0 2rem}.preview-campaign-container .info-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.preview-campaign-container .card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow-sm)}.preview-campaign-container .card h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.preview-campaign-container .card dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem 1rem}.preview-campaign-container .card dl div{display:grid;gap:.25rem}.preview-campaign-container .card dl dt{font-size:.875rem;color:var(--color-text-tertiary)}.preview-campaign-container .card dl dd{margin:0;font-weight:600;color:var(--color-gray-800)}.preview-campaign-container .contacts-card,.preview-campaign-container .images-card,.preview-campaign-container .orders-card,.preview-campaign-container .survey-card{margin-top:1rem}.preview-campaign-container .contacts-card .section-header,.preview-campaign-container .images-card .section-header,.preview-campaign-container .orders-card .section-header,.preview-campaign-container .survey-card .section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.preview-campaign-container .contacts-card .section-header h3,.preview-campaign-container .images-card .section-header h3,.preview-campaign-container .orders-card .section-header h3,.preview-campaign-container .survey-card .section-header h3{margin:0}.preview-campaign-container .contacts-card .header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.preview-campaign-container .orders-search-bar{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.preview-campaign-container .orders-search-bar .search-input{flex:1;padding:.65rem 1rem;border:1px solid var(--color-border-light);border-radius:8px;font-size:.9rem;transition:border-color .15s ease,box-shadow .15s ease}.preview-campaign-container .orders-search-bar .search-input:focus{outline:none;border-color:var(--color-primary-dark);box-shadow:0 0 0 3px #4c51bf1a}.preview-campaign-container .orders-search-bar .search-input::placeholder{color:var(--color-text-light)}.preview-campaign-container .orders-search-bar .search-button,.preview-campaign-container .orders-search-bar .refresh-button,.preview-campaign-container .orders-search-bar .export-button{flex-shrink:0;white-space:nowrap}.preview-campaign-container .orders-table-wrapper{overflow-x:auto;overflow-y:auto;margin-bottom:1rem;max-height:520px;border:1px solid var(--color-border-light);border-radius:10px;-webkit-overflow-scrolling:touch}.preview-campaign-container .orders-list-mobile{display:none}.preview-campaign-container .orders-table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--color-bg-primary)}.preview-campaign-container .orders-table th,.preview-campaign-container .orders-table td{text-align:left;padding:.65rem .75rem;border-bottom:1px solid var(--color-border-light);white-space:nowrap}.preview-campaign-container .orders-table th{position:sticky;top:0;z-index:2;background:var(--color-bg-secondary);color:var(--color-gray-800);font-weight:600}.preview-campaign-container .orders-table td.mono{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem}.preview-campaign-container .orders-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-border-light)}.preview-campaign-container .orders-pagination .pagination-info{color:var(--color-text-secondary);font-size:.9rem}.preview-campaign-container .orders-pagination button:disabled{opacity:.5;cursor:not-allowed}.preview-campaign-container .state-block{padding:1.25rem;border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-secondary)}.preview-campaign-container .state-block.state-error{background:#fed7d7;color:#c53030}.preview-campaign-container .inline-error{margin:0 0 1rem;padding:.75rem 1rem;border-radius:8px;background:#fed7d7;color:#c53030}.preview-campaign-container .link-section,.preview-campaign-container .credits-panel,.preview-campaign-container .sample-panel,.preview-campaign-container .self-order-panel{display:grid;gap:.45rem}.preview-campaign-container .link-section{gap:1rem}.preview-campaign-container .credits-panel,.preview-campaign-container .sample-panel,.preview-campaign-container .self-order-panel{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--color-border-light)}.preview-campaign-container .credits-label{font-size:.85rem;color:var(--color-text-tertiary)}.preview-campaign-container .credits-value{font-size:1.3rem;font-weight:800;color:var(--color-text-primary);line-height:1.1}.preview-campaign-container .credits-error,.preview-campaign-container .sample-error,.preview-campaign-container .self-order-error{color:#c53030;font-size:.82rem}.preview-campaign-container .campaign-subtitle{margin:0;color:var(--color-text-tertiary);font-size:.875rem}.preview-campaign-container .campaign-assigned-user{margin:.4rem 0 0;color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.preview-campaign-container .sample-title,.preview-campaign-container .self-order-title{font-size:.9rem;font-weight:700;color:var(--color-text-primary)}.preview-campaign-container .sample-text,.preview-campaign-container .self-order-text,.preview-campaign-container .self-order-note{font-size:.85rem;color:var(--color-text-secondary)}.preview-campaign-container .self-order-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.preview-campaign-container .self-order-controls label{font-size:.82rem;color:var(--color-text-secondary);font-weight:600}.preview-campaign-container .self-order-controls input{width:84px;border:1px solid var(--color-border-medium);border-radius:6px;padding:.45rem .55rem;font-size:.9rem}.preview-campaign-container .link-item{display:flex;flex-direction:column;gap:.5rem}.preview-campaign-container .link-item label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.preview-campaign-container .link-item .link-input-group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.preview-campaign-container .link-item .link-input{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border-light);border-radius:6px;font-size:.875rem;font-family:monospace;background:var(--color-bg-secondary);color:var(--color-gray-800);cursor:text}.preview-campaign-container .link-item .link-input:focus{outline:none;border-color:var(--color-primary-dark);background:var(--color-bg-primary)}.preview-campaign-container .link-item .btn-sm{padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}.preview-campaign-container .link-item .btn-success{background-color:#10b981;color:#fff;border-color:#10b981}.preview-campaign-container .link-item .btn-success:hover{background-color:#059669;border-color:#059669}.preview-campaign-container .survey-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.preview-campaign-container .metric{border:1px solid var(--color-border-light);border-radius:10px;padding:.85rem 1rem;background:var(--color-bg-primary)}.preview-campaign-container .metric .metric-label{color:var(--color-text-tertiary);font-size:.85rem;font-weight:600}.preview-campaign-container .metric .metric-value{margin-top:.15rem;color:var(--color-text-primary);font-size:1.25rem;font-weight:800}.preview-campaign-container .survey-comments{margin-top:1rem}.preview-campaign-container .survey-comments h4{margin:0 0 .75rem;font-size:1rem;font-weight:700;color:var(--color-text-primary)}.preview-campaign-container .survey-comments .comment-text{max-width:520px;white-space:pre-wrap;word-break:break-word}.preview-campaign-container .order-row{cursor:pointer}.preview-campaign-container .order-row:hover{background:var(--color-bg-secondary)}.preview-campaign-container .order-row:focus{outline:2px solid rgba(76,81,191,.6);outline-offset:-2px}.preview-campaign-container .modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000}.preview-campaign-container .modal{width:min(980px,100%);max-height:min(85vh,900px);overflow:hidden;background:var(--color-bg-primary);display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--color-border-light);box-shadow:0 20px 50px #10182840}.preview-campaign-container .modal-header{position:sticky;top:0;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;z-index:1;flex:0}.preview-campaign-container .modal-body{padding:1rem 1.25rem 1.25rem;flex:1;overflow:auto}.preview-campaign-container .details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.preview-campaign-container .detail-card{padding:1rem}.preview-campaign-container .detail-card h4{margin:0 0 .75rem;font-size:1rem}.preview-campaign-container .detail-card dl{grid-template-columns:1fr}.preview-campaign-container .detail-card dd{font-weight:600}.preview-campaign-container .logo-preview{width:80px;height:auto;border-radius:8px;border:1px solid var(--color-border-light);padding:4px}.mailing-page .mailing-main{display:grid;gap:1rem}.mailing-page .card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-sm);margin:0}.mailing-page .card h3{margin:0;color:var(--color-text-primary);font-size:1.125rem;font-weight:700}.mailing-page .summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.mailing-page .summary-grid>div{border:1px solid var(--color-border-light);border-radius:10px;padding:.9rem 1rem;background:var(--color-bg-primary)}.mailing-page .summary-grid strong{display:block;font-size:1.25rem;color:var(--color-text-primary)}.mailing-page .summary-grid span,.mailing-page .hint{color:var(--color-text-tertiary);font-size:.75rem}.mailing-page .self-order-panel{border:1px solid var(--color-border-light);border-radius:8px;padding:.875rem 1rem;background:var(--color-bg-secondary)}.mailing-page .self-order-title{font-weight:700;margin-bottom:.25rem;color:var(--color-text-primary)}.mailing-page .self-order-text,.mailing-page .self-order-note{color:var(--color-text-secondary);font-size:.8125rem}.mailing-page .row,.mailing-page .actions,.mailing-page .footer,.mailing-page .search-row{display:flex;gap:.75rem}.mailing-page .row,.mailing-page .footer{align-items:center;justify-content:space-between}.mailing-page .actions{align-items:center;flex-wrap:wrap}.mailing-page .mode{margin-top:.75rem;display:grid;gap:.5rem;max-width:320px}.mailing-page .mode label:not(.checkbox-inline){font-size:.8rem;color:var(--color-text-tertiary);font-weight:700;text-transform:uppercase;letter-spacing:.02em}.mailing-page .checkbox-inline{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-text-secondary)}.mailing-page .checkbox-inline input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;margin:0;accent-color:var(--color-primary);cursor:pointer}.mailing-page .mode select,.mailing-page .search-row input,.mailing-page .self-order-controls input{min-height:44px;padding:.75rem .9rem;border:1px solid var(--color-border-medium);border-radius:10px;background:var(--color-bg-primary);color:var(--color-gray-800);box-sizing:border-box;box-shadow:inset 0 1px 2px #0f172a0a;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.mailing-page .mode select::placeholder,.mailing-page .search-row input::placeholder,.mailing-page .self-order-controls input::placeholder{color:var(--color-gray-400)}.mailing-page .mode select:hover:not(:disabled),.mailing-page .search-row input:hover:not(:disabled),.mailing-page .self-order-controls input:hover:not(:disabled){border-color:#c2ccd8}.mailing-page .mode select:focus,.mailing-page .search-row input:focus,.mailing-page .self-order-controls input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus),inset 0 1px 2px #0f172a0a}.mailing-page .self-order-controls{display:flex;align-items:center;gap:.5rem;margin:.75rem 0 .5rem;flex-wrap:wrap}.mailing-page .self-order-controls label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary)}.mailing-page .self-order-controls input{width:100px}.mailing-page .mode select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.4rem}.mailing-page .search-row{margin-top:.75rem}.mailing-page .search-row input{flex:1}.mailing-page .table-wrap{margin-top:.75rem;border:1px solid var(--color-border-light);border-radius:10px;overflow:auto;background:var(--color-bg-primary)}.mailing-page table{width:100%;border-collapse:collapse}.mailing-page th,.mailing-page td{padding:.75rem .875rem;border-bottom:1px solid var(--color-border-light);text-align:left;white-space:nowrap}.mailing-page th{color:var(--color-text-tertiary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;background:var(--color-bg-secondary)}.mailing-page td{color:var(--color-text-primary)}.mailing-page .ok{color:#166534;font-weight:600}.mailing-page .bad{color:#b91c1c;font-weight:600}.mailing-page .state{margin-top:.75rem;padding:.875rem 1rem;border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-secondary)}.mailing-page .state.error{background:#fee2e2;color:#991b1b}.mailing-page .state.success{background:#dcfce7;color:#166534}@media (max-width: 768px){.preview-campaign-container .contacts-card .section-header,.preview-campaign-container .orders-card .section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.preview-campaign-container .contacts-card .header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.preview-campaign-container .contacts-card .header-actions .contacts-count{flex:0 0 100%}.preview-campaign-container .contacts-card .header-actions .btn{flex:1 1 0;min-width:0;justify-content:center;white-space:nowrap}.preview-campaign-container .orders-search-bar .search-input{flex:1 1 100%;width:100%}.preview-campaign-container .orders-table-wrapper--desktop{display:none}.preview-campaign-container .orders-list-mobile{display:block;padding-bottom:.5rem}}@media (max-width: 900px){.preview-campaign-container .info-row,.preview-campaign-container .details-grid,.mailing-page .summary-grid{grid-template-columns:1fr}.mailing-page .row,.mailing-page .search-row,.mailing-page .actions,.mailing-page .footer{flex-direction:column;align-items:stretch}}.wizard-container,.create-campaign-container,.preview-campaign-container,.mailing-page{min-height:100%;background:var(--color-bg-secondary)}.order-header,.wizard-header,.header-primary,.preview-header{--header-subtitle-color: var(--color-text-primary);--header-subtitle-opacity: 1;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.order-header .header-content,.wizard-header .header-content,.header-primary .header-content,.preview-header .header-content{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.order-header .header-title h1,.wizard-header .header-title h1,.header-primary .header-title h1,.preview-header .header-title h1{margin:0;font-size:2rem;font-weight:700;color:var(--color-text-primary)}.order-header .header-subtitle,.order-header .subtitle,.wizard-header .header-subtitle,.wizard-header .subtitle,.header-primary .header-subtitle,.header-primary .subtitle,.preview-header .header-subtitle,.preview-header .subtitle{margin:.25rem 0 0;color:var(--color-text-primary);font-size:.875rem}.order-header .muted,.wizard-header .muted,.header-primary .muted,.preview-header .muted{margin:.25rem 0 0;color:var(--color-text-tertiary);font-size:.875rem}.order-header .header-actions,.wizard-header .header-actions,.header-primary .header-actions,.preview-header .header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.campaign-main,.order-main,.wizard-main,.preview-main{max-width:1400px;margin:0 auto;padding:2rem}.loading,.loading-state,.error,.empty-state{text-align:center;padding:3rem 2rem;background:var(--color-bg-primary);border-radius:12px;border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.loading,.loading-state{color:var(--color-text-tertiary)}.loading p,.loading-state p{margin:0;font-size:1rem}.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.error p{margin:0 0 1rem;color:inherit}.empty-state{color:var(--color-text-tertiary)}.empty-state p{margin:0 0 1rem;font-size:1rem}.edit-campaign-container .badge,.edit-campaign-container .type-badge,.edit-campaign-container .status-badge,.edit-campaign-container .verified-badge,.edit-campaign-container .unverified-badge,.wizard-container .badge,.wizard-container .type-badge,.wizard-container .status-badge,.wizard-container .verified-badge,.wizard-container .unverified-badge,.create-campaign-container .badge,.create-campaign-container .type-badge,.create-campaign-container .status-badge,.create-campaign-container .verified-badge,.create-campaign-container .unverified-badge,.preview-campaign-container .badge,.preview-campaign-container .type-badge,.preview-campaign-container .status-badge,.preview-campaign-container .verified-badge,.preview-campaign-container .unverified-badge{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:999px;border:1px solid transparent;font-size:.75rem;font-weight:700;line-height:1.2}.edit-campaign-container .badge,.wizard-container .badge,.create-campaign-container .badge,.preview-campaign-container .badge{background:#f9fafb;border-color:#e5e7eb;color:#374151}.edit-campaign-container .badge-status,.edit-campaign-container .status-badge,.wizard-container .badge-status,.wizard-container .status-badge,.create-campaign-container .badge-status,.create-campaign-container .status-badge,.preview-campaign-container .badge-status,.preview-campaign-container .status-badge{text-transform:capitalize}.edit-campaign-container .badge-type,.edit-campaign-container .type-badge,.wizard-container .badge-type,.wizard-container .type-badge,.create-campaign-container .badge-type,.create-campaign-container .type-badge,.preview-campaign-container .badge-type,.preview-campaign-container .type-badge{font-weight:600}.edit-campaign-container .badge-public,.wizard-container .badge-public,.create-campaign-container .badge-public,.preview-campaign-container .badge-public{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.edit-campaign-container .badge-private,.wizard-container .badge-private,.create-campaign-container .badge-private,.preview-campaign-container .badge-private{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.edit-campaign-container .badge-type-user,.edit-campaign-container .type-user,.wizard-container .badge-type-user,.wizard-container .type-user,.create-campaign-container .badge-type-user,.create-campaign-container .type-user,.preview-campaign-container .badge-type-user,.preview-campaign-container .type-user{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}.edit-campaign-container .badge-type-mailing,.edit-campaign-container .type-mailing,.wizard-container .badge-type-mailing,.wizard-container .type-mailing,.create-campaign-container .badge-type-mailing,.create-campaign-container .type-mailing,.preview-campaign-container .badge-type-mailing,.preview-campaign-container .type-mailing{background:#ecfeff;border-color:#a5f3fc;color:#155e75}.edit-campaign-container .badge-status.status-draft,.edit-campaign-container .status-badge.status-draft,.edit-campaign-container .status-badge.status-warning,.edit-campaign-container .status-badge.status-unsubscribed,.wizard-container .badge-status.status-draft,.wizard-container .status-badge.status-draft,.wizard-container .status-badge.status-warning,.wizard-container .status-badge.status-unsubscribed,.create-campaign-container .badge-status.status-draft,.create-campaign-container .status-badge.status-draft,.create-campaign-container .status-badge.status-warning,.create-campaign-container .status-badge.status-unsubscribed,.preview-campaign-container .badge-status.status-draft,.preview-campaign-container .status-badge.status-draft,.preview-campaign-container .status-badge.status-warning,.preview-campaign-container .status-badge.status-unsubscribed{background:#fef3c7;border-color:#fcd34d;color:#92400e}.edit-campaign-container .badge-status.status-published,.edit-campaign-container .status-badge.status-success,.edit-campaign-container .status-badge.status-active,.edit-campaign-container .verified-badge,.wizard-container .badge-status.status-published,.wizard-container .status-badge.status-success,.wizard-container .status-badge.status-active,.wizard-container .verified-badge,.create-campaign-container .badge-status.status-published,.create-campaign-container .status-badge.status-success,.create-campaign-container .status-badge.status-active,.create-campaign-container .verified-badge,.preview-campaign-container .badge-status.status-published,.preview-campaign-container .status-badge.status-success,.preview-campaign-container .status-badge.status-active,.preview-campaign-container .verified-badge{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.edit-campaign-container .badge-status.status-paused,.edit-campaign-container .status-badge.status-info,.wizard-container .badge-status.status-paused,.wizard-container .status-badge.status-info,.create-campaign-container .badge-status.status-paused,.create-campaign-container .status-badge.status-info,.preview-campaign-container .badge-status.status-paused,.preview-campaign-container .status-badge.status-info{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.edit-campaign-container .badge-status.status-archived,.edit-campaign-container .status-badge.status-neutral,.edit-campaign-container .status-badge.status-default,.wizard-container .badge-status.status-archived,.wizard-container .status-badge.status-neutral,.wizard-container .status-badge.status-default,.create-campaign-container .badge-status.status-archived,.create-campaign-container .status-badge.status-neutral,.create-campaign-container .status-badge.status-default,.preview-campaign-container .badge-status.status-archived,.preview-campaign-container .status-badge.status-neutral,.preview-campaign-container .status-badge.status-default{background:#e5e7eb;border-color:#d1d5db;color:#374151}.edit-campaign-container .status-badge.status-error,.edit-campaign-container .status-badge.status-complained,.wizard-container .status-badge.status-error,.wizard-container .status-badge.status-complained,.create-campaign-container .status-badge.status-error,.create-campaign-container .status-badge.status-complained,.preview-campaign-container .status-badge.status-error,.preview-campaign-container .status-badge.status-complained{background:#fee2e2;border-color:#fecaca;color:#991b1b}.edit-campaign-container .status-badge.status-suspended,.edit-campaign-container .unverified-badge,.wizard-container .status-badge.status-suspended,.wizard-container .unverified-badge,.create-campaign-container .status-badge.status-suspended,.create-campaign-container .unverified-badge,.preview-campaign-container .status-badge.status-suspended,.preview-campaign-container .unverified-badge{background:#f3f4f6;border-color:#d1d5db;color:#4b5563}.edit-campaign-container .section,.wizard-container .section,.create-campaign-container .section{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-sm)}.edit-campaign-container .section-header,.wizard-container .section-header,.create-campaign-container .section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.edit-campaign-container .section-header h2,.edit-campaign-container .section-header h3,.wizard-container .section-header h2,.wizard-container .section-header h3,.create-campaign-container .section-header h2,.create-campaign-container .section-header h3{margin:0;color:var(--color-text-primary)}.edit-campaign-container .section-header h2,.wizard-container .section-header h2,.create-campaign-container .section-header h2{font-size:1.25rem;font-weight:700}.edit-campaign-container .section-header h3,.wizard-container .section-header h3,.create-campaign-container .section-header h3{font-size:1rem;font-weight:700}.edit-campaign-container .section-header .section-description,.edit-campaign-container .section-header .muted,.wizard-container .section-header .section-description,.wizard-container .section-header .muted,.create-campaign-container .section-header .section-description,.create-campaign-container .section-header .muted{margin:.25rem 0 0;color:var(--color-text-tertiary);font-size:.875rem}.edit-campaign-container .section-header .header-actions,.edit-campaign-container .section-header .contacts-header-actions,.wizard-container .section-header .header-actions,.wizard-container .section-header .contacts-header-actions,.create-campaign-container .section-header .header-actions,.create-campaign-container .section-header .contacts-header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.edit-campaign-container .section-header .contacts-count,.wizard-container .section-header .contacts-count,.create-campaign-container .section-header .contacts-count{font-size:.875rem;color:var(--color-text-tertiary);font-weight:500}.edit-campaign-container .section-body,.edit-campaign-container .form,.wizard-container .section-body,.wizard-container .form,.create-campaign-container .section-body,.create-campaign-container .form{display:flex;flex-direction:column;gap:1rem}.edit-campaign-container .input-row,.wizard-container .input-row,.create-campaign-container .input-row{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}.edit-campaign-container .input-row .input-group,.wizard-container .input-row .input-group,.create-campaign-container .input-row .input-group{margin-bottom:0}@media (min-width: 768px){.edit-campaign-container .input-row.input-row--2,.wizard-container .input-row.input-row--2,.create-campaign-container .input-row.input-row--2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.edit-campaign-container .input-row.input-row--3,.wizard-container .input-row.input-row--3,.create-campaign-container .input-row.input-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.edit-campaign-container .input-group,.wizard-container .input-group,.create-campaign-container .input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.edit-campaign-container .input-group .field-label-row,.wizard-container .input-group .field-label-row,.create-campaign-container .input-group .field-label-row{display:flex;align-items:center;gap:.5rem}.edit-campaign-container .input-group label,.wizard-container .input-group label,.create-campaign-container .input-group label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.edit-campaign-container .input-group input,.edit-campaign-container .input-group textarea,.edit-campaign-container .input-group select,.wizard-container .input-group input,.wizard-container .input-group textarea,.wizard-container .input-group select,.create-campaign-container .input-group input,.create-campaign-container .input-group textarea,.create-campaign-container .input-group select{width:100%;box-sizing:border-box}.edit-campaign-container .input-group textarea,.wizard-container .input-group textarea,.create-campaign-container .input-group textarea{resize:vertical;min-height:100px;font-family:inherit}.edit-campaign-container .input-group input[type=color],.wizard-container .input-group input[type=color],.create-campaign-container .input-group input[type=color]{height:42px;padding:.2rem}.edit-campaign-container .input-group .field-hint,.wizard-container .input-group .field-hint,.create-campaign-container .input-group .field-hint{font-size:.75rem;color:var(--color-text-tertiary);margin-top:.25rem}.edit-campaign-container .section-title-row,.wizard-container .section-title-row,.create-campaign-container .section-title-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.edit-campaign-container .section-title-row h2,.edit-campaign-container .section-title-row h3,.wizard-container .section-title-row h2,.wizard-container .section-title-row h3,.create-campaign-container .section-title-row h2,.create-campaign-container .section-title-row h3{margin:0;flex:1}.edit-campaign-container .dual-info-grid,.wizard-container .dual-info-grid,.create-campaign-container .dual-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.edit-campaign-container .dual-info-grid.single-column,.wizard-container .dual-info-grid.single-column,.create-campaign-container .dual-info-grid.single-column{grid-template-columns:1fr}.edit-campaign-container .info-column,.wizard-container .info-column,.create-campaign-container .info-column{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:1rem;display:flex;flex-direction:column;gap:.85rem}.edit-campaign-container .mode-selector,.edit-campaign-container .mode-single,.wizard-container .mode-selector,.wizard-container .mode-single,.create-campaign-container .mode-selector,.create-campaign-container .mode-single{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem;margin:1rem 0;border-radius:var(--radius-xl);border:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.edit-campaign-container .mode-label,.wizard-container .mode-label,.create-campaign-container .mode-label{font-weight:600;color:var(--color-text-secondary);margin-right:.5rem}.edit-campaign-container .mode-value,.wizard-container .mode-value,.create-campaign-container .mode-value{font-weight:700;color:var(--color-text-primary)}.edit-campaign-container .mode-radio,.wizard-container .mode-radio,.create-campaign-container .mode-radio{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;border:1px solid var(--color-border-medium);cursor:pointer;background:var(--color-bg-primary);color:var(--color-text-primary);transition:all .2s ease}.edit-campaign-container .mode-radio input,.wizard-container .mode-radio input,.create-campaign-container .mode-radio input{appearance:none;width:14px;height:14px;border-radius:50%;border:2px solid var(--color-border-medium);display:inline-flex;align-items:center;justify-content:center;margin:0;position:relative}.edit-campaign-container .mode-radio input:checked,.wizard-container .mode-radio input:checked,.create-campaign-container .mode-radio input:checked{border-color:var(--color-primary)}.edit-campaign-container .mode-radio input:checked:after,.wizard-container .mode-radio input:checked:after,.create-campaign-container .mode-radio input:checked:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-primary);position:absolute}.edit-campaign-container .mode-radio span,.wizard-container .mode-radio span,.create-campaign-container .mode-radio span{font-weight:600}.edit-campaign-container .mode-radio.active,.wizard-container .mode-radio.active,.create-campaign-container .mode-radio.active{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 8px 24px #4f46e526}.edit-campaign-container .state,.wizard-container .state,.create-campaign-container .state{border:1px dashed var(--color-border-light);border-radius:12px;padding:1rem;color:var(--color-text-secondary);background:var(--color-bg-secondary);display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.edit-campaign-container .state.error,.wizard-container .state.error,.create-campaign-container .state.error{background:#fff5f5;border-color:#feb2b2;color:#c53030}.edit-campaign-container .category-rows,.wizard-container .category-rows,.create-campaign-container .category-rows{display:grid;gap:.75rem}.edit-campaign-container .category-row,.edit-campaign-container .product-card,.wizard-container .category-row,.wizard-container .product-card,.create-campaign-container .category-row,.create-campaign-container .product-card{text-align:left;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease}.edit-campaign-container .category-row:hover,.edit-campaign-container .product-card:hover,.wizard-container .category-row:hover,.wizard-container .product-card:hover,.create-campaign-container .category-row:hover,.create-campaign-container .product-card:hover{border-color:var(--color-border-medium);background:var(--color-bg-secondary);transform:translateY(-1px)}.edit-campaign-container .category-row.active,.edit-campaign-container .product-card.selected,.edit-campaign-container .tile.active,.edit-campaign-container .row.active,.wizard-container .category-row.active,.wizard-container .product-card.selected,.wizard-container .tile.active,.wizard-container .row.active,.create-campaign-container .category-row.active,.create-campaign-container .product-card.selected,.create-campaign-container .tile.active,.create-campaign-container .row.active{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea26}.campaign-list-container .actions-row,.campaign-list-container .actions-inline,.campaign-list-container .payment-link-actions,.order-list-container .actions-row,.order-list-container .actions-inline,.order-list-container .payment-link-actions,.create-campaign-container .actions-row,.create-campaign-container .actions-inline,.create-campaign-container .payment-link-actions,.preview-campaign-container .actions-row,.preview-campaign-container .actions-inline,.preview-campaign-container .payment-link-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.order-list-container .modal-overlay{position:fixed;inset:0;background:#0f172a99;display:grid;place-items:center;padding:1rem;z-index:1000}.order-list-container .modal,.order-list-container .modal-dialog{width:min(560px,100%);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:0 20px 60px #00000038;overflow:hidden}.order-list-container .modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-light)}.order-list-container .modal-header h2,.order-list-container .modal-header h3{margin:0;color:var(--color-text-primary);font-weight:700;flex:1}.order-list-container .modal-header .modal-close{background:transparent;border:none;font-size:2rem;line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease}.order-list-container .modal-header .modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.order-list-container .modal-body{padding:1rem 1.25rem}.order-list-container .modal-actions{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap;padding:.9rem 1.25rem;border-top:1px solid var(--color-border-light);background:var(--color-gray-50)}.campaign-list-container .campaign-card-mobile,.campaign-list-container .order-card-mobile,.order-list-container .campaign-card-mobile,.order-list-container .order-card-mobile,.preview-campaign-container .campaign-card-mobile,.preview-campaign-container .order-card-mobile{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;padding:1rem}.campaign-list-container .campaign-card-mobile-row,.campaign-list-container .order-card-mobile-row,.order-list-container .campaign-card-mobile-row,.order-list-container .order-card-mobile-row,.preview-campaign-container .campaign-card-mobile-row,.preview-campaign-container .order-card-mobile-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.875rem}.campaign-list-container .campaign-card-mobile-row .label,.campaign-list-container .order-card-mobile-row .label,.order-list-container .campaign-card-mobile-row .label,.order-list-container .order-card-mobile-row .label,.preview-campaign-container .campaign-card-mobile-row .label,.preview-campaign-container .order-card-mobile-row .label{color:var(--color-text-tertiary);flex-shrink:0;margin-right:.5rem}.campaign-list-container .campaign-card-mobile-row .value,.campaign-list-container .order-card-mobile-row .value,.order-list-container .campaign-card-mobile-row .value,.order-list-container .order-card-mobile-row .value,.preview-campaign-container .campaign-card-mobile-row .value,.preview-campaign-container .order-card-mobile-row .value{color:var(--color-text-primary);text-align:right;word-break:break-word}.campaign-list-container .campaign-card-mobile-actions,.campaign-list-container .order-card-mobile-actions,.order-list-container .campaign-card-mobile-actions,.order-list-container .order-card-mobile-actions,.preview-campaign-container .campaign-card-mobile-actions,.preview-campaign-container .order-card-mobile-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border-light);flex-wrap:wrap}.campaign-list-container .campaign-card-mobile-actions .btn,.campaign-list-container .order-card-mobile-actions .btn,.order-list-container .campaign-card-mobile-actions .btn,.order-list-container .order-card-mobile-actions .btn,.preview-campaign-container .campaign-card-mobile-actions .btn,.preview-campaign-container .order-card-mobile-actions .btn{flex:1;min-width:0}.business-users-container,.business-integrations-container,.billing-container,.public-billing-container,.tx-container,.products-container,.contact-manager-container,.my-calendars-container,.support-page{min-height:100%;background:var(--color-bg-secondary)}.business-users-container,.business-integrations-container{max-width:1180px;margin:0 auto;padding:1.25rem;display:grid;gap:1rem}.business-users-container .business-users-header,.business-users-container .business-integrations-header,.business-integrations-container .business-users-header,.business-integrations-container .business-integrations-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 2rem;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:var(--shadow-sm)}.business-users-container .business-users-header h1,.business-users-container .business-integrations-header h1,.business-integrations-container .business-users-header h1,.business-integrations-container .business-integrations-header h1{margin:0 0 .25rem;color:var(--color-text-primary);font-size:2rem;font-weight:700}.business-users-container .business-users-header p,.business-users-container .business-integrations-header p,.business-integrations-container .business-users-header p,.business-integrations-container .business-integrations-header p{margin:0;color:var(--color-text-tertiary);font-size:.92rem}.business-users-container .header-actions,.business-integrations-container .header-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.business-users-container .card,.business-integrations-container .card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:10px;padding:1rem;margin:0;box-shadow:var(--shadow-sm)}.business-users-container .card h2,.business-integrations-container .card h2{margin:0 0 .8rem;font-size:1rem;color:var(--color-text-primary)}.business-users-container .card.highlight,.business-integrations-container .card.highlight{border-color:#bfdbfe;background:#eff6ff}.business-users-container .alert,.business-integrations-container .alert{border-radius:8px;padding:.6rem .8rem;margin:0}.business-users-container .alert-error,.business-integrations-container .alert-error{color:#7f1d1d;background:#fee2e2;border:1px solid #fecaca}.business-users-container .alert-success,.business-integrations-container .alert-success{color:#14532d;background:#dcfce7;border:1px solid #bbf7d0}.business-users-container .empty,.business-users-container .hint,.business-integrations-container .empty,.business-integrations-container .hint{color:var(--color-text-tertiary);font-size:.9rem}.business-users-container .table-wrap,.business-integrations-container .table-wrap{border:1px solid var(--color-border-light);border-radius:10px;overflow:auto;background:var(--color-bg-primary)}.business-users-container table,.business-integrations-container table{width:100%;border-collapse:collapse}.business-users-container table th,.business-users-container table td,.business-integrations-container table th,.business-integrations-container table td{border-bottom:1px solid var(--color-border-light);text-align:left;padding:.6rem;font-size:.9rem;vertical-align:top}.business-users-container .actions,.business-integrations-container .actions{text-align:right;white-space:nowrap}.business-users-container .actions .btn,.business-integrations-container .actions .btn{margin-left:.35rem}.business-users-container .field,.business-integrations-container .field{display:flex;flex-direction:column;gap:.45rem}.business-users-container .field label,.business-integrations-container .field label{font-size:.9rem;font-weight:600;color:var(--color-text-secondary)}.business-users-container .field input,.business-users-container .field select,.business-integrations-container .field input,.business-integrations-container .field select{min-height:44px;border:1px solid var(--color-border-medium);border-radius:8px;padding:.65rem .75rem;font-size:.92rem;background:var(--color-bg-primary);color:var(--color-text-primary)}.business-users-container .invite-row{display:grid;grid-template-columns:1fr 180px auto;gap:.6rem}.business-users-container .invite-row input,.business-users-container .invite-row select{min-height:44px;border:1px solid var(--color-border-medium);border-radius:8px;padding:.6rem .7rem;font-size:.92rem}.business-integrations-container .guide-grid,.business-integrations-container .example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.business-integrations-container .guide-grid{margin:1rem 0 1.25rem}.business-integrations-container .example-grid{margin-top:1rem}.business-integrations-container .guide-step{display:grid;grid-template-columns:40px 1fr;gap:.8rem;align-items:start;padding:.9rem;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff}.business-integrations-container .guide-step h3{margin:0 0 .3rem;font-size:.98rem;color:var(--color-text-primary)}.business-integrations-container .guide-step p{margin:0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.45}.business-integrations-container .step-number{width:40px;height:40px;border-radius:999px;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700}.business-integrations-container .callout{padding:.9rem 1rem;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff;margin:1rem 0}.business-integrations-container .callout strong{display:block;margin-bottom:.35rem;color:#1e3a8a}.business-integrations-container .callout p{margin:0;color:var(--color-text-secondary);font-size:.92rem;line-height:1.5}.business-integrations-container .example-card{border:1px solid var(--color-border-light);border-radius:10px;padding:.9rem;background:var(--color-bg-primary)}.business-integrations-container .example-card h3{margin:0 0 .65rem;font-size:.96rem;color:var(--color-text-primary)}.business-integrations-container .example-card pre{margin:0;padding:.85rem;border-radius:8px;background:#0f172a;color:#f8fafc;overflow-x:auto;font-size:.82rem;line-height:1.45}.business-integrations-container .example-card code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.business-integrations-container .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.business-integrations-container .checkbox-group{margin-top:1rem}.business-integrations-container .group-label{display:inline-block;margin-bottom:.5rem;font-size:.9rem;font-weight:600;color:var(--color-text-secondary)}.business-integrations-container .checkbox-list{display:grid;gap:.5rem}.business-integrations-container .checkbox-list.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.business-integrations-container .checkbox-item{display:flex;align-items:center;gap:.55rem;font-size:.92rem;color:var(--color-text-primary)}.business-integrations-container .form-actions{display:flex;justify-content:flex-end;margin-top:1rem}.business-integrations-container .form-actions.compact{margin-top:.75rem}.business-integrations-container .secret-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;margin-bottom:.75rem}.business-integrations-container .secret-row code{background:#0f172a;color:#f8fafc;padding:.75rem;border-radius:8px;overflow-x:auto;font-size:.85rem}.business-integrations-container .meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;font-size:.9rem}.business-integrations-container .meta-grid.single-column{grid-template-columns:1fr}.business-integrations-container .url-cell{word-break:break-word;max-width:280px}.business-integrations-container .error-inline{margin-top:.3rem;color:#b91c1c;font-size:.82rem}.my-calendars-container .page-main{max-width:1400px;margin:0 auto;padding:2rem}.my-calendars-container .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.my-calendars-container .loading .spinner{width:48px;height:48px;border:4px solid var(--color-border-light);border-top-color:#38b2ac;border-radius:50%;animation:business-facing-spin .8s linear infinite}.my-calendars-container .loading p{color:var(--color-text-tertiary);font-size:1rem}.my-calendars-container .error-message{background:#fed7d7;border:1px solid #fc8181;border-radius:8px;padding:1.5rem;margin-bottom:2rem;text-align:center}.my-calendars-container .error-message p{margin:0 0 1rem;color:#c53030}.my-calendars-container .empty-state{text-align:center;padding:4rem 2rem;background:var(--color-bg-primary);border-radius:12px;box-shadow:var(--shadow-sm)}.my-calendars-container .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem}.my-calendars-container .empty-state h2{margin:0 0 .5rem;color:var(--color-text-primary);font-size:1.5rem}.my-calendars-container .empty-state p{margin:.5rem 0;color:var(--color-text-tertiary);font-size:1rem}.my-calendars-container .empty-state p.hint{font-size:.875rem;color:var(--color-text-light);margin-top:1rem}.my-calendars-container .pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem 0}.my-calendars-container .pagination .page-info{color:var(--color-text-tertiary);font-size:.875rem}.support-page{max-width:1400px;margin:0 auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.support-page .support-header,.support-page .tickets-pane,.support-page .detail-pane{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:10px;box-shadow:var(--shadow-sm)}.support-page .support-header{padding:1.25rem 1.5rem}.support-page .support-header h1{margin:0;color:var(--color-text-primary)}.support-page .support-header p{margin:.25rem 0 0;color:var(--color-text-tertiary)}.support-page .support-layout{display:grid;grid-template-columns:360px 1fr;gap:1rem}.support-page .tickets-pane,.support-page .detail-pane{padding:.85rem}.support-page .pane-header h2{margin:0 0 .6rem;font-size:1rem;color:var(--color-text-primary)}.support-page .create-card,.support-page .list-controls,.support-page .reply-box{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.support-page input[type=text],.support-page textarea,.support-page select{border:1px solid var(--color-border-medium);border-radius:8px;padding:.55rem .65rem;background:var(--color-bg-primary)}.support-page input[type=text]:focus,.support-page textarea:focus,.support-page select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.support-page .pagination{margin-top:.75rem;display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--color-text-tertiary)}.support-page .pagination .actions{display:flex;gap:.45rem}.support-page .error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:8px;padding:.55rem;margin-bottom:.6rem}.support-page .empty{color:var(--color-text-tertiary);font-size:.88rem;padding:.75rem 0}@media (max-width: 768px){.page-header .header-content,.order-header .header-content,.wizard-header .header-content,.header-primary .header-content{padding:1rem;flex-direction:column;align-items:flex-start}.page-header .header-actions,.order-header .header-actions,.wizard-header .header-actions,.header-primary .header-actions{width:100%;gap:.5rem}.page-header .header-actions .btn,.order-header .header-actions .btn,.wizard-header .header-actions .btn,.header-primary .header-actions .btn{font-size:.8rem;padding:.5rem .75rem}.campaign-main,.order-main,.wizard-main{padding:1rem}.filters-bar{align-items:stretch}.filter-field,.filter-group{width:100%}.filter-actions{flex-direction:column}.filter-actions .btn{width:100%}.pagination,.pagination-controls{flex-direction:column;align-items:stretch}}@media (max-width: 900px){.business-integrations-container .form-grid,.business-integrations-container .meta-grid,.business-integrations-container .checkbox-list.two-columns,.business-integrations-container .guide-grid,.business-integrations-container .example-grid,.business-integrations-container .secret-row{grid-template-columns:1fr}}@media (max-width: 720px){.business-users-container .business-users-header,.business-users-container .business-integrations-header,.business-integrations-container .business-users-header,.business-integrations-container .business-integrations-header{flex-direction:column;align-items:flex-start}.business-users-container .invite-row{grid-template-columns:1fr}.business-integrations-container table,.business-integrations-container thead,.business-integrations-container tbody,.business-integrations-container tr,.business-integrations-container th,.business-integrations-container td{display:block}.business-integrations-container thead{display:none}.business-integrations-container tr{padding:.5rem 0;border-bottom:1px solid var(--color-border-light)}.business-integrations-container td{border-bottom:none;padding:.35rem 0}.business-integrations-container .actions{text-align:left}.business-integrations-container .actions .btn{margin-left:0;margin-right:.35rem;margin-top:.35rem}.support-page .support-layout{grid-template-columns:1fr}}@keyframes business-facing-spin{to{transform:rotate(360deg)}}