:root{--brand:#1a6f63;--brand-50:#e8f6f1;--brand-100:#b4e0d4;--brand-200:#92d2c2;--brand-600:#155a51;--brand-700:#0f4a42;--brand-800:#0a3a33;--text:#0b0f14;--text-muted:#6b7280;--text-light:#9ca3af;--bg:#f8fafc;--panel:#fff;--border:#e5e7eb;--border-light:#f3f4f6;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--success-color:#16a34a;--success-bg:#f0fdf4;--warning-color:#f59e0b;--warning-bg:#fffbeb;--error-color:#dc2626;--error-bg:#fef2f2;--info-color:#3b82f6;--info-bg:#eff6ff;--purple:#8b5cf6;--orange:#f97316;--teal:#14b8a6;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800}*{box-sizing:border-box}#root,body,html{height:100%}body{color:#0b0f14;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;margin:0}.admin-shell,body{background:#f8fafc;background:var(--bg)}.admin-shell{display:flex;flex-direction:column;min-height:100vh}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);box-shadow:0 1px 3px 0 #0000001a}.admin-header .status-indicator{transition:all .3s ease}.admin-header .status-indicator.online{box-shadow:0 0 8px #16a34a4d}.admin-header .health-banner{transition:all .3s ease}.admin-header .health-banner:hover{background:#f3f4f6;background:var(--border-light)}.admin-aside{background:linear-gradient(180deg,#0a3a33,#0f4a42);border-right:1px solid #ffffff0f;box-shadow:2px 0 20px #00000026;color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto;padding:16px 12px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:50}.admin-aside.collapsed{padding:16px 10px;width:70px}.admin-aside.collapsed .admin-link span,.admin-aside.collapsed .group-collapsible span:first-child,.admin-aside.collapsed .sidebar-header h3{display:none}.admin-aside.collapsed .admin-link{padding:12px}.admin-aside.collapsed .group-collapsible{justify-content:center;padding:12px}.admin-aside.collapsed .toggle-icon{display:none}@media (max-width:1024px){.admin-aside{height:100vh;left:-260px;position:fixed;top:0;z-index:1000}.admin-aside.mobile-open{left:0}.admin-aside.collapsed{left:-260px;width:260px}}.mobile-menu-overlay{animation:fadeIn .3s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.admin-aside::-webkit-scrollbar{width:6px}.admin-aside::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.admin-aside::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.admin-aside::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-header{gap:8px;justify-content:space-between;margin-bottom:20px;position:relative}.sidebar-header h3{align-items:center;background:#ffffff14;border-radius:8px;color:#fff;display:flex;flex:1 1;font-size:18px;font-weight:700;gap:8px;letter-spacing:-.01em;margin:0;padding:8px 10px;transition:all .2s ease}.sidebar-header h3:hover{background:#ffffff1f}.sidebar-header h3:before{animation:float 3s ease-in-out infinite;content:"🌿";font-size:18px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.sidebar-close-btn,.sidebar-toggle-btn{align-items:center;background:#ffffff0f;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.sidebar-close-btn:hover,.sidebar-toggle-btn:hover{background:#ffffff26;transform:scale(1.08)}.sidebar-close-btn:active,.sidebar-toggle-btn:active{transform:scale(.92)}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (max-width:1024px){.mobile-only{display:flex!important}.desktop-only{display:none!important}}.admin-nav{grid-gap:3px;display:grid;flex:1 1;gap:3px}.admin-nav .group{color:#ffffff80;font-size:10px;font-weight:600;letter-spacing:.1em;margin:16px 0 8px;padding-left:10px;text-transform:uppercase}.nav-section{margin-bottom:4px}.group-collapsible{align-items:center;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;font-size:10px;font-weight:700;justify-content:space-between;letter-spacing:.08em;margin:6px 0 2px;padding:8px 12px;text-transform:uppercase;transition:all .2s ease;-webkit-user-select:none;user-select:none}.group-collapsible:hover{background:#ffffff14;color:#ffffffbf}.group-collapsible .toggle-icon{color:#fff6;font-size:14px;font-weight:400;transition:all .2s ease}.group-collapsible:hover .toggle-icon{color:#ffffffb3}.admin-link{align-items:center;border-radius:6px;color:#fffc;display:flex;font-size:13px;font-weight:500;gap:10px;overflow:hidden;padding:8px 12px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-link:before{background:#fff;border-radius:0 3px 3px 0;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s cubic-bezier(.4,0,.2,1);width:2px}.admin-link:hover{background:#ffffff1a;color:#fff;padding-left:14px;transform:translateX(3px)}.admin-link:hover:before{transform:scaleY(1)}.admin-link.is-active{background:#ffffff26;box-shadow:0 2px 8px #00000026;color:#fff;font-weight:600;padding-left:14px}.admin-link.is-active:before{transform:scaleY(1)}.admin-link svg{flex-shrink:0;height:16px;transition:transform .2s cubic-bezier(.4,0,.2,1);width:16px}.admin-link.is-active svg,.admin-link:hover svg{transform:scale(1.1)}.admin-aside.collapsed .admin-link{justify-content:center;padding:8px}.admin-aside.collapsed .admin-link.is-active,.admin-aside.collapsed .admin-link:hover{padding:8px;transform:none}.admin-aside.collapsed .admin-link:before{display:none}.admin-aside.collapsed .admin-link svg{margin:0}.desktop-sidebar-expand:hover,.mobile-menu-toggle:hover{background:#0f766e1a!important}.desktop-sidebar-expand:active,.mobile-menu-toggle:active{transform:scale(.95)}.user-menu-container{margin-top:auto;padding-top:12px;position:relative}.user-menu-trigger{align-items:center;background:#ffffff14;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .2s ease;width:100%}.user-menu-trigger:hover{background:#ffffff1f;transform:translateY(-1px)}.user-menu-trigger:active{transform:translateY(0)}.user-avatar{background:linear-gradient(135deg,#0f766e,#14b8a6);box-shadow:0 2px 8px #0003;height:36px;width:36px}.user-info{flex:1 1;min-width:0;text-align:left}.user-name{color:#fff;font-size:13px}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#ffffffb3;font-size:11px}.chevron-icon{color:#fff9;flex-shrink:0;transition:transform .2s ease}.chevron-icon.open{transform:rotate(180deg)}.user-dropdown-menu{animation:slideUp .2s ease-out;background:#fff;border-radius:8px;bottom:100%;box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;left:0;margin-bottom:8px;overflow:hidden;position:absolute;right:0;z-index:100}.user-menu-item{align-items:center;background:#fff;border:none;color:#1f2937;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;padding:12px 14px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.user-menu-item:hover{background:#f3f4f6;color:#0f766e}.user-menu-item svg{color:#6b7280;flex-shrink:0}.user-menu-item:hover svg{color:#0f766e}.user-menu-item.logout{color:#dc2626}.user-menu-item.logout:hover{background:#fef2f2;color:#991b1b}.user-menu-item.logout svg{color:#dc2626}.user-menu-item.logout:hover svg{color:#991b1b}.user-menu-divider{background:#e5e7eb;height:1px;margin:4px 0}.admin-aside.collapsed .user-menu-trigger{justify-content:center;padding:10px}.admin-aside.collapsed .chevron-icon,.admin-aside.collapsed .user-info{display:none}.admin-main{background:#f8fafc;background:var(--bg);flex:1 1;height:calc(100vh - 80px);overflow-y:auto;padding:32px;scroll-behavior:smooth}.admin-h1,h1{color:#0b0f14;color:var(--text);font-size:28px;font-size:var(--font-size-3xl);font-weight:800;font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;margin:0 0 16px;margin:0 0 var(--space-lg)}h2{font-size:24px;font-size:var(--font-size-2xl)}h2,h3{color:#0b0f14;color:var(--text);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 12px;margin:0 0 var(--space-md)}h3{font-size:18px;font-size:var(--font-size-lg)}h4{color:#0b0f14;color:var(--text);font-size:16px;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 8px;margin:0 0 var(--space-sm)}.muted,.text-muted{color:#6b7280;color:var(--text-muted)}.text-light{color:#9ca3af;color:var(--text-light)}.text-xs{font-size:12px;font-size:var(--font-size-xs)}.text-sm{font-size:14px;font-size:var(--font-size-sm)}.text-base{font-size:16px;font-size:var(--font-size-base)}.text-lg{font-size:18px;font-size:var(--font-size-lg)}.text-xl{font-size:20px;font-size:var(--font-size-xl)}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:800;font-weight:var(--font-weight-extrabold)}.card{background:#fff;background:var(--panel);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);margin-bottom:24px;margin-bottom:var(--space-xl);transition:all .2s ease}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.card-body{padding:24px;padding:var(--space-xl)}.card-body-sm{padding:16px;padding:var(--space-lg)}.card-body-lg{padding:32px;padding:var(--space-2xl)}.card-title{color:#6b7280;color:var(--text-muted);font-size:14px;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.05em;margin:0 0 8px;margin:0 0 var(--space-sm);text-transform:uppercase}.card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:24px;padding:var(--space-xl)}.card-header h3{color:#0b0f14;color:var(--text);font-size:18px;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);margin:0}.btn,a.btn,button.btn{align-items:center;-webkit-appearance:none;appearance:none;background:#fff;background:var(--panel);border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;color:#0b0f14;color:var(--text);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--space-sm);justify-content:center;line-height:1;padding:11px 18px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:hover,a.btn:hover,button.btn:hover{background:#f8fafc;background:var(--bg);border-color:#1a6f63;border-color:var(--brand);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn:active,a.btn:active,button.btn:active{box-shadow:0 1px 2px 0 #0000000d;transform:translateY(0)}.btn:disabled,a.btn:disabled,button.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-primary,a.btn-primary,button.btn-primary{background:linear-gradient(135deg,#1a6f63,#155a51);background:linear-gradient(135deg,var(--brand) 0,var(--brand-600) 100%);border-color:#155a51;border-color:var(--brand-600);box-shadow:0 2px 8px #1a6f6340;color:#fff}.btn-primary:hover,a.btn-primary:hover,button.btn-primary:hover{background:linear-gradient(135deg,#155a51,#0f4a42);background:linear-gradient(135deg,var(--brand-600) 0,var(--brand-700) 100%);border-color:#0f4a42;border-color:var(--brand-700);box-shadow:0 6px 20px #1a6f6359;transform:translateY(-2px)}.btn-secondary,a.btn-secondary,button.btn-secondary{background:#fff;background:var(--panel);border-color:#e5e7eb;border-color:var(--border);color:#0b0f14;color:var(--text)}.btn-secondary:hover,a.btn-secondary:hover,button.btn-secondary:hover{background:#f8fafc;background:var(--bg);border-color:#6b7280;border-color:var(--text-muted)}.btn-danger,a.btn-danger,button.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--error-color) 0,#b91c1c 100%);border-color:#b91c1c;box-shadow:0 2px 8px #dc262640;color:#fff}.btn-danger:hover,a.btn-danger:hover,button.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);border-color:#991b1b;box-shadow:0 6px 20px #dc262659;transform:translateY(-2px)}.btn-success,a.btn-success,button.btn-success{background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--success-color) 0,#15803d 100%);border-color:#15803d;box-shadow:0 2px 8px #16a34a40;color:#fff}.btn-success:hover,a.btn-success:hover,button.btn-success:hover{background:linear-gradient(135deg,#15803d,#166534);border-color:#166534;box-shadow:0 6px 20px #16a34a59;transform:translateY(-2px)}.btn-warning,a.btn-warning,button.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-color) 0,#d97706 100%);border-color:#d97706;box-shadow:0 2px 8px #f59e0b40;color:#fff}.btn-warning:hover,a.btn-warning:hover,button.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);border-color:#b45309;box-shadow:0 6px 20px #f59e0b59;transform:translateY(-2px)}.btn-ghost,a.btn-ghost,button.btn-ghost{background:#0000;border-color:#0000;box-shadow:none}.btn-ghost:hover,a.btn-ghost:hover,button.btn-ghost:hover{background:#f3f4f6;background:var(--border-light);border-color:#e5e7eb;border-color:var(--border);box-shadow:none;transform:none}.btn-sm,a.btn-sm,button.btn-sm{font-size:12px;font-size:var(--font-size-xs);padding:8px 14px}.btn-lg,a.btn-lg,button.btn-lg{font-size:16px;font-size:var(--font-size-base);padding:14px 24px}.btn-icon{aspect-ratio:1;padding:12px;padding:var(--space-md)}.btn-icon-sm{aspect-ratio:1;padding:8px;padding:var(--space-sm)}.table{border-collapse:collapse;width:100%}.table thead{background:#f8fafc;background:var(--bg);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border)}.table thead th{color:#6b7280;color:var(--text-muted);font-size:12px;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:12px 16px;padding:var(--space-md) var(--space-lg);text-align:left;text-transform:uppercase}.table tbody td{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);color:#0b0f14;color:var(--text);font-size:14px;font-size:var(--font-size-sm);padding:16px;padding:var(--space-lg)}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:#f8fafc;background:var(--bg)}.table tbody tr:last-child td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border)}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.stats{grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);padding:16px}.stat .label{color:#6b7280;color:var(--text-muted);font-size:12px}.stat .value{font-size:24px;font-weight:800}.dashboard-header{margin-bottom:32px}.dashboard-header h1{color:#0b0f14;color:var(--text);font-size:32px;font-weight:800;margin:0 0 8px}.dashboard-header p{color:#6b7280;color:var(--text-muted);font-size:16px}.cards-4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:32px}.stat-card{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow)}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.stat-card .icon{opacity:.8;position:absolute;right:20px;top:20px}.stat-card .label{color:#6b7280;color:var(--text-muted);font-size:14px;font-weight:600;margin-bottom:8px}.stat-card .value{color:#0b0f14;color:var(--text);font-size:28px;font-weight:800;margin-bottom:4px}.stat-card .change{align-items:center;display:flex;font-size:12px;font-weight:600;gap:4px}.stat-card .change.positive{color:#16a34a;color:var(--success-color)}.stat-card .change.negative{color:#dc2626;color:var(--error-color)}.stat-card .stat-value{color:#0b0f14;color:var(--text);font-size:28px;font-weight:800;margin-bottom:4px}.stat-card .stat-label{color:#6b7280;color:var(--text-muted);font-size:14px;font-weight:600}.two-col{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.5fr 1fr;margin-bottom:32px}.section{background:#fff;background:var(--panel);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);overflow:hidden}.section-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#0b0f14;color:var(--text);font-size:16px;font-weight:700;padding:20px 24px}.section-body{padding:24px}.progress{background:#f3f4f6;background:var(--border-light);border-radius:999px;height:8px;margin:8px 0;overflow:hidden}.progress>span{background:#1a6f63;background:var(--brand);border-radius:999px;display:block;height:100%;transition:width .3s ease}.chart-container{align-items:center;background:#f8fafc;background:var(--bg);border-radius:12px;color:#6b7280;color:var(--text-muted);display:flex;font-size:14px;height:200px;justify-content:center}.transaction-list{display:flex;flex-direction:column;gap:16px}.transaction-item{align-items:center;background:#f8fafc;background:var(--bg);border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.transaction-item:hover{background:#f3f4f6;background:var(--border-light)}.transaction-icon{align-items:center;background:#e8f6f1;background:var(--brand-50);border-radius:12px;color:#1a6f63;color:var(--brand);display:flex;height:40px;justify-content:center;width:40px}.transaction-details{flex:1 1}.transaction-name{color:#0b0f14;color:var(--text);font-weight:600;margin-bottom:4px}.transaction-desc{color:#6b7280;color:var(--text-muted);font-size:12px}.transaction-amount{font-size:16px;font-weight:700}.transaction-amount.credit{color:#16a34a;color:var(--success-color)}.transaction-amount.debit{color:#dc2626;color:var(--error-color)}.goal-item{margin-bottom:20px}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.goal-name{color:#0b0f14;color:var(--text);font-weight:600}.goal-amount{color:#6b7280;color:var(--text-muted);font-size:14px}.goal-progress{background:#f3f4f6;background:var(--border-light);border-radius:999px;height:8px;margin-bottom:4px;overflow:hidden}.goal-progress-bar{border-radius:999px;height:100%;transition:width .3s ease}.goal-progress-bar.red{background:#dc2626;background:var(--error-color)}.goal-progress-bar.orange{background:#f97316;background:var(--orange)}.goal-progress-bar.green{background:#16a34a;background:var(--success-color)}.goal-progress-bar.blue{background:#3b82f6;background:var(--info-color)}.muted-link{color:#6b7280;color:var(--text-muted);text-decoration:none}.form-input,.input,input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fff;background:var(--panel);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0b0f14;color:var(--text);font-family:inherit;font-size:14px;font-size:var(--font-size-sm);padding:12px 16px;padding:var(--space-md) var(--space-lg);transition:all .2s ease;width:100%}.form-input:focus,.input:focus,input:focus,select:focus,textarea:focus{border-color:#1a6f63;border-color:var(--brand);box-shadow:0 0 0 3px #1a6f631a;outline:none}.form-input:disabled,.input:disabled,input:disabled,select:disabled,textarea:disabled{background:#f3f4f6;background:var(--border-light);cursor:not-allowed;opacity:.6}.form-label,label{color:#0b0f14;color:var(--text);display:block;font-size:14px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:8px;margin-bottom:var(--space-sm)}.form-error{color:#dc2626;color:var(--error-color);margin-top:var(--space-xs)}.form-error,.form-help{font-size:12px;font-size:var(--font-size-xs)}.form-help{color:#6b7280;color:var(--text-muted);margin-top:4px;margin-top:var(--space-xs)}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}textarea{min-height:100px;resize:vertical}.badge{border-radius:8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:4px;gap:var(--space-xs);padding:4px 12px;padding:var(--space-xs) var(--space-md)}.badge-success{background:#f0fdf4;background:var(--success-bg);color:#16a34a;color:var(--success-color)}.badge-warning{background:#fffbeb;background:var(--warning-bg);color:#f59e0b;color:var(--warning-color)}.badge-danger,.badge-error{background:#fef2f2;background:var(--error-bg);color:#dc2626;color:var(--error-color)}.badge-info{background:#eff6ff;background:var(--info-bg);color:#3b82f6;color:var(--info-color)}.badge-neutral{background:#f3f4f6;background:var(--border-light);color:#6b7280;color:var(--text-muted)}.m-0{margin:0}.m-auto{margin:auto}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:4px;margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:8px;margin-bottom:var(--space-sm)}.mb-md{margin-bottom:12px;margin-bottom:var(--space-md)}.mb-lg{margin-bottom:16px;margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:24px;margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:32px;margin-bottom:var(--space-2xl)}.mb-3xl{margin-bottom:48px;margin-bottom:var(--space-3xl)}.mt-0{margin-top:0}.mt-xs{margin-top:4px;margin-top:var(--space-xs)}.mt-sm{margin-top:8px;margin-top:var(--space-sm)}.mt-md{margin-top:12px;margin-top:var(--space-md)}.mt-lg{margin-top:16px;margin-top:var(--space-lg)}.mt-xl{margin-top:24px;margin-top:var(--space-xl)}.mt-2xl{margin-top:32px;margin-top:var(--space-2xl)}.mt-3xl{margin-top:48px;margin-top:var(--space-3xl)}.ml-0{margin-left:0}.ml-xs{margin-left:4px;margin-left:var(--space-xs)}.ml-sm{margin-left:8px;margin-left:var(--space-sm)}.ml-md{margin-left:12px;margin-left:var(--space-md)}.ml-lg{margin-left:16px;margin-left:var(--space-lg)}.ml-xl{margin-left:24px;margin-left:var(--space-xl)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-xs{margin-right:4px;margin-right:var(--space-xs)}.mr-sm{margin-right:8px;margin-right:var(--space-sm)}.mr-md{margin-right:12px;margin-right:var(--space-md)}.mr-lg{margin-right:16px;margin-right:var(--space-lg)}.mr-xl{margin-right:24px;margin-right:var(--space-xl)}.mr-auto{margin-right:auto}.p-0{padding:0}.p-xs{padding:4px;padding:var(--space-xs)}.p-sm{padding:8px;padding:var(--space-sm)}.p-md{padding:12px;padding:var(--space-md)}.p-lg{padding:16px;padding:var(--space-lg)}.p-xl{padding:24px;padding:var(--space-xl)}.p-2xl{padding:32px;padding:var(--space-2xl)}.p-3xl{padding:48px;padding:var(--space-3xl)}.px-0{padding-left:0;padding-right:0}.px-xs{padding-left:4px;padding-left:var(--space-xs);padding-right:4px;padding-right:var(--space-xs)}.px-sm{padding-left:8px;padding-left:var(--space-sm);padding-right:8px;padding-right:var(--space-sm)}.px-md{padding-left:12px;padding-left:var(--space-md);padding-right:12px;padding-right:var(--space-md)}.px-lg{padding-left:16px;padding-left:var(--space-lg);padding-right:16px;padding-right:var(--space-lg)}.px-xl{padding-left:24px;padding-left:var(--space-xl);padding-right:24px;padding-right:var(--space-xl)}.py-0{padding-bottom:0;padding-top:0}.py-xs{padding-bottom:4px;padding-bottom:var(--space-xs);padding-top:4px;padding-top:var(--space-xs)}.py-sm{padding-bottom:8px;padding-bottom:var(--space-sm);padding-top:8px;padding-top:var(--space-sm)}.py-md{padding-bottom:12px;padding-bottom:var(--space-md);padding-top:12px;padding-top:var(--space-md)}.py-lg{padding-bottom:16px;padding-bottom:var(--space-lg);padding-top:16px;padding-top:var(--space-lg)}.py-xl{padding-bottom:24px;padding-bottom:var(--space-xl);padding-top:24px;padding-top:var(--space-xl)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:0}.gap-xs{gap:4px;gap:var(--space-xs)}.gap-sm{gap:8px;gap:var(--space-sm)}.gap-md{gap:12px;gap:var(--space-md)}.gap-lg{gap:16px;gap:var(--space-lg)}.gap-xl{gap:24px;gap:var(--space-xl)}.gap-2xl{gap:32px;gap:var(--space-2xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.rounded{border-radius:12px;border-radius:var(--radius)}.rounded-sm{border-radius:8px;border-radius:var(--radius-sm)}.rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.modal-overlay{padding:24px}.modal-content{background:var(--panel);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:1200px;position:relative}.modal-header{background:var(--panel);padding:32px}.modal-header h2{color:#0b0f14;font-size:24px;font-weight:800;font-weight:var(--font-weight-extrabold)}.modal-body{padding:32px}.modal-footer{background:var(--panel);padding:32px;padding:var(--space-2xl)}.modal-content .card{margin-bottom:24px;margin-bottom:var(--space-xl)}.modal-content .card:last-child{margin-bottom:0}.section-spacing{margin-bottom:32px;margin-bottom:var(--space-2xl)}.section-spacing:last-child{margin-bottom:0}.health-status-indicator{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 8px;text-transform:uppercase}.health-status-healthy{background:#dcfce7;color:#166534}.health-status-warning{background:#fef3c7;color:#92400e}.health-status-critical{background:#fecaca;color:#991b1b}.health-status-down{background:#f3f4f6;color:#374151}.metric-bar{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden;position:relative}.metric-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.metric-bar-cpu{background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981)}.metric-bar-memory{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.metric-bar-disk{background:linear-gradient(90deg,#f59e0b,#ef4444)}.alert-item{align-items:center;border-left:4px solid;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.alert-critical{background:#fef2f2;border-left-color:#dc2626}.alert-warning{background:#fffbeb;border-left-color:#f59e0b}.alert-info{background:#eff6ff;border-left-color:#3b82f6}.component-status{align-items:center;background:#f8fafc;background:var(--bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.component-status:hover{background:#fff;background:var(--panel);border-color:#92d2c2;border-color:var(--brand-200)}.status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.status-dot-healthy{background:#10b981;box-shadow:0 0 0 2px #10b98133}.status-dot-warning{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.status-dot-critical{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.status-dot-down{background:#6b7280;box-shadow:0 0 0 2px #6b728033}.refresh-controls{align-items:center;background:#fff;background:var(--panel);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;display:flex;gap:16px;padding:12px 16px}.last-updated{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:12px;gap:6px}.last-updated:before{content:"🕒";font-size:10px}.merchants-page{background:#f8fafc;min-height:100vh;padding:0}.merchants-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:24px 32px}.merchants-header h1{color:#0f172a;font-size:24px;font-weight:700;margin:0}.merchants-header-actions .btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px}.merchants-header-actions .btn:hover{background:#f8fafc}.merchants-search-section{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:16px 32px}.merchants-search-bar{align-items:center;display:flex;flex:1 1;gap:10px;max-width:500px}.merchants-search-bar .search-icon{color:#94a3b8}.merchants-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;flex:1 1;font-size:14px;outline:none;padding:10px 14px}.merchants-search-input:focus{border-color:#94a3b8}.merchants-search-input::placeholder{color:#94a3b8}.search-clear-btn{background:#f1f5f9;border-radius:6px;height:28px;width:28px}.search-clear-btn:hover{background:#e2e8f0}.search-submit-btn{background:#0f172a;border-radius:8px;font-size:14px;padding:10px 18px}.search-submit-btn:hover:not(:disabled){background:#1e293b}.search-submit-btn:disabled{opacity:.5}.filter-toggle-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;width:40px}.filter-toggle-btn:hover{background:#e2e8f0}.filter-toggle-btn.active{background:#0f172a;color:#fff}.filter-toggle-btn.has-filters:after{background:#ef4444;border-radius:50%;content:"";height:8px;position:absolute;right:6px;top:6px;width:8px}.merchants-filters-panel{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:16px;padding:12px 32px}.filters-grid,.merchants-filters-panel{align-items:center;display:flex;flex-wrap:wrap}.filters-grid{flex:1 1}.filter-group{gap:6px}.filter-group label{color:#64748b}.filter-group input,.filter-group select{border:none;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#334155;font-size:13px;outline:none;padding:6px 10px}.filter-group input:hover,.filter-group select:hover{background:#f8fafc}.filter-group input[type=date]{width:130px}.clear-filters-btn{align-items:center;background:#0000;border-radius:6px;color:#dc2626;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px}.clear-filters-btn:hover{background:#fef2f2}.merchants-list-header{align-items:center;display:flex;justify-content:space-between;padding:16px 32px}.merchants-list-header>div:first-child{align-items:center;display:flex;gap:12px}.merchants-list-header h2{color:#0f172a;font-size:16px;font-weight:600;margin:0}.merchants-count{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;font-size:12px;font-weight:500;padding:4px 10px}.view-toggle{background:#f1f5f9;padding:3px}.view-toggle-btn{height:32px;width:32px}.view-toggle-btn:hover{color:#334155}.view-toggle-btn.active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#0f172a}.merchants-content{padding:0 32px 32px}.merchants-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.merchant-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;cursor:pointer;flex-direction:column;overflow:hidden;transition:all .15s ease}.merchant-card:hover{border-color:#94a3b8;box-shadow:0 4px 12px #0000000d}.merchant-card-top{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:16px}.merchant-avatar{font-size:14px;height:42px;width:42px}.merchant-name{margin:0 0 2px}.tier-badge{flex-shrink:0;font-size:10px}.tier-badge.FREE{background:#f1f5f9;color:#64748b}.tier-badge.STARTER{background:#dbeafe;color:#1d4ed8}.tier-badge.PRO,.tier-badge.PROFESSIONAL{background:#ede9fe;color:#7c3aed}.tier-badge.BUSINESS{background:#fef3c7;color:#b45309}.tier-badge.ENTERPRISE{background:#0f172a;color:#fff}.merchant-card-middle{padding:16px}.merchant-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.status-badge{border-radius:4px;font-size:10px}.status-badge.APPROVED{background:#dcfce7;color:#166534}.status-badge.PENDING{background:#fef9c3;color:#854d0e}.status-badge.BANNED,.status-badge.REJECTED,.status-badge.SUSPENDED{background:#fee2e2;color:#991b1b}.email-badge{border-radius:4px;font-size:10px;font-weight:600;padding:3px 8px}.email-badge.verified{background:#dcfce7;color:#166534}.email-badge.unverified{background:#fef9c3;color:#854d0e}.kyc-badge{border-radius:4px;font-size:10px;padding:3px 8px}.kyc-badge.kyc-approved{background:#dcfce7;color:#166534}.kyc-badge.kyc-pending{background:#fef9c3;color:#854d0e}.kyc-badge.kyc-not-started{background:#f1f5f9;color:#64748b}.merchant-card-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.merchant-stat{background:#f8fafc;border-radius:8px;padding:10px 8px;text-align:left}.merchant-stat-value{color:#0f172a;display:block;font-size:15px;font-weight:700}.merchant-stat-value.success{color:#16a34a}.merchant-stat-label{color:#94a3b8;display:block;font-size:9px;font-weight:600;margin-top:2px;text-transform:uppercase}.merchant-card-bottom{align-items:center;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 16px}.merchant-date{align-items:center;color:#64748b;display:flex;font-size:11px;gap:6px}.merchant-date svg{color:#94a3b8}.merchant-actions{gap:6px}.merchants-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.merchants-list .merchant-card{grid-gap:24px;align-items:center;background:#fff;border:none;border-bottom:1px solid #f1f5f9;border-radius:0;display:grid;gap:24px;grid-template-columns:260px 1fr 200px auto;padding:14px 20px}.merchants-list .merchant-card:last-child{border-bottom:none}.merchants-list .merchant-card:hover{background:#fafafa;box-shadow:none}.merchants-list .merchant-card-top{align-items:center;border:none;display:flex;gap:10px;padding:0}.merchants-list .merchant-avatar{font-size:13px;height:36px;width:36px}.merchants-list .merchant-name{font-size:13px}.merchants-list .merchant-email{font-size:11px}.merchants-list .tier-badge{font-size:9px;padding:3px 6px}.merchants-list .merchant-card-middle{display:flex;padding:0}.merchants-list .merchant-card-badges{display:none}.merchants-list .merchant-card-stats{display:flex;gap:32px}.merchants-list .merchant-stat{background:none;min-width:60px;padding:0;text-align:left}.merchants-list .merchant-stat-value{font-size:14px}.merchants-list .merchant-stat-label{font-size:9px}.merchants-list .merchant-card-bottom{align-items:center;background:none;border:none;display:flex;gap:12px;padding:0}.merchants-list .merchant-date{font-size:11px;white-space:nowrap}.merchants-list .merchant-actions .btn-sm{padding:6px 8px}.btn{background:#fff;border:1px solid #e2e8f0;color:#475569;font-size:12px;gap:6px;padding:8px 12px}.btn:hover{background:#f8fafc}.btn-sm{font-size:11px;padding:6px 10px}.btn-primary{background:#0f172a;border-color:#0f172a}.btn-primary:hover{background:#1e293b}.btn-warning{border-color:#fde68a}.merchants-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px 32px}.loading-spinner{border-top-color:#0f172a;height:36px;margin-bottom:16px;width:36px}.merchants-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 32px;text-align:center}.merchants-empty svg{color:#cbd5e1;margin-bottom:16px}.merchants-empty h3{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 8px}.merchants-empty p{color:#64748b;font-size:14px;margin:0}.merchants-pagination{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-top:20px;padding:16px 20px}.pagination-info{font-size:13px}.pagination-controls{gap:8px}.pagination-pages{gap:4px}.page-btn{color:#475569;font-size:13px}.page-btn.active{background:#0f172a;border-color:#0f172a}.merchant-details-content{display:flex;flex-direction:column;gap:16px}.merchant-detail-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.merchant-detail-section h3{align-items:center;color:#0f172a;display:flex;font-size:13px;font-weight:600;gap:8px;margin:0 0 12px}.merchant-detail-section h3 svg{color:#64748b}.status-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.detail-grid{grid-gap:12px;gap:12px}.detail-item{gap:2px}.detail-label{color:#94a3b8;font-size:10px}.detail-value{font-size:13px}.detail-value.success{color:#16a34a}.detail-value.warning{color:#d97706}.detail-value.error{color:#dc2626}.stats-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(3,1fr)}.stat-card-small{background:#f8fafc;border-radius:8px;padding:12px;text-align:center}.stat-card-small .stat-label{color:#64748b;font-size:10px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.stat-card-small .stat-value{color:#0f172a;font-size:18px;font-weight:700}.stat-card-small .stat-value.success{color:#16a34a}.stat-card-small .stat-value.warning{color:#d97706}.customer-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.customer-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.customer-info{flex:1 1;min-width:0}.customer-name{color:#0f172a;font-size:13px;font-weight:600}.customer-email{color:#64748b;font-size:11px}.customer-stats{display:flex;gap:16px;text-align:right}.customer-stat{display:flex;flex-direction:column}.customer-stat-value{color:#0f172a;font-size:12px;font-weight:700}.customer-stat-label{color:#94a3b8;font-size:9px;text-transform:uppercase}.no-customers{color:#64748b;font-size:13px;padding:20px;text-align:center}.loading-container{gap:16px;min-height:300px}.loading-text{color:#64748b;font-size:14px}@media (max-width:1024px){.merchants-content,.merchants-filters-panel,.merchants-header,.merchants-list-header,.merchants-search-section{padding-left:20px;padding-right:20px}.merchants-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.merchants-list .merchant-card{gap:16px;grid-template-columns:200px 1fr auto}.merchants-list .merchant-card-bottom{display:none}}@media (max-width:768px){.merchants-header{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.merchants-search-section{flex-direction:column;gap:10px}.merchants-search-bar{max-width:100%;width:100%}.merchants-filters-panel{align-items:flex-start;flex-direction:column}.filters-grid{width:100%}.merchants-list-header{align-items:flex-start;flex-direction:column;gap:12px}.merchants-grid{grid-template-columns:1fr}.merchants-list .merchant-card{gap:12px;grid-template-columns:1fr;padding:16px}.merchants-list .merchant-card-middle{justify-content:flex-start}.merchants-pagination{flex-direction:column;gap:16px}.detail-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}}.customers-page{animation:fadeIn .3s ease-out;background:#f8fafc;margin:0 auto;max-width:1800px;min-height:100vh;padding:1.5rem}.customers-header{align-items:center;background:linear-gradient(135deg,#0f766e,#0d9488);border-radius:12px;box-shadow:0 4px 12px #0d948833;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.customers-header h1{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0}.customers-header-actions{align-items:center;display:flex;gap:.75rem}.customers-header-actions .btn{background:#fff3;border:1px solid #ffffff4d;color:#fff;font-size:.813rem;font-weight:600;padding:.625rem 1.125rem}.customers-header-actions .btn:hover{background:#ffffff4d;border-color:#ffffff80}.customers-search-bar{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;display:flex;margin-bottom:2rem;max-width:600px;padding:.75rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.customers-search-bar:hover{background:#fff;border-color:#cbd5e1}.customers-search-bar:focus-within{background:#fff;border-color:#0d9488;box-shadow:0 0 0 3px #0d948814}.customers-search-bar .search-icon{color:#94a3b8;flex-shrink:0;transition:color .2s ease}.customers-search-bar:focus-within .search-icon{color:#0d9488}.customers-search-input{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:.938rem;font-weight:500;outline:none;padding:.25rem 1rem}.customers-search-input::placeholder{color:#94a3b8;font-weight:400}.customers-table-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.customers-table-header{align-items:center;background:var(--bg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--space-xl)}.customers-table-header h2{color:var(--text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.customers-count{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.customers-table-wrapper{overflow-x:auto}.customers-table{border-collapse:collapse;width:100%}.customers-table thead{background:var(--bg);border-bottom:2px solid var(--border)}.customers-table thead th{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:var(--space-md) var(--space-lg);text-align:left;text-transform:uppercase}.customers-table tbody td{border-top:1px solid var(--border);color:var(--text);font-size:var(--font-size-sm);padding:var(--space-lg);vertical-align:middle}.customers-table tbody tr{cursor:pointer;transition:all .2s ease}.customers-table tbody tr:hover{background:var(--bg);transform:scale(1.001)}.customers-table tbody tr:last-child td{border-bottom:1px solid var(--border)}.customer-name-cell{display:flex;flex-direction:column;gap:var(--space-xs)}.customer-name{color:var(--text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.customer-email{color:var(--text-muted);font-size:var(--font-size-xs)}.store-badge{font-size:11px;font-weight:var(--font-weight-bold);padding:4px 10px}.status-badge,.store-badge{border-radius:var(--radius-sm)}.status-badge{font-weight:var(--font-weight-semibold)}.status-badge.active{background:#f0fdf4;color:#16a34a}.status-badge.inactive{background:#fef2f2;color:#dc2626}.metric-value{font-size:14px;font-weight:var(--font-weight-semibold)}.metric-value.success{color:#16a34a}.metric-value.muted{color:var(--text-muted)}.customers-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.customers-list-header>div:first-child{align-items:center;display:flex;gap:.75rem}.customers-list-header h2{color:#0f172a;font-size:1.125rem;font-weight:700;margin:0}.customers-count{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:.75rem;font-weight:600;padding:4px 10px;white-space:nowrap}.customers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:2rem}.customers-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.customers-list .customer-card{grid-gap:1rem 1.5rem;align-items:center;display:grid;gap:1rem 1.5rem;grid-template-areas:"header metrics badges actions" "footer footer footer footer";grid-template-columns:280px 1fr auto auto;grid-template-rows:auto auto;padding:1rem 1.25rem}.customers-list .customer-card-header{border-bottom:none;grid-area:header;margin-bottom:0;min-width:0;padding-bottom:0}.customers-list .customer-card-badges{grid-area:badges;margin-bottom:0}.customers-list .customer-card-metrics{flex:1 1;gap:.75rem;grid-area:metrics;grid-template-columns:repeat(3,1fr);margin-bottom:0}.customers-list .customer-card-footer{border-top:1px solid #f1f5f9;grid-area:footer;padding-top:.75rem}.customers-list .customer-card-actions{align-self:center;gap:.375rem;grid-area:actions}.customers-list .metric{align-items:center;flex-direction:row;gap:.5rem;padding:.5rem .625rem}.customers-list .metric svg{height:14px;width:14px}.customers-list .metric-value{font-size:.875rem}.customers-list .metric-label{font-size:.625rem}.customer-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #10b981;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;min-width:0;overflow:hidden;padding:1.5rem;transition:all .2s ease}.customer-card:hover{border-color:#cbd5e1 #cbd5e1 #cbd5e1 #0d9488;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.customer-card-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1.25rem}.customer-card-title{align-items:flex-start;display:flex;flex:1 1;gap:.75rem;min-width:0}.customer-card-title svg{color:#10b981;flex-shrink:0;margin-top:2px}.customer-card-title h3{color:#0f172a;font-size:.938rem;font-weight:700;line-height:1.3;margin:0 0 4px}.customer-card-title h3,.customer-card-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-card-title p{color:#64748b;font-size:.75rem;margin:0}.customer-card-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.customer-card-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.25rem}.customer-card-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between}.customer-card-date{align-items:center;color:#64748b;display:flex;font-size:.75rem;gap:.5rem}.customer-card-date svg{color:#94a3b8}.customer-card-actions{display:flex;gap:.5rem}.btn-sm{font-size:.75rem;gap:.375rem;padding:.5rem .875rem}.btn-warning{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.btn-warning:hover{background:#fde68a;border-color:#fbbf24}.customers-loading{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px;padding:3rem}.customers-loading p{color:#64748b;font-size:.875rem;margin:0}.customers-empty{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px;padding:3rem;text-align:center}.customers-empty svg{color:#cbd5e1}.customers-empty h3{color:#0f172a;font-size:1.125rem;font-weight:700;margin:0}.customers-empty p{color:#64748b;font-size:.875rem;margin:0}.status-badge.ACTIVE,.status-badge.active{background:#f0fdf4;border:1px solid #d1fae5;color:#16a34a}.status-badge.INACTIVE,.status-badge.inactive{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.store-badge{border-radius:6px;display:inline-block;font-size:.688rem;font-weight:700;letter-spacing:.3px;padding:3px 8px;text-transform:capitalize}.store-badge.has-store{background:#e0f2fe;border:1px solid #bae6fd;color:#0369a1}.store-badge.no-store{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.customers-pagination{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-top:2rem;padding:1.5rem}.pagination-controls{gap:.5rem}.pagination-pages{gap:.25rem}.page-btn.active{background:var(--brand);border-color:var(--brand)}.page-btn.active:hover{background:var(--brand-600);border-color:var(--brand-600)}.customer-detail-section{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-xl)}.customer-detail-section h3{align-items:center;color:var(--text);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-sm);margin:0 0 var(--space-lg) 0}.customer-detail-section h3 svg{color:var(--brand)}.detail-grid{grid-gap:var(--space-lg);gap:var(--space-lg)}.detail-item{gap:var(--space-xs)}.detail-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.detail-value{color:var(--text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.detail-value.large{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.detail-value.success{color:var(--success-color)}.detail-value.warning{color:var(--warning-color)}.detail-value.error{color:var(--error-color)}.stats-grid{grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--space-xl)}.stat-card-small{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-lg);transition:all .2s ease}.stat-card-small:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-small .stat-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.stat-card-small .stat-value{color:var(--text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold)}.customer-profile-header{background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid #10b98133;border-radius:12px;margin-bottom:20px;padding:20px}.customer-profile-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.customer-profile-name{font-size:20px;font-weight:700;margin:0 0 4px}.customer-profile-email{color:var(--text-muted);font-size:14px;margin:0}.customer-info-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:16px}.info-card{border:1px solid var(--border);border-radius:8px;padding:12px}.info-card-label{color:var(--text-muted);font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.info-card-value{font-size:14px;font-weight:600}.orders-section{margin-top:24px}.orders-list{display:flex;flex-direction:column;gap:12px}.order-item{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.order-item:hover{background:var(--panel);box-shadow:var(--shadow)}.order-info{display:flex;flex-direction:column;gap:4px}.order-id{font-family:monospace;font-size:13px;font-weight:600}.order-date{color:var(--text-muted);font-size:12px}.order-amount{color:var(--success-color);font-size:15px;font-weight:700}.action-buttons{border-top:1px solid var(--border);gap:var(--space-md);padding-top:var(--space-lg)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;min-height:400px}.loading-spinner{border-top:3px solid var(--border);border:3px solid var(--border)}.loading-text{color:var(--text-muted);font-size:var(--font-size-sm)}@media (max-width:768px){.customers-filters{align-items:stretch;flex-direction:column}.search-input-wrapper{max-width:100%}.customers-table-wrapper{overflow-x:scroll}.customers-table{min-width:800px}.customers-pagination{flex-direction:column;gap:var(--space-md)}.detail-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.customer-info-cards{grid-template-columns:1fr}}:root{--admin-ai-bg:#fff;--admin-ai-bg-secondary:#f8fafc;--admin-ai-bg-tertiary:#f1f5f9;--admin-ai-text:#0f172a;--admin-ai-text-secondary:#64748b;--admin-ai-text-muted:#94a3b8;--admin-ai-border:#e2e8f0;--admin-ai-primary:#6366f1;--admin-ai-primary-light:#e0e7ff;--admin-ai-success:#10b981;--admin-ai-warning:#f59e0b;--admin-ai-danger:#ef4444;--admin-ai-sidebar-width:280px;--admin-ai-radius:12px;--admin-ai-transition:0.2s ease}.admin-ai-layout{background:#fff;background:var(--admin-ai-bg);border-radius:12px;border-radius:var(--admin-ai-radius);box-shadow:0 1px 3px #0000000d;display:flex;height:calc(100vh - 80px);overflow:hidden}.admin-ai-sidebar{background:#f8fafc;background:var(--admin-ai-bg-secondary);border-right:1px solid #e2e8f0;border-right:1px solid var(--admin-ai-border);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;transition:width var(--admin-ai-transition);width:280px;width:var(--admin-ai-sidebar-width)}.admin-ai-sidebar.collapsed{align-items:center;padding:12px 10px;width:60px}.admin-sidebar-toggle{align-items:center;background:#fff;background:var(--admin-ai-bg);border:none;border-radius:10px;color:#64748b;color:var(--admin-ai-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;margin-bottom:8px;transition:all .2s ease;transition:all var(--admin-ai-transition);width:40px}.admin-sidebar-toggle:hover{background:#e0e7ff;background:var(--admin-ai-primary-light);color:#6366f1;color:var(--admin-ai-primary)}.admin-collapsed-convs{display:flex;flex-direction:column;gap:6px;margin-top:12px}.admin-collapsed-conv{background:#fff;background:var(--admin-ai-bg);border:none;border-radius:8px;color:#64748b;color:var(--admin-ai-text-secondary);cursor:pointer;font-size:12px;font-weight:600;height:32px;transition:all .2s ease;transition:all var(--admin-ai-transition);width:32px}.admin-collapsed-conv:hover{background:#e0e7ff;background:var(--admin-ai-primary-light);color:#6366f1;color:var(--admin-ai-primary)}.admin-collapsed-conv.active{background:#6366f1;background:var(--admin-ai-primary);color:#fff}.admin-sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-ai-border);display:flex;justify-content:space-between;padding:16px 16px 12px}.admin-sidebar-header span{color:#64748b;color:var(--admin-ai-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-sidebar-collapse{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;color:var(--admin-ai-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;transition:all var(--admin-ai-transition);width:28px}.admin-sidebar-collapse:hover{background:#f1f5f9;background:var(--admin-ai-bg-tertiary);color:#64748b;color:var(--admin-ai-text-secondary)}.admin-new-chat-btn{align-items:center;background:#6366f1;background:var(--admin-ai-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;margin:12px;padding:10px 14px;transition:all .2s ease;transition:all var(--admin-ai-transition)}.admin-new-chat-btn:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.admin-conversations-list{flex:1 1;overflow-y:auto;padding:8px}.admin-sidebar-loading{display:flex;justify-content:center;padding:24px}.admin-sidebar-empty{align-items:center;color:#94a3b8;color:var(--admin-ai-text-muted);display:flex;flex-direction:column;gap:8px;padding:32px 16px}.admin-sidebar-empty span{font-size:13px}.admin-conv-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-bottom:4px;padding:10px 12px;transition:all .2s ease;transition:all var(--admin-ai-transition)}.admin-conv-item:hover{background:#fff;background:var(--admin-ai-bg)}.admin-conv-item.active{background:#e0e7ff;background:var(--admin-ai-primary-light)}.admin-conv-content{flex:1 1;min-width:0}.admin-conv-title{color:#0f172a;color:var(--admin-ai-text);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-conv-date{color:#94a3b8;color:var(--admin-ai-text-muted);font-size:11px;margin-top:2px}.admin-conv-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease;transition:opacity var(--admin-ai-transition)}.admin-conv-item:hover .admin-conv-actions{opacity:1}.admin-conv-actions button{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;color:var(--admin-ai-text-muted);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .2s ease;transition:all var(--admin-ai-transition);width:26px}.admin-conv-actions button:hover{background:#f1f5f9;background:var(--admin-ai-bg-tertiary);color:#64748b;color:var(--admin-ai-text-secondary)}.admin-conv-actions button.delete:hover{background:#fee2e2;color:#ef4444;color:var(--admin-ai-danger)}.admin-conv-edit{align-items:center;display:flex;gap:4px;width:100%}.admin-conv-edit input{background:#fff;background:var(--admin-ai-bg);border:1px solid #6366f1;border:1px solid var(--admin-ai-primary);border-radius:6px;flex:1 1;font-size:13px;min-width:0;padding:6px 10px}.admin-conv-edit input:focus{box-shadow:0 0 0 2px #e0e7ff;box-shadow:0 0 0 2px var(--admin-ai-primary-light);outline:none}.admin-conv-edit button{align-items:center;background:#f1f5f9;background:var(--admin-ai-bg-tertiary);border:none;border-radius:6px;color:#64748b;color:var(--admin-ai-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.admin-conv-edit button:hover{background:#e2e8f0;background:var(--admin-ai-border)}.admin-ai-main{flex:1 1;flex-direction:column;min-width:0}.admin-ai-header,.admin-ai-main{background:#fff;background:var(--admin-ai-bg);display:flex}.admin-ai-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-ai-border);justify-content:space-between;padding:12px 20px}.admin-header-left{align-items:center;display:flex;gap:12px}.admin-mobile-menu{align-items:center;background:#f8fafc;background:var(--admin-ai-bg-secondary);border:none;border-radius:8px;color:#64748b;color:var(--admin-ai-text-secondary);cursor:pointer;display:none;height:36px;justify-content:center;width:36px}.admin-header-info{align-items:center;display:flex;gap:12px}.admin-header-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--admin-ai-primary),#8b5cf6);border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.admin-ai-header h2{color:#0f172a;color:var(--admin-ai-text);font-size:16px;font-weight:600;margin:0}.admin-ai-header p{color:#64748b;color:var(--admin-ai-text-secondary);font-size:12px;margin:2px 0 0}.admin-header-stats{display:flex;gap:16px}.admin-header-stat{align-items:center;background:#f8fafc;background:var(--admin-ai-bg-secondary);border-radius:8px;display:flex;flex-direction:column;padding:6px 12px}.admin-header-stat .stat-value{color:#6366f1;color:var(--admin-ai-primary);font-size:16px;font-weight:700}.admin-header-stat.pending .stat-value{color:#f59e0b;color:var(--admin-ai-warning)}.admin-header-stat.warning .stat-value{color:#ef4444;color:var(--admin-ai-danger)}.admin-header-stat .stat-label{color:#94a3b8;color:var(--admin-ai-text-muted);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.admin-ai-chat{overflow-y:auto}.admin-ai-chat,.admin-ai-welcome{display:flex;flex:1 1;flex-direction:column}.admin-ai-welcome{padding:40px;text-align:center}.admin-ai-welcome,.admin-welcome-icon{align-items:center;justify-content:center}.admin-welcome-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--admin-ai-primary),#8b5cf6);border-radius:20px;color:#fff;display:flex;height:80px;margin-bottom:24px;width:80px}.admin-ai-welcome h2{color:#0f172a;color:var(--admin-ai-text);font-size:24px;font-weight:600;margin:0 0 8px}.admin-ai-welcome>p{color:#64748b;color:var(--admin-ai-text-secondary);font-size:15px;line-height:1.5;margin:0 0 32px;max-width:480px}.admin-quick-actions{display:flex;gap:12px;margin-bottom:32px}.admin-quick-btn{align-items:center;background:#fff;background:var(--admin-ai-bg);border:2px solid #e2e8f0;border:2px solid var(--admin-ai-border);border-radius:12px;color:#0f172a;color:var(--admin-ai-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease;transition:all var(--admin-ai-transition)}.admin-quick-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.admin-quick-btn.merchant{border-color:#10b981;color:#10b981}.admin-quick-btn.merchant:hover{background:#ecfdf5}.admin-quick-btn.subscription{border-color:#6366f1;color:#6366f1}.admin-quick-btn.subscription:hover{background:#eef2ff}.admin-quick-btn.command{border-color:#f59e0b;color:#f59e0b}.admin-quick-btn.command:hover{background:#fffbeb}.admin-suggestions{max-width:700px;width:100%}.admin-suggestions-label{color:#94a3b8;color:var(--admin-ai-text-muted);font-size:13px;font-weight:500;margin-bottom:12px}.admin-suggestions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.admin-suggestion-btn{align-items:center;background:#f8fafc;background:var(--admin-ai-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--admin-ai-border);border-radius:10px;color:#0f172a;color:var(--admin-ai-text);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:14px 16px;text-align:left;transition:all .2s ease;transition:all var(--admin-ai-transition)}.admin-suggestion-btn svg{color:#6366f1;color:var(--accent-color,var(--admin-ai-primary));flex-shrink:0}.admin-suggestion-btn:hover:not(:disabled){background:#fff;background:var(--admin-ai-bg);border-color:#6366f1;border-color:var(--accent-color,var(--admin-ai-primary));box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.admin-suggestion-btn:disabled{cursor:not-allowed;opacity:.5}.admin-messages{display:flex;flex-direction:column;gap:20px;padding:24px}.admin-message{animation:adminFadeIn .3s ease-out;display:flex;gap:12px;max-width:85%}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-message-user{flex-direction:row-reverse;margin-left:auto}.admin-message-avatar{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.admin-message-assistant .admin-message-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--admin-ai-primary),#8b5cf6)}.admin-message-user .admin-message-avatar{background:linear-gradient(135deg,#f472b6,#ec4899)}.admin-message-body{display:flex;flex:1 1;flex-direction:column;gap:8px}.admin-message-text{word-wrap:break-word;border-radius:16px;font-size:14px;line-height:1.6;padding:14px 18px;white-space:pre-wrap}.admin-message-assistant .admin-message-text{background:#f8fafc;background:var(--admin-ai-bg-secondary);border-bottom-left-radius:4px;color:#0f172a;color:var(--admin-ai-text)}.admin-message-user .admin-message-text{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--admin-ai-primary),#8b5cf6);border-bottom-right-radius:4px;color:#fff}.admin-message-time{color:#94a3b8;color:var(--admin-ai-text-muted);font-size:11px;padding:0 4px}.admin-stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.admin-stat-card{align-items:center;background:#fff;background:var(--admin-ai-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-ai-border);border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px}.admin-stat-card svg{color:#6366f1;color:var(--admin-ai-primary)}.admin-stat-value{color:#0f172a;color:var(--admin-ai-text);font-size:16px;font-weight:700}.admin-stat-label{color:#94a3b8;color:var(--admin-ai-text-muted);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.admin-suggested-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.admin-suggested-actions .actions-label{color:#94a3b8;color:var(--admin-ai-text-muted);font-size:12px}.admin-action-chip{background:#e0e7ff;background:var(--admin-ai-primary-light);border:none;border-radius:16px;color:#6366f1;color:var(--admin-ai-primary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease;transition:all var(--admin-ai-transition)}.admin-action-chip:hover:not(:disabled){background:#6366f1;background:var(--admin-ai-primary);color:#fff}.admin-action-chip:disabled{cursor:not-allowed;opacity:.5}.admin-loading{align-items:center;background:#f8fafc;background:var(--admin-ai-bg-secondary);border-radius:16px;color:#64748b;color:var(--admin-ai-text-secondary);display:flex;font-size:14px;gap:10px;padding:14px 18px}.admin-spinner{animation:adminSpin 1s linear infinite}@keyframes adminSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-entity-panel{background:#f8fafc;background:var(--admin-ai-bg-secondary);border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-ai-border);padding:12px 20px}.admin-entity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.admin-entity-info{align-items:center;display:flex;gap:10px}.admin-entity-info svg{color:#6366f1;color:var(--admin-ai-primary)}.admin-entity-info span:first-of-type{color:#0f172a;color:var(--admin-ai-text);font-weight:500}.admin-entity-status{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.admin-entity-close{align-items:center;background:#fff;background:var(--admin-ai-bg);border:none;border-radius:6px;color:#94a3b8;color:var(--admin-ai-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.admin-entity-close:hover{background:#e2e8f0;background:var(--admin-ai-border);color:#0f172a;color:var(--admin-ai-text)}.admin-entity-actions{display:flex;gap:8px}.admin-entity-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease;transition:all var(--admin-ai-transition)}.admin-entity-action.primary{background:#6366f1;background:var(--admin-ai-primary);color:#fff}.admin-entity-action.primary:hover:not(:disabled){background:#4f46e5}.admin-entity-action.success{background:#10b981;background:var(--admin-ai-success);color:#fff}.admin-entity-action.success:hover:not(:disabled){background:#059669}.admin-entity-action.danger{background:#ef4444;background:var(--admin-ai-danger);color:#fff}.admin-entity-action.danger:hover:not(:disabled){background:#dc2626}.admin-entity-action:disabled{cursor:not-allowed;opacity:.5}.admin-ai-input-area{background:#fff;background:var(--admin-ai-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-ai-border);padding:16px 20px 20px}.admin-input-wrapper{margin:0 auto;max-width:800px;position:relative}.admin-input-triggers{display:flex;gap:4px;margin-bottom:8px}.admin-trigger-btn{align-items:center;background:#fff;background:var(--admin-ai-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-ai-border);border-radius:8px;color:#94a3b8;color:var(--admin-ai-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--admin-ai-transition);width:32px}.admin-trigger-btn:hover{background:#e0e7ff;background:var(--admin-ai-primary-light);border-color:#6366f1;border-color:var(--admin-ai-primary);color:#6366f1;color:var(--admin-ai-primary)}.admin-input-container{display:flex;gap:12px}.admin-input{background:#f8fafc;background:var(--admin-ai-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--admin-ai-border);border-radius:12px;flex:1 1;font-family:inherit;font-size:14px;max-height:120px;min-height:48px;padding:14px 18px;resize:none;transition:all .2s ease;transition:all var(--admin-ai-transition)}.admin-input:focus{background:#fff;background:var(--admin-ai-bg);border-color:#6366f1;border-color:var(--admin-ai-primary);box-shadow:0 0 0 3px #e0e7ff;box-shadow:0 0 0 3px var(--admin-ai-primary-light);outline:none}.admin-input:disabled{background:#f1f5f9;background:var(--admin-ai-bg-tertiary);cursor:not-allowed}.admin-input::placeholder{color:#94a3b8;color:var(--admin-ai-text-muted)}.admin-send-btn{align-items:center;background:#6366f1;background:var(--admin-ai-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s ease;transition:all var(--admin-ai-transition);width:48px}.admin-send-btn:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.admin-send-btn:disabled{cursor:not-allowed;opacity:.5}.admin-command-palette{background:#fff;background:var(--admin-ai-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-ai-border);border-radius:12px;border-radius:var(--admin-ai-radius);bottom:100%;box-shadow:0 4px 24px #0000001f;left:0;margin-bottom:8px;max-height:400px;overflow:hidden;position:absolute;right:0;z-index:100}.admin-palette-header{align-items:center;background:#f8fafc;background:var(--admin-ai-bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-ai-border);display:flex;justify-content:space-between;padding:12px 16px}.admin-palette-header span{color:#64748b;color:var(--admin-ai-text-secondary);font-size:13px;font-weight:600}.admin-palette-header kbd{background:#f1f5f9;background:var(--admin-ai-bg-tertiary);border-radius:4px;color:#94a3b8;color:var(--admin-ai-text-muted);font-size:11px;padding:2px 8px}.admin-palette-content{max-height:340px;overflow-y:auto;padding:8px}.admin-palette-category{margin-bottom:8px}.admin-palette-category-title{color:#94a3b8;color:var(--admin-ai-text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px 4px;text-transform:uppercase}.admin-palette-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:all .2s ease;transition:all var(--admin-ai-transition);width:100%}.admin-palette-item:hover{background:#f8fafc;background:var(--admin-ai-bg-secondary)}.admin-palette-item svg{color:#6366f1;color:var(--admin-ai-primary);flex-shrink:0}.admin-palette-item-info{flex:1 1;min-width:0}.admin-palette-item-name{color:#0f172a;color:var(--admin-ai-text);display:block;font-size:14px;font-weight:500}.admin-palette-item-desc{color:#94a3b8;color:var(--admin-ai-text-muted);display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-palette-item kbd{background:#f1f5f9;background:var(--admin-ai-bg-tertiary);border-radius:6px;color:#64748b;color:var(--admin-ai-text-secondary);flex-shrink:0;font-size:12px;padding:4px 8px}.admin-autocomplete{background:#fff;background:var(--admin-ai-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-ai-border);border-radius:12px;border-radius:var(--admin-ai-radius);bottom:100%;box-shadow:0 4px 24px #0000001f;left:0;margin-bottom:8px;max-height:360px;overflow:hidden;position:absolute;right:0;z-index:100}.admin-autocomplete-header{align-items:center;background:#f8fafc;background:var(--admin-ai-bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-ai-border);display:flex;gap:8px;padding:12px 16px}.admin-autocomplete-header svg{color:#6366f1;color:var(--admin-ai-primary)}.admin-autocomplete-header span{color:#64748b;color:var(--admin-ai-text-secondary);font-size:13px;font-weight:600}.admin-autocomplete-content{max-height:300px;overflow-y:auto}.admin-autocomplete-empty,.admin-autocomplete-loading{align-items:center;color:#94a3b8;color:var(--admin-ai-text-muted);display:flex;font-size:13px;gap:8px;justify-content:center;padding:24px}.admin-autocomplete-item{background:#0000;border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-ai-border);cursor:pointer;display:flex;flex-direction:column;padding:12px 16px;text-align:left;transition:all .2s ease;transition:all var(--admin-ai-transition);width:100%}.admin-autocomplete-item:last-child{border-bottom:none}.admin-autocomplete-item.selected,.admin-autocomplete-item:hover{background:#f8fafc;background:var(--admin-ai-bg-secondary)}.admin-autocomplete-main{align-items:center;display:flex;gap:10px;margin-bottom:4px}.admin-autocomplete-name{color:#0f172a;color:var(--admin-ai-text);font-size:14px;font-weight:500}.admin-autocomplete-status{border-radius:12px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.admin-autocomplete-meta{color:#94a3b8;color:var(--admin-ai-text-muted);display:flex;font-size:12px;gap:16px}.admin-ai-chat::-webkit-scrollbar,.admin-autocomplete-content::-webkit-scrollbar,.admin-conversations-list::-webkit-scrollbar,.admin-palette-content::-webkit-scrollbar{width:6px}.admin-ai-chat::-webkit-scrollbar-track,.admin-autocomplete-content::-webkit-scrollbar-track,.admin-conversations-list::-webkit-scrollbar-track,.admin-palette-content::-webkit-scrollbar-track{background:#0000}.admin-ai-chat::-webkit-scrollbar-thumb,.admin-autocomplete-content::-webkit-scrollbar-thumb,.admin-conversations-list::-webkit-scrollbar-thumb,.admin-palette-content::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--admin-ai-border);border-radius:3px}.admin-ai-chat::-webkit-scrollbar-thumb:hover,.admin-autocomplete-content::-webkit-scrollbar-thumb:hover,.admin-conversations-list::-webkit-scrollbar-thumb:hover,.admin-palette-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1}@media (max-width:1024px){.admin-header-stats{display:none}}@media (max-width:768px){.admin-ai-layout{height:calc(100vh - 60px)}.admin-ai-sidebar{bottom:0;box-shadow:2px 0 12px #0000001a;left:0;position:fixed;top:60px;transform:translateX(-100%);transition:transform .3s ease;z-index:100}.admin-ai-sidebar:not(.collapsed){transform:translateX(0)}.admin-ai-sidebar.collapsed{transform:translateX(-100%);width:280px;width:var(--admin-ai-sidebar-width)}.admin-mobile-menu{display:flex}.admin-ai-header{padding:12px 16px}.admin-ai-header h2{font-size:14px}.admin-ai-header p{display:none}.admin-quick-actions{flex-wrap:wrap;justify-content:center}.admin-quick-btn{font-size:13px;padding:10px 16px}.admin-suggestions-grid{grid-template-columns:1fr}.admin-messages{padding:16px}.admin-message{max-width:95%}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-ai-input-area{padding:12px 16px 16px}.admin-input-container{gap:8px}.admin-entity-panel{padding:12px 16px}.admin-entity-actions{flex-wrap:wrap}}.settlements-container{background:#f9fafb;margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.page-header .header-actions{flex-shrink:0;gap:12px}.stat-icon.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.stat-icon.processing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.stat-icon.total{background:linear-gradient(135deg,#e8f6f1,#c8ebe2);color:#1a6f63}.stat-amount{color:#374151;font-size:14px;font-weight:600;text-align:right;white-space:nowrap}.stat-amount.success{color:#059669}.stat-amount.highlight{color:#1e40af;font-weight:700}.stat-card.clickable{cursor:pointer}.stat-card.active,.stat-card.clickable:hover{border-color:#1a6f63}.stat-card.active{box-shadow:0 0 0 2px #1a6f6333}.stat-card.highlight{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.stat-card.highlight:hover{border-color:#3b82f6}.stat-card.highlight.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.payment-queue-alert{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px;transition:all .2s ease}.payment-queue-alert:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.payment-queue-alert .alert-content{align-items:center;color:#1e40af;display:flex;gap:12px}.payment-queue-alert .alert-content strong{color:#1e3a8a}.view-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:0;margin-bottom:20px;overflow:hidden}.view-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .2s ease}.view-tab:hover{background-color:#f9fafb;color:#111827}.view-tab.active{background:linear-gradient(180deg,#fff,#e8f6f1);border-bottom-color:#1a6f63;color:#1a6f63;font-weight:700}.payment-queue-actions{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 24px}.payment-queue-actions .queue-info h3{color:#166534;font-size:16px;font-weight:700;margin:0 0 4px}.payment-queue-actions .queue-info p{color:#15803d;font-size:13px;margin:0}.payment-queue-actions .queue-buttons{display:flex;gap:12px}.bank-details{display:flex;flex-direction:column;gap:2px;position:relative}.bank-details .text-mono-small{color:#374151;font-family:Monaco,monospace;font-size:12px}.copy-btn{background:#fff;border:1px solid #e5e7eb;color:#6b7280;padding:6px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s ease}.copy-btn:hover{background:#e8f6f1;border-color:#1a6f63;color:#1a6f63}.amount-primary{color:#059669;font-size:15px;font-weight:700}.highlight-row{background-color:#eff6ff!important;border-left:4px solid #3b82f6}.highlight-row:hover{background-color:#dbeafe!important}.info-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:14px;margin-bottom:16px;padding:12px 16px}.warning-box{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;margin-top:16px;padding:16px}.warning-box strong{display:block;margin-bottom:8px}.warning-box ul{margin:0;padding-left:20px}.warning-box li{margin-bottom:4px}.success-section{background:#f0fdf4!important;border-color:#86efac!important}.success-section h3{color:#166534!important}.error-section{background:#fef2f2!important;border-color:#fecaca!important}.error-section h3{color:#991b1b!important}.error-section p{color:#7f1d1d;margin:0}.required{color:#dc2626}.amount-input{font-size:18px!important;font-weight:600!important}.filter-group{align-items:flex-start}.filter-group label{align-items:center;display:flex;gap:8px;white-space:nowrap}.filter-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.filter-group input:hover,.filter-group select:hover{background-color:#f9fafb}.filter-group input:focus,.filter-group select:focus{background-color:#fff}.settlements-table{border-collapse:collapse;min-width:800px;width:100%}.settlements-table td,.settlements-table th{border-bottom:1px solid #f3f4f6;padding:16px 14px;text-align:left;vertical-align:middle}.settlements-table td:first-child,.settlements-table th:first-child{padding-left:20px}.settlements-table td:last-child,.settlements-table th:last-child{padding-right:20px}.settlements-table th{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb;color:#374151;font-size:11px;font-weight:700;letter-spacing:.8px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.settlements-table tbody tr{transition:all .2s ease}.settlements-table tbody tr:hover{background-color:#f0fdf9;box-shadow:inset 4px 0 0 #1a6f63}.settlements-table tbody tr:nth-child(2n){background-color:#fafafa}.settlements-table tbody tr:nth-child(2n):hover{background-color:#f0f9ff}.settlements-table tbody tr:last-child td{border-bottom:none}.custom-checkbox{border-radius:4px;transition:all .2s ease}.custom-checkbox:hover:not(:disabled){transform:scale(1.1)}.status-badge{justify-content:center;line-height:1;vertical-align:middle}.status-badge svg{display:block;flex-shrink:0;height:14px;width:14px}.status-badge span{display:inline-block;line-height:1}.status-badge.pending{background:#fef3c7;border-color:#fde68a;color:#92400e}.status-badge.completed{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.status-badge.failed{background:#fee2e2;border-color:#fecaca}.status-badge.cancelled,.status-badge.on_hold{background:#f3f4f6;border-color:#e5e7eb;color:#374151}.status-badge.approved{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.status-cell{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.refund-badge{align-items:center;border-radius:10px;cursor:help;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.refund-badge.requested{background:#fef3c7;border:1px solid #fde68a;color:#d97706}.refund-badge.refunded{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.status-badge.pending_merchant{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;color:#92400e}.btn-primary:hover:not(:disabled){border-color:#155a51;box-shadow:0 4px 6px #1a6f634d}.btn-success:hover:not(:disabled){border-color:#059669;box-shadow:0 4px 6px #10b98140}.btn-danger:hover:not(:disabled){border-color:#dc2626;box-shadow:0 4px 6px #ef444440}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706;box-shadow:0 4px 6px #f59e0b40;transform:translateY(-1px)}.btn-text{background:none;border:none;box-shadow:none;color:#3b82f6;font-weight:600;padding:8px 16px}.btn-text:hover:not(:disabled){background:#eff6ff;border-radius:6px}.btn:disabled{transform:none!important}.btn-icon:hover{box-shadow:0 4px 6px #1a6f6326}.text-secondary{font-size:13px;font-weight:500}.text-mono{border:1px solid #e5e7eb}.date-text{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px;white-space:nowrap}.date-text,.loading-text{font-weight:500}.empty-state p{margin-bottom:24px}.empty-state .empty-state-text{color:#6b7280;font-weight:400;margin-bottom:0}.modal-header h3{align-items:center;color:#111827;display:flex;gap:10px}.modal-footer{border-radius:0 0 12px 12px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;color:#111827;font-weight:500;padding:12px 16px}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background-color:#f9fafb;border-color:#1a6f63}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#1a6f63;box-shadow:0 0 0 3px #1a6f631a}.form-group textarea{line-height:1.5}.settlement-info{gap:4px;min-width:0}.settlement-info strong{color:#111827;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settlement-info .reference{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-family:Monaco,monospace;font-size:11px;padding:2px 6px}.merchant-info strong{color:#111827;line-height:1.4}.merchant-info .email{color:#6b7280;font-size:11px;line-height:1.3}.merchant-info .store-name{align-items:center;color:#3b82f6;display:flex;font-size:12px;font-weight:500;gap:4px}.amount-info{display:flex;flex-direction:column;gap:4px}.amount-info strong{color:#059669;font-size:15px;font-weight:700}.amount-info .sub-amount{color:#9ca3af;font-size:12px;font-weight:500}.pagination .page-info,.pagination-info{background:#f3f4f6;border-radius:8px;color:#374151;font-size:14px;font-weight:600;padding:8px 20px}@media (max-width:1024px){.modal{max-width:90%}}@media (max-width:768px){.settlements-container{padding:12px}.page-header .header-content{align-items:flex-start;flex-direction:column;gap:16px}.stats-grid{gap:12px;grid-template-columns:1fr 1fr}.stat-card{flex-direction:column;gap:12px;padding:16px;text-align:center}.stat-content{align-items:center}.stat-value{font-size:24px}.stat-amount{font-size:12px;text-align:center}.filters-grid{grid-template-columns:1fr}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.settlements-table{min-width:1000px}.action-buttons{align-items:stretch;flex-direction:column}.modal{border-radius:16px 16px 0 0;margin-top:auto;max-height:100vh;max-width:100%;width:100%}.modal-overlay{align-items:flex-end;padding:0}.modal-header{border-radius:16px 16px 0 0;padding:20px}.modal-header h2{font-size:18px}.modal-body{padding:20px}.modal-footer{flex-wrap:wrap;padding:16px 20px}.modal-footer .btn{flex:1 1;justify-content:center;min-width:120px}.detail-grid{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.tab{flex:1 1 auto;min-width:120px}.form-group input,.form-group select,.form-group textarea{font-size:16px}}@media (max-width:480px){.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.table-header{align-items:stretch;flex-direction:column;gap:12px}.table-header-actions{flex-wrap:wrap;justify-content:flex-start}}.settings-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.settings-header{background:linear-gradient(180deg,#fff,#f9fafb);border-bottom:2px solid #f3f4f6;padding:24px}.settings-header h2{align-items:center;color:#111827;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 8px}.settings-header p{color:#6b7280;font-size:14px;margin:0}.settings-content{padding:24px}.settings-section{border-bottom:1px solid #f3f4f6;margin-bottom:24px}.settings-section:last-of-type{border-bottom:none;margin-bottom:0}.settings-section h3{color:#374151;font-size:14px;gap:10px;margin:0 0 20px}.settings-row{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .2s ease}.settings-row:hover{background:#f3f4f6;border-color:#d1d5db}.settings-row:last-child{margin-bottom:0}.settings-row.vertical{align-items:flex-start;flex-direction:column;gap:16px}.settings-label{align-items:flex-start;display:flex;flex:1 1;gap:14px}.settings-label>svg{color:#1a6f63;flex-shrink:0;margin-top:2px}.settings-label h4{color:#111827;font-size:15px;font-weight:600;margin:0 0 4px}.settings-label p{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.toggle-switch{height:28px;width:52px}.toggle-slider{background-color:#d1d5db;border-radius:28px}.toggle-slider:before{box-shadow:0 2px 4px #0003;height:22px;width:22px}.toggle-switch input:checked+.toggle-slider{background-color:#1a6f63}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #1a6f6333}.settings-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#111827;font-size:16px;font-weight:600;padding:10px 14px;text-align:center;transition:all .2s ease;width:100px}.settings-input:hover{border-color:#1a6f63}.settings-input:focus{border-color:#1a6f63;box-shadow:0 0 0 3px #1a6f631a;outline:none}.settings-options{display:flex;flex-direction:column;gap:10px;width:100%}.settings-option{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:14px;padding:16px;transition:all .2s ease}.settings-option:hover{background:#f0f9f7;border-color:#1a6f63}.settings-option.selected{background:linear-gradient(135deg,#e8f6f1,#d1f0e8);border-color:#1a6f63}.settings-option input[type=radio]{accent-color:#1a6f63;flex-shrink:0;height:18px;margin-top:3px;width:18px}.settings-option div{display:flex;flex-direction:column;gap:4px}.settings-option strong{color:#111827;font-size:14px;font-weight:600}.settings-option span{color:#6b7280;font-size:13px}.settings-actions{border-top:2px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.settings-info{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border-top:1px solid #fcd34d;color:#92400e;display:flex;gap:14px;padding:20px 24px}.settings-info svg{flex-shrink:0;margin-top:2px}.settings-info div{font-size:13px;line-height:1.5}.settings-info strong{font-weight:600}.tab-badge.warning{background:#f59e0b}.settings-stats-banner{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #fcd34d;display:flex;gap:20px;padding:20px 24px}.stats-banner-icon{align-items:center;background:#f59e0b33;border-radius:12px;color:#d97706;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stats-banner-content{flex:1 1}.stats-banner-title{color:#92400e;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stats-banner-values{align-items:baseline;display:flex;gap:16px}.stats-banner-count{color:#78350f;font-size:20px;font-weight:700}.stats-banner-amount{color:#92400e;font-size:16px;font-weight:600}.settings-status-card{align-items:center;border-radius:12px;display:flex;gap:20px;margin-bottom:24px;padding:24px;transition:all .3s ease}.settings-status-card.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #6ee7b7}.settings-status-card.inactive{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db}.status-card-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.settings-status-card.active .status-card-icon{background:#10b98133;color:#059669}.settings-status-card.inactive .status-card-icon{background:#6b728033;color:#6b7280}.status-card-content{flex:1 1}.status-card-title{font-size:18px;font-weight:700;margin-bottom:4px}.settings-status-card.active .status-card-title{color:#065f46}.settings-status-card.inactive .status-card-title{color:#374151}.status-card-desc{font-size:14px}.settings-status-card.active .status-card-desc{color:#047857}.settings-status-card.inactive .status-card-desc{color:#6b7280}.hold-period-input{align-items:center;display:flex;gap:10px}.hold-period-input .settings-input{width:80px}.input-suffix{color:#374151;font-size:14px;font-weight:600}.input-hint{background:#f3f4f6;border-radius:6px;color:#9ca3af;padding:4px 10px}.settings-section-desc{color:#6b7280;font-size:14px;margin:0 0 20px}.release-options-grid{grid-gap:12px;display:grid;gap:12px}.release-option-card{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;position:relative;transition:all .2s ease}.release-option-card:hover{background:#f0f9f7;border-color:#1a6f63}.release-option-card.selected{background:linear-gradient(135deg,#e8f6f1,#d1f0e8);border-color:#1a6f63;box-shadow:0 0 0 3px #1a6f631a}.release-option-card.recommended{border-style:dashed}.release-option-card.recommended.selected{border-style:solid}.recommended-badge{background:linear-gradient(135deg,#1a6f63,#155a51);border-radius:6px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:16px;text-transform:uppercase;top:-10px}.release-option-card input[type=radio]{display:none}.release-option-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;color:#1e40af;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.release-option-icon.delivery{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.release-option-icon.combined{background:linear-gradient(135deg,#e8f6f1,#c8ebe2);color:#1a6f63}.release-option-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.release-option-content strong{color:#111827;font-size:15px;font-weight:600}.release-option-content span{color:#6b7280;font-size:13px;line-height:1.4}.release-option-check{color:#1a6f63;flex-shrink:0}.notification-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.notification-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.notification-card.enabled{background:linear-gradient(135deg,#f0f9f7,#e8f6f1);border-color:#1a6f63}.notification-card.disabled{opacity:.7}.notification-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.notification-card-icon{align-items:center;border-radius:10px;display:flex;height:44px;justify-content:center;width:44px}.notification-card-icon.hold{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.notification-card-icon.release{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.notification-card-content h4{color:#111827;font-size:15px;font-weight:600;margin:0 0 6px}.notification-card-content p{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.notification-card-channels{border-top:1px solid #e5e7eb;display:flex;gap:8px;margin-top:16px;padding-top:16px}.channel-badge{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 10px}.notification-card.enabled .channel-badge{background:#1a6f631a;color:#1a6f63}.toggle-switch.small{height:24px;width:42px}.toggle-switch.small .toggle-slider:before{height:18px;width:18px}.toggle-switch.small input:checked+.toggle-slider:before{transform:translateX(18px)}.btn-lg{font-size:15px;padding:14px 28px}.settings-info ul{margin:8px 0 0;padding-left:18px}.settings-info li{line-height:1.4;margin-bottom:4px}@media (max-width:768px){.settings-row{align-items:flex-start;flex-direction:column;gap:16px}.settings-label{width:100%}.toggle-switch{align-self:flex-end}.settings-input{text-align:left;width:100%}.settings-options{width:100%}.settings-actions{flex-direction:column}.settings-actions .btn{justify-content:center;width:100%}.settings-stats-banner{flex-direction:column;gap:16px;text-align:center}.stats-banner-values{flex-direction:column;gap:4px}.settings-status-card{flex-direction:column;gap:16px;text-align:center}.hold-period-input{flex-wrap:wrap;width:100%}.hold-period-input .settings-input{width:100%}.release-option-card{flex-wrap:wrap}.release-option-icon{height:40px;width:40px}.notification-cards{grid-template-columns:1fr}.notification-card-header{flex-direction:row}.recommended-badge{font-size:9px;padding:3px 8px;top:-8px}}.refunds-container{background:#f9fafb;margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-icon.pending{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.stat-icon.processing{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.stat-icon.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.stat-icon.failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.stat-content{gap:2px}.tabs{border-radius:12px;box-shadow:0 1px 3px #0000001a}.tab{flex:1 1;justify-content:center;padding:14px 28px}.tab:hover{background-color:#f9fafb;color:#111827}.tab.active{background:linear-gradient(180deg,#fff,#e8f6f1);border-bottom-color:#1a6f63;color:#1a6f63;font-weight:700}.tab-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.filters-section{box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:24px}.filters-header{border-bottom:2px solid #f3f4f6;gap:10px;margin-bottom:20px;padding-bottom:12px}.filters-header h3{color:#374151;font-size:12px;font-weight:700;letter-spacing:.8px;margin:0;text-transform:uppercase}.filters-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.filter-group label{color:#374151;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.filter-group input,.filter-group select{background:#fff;border:2px solid #e5e7eb;color:#111827;cursor:pointer;font-weight:500;padding:12px 16px;width:100%}.filter-group input:hover,.filter-group select:hover{border-color:#1a6f63}.filter-actions{gap:8px}.alert-success{border:2px solid #6ee7b7}.table-container{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}.table-header{background:linear-gradient(180deg,#fff,#f9fafb);border-bottom:2px solid #f3f4f6;justify-content:space-between;padding:20px 24px}.table-header,.table-header h3{align-items:center;display:flex}.table-header h3{color:#111827;font-size:18px;font-weight:700;gap:10px;margin:0}.table-header .selected-count{color:#1a6f63;font-size:14px;font-weight:500;margin-left:12px}.table-header-actions{align-items:center;display:flex;gap:10px}.refunds-table{border-collapse:collapse;min-width:800px;width:100%}.refunds-table td,.refunds-table th{border-bottom:1px solid #f3f4f6;padding:16px 14px;text-align:left;vertical-align:middle}.refunds-table th{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb;color:#374151;font-size:11px;font-weight:700;letter-spacing:.8px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.refunds-table tbody tr{transition:all .2s ease}.refunds-table tbody tr:hover{background-color:#f0fdf9}.refunds-table tbody tr.highlight-row{background-color:#eff6ff;border-left:4px solid #3b82f6}.refunds-table tbody tr.highlight-row:hover{background-color:#dbeafe}.checkbox-cell{padding:12px 8px!important;text-align:center;width:50px}.custom-checkbox{accent-color:#1a6f63;cursor:pointer;height:18px;width:18px}.custom-checkbox:disabled{cursor:not-allowed;opacity:.5}.status-badge{padding:8px 14px;white-space:nowrap}.status-badge.pending,.status-badge.pending_merchant{background:#fef3c7;border-color:#fde68a;color:#92400e}.status-badge.pending_admin{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af}.status-badge.processing{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.status-badge.approved,.status-badge.completed{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.status-badge.failed,.status-badge.rejected{background:#fee2e2;border-color:#fecaca;color:#991b1b}.awaiting-badge{background:#fef3c7;border-radius:6px;color:#92400e;font-size:11px;font-weight:600;padding:4px 10px}.btn{border:2px solid #0000;box-shadow:0 1px 2px #0000000d}.btn-primary{background:linear-gradient(135deg,#1a6f63,#155a51);border-color:#1a6f63}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#155a51,#0f4a42)}.btn-secondary{border-color:#e5e7eb}.btn-success{border-color:#10b981}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.btn-danger{border-color:#ef4444}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.btn-sm{padding:6px 14px}.btn-icon:hover{background:#e8f6f1;border-color:#1a6f63;color:#1a6f63}.action-buttons{align-items:center;gap:8px}.text-primary{color:#111827;font-size:14px;font-weight:600}.text-secondary{color:#6b7280;font-size:12px}.text-mono{background:#f3f4f6;border-radius:4px;color:#4b5563;font-family:Monaco,Courier New,monospace;font-size:13px;padding:4px 8px}.truncate-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount-highlight{color:#059669;font-size:16px;font-weight:700}.loading-container{background:#f9fafb;padding:80px 20px;text-align:center}.loading-spinner{border:5px solid #e5e7eb;border-top-color:#1a6f63;height:50px;margin:0 auto 20px;width:50px}.animate-spin{animation:spin 1s linear infinite}.loading-text{color:#6b7280;font-size:16px}.empty-state svg{color:#9ca3af}.empty-state p{font-size:16px;margin-bottom:8px}.empty-state .empty-state-text{color:#9ca3af;font-size:14px}.pagination{background:linear-gradient(180deg,#fff,#f9fafb);border-top:2px solid #f3f4f6}.pagination-info{background:#f3f4f6;border-radius:8px;color:#374151;font-weight:600;padding:8px 20px}.modal-overlay{padding:16px}.modal{box-shadow:0 25px 80px #00000059;max-width:700px}.modal-confirm{max-width:520px}.modal-header{border-radius:16px 16px 0 0}.modal-footer{background:#fff;border-radius:0 0 16px 16px;border-top:2px solid #f3f4f6;bottom:0;position:-webkit-sticky;position:sticky}.confirmation-message{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:20px}.detail-section h3{color:#374151;font-size:14px;letter-spacing:.5px}.detail-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item label{letter-spacing:.5px}.code-text{background:#e5e7eb;font-family:Monaco,monospace;padding:4px 8px;word-break:break-all}.reason-text{color:#374151;line-height:1.6;margin:0}.response-section{background:#fef3c7;border-color:#fde68a}.response-item{margin-bottom:12px}.response-item:last-child{margin-bottom:0}.response-item strong{color:#92400e;display:block;font-size:12px;margin-bottom:4px}.response-item p{color:#78350f;margin:0}.response-item.rejection{background:#fee2e2;border-radius:8px;margin-top:12px;padding:12px}.response-item.rejection strong{color:#991b1b}.response-item.rejection p{color:#7f1d1d}.form-group label{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-size:14px;padding:12px 16px;width:100%}.form-group textarea:focus{border-color:#1a6f63;box-shadow:0 0 0 3px #1a6f631a;outline:none}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.refunds-container{padding:12px}.page-header .header-content{align-items:flex-start;flex-direction:column;gap:16px}.stats-grid{gap:12px;grid-template-columns:1fr 1fr}.stat-card{flex-direction:column;gap:12px;padding:16px;text-align:center}.filters-grid{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.tab{flex:1 1 auto;min-width:120px}.modal{border-radius:16px 16px 0 0;margin-top:auto;max-height:100vh;max-width:100%;width:100%}.modal-overlay{align-items:flex-end;padding:0}}.feature-management{margin:0 auto;max-width:1200px;padding:20px}.feature-management-header{margin-bottom:30px}.feature-management-header h1{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:10px}.feature-management-header p{color:var(--text-secondary);font-size:16px;margin-bottom:20px}.feature-management-actions{display:flex;gap:15px;margin-bottom:20px}.btn-primary:hover:not(:disabled){background-color:var(--brand-dark)}.alert-error{background-color:#fef2f2}.alert-success{background-color:#f0fdf4}.loading{color:var(--text-secondary);font-size:16px;padding:40px;text-align:center}.feature-management-content{display:flex;flex-direction:column;gap:30px}.tiers-info{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.tiers-info h2{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:20px}.tiers-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tier-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center}.tier-card h3{color:var(--text-primary);font-size:18px;font-weight:600}.tier-card h3,.tier-price{margin-bottom:10px}.tier-card p{color:var(--text-secondary);font-size:14px;margin-bottom:15px}.tier-features-count{color:var(--text-secondary);font-size:12px;font-weight:500}.features-management{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.features-management h2{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:10px}.features-management p{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.feature-category{margin-bottom:30px}.feature-category h3{border-bottom:2px solid var(--brand);color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.features-table{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.features-table-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex}.feature-name{color:var(--text-primary);flex:1 1;font-weight:600;padding:15px}.tier-columns{display:flex;min-width:300px}.tier-column{border-left:1px solid #e2e8f0;color:var(--text-primary);flex:1 1;font-weight:600;padding:15px;text-align:center}.feature-row{border-bottom:1px solid #e2e8f0;display:flex}.feature-row:last-child{border-bottom:none}.feature-info{display:flex;flex:1 1;flex-direction:column;gap:5px;padding:15px}.feature-info .feature-name{color:var(--text-primary);font-weight:600;margin:0;padding:0}.feature-description{color:var(--text-secondary);font-size:13px;margin:0;padding:0}.core-badge{background-color:#dbeafe;border-radius:12px;color:#1e40af;font-size:11px;font-weight:500;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.tier-toggles{display:flex;min-width:300px}.tier-toggle{align-items:center;border-left:1px solid #e2e8f0;display:flex;flex:1 1;justify-content:center;padding:15px;text-align:center}.toggle-switch{width:50px}.toggle-slider{border-radius:24px;transition:.2s}.toggle-slider:before{height:18px;transition:.2s;width:18px}input:checked+.toggle-slider{background-color:var(--brand)}input:checked+.toggle-slider:before{transform:translateX(26px)}input:disabled+.toggle-slider{cursor:not-allowed;opacity:.6}@media (max-width:768px){.feature-management{padding:15px}.tiers-grid{grid-template-columns:1fr}.feature-row,.features-table-header{flex-direction:column}.tier-columns,.tier-toggles{flex-direction:row;min-width:auto}.tier-column,.tier-toggle{border-left:none;border-top:1px solid #e2e8f0;flex:1 1}.tier-column:first-child,.tier-toggle:first-child{border-top:none}}.tier-management-container{margin:0 auto;max-width:1200px;padding:20px}.page-header{align-items:center;border-bottom:1px solid var(--border-color);margin-bottom:30px;padding-bottom:20px}.page-header .header-text h1{color:var(--text-color-primary);gap:10px;margin-bottom:5px}.page-header .header-text .subtitle{color:var(--text-color-secondary);font-size:15px}.page-header .header-actions{display:flex;gap:10px}.btn{border:1px solid #0000;border-radius:var(--border-radius);transition:all .2s ease-in-out}.btn-primary{background-color:var(--brand);border-color:var(--brand);color:var(--white)}.btn-primary:hover{background-color:var(--brand-dark);border-color:var(--brand-dark)}.btn-secondary{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-color-primary)}.btn-secondary:hover{background-color:var(--border-color)}.btn-warning{background-color:var(--yellow-500);border-color:var(--yellow-500);color:var(--white)}.btn-warning:hover{background-color:var(--yellow-600);border-color:var(--yellow-600)}.btn:disabled{opacity:.6}.btn-icon{border-radius:var(--border-radius);color:var(--text-color-secondary)}.btn-icon:hover{background-color:var(--bg-secondary);color:var(--text-color-primary)}.btn-icon.danger:hover{background-color:var(--red-100);color:var(--red-600)}.alert{border-radius:var(--border-radius);gap:10px;padding:12px 20px}.alert-danger{background-color:var(--red-100);border:1px solid var(--red-200);color:var(--red-700)}.alert-success{background-color:var(--green-100);border:1px solid var(--green-200);color:var(--green-700)}.tabs{border-bottom:1px solid var(--border-color);margin-bottom:30px}.tab{border-bottom:2px solid #0000;color:var(--text-color-secondary);font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.tab:hover{color:var(--text-color-primary)}.tab.active,.tab:hover{background-color:var(--bg-secondary)}.tab.active{border-bottom-color:var(--brand)}.tiers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tier-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:24px;transition:all .2s ease}.tier-card:hover{border-color:var(--brand);box-shadow:var(--shadow-md)}.tier-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.tier-icon{align-items:center;background:var(--brand-light);border-radius:12px;color:var(--brand);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.tier-info{flex:1 1}.tier-info h3{color:var(--text-color-primary);font-size:20px;font-weight:600;margin:0 0 4px}.tier-price{color:var(--brand);font-size:24px;font-weight:700;margin:0}.tier-period{color:var(--text-color-secondary);font-size:14px;font-weight:400;margin-left:4px}.tier-actions{display:flex;gap:4px}.tier-description{color:var(--text-color-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.tier-features{align-items:center;display:flex;justify-content:space-between}.feature-count{color:var(--text-color-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.subscriptions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.subscriptions-header h2{color:var(--text-color-primary);font-size:20px;margin:0}.subscriptions-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.subscriptions-table td,.subscriptions-table th{border-bottom:1px solid var(--border-color);padding:16px;text-align:left}.subscriptions-table th{color:var(--text-color-secondary);letter-spacing:.5px}.subscriptions-table tbody tr:hover,.subscriptions-table th{background-color:var(--bg-secondary)}.merchant-info strong{color:var(--text-color-primary)}.merchant-info .email{color:var(--text-color-secondary);font-size:12px}.tier-badge{align-items:center;background:var(--brand-light);color:var(--brand);display:flex;font-weight:500;gap:6px}.status-badge,.tier-badge{padding:4px 8px}.status-badge.active{background:var(--green-100);color:var(--green-700)}.status-badge.expired{background:var(--red-100);color:var(--red-700)}.status-badge.cancelled{background:var(--gray-100);color:var(--gray-700)}.status-badge.pending{background:var(--yellow-100);color:var(--yellow-700)}.modal{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:0 10px 40px #0003;box-shadow:var(--shadow-lg,0 10px 40px #0003);max-width:500px}.modal-header{border-bottom:1px solid var(--border-color);padding:20px}.form-group label,.modal-header h2{color:var(--text-color-primary)}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:var(--border-radius,6px);box-sizing:border-box;color:#1f2937;color:var(--text-color-primary,#1f2937);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand)}.form-row{grid-gap:16px;gap:16px}.modal-actions{border-top:1px solid var(--border-color);margin-top:24px;padding-top:20px}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--brand);margin:20px auto}.subscription-actions{align-items:center;display:flex;gap:8px}.tier-select{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color-primary);cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s ease}.tier-select:focus,.tier-select:hover{border-color:var(--brand-color)}.tier-select:focus{box-shadow:0 0 0 2px #0a7d6c1a;outline:none}.tier-select:disabled{cursor:not-allowed;opacity:.6}.tier-limits{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.limit-item{align-items:center;background:var(--bg-secondary);border-radius:6px;color:var(--text-color-secondary);display:flex;font-size:13px;gap:6px;padding:6px 10px}.limit-item svg{color:var(--brand);flex-shrink:0}.form-hint{color:var(--text-color-secondary);display:block;font-weight:400}@media (max-width:768px){.form-row,.tiers-grid{grid-template-columns:1fr}.subscriptions-table{overflow-x:auto}.subscriptions-table table{min-width:600px}.subscription-actions{align-items:stretch;flex-direction:column}.tier-select{width:100%}}.currency-container{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.currency-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.currency-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#0a7d6c;height:40px;width:40px}.currency-loading p{color:#64748b;font-size:14px}.currency-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.currency-header,.header-icon{align-items:center;display:flex}.header-icon{background:#0a7d6c;border-radius:10px;height:48px;justify-content:center;width:48px}.header-text h1{color:#1e293b;font-size:22px;font-weight:600;margin:0 0 4px}.header-text p{color:#64748b;font-size:14px;margin:0}.btn-primary{background:#0a7d6c}.btn-primary:hover{background:#086b5c}.btn-primary:disabled{opacity:.7}.btn-primary .spinning{animation:spin 1s linear infinite}.alert{margin-bottom:16px;padding:14px 16px}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.alert span{flex:1 1}.alert-close{background:none;opacity:.7;padding:4px}.alert-close:hover{opacity:1}.currency-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.currency-tabs .tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.currency-tabs .tab:hover{background:#f1f5f9;color:#1e293b}.currency-tabs .tab.active{background:#0a7d6c;color:#fff}.rates-section{margin-bottom:32px}.rates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.rate-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.rate-card:hover{border-color:#0a7d6c;box-shadow:0 4px 12px #00000014}.rate-header{gap:14px;margin-bottom:16px}.rate-header,.rate-icon{align-items:center;display:flex}.rate-icon{background:#0a7d6c;border-radius:10px;color:#fff;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.rate-icon.currency-usd{background:#22c55e}.rate-icon.currency-ngn{background:#0a7d6c}.rate-icon.currency-ghs{background:#f59e0b}.rate-icon.currency-kes{background:#ef4444}.rate-icon.currency-tzs{background:#3b82f6}.rate-icon.currency-ugx{background:#8b5cf6}.rate-icon.currency-eur{background:#1e40af}.rate-icon.currency-gbp{background:#4b5563}.rate-info{flex:1 1}.rate-info h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.rate-code{color:#64748b;font-size:13px}.btn-edit{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-edit:hover{background:#e2e8f0;color:#0a7d6c}.rate-body{margin-bottom:16px}.rate-display{display:flex;flex-direction:column;gap:4px}.rate-label{color:#64748b;font-size:13px;font-weight:500}.rate-value{color:#0a7d6c;font-size:26px;font-weight:700}.rate-edit-form{display:flex;flex-direction:column;gap:12px}.rate-edit-form label{color:#64748b;font-size:13px;font-weight:500}.rate-input-group{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;overflow:hidden}.rate-input-group .input-prefix{background:#f1f5f9;border-right:1px solid #e5e7eb;color:#64748b;font-weight:600;padding:10px 12px}.rate-input-group input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:16px;font-weight:600;outline:none;padding:10px 12px}.rate-edit-actions{display:flex;gap:8px}.btn-cancel,.btn-save{align-items:center;border:none;display:inline-flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s}.btn-save:hover{background:#086b5c}.btn-cancel{background:#f1f5f9}.btn-cancel:hover{background:#e2e8f0}.rate-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:16px}.source-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.source-badge.api{background:#dcfce7;color:#16a34a}.source-badge.manual{background:#fef3c7;color:#b45309}.update-time{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:6px}.stats-section{display:flex;flex-direction:column;gap:24px}.currency-switcher{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:16px 20px}.currency-switcher label{color:#64748b;font-size:14px;font-weight:500}.switcher-select-wrapper{align-items:center;display:inline-flex;position:relative}.switcher-select{-webkit-appearance:none;appearance:none;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#1e293b;cursor:pointer;font-size:14px;font-weight:500;min-width:240px;outline:none;padding:10px 40px 10px 14px;transition:all .2s}.switcher-select:hover{border-color:#0a7d6c}.switcher-select:focus{border-color:#0a7d6c;box-shadow:0 0 0 3px #0a7d6c1a}.select-arrow{color:#64748b;pointer-events:none;position:absolute;right:12px}.stats-overview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.stat-card{align-items:flex-start}.stat-card:hover{box-shadow:0 4px 12px #0000000f}.stat-card .stat-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.stat-card.revenue .stat-icon{background:#0a7d6c}.stat-card.merchants .stat-icon{background:#3b82f6}.stat-card.orders .stat-icon{background:#f59e0b}.stat-card.products .stat-icon{background:#8b5cf6}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-weight:500}.stat-note{color:#94a3b8;font-size:12px}.stats-block{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.block-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.block-header svg{color:#0a7d6c}.block-header h2{color:#1e293b;flex:1 1;font-size:18px;font-weight:600;margin:0}.block-subtitle{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:13px;padding:4px 12px}.merchants-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.merchant-card{align-items:center;background:#f8fafc;display:flex;gap:12px;transition:all .2s}.merchant-card:hover{border-color:#0a7d6c}.merchant-icon{align-items:center;background:#0a7d6c;border-radius:8px;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.merchant-icon.currency-usd{background:#22c55e}.merchant-icon.currency-ngn{background:#0a7d6c}.merchant-icon.currency-ghs{background:#f59e0b}.merchant-icon.currency-kes{background:#ef4444}.merchant-icon.currency-tzs{background:#3b82f6}.merchant-icon.currency-ugx{background:#8b5cf6}.merchant-currency{color:#1e293b;font-size:15px;font-weight:600}.merchant-count{color:#64748b}.revenue-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.revenue-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:20px;transition:all .2s}.revenue-card:hover{border-color:#0a7d6c}.revenue-header{gap:12px;margin-bottom:16px}.revenue-header,.revenue-icon{align-items:center;display:flex}.revenue-icon{background:#0a7d6c;border-radius:10px;color:#fff;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.revenue-icon.currency-usd{background:#22c55e}.revenue-icon.currency-ngn{background:#0a7d6c}.revenue-icon.currency-ghs{background:#f59e0b}.revenue-icon.currency-kes{background:#ef4444}.revenue-icon.currency-tzs{background:#3b82f6}.revenue-icon.currency-ugx{background:#8b5cf6}.revenue-title h4{color:#1e293b;font-size:15px;font-weight:600;margin:0 0 2px}.revenue-title span{color:#64748b;font-size:13px}.revenue-body{display:flex;flex-direction:column;gap:8px}.revenue-row{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.revenue-row.original{border-left:3px solid #e5e7eb}.revenue-row.converted{border-left:3px solid #0a7d6c}.revenue-label{color:#64748b;font-size:13px}.revenue-amount{color:#1e293b;font-size:16px;font-weight:600}.revenue-row.converted .revenue-amount{color:#0a7d6c}.empty-state{padding:48px}@media (max-width:1200px){.stats-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.currency-container{padding:16px}.currency-header{gap:16px;text-align:center}.currency-header,.header-left{flex-direction:column}.header-actions{width:100%}.btn-primary{justify-content:center;width:100%}.currency-tabs{flex-wrap:wrap}.currency-tabs .tab{flex:1 1;justify-content:center;min-width:140px}.rates-grid,.revenue-grid,.stats-overview{grid-template-columns:1fr}.merchants-grid{grid-template-columns:repeat(2,1fr)}.currency-switcher{align-items:stretch;flex-direction:column;gap:8px}.switcher-select{width:100%}}@media (max-width:480px){.header-text h1{font-size:18px}.stat-value{font-size:20px}.merchants-grid{grid-template-columns:1fr}}.kyc-management-container{background:#f9fafb;min-height:100vh;padding:32px}.kyc-header{margin-bottom:32px}.kyc-header h1{color:#111827;font-size:28px;font-weight:700;margin:0 0 8px}.kyc-header p{color:#6b7280;font-size:15px;margin:0}.kyc-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.kyc-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:24px;transition:all .2s ease}.kyc-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.kyc-stat-card .stat-icon{align-items:center;border-radius:10px;display:flex;height:48px;justify-content:center;width:48px}.kyc-stat-card.pending .stat-icon{background:#fef3c7;color:#f59e0b}.kyc-stat-card.approved .stat-icon{background:#d1fae5;color:#10b981}.kyc-stat-card.rejected .stat-icon{background:#fee2e2;color:#ef4444}.kyc-stat-card.total .stat-icon{background:#dbeafe;color:#3b82f6}.stat-content .stat-value{color:#111827;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.stat-content .stat-label{color:#6b7280;font-size:14px;font-weight:500}.kyc-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.kyc-search-bar{align-items:center;display:flex;flex:1 1;min-width:300px;position:relative}.kyc-search-bar svg{color:#9ca3af;left:16px;pointer-events:none;position:absolute}.kyc-search-bar input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:15px;padding:12px 16px 12px 48px;transition:all .2s ease;width:100%}.kyc-search-bar input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.kyc-filter{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:12px 16px}.kyc-filter svg{color:#6b7280;flex-shrink:0}.kyc-filter select{background:none;border:none;color:#111827;cursor:pointer;font-size:15px;font-weight:500;outline:none}.kyc-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.kyc-empty-state,.kyc-loading{color:#6b7280;padding:80px 40px;text-align:center}.kyc-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:48px;margin:0 auto 20px;width:48px}.kyc-empty-state svg{color:#d1d5db;margin-bottom:16px}.kyc-empty-state h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.kyc-empty-state p{color:#9ca3af;font-size:14px;margin:0}.kyc-table{border-collapse:collapse;width:100%}.kyc-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.kyc-table th{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.kyc-table tbody tr{border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s ease}.kyc-table tbody tr:hover{background:#f9fafb}.kyc-table tbody tr:last-child{border-bottom:none}.kyc-table td{color:#374151;font-size:14px;padding:20px}.merchant-email{color:#111827;font-weight:500;margin-bottom:2px}.merchant-id{color:#9ca3af;font-size:12px}.business-cell{align-items:center;display:flex;gap:8px}.business-icon{color:#10b981}.kyc-level-badge,.kyc-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;white-space:nowrap}.progress-cell{align-items:center;display:flex;gap:12px}.progress-bar{background:#e5e7eb;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#6b7280;font-size:13px;font-weight:600;min-width:45px}.view-btn{align-items:center;border-radius:8px;display:inline-flex;font-size:14px;gap:6px}.view-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.kyc-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:20px}.kyc-pagination button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.kyc-pagination button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.kyc-pagination button:disabled{cursor:not-allowed;opacity:.5}.kyc-pagination span{color:#6b7280;font-size:14px;font-weight:500}.kyc-flyout{animation:slideIn .3s ease;background:#fff;bottom:0;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;max-width:90vw;position:fixed;right:0;top:0;width:700px;z-index:1000}.flyout-header{background:#fff;padding:24px 32px}.flyout-header h2{font-size:20px}.flyout-header p{font-size:14px}.close-btn{height:40px;width:40px}.flyout-tabs{background:#fff;overflow-x:auto;padding:0 32px}.flyout-tabs::-webkit-scrollbar{height:4px}.flyout-tabs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.flyout-tabs button{font-size:14px;gap:8px;padding:16px 20px;white-space:nowrap}.flyout-tabs button:hover{background:#f9fafb}.flyout-content{padding:32px}.flyout-content::-webkit-scrollbar{width:8px}.flyout-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.info-section{border-radius:12px;margin-bottom:20px;padding:24px}.info-section h3{font-size:16px;margin:0 0 20px}.info-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{align-items:flex-start;gap:12px}.info-item svg{color:#9ca3af;flex-shrink:0;margin-top:2px}.info-item label{color:#6b7280;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.info-item span{color:#111827;display:block;font-size:14px;font-weight:500}.metrics-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:16px}.metric-card svg{color:#3b82f6;flex-shrink:0}.metric-value{color:#111827;font-size:18px;font-weight:700;margin-bottom:2px}.metric-label{color:#6b7280;font-size:12px;font-weight:500}.kyc-status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.status-item label{color:#6b7280;display:block;font-size:12px;font-weight:500;margin-bottom:8px}.status-item span{color:#111827;font-size:14px;font-weight:600}.status-item .yes{color:#10b981}.status-item .no{color:#ef4444}.detail-list{gap:16px}.detail-row{padding:12px 0}.detail-row label{font-size:14px;font-weight:500}.detail-row span{align-items:center;display:flex;font-size:14px;gap:8px}.history-timeline{display:flex;flex-direction:column;gap:0}.history-item{padding-bottom:24px;position:relative}.history-item:not(:last-child):before{background:#e5e7eb;bottom:0;content:"";left:7px;position:absolute;top:28px;width:2px}.history-dot{background:#3b82f6;border:3px solid #dbeafe;border-radius:50%;flex-shrink:0;height:16px;margin-top:4px;width:16px;z-index:1}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.history-type{color:#111827;font-size:14px;font-weight:600;text-transform:capitalize}.history-date{color:#9ca3af;font-size:12px}.history-details p{color:#6b7280;font-size:14px;margin:0 0 8px}.account-info{align-items:center;background:#f9fafb;border-radius:6px;color:#374151;display:flex;font-size:13px;gap:8px;margin-bottom:8px;padding:8px 12px}.account-info svg{color:#9ca3af}.verification-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.verification-badge.success{background:#d1fae5;color:#10b981}.verification-badge.failed{background:#fee2e2;color:#ef4444}.documents-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.document-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.document-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.document-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.document-header svg{color:#3b82f6}.doc-status{border-radius:6px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.doc-status.uploaded{background:#d1fae5;color:#10b981}.doc-status.verified{background:#dbeafe;color:#3b82f6}.doc-status.pending{background:#fef3c7;color:#f59e0b}.document-body h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 12px;text-transform:capitalize}.document-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.document-meta span{color:#9ca3af;font-size:12px}.document-link{align-items:center;color:#3b82f6;display:inline-flex;font-size:13px;font-weight:500;gap:6px;text-decoration:none;transition:color .2s ease}.document-link:hover{color:#2563eb}.logs-list{display:flex;flex-direction:column;gap:16px}.log-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.log-header{align-items:center}.log-type{color:#111827;font-size:14px;font-weight:600;text-transform:capitalize}.log-status{border-radius:6px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.log-status.success{background:#d1fae5;color:#10b981}.log-status.failed{background:#fee2e2;color:#ef4444}.log-status.pending{background:#fef3c7;color:#f59e0b}.log-meta{color:#9ca3af;font-size:12px;justify-content:space-between;margin-bottom:8px}.log-data{background:#f9fafb;border-radius:6px;margin-top:12px;overflow-x:auto;padding:12px}.log-data pre{color:#374151;font-family:Monaco,Courier New,monospace;font-size:12px;margin:0}.flyout-actions{background:#fff;gap:12px;padding:20px 32px}.approve-btn,.reject-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.reject-btn{background:#fff;border:1px solid #ef4444;color:#ef4444}.reject-btn:hover:not(:disabled){background:#fee2e2}.approve-btn{background:#10b981;color:#fff}.approve-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d}.approve-btn:disabled,.reject-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.kyc-management-container{padding:20px}.kyc-stats-grid{grid-template-columns:1fr}.kyc-controls{flex-direction:column}.kyc-search-bar{min-width:100%}.kyc-table-wrapper{overflow-x:auto}.kyc-flyout{width:100%}.flyout-content{padding:20px}.info-grid,.kyc-status-grid,.metrics-grid{grid-template-columns:1fr}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}}.payment-gateway-management{margin:0 auto;max-width:1600px;padding:var(--space-2xl)}.page-header{margin-bottom:var(--space-3xl)}.page-header h1{color:var(--text);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);gap:var(--space-md);letter-spacing:-.02em;margin:0 0 var(--space-sm) 0}.page-header p{color:var(--text-muted)}.alert,.page-header p{font-size:var(--font-size-sm)}.alert{animation:slideDown .3s cubic-bezier(.4,0,.2,1);border-radius:var(--radius);font-weight:var(--font-weight-medium);gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg)}.alert-error{background:var(--error-bg);border-left:4px solid var(--error-color);color:var(--error-color)}.alert-success{background:var(--success-bg);border-left:4px solid var(--success-color);color:var(--success-color)}.tabs{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:var(--space-2xl)}.tab,.tabs{gap:var(--space-sm)}.tab{border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:10px 20px}.tab:hover{background:var(--bg);color:var(--text)}.tab.active{background:var(--brand-50);color:var(--brand)}.tab-content{animation:fadeIn .4s ease}.tab-content h2{color:var(--text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xl) 0}.gateways-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.gateway-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.gateway-card.active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand-50)}.gateway-card.inactive{background:var(--bg);opacity:.6}.gateway-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.gateway-header{align-items:flex-start;display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.gateway-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:40px}.gateway-info{flex:1 1}.gateway-info h3{color:var(--text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0}.gateway-name{color:var(--text-light);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin:0}.gateway-name,.gateway-status{font-size:var(--font-size-xs);text-transform:uppercase}.gateway-status{border-radius:12px;font-weight:var(--font-weight-bold);letter-spacing:.03em;padding:4px 12px}.status-active{background:var(--success-bg);color:var(--success-color)}.status-inactive{background:var(--border-light);color:var(--text-muted)}.gateway-details{margin-bottom:var(--space-lg)}.gateway-details p{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6;margin:0 0 var(--space-md) 0}.gateway-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.mode-badge{border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.mode-badge.test{background:var(--warning-bg);color:var(--warning-color)}.mode-badge.live{background:var(--success-bg);color:var(--success-color)}.live-indicator{align-items:center;display:flex;font-size:var(--font-size-xs);gap:var(--space-xs)}.gateway-actions{border-top:1px solid var(--border-light);display:flex;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-lg)}.service-charges-table{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.service-charges-table table{border-collapse:collapse;width:100%}.service-charges-table td,.service-charges-table th{border-bottom:1px solid var(--border-light);padding:var(--space-lg) var(--space-xl);text-align:left}.service-charges-table th{background:var(--bg);color:var(--text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.service-charges-table tr:last-child td{border-bottom:none}.service-charges-table tbody tr{transition:background .2s}.service-charges-table tbody tr:hover{background:var(--bg)}.tier-name{color:var(--brand);font-size:var(--font-size-sm)}.rate,.tier-name{font-weight:var(--font-weight-bold)}.rate{color:var(--success-color);font-size:var(--font-size-lg)}.who-pays{color:var(--text-muted);text-transform:capitalize}.status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.03em}.status-badge.active{background:var(--success-bg);color:var(--success-color)}.status-badge.inactive{background:var(--border-light);color:var(--text-muted)}.stats-grid{grid-gap:var(--space-xl);gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:var(--space-2xl)}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);gap:var(--space-lg);padding:var(--space-xl)}.stat-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow-md)}.stat-icon{background:var(--brand-50);border-radius:var(--radius);color:var(--brand);height:52px;width:52px}.stat-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin:0 0 var(--space-xs) 0}.stat-value{color:var(--text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em}.top-gateways{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-2xl)}.top-gateways h3{color:var(--text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xl) 0}.gateways-list{display:flex;flex-direction:column;gap:var(--space-lg)}.gateway-stat{background:var(--bg);border-left:3px solid var(--brand);border-radius:var(--radius);padding:var(--space-lg);transition:all .2s}.gateway-stat:hover{box-shadow:var(--shadow);transform:translateX(4px)}.gateway-stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.gateway-stat-name{color:var(--text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:capitalize}.gateway-stat-count{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.gateway-stat-amount{color:var(--success-color);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0f14b3;padding:var(--space-xl)}.modal{animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.modal-header{border-bottom:1px solid var(--border);padding:var(--space-2xl)}.modal-header h2{color:var(--text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.close-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted)}.close-btn:hover{background:var(--border-light);border-color:var(--text-light);color:var(--text)}.modal-body{padding:var(--space-2xl)}.current-status-banner{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:var(--space-xl)}.current-status-banner,.info-notice{margin-bottom:var(--space-xl);padding:var(--space-lg)}.info-notice{background:var(--info-bg);border-left:3px solid var(--info-color);border-radius:var(--radius);color:var(--info-color);font-size:var(--font-size-sm);line-height:1.6}.info-notice strong{font-weight:var(--font-weight-bold)}.security-notice{background:var(--warning-bg);border-left-color:var(--warning-color);color:var(--warning-color)}.status-item{align-items:center;gap:var(--space-sm)}.status-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-value{border-radius:12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:4px 12px}.status-value.active{background:var(--success-bg);color:var(--success-color)}.status-value.inactive{background:var(--error-bg);color:var(--error-color)}.status-value.test{background:var(--warning-bg);color:var(--warning-color)}.status-value.live{background:var(--success-bg);color:var(--success-color)}.form-group{margin-bottom:var(--space-xl)}.form-group label{color:var(--text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.form-group input[type=password],.form-group input[type=text]{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:var(--font-size-sm);padding:12px var(--space-lg);transition:all .2s;width:100%}.form-group input[type=password]:focus,.form-group input[type=text]:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-50);outline:none}.input-hint{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:var(--space-sm)}.checkbox-group{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-lg);transition:all .2s}.checkbox-group:hover{background:var(--brand-50);border-color:var(--brand)}.checkbox-label{align-items:flex-start;gap:var(--space-md)}.checkbox-label input[type=checkbox]{accent-color:var(--brand);margin-top:2px}.checkbox-text{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs)}.checkbox-text strong{color:var(--text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.checkbox-text small{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.5}.test-result{border-left:3px solid;border-radius:var(--radius);margin-top:var(--space-xl);padding:var(--space-lg)}.test-result.success{background:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.test-result.error{background:var(--error-bg);border-color:var(--error-color);color:var(--error-color)}.test-result h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 0}.test-result p{font-size:var(--font-size-sm);margin:var(--space-xs) 0}.error-details{background:#fff9;border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--font-size-xs);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md)}.modal-footer{background:var(--bg);border-top:1px solid var(--border);gap:var(--space-md);padding:var(--space-xl) var(--space-2xl)}.btn{border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-sm)}.btn-primary{background:var(--brand)}.btn-primary:hover:not(:disabled){background:var(--brand-600);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--border-light);border-color:var(--text-light)}.empty-state{background:var(--panel);border:2px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-muted);padding:var(--space-3xl) var(--space-xl)}.empty-state svg{margin-bottom:var(--space-lg);opacity:.3}.empty-state p{color:var(--text-muted);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm) 0}.empty-state small{color:var(--text-light);font-size:var(--font-size-sm)}.loading-state{color:var(--text-muted);padding:var(--space-3xl) var(--space-xl)}.loading-state svg.spin{animation:spin 1s linear infinite;color:var(--brand);margin-bottom:var(--space-lg)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track{background:var(--bg)}.modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.modal::-webkit-scrollbar-thumb:hover{background:var(--text-light)}@media (max-width:768px){.payment-gateway-management{padding:var(--space-lg)}.page-header h1{font-size:var(--font-size-3xl)}.gateways-grid,.stats-grid{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.modal{border-radius:var(--radius)}.modal-body,.modal-footer,.modal-header{padding:var(--space-lg)}}:root{--email-primary:#2563eb;--email-primary-dark:#1d4ed8;--email-primary-light:#60a5fa;--email-secondary:#7c3aed;--email-accent:#ec4899;--email-success:#10b981;--email-success-light:#d1fae5;--email-warning:#f59e0b;--email-warning-light:#fef3c7;--email-danger:#ef4444;--email-danger-light:#fee2e2;--email-gray-50:#f9fafb;--email-gray-100:#f3f4f6;--email-gray-200:#e5e7eb;--email-gray-300:#d1d5db;--email-gray-400:#9ca3af;--email-gray-500:#6b7280;--email-gray-600:#4b5563;--email-gray-700:#374151;--email-gray-800:#1f2937;--email-gray-900:#111827;--email-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--email-shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--email-shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--email-radius:12px;--email-radius-lg:16px;--email-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.email-campaign-management{background:linear-gradient(180deg,#f9fafb,#fff);background:linear-gradient(180deg,var(--email-gray-50) 0,#fff 100%);margin:0 auto;max-width:1600px;min-height:100vh;padding:0}.page-header{background:linear-gradient(135deg,#2563eb,#7c3aed 50%,#ec4899);margin-bottom:0;overflow:hidden;padding:40px;position:relative}.page-header:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0,#0000 40%);bottom:0;left:0;right:0;top:0}.page-header:after,.page-header:before{content:"";pointer-events:none;position:absolute}.page-header:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;height:400px;right:-10%;top:-50%;width:400px}.page-header h1{align-items:center;color:#fff;display:flex;font-size:32px;font-weight:700;gap:14px;margin:0 0 12px;position:relative;z-index:1}.page-header h1:before{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;content:"";display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.page-header p{color:#ffffffe6;font-size:16px;line-height:1.6;margin:0;position:relative;z-index:1}.alert{border-radius:var(--email-radius)}.alert button{align-items:center;background:#0000000d;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;margin-left:auto;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition);width:28px}.alert button:hover{background:#0000001a;transform:scale(1.1)}.tabs{border:1px solid #e5e7eb;border:1px solid var(--email-gray-200);border-radius:var(--email-radius-lg);gap:0;margin:0 40px 32px;overflow:hidden;padding:0}.tab{align-items:center;background:none;border-bottom:3px solid #0000;color:#6b7280;color:var(--email-gray-500);display:flex;font-size:14px;gap:10px;padding:16px 28px;position:relative}.tab,.tab:after{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.tab:after{background:linear-gradient(90deg,#2563eb,#7c3aed);background:linear-gradient(90deg,var(--email-primary) 0,var(--email-secondary) 100%);bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0)}.tab:hover{background:#f9fafb;background:var(--email-gray-50);color:#1f2937;color:var(--email-gray-800)}.tab.active{background:linear-gradient(180deg,#2563eb0d,#0000);color:#2563eb;color:var(--email-primary)}.tab.active:after{transform:scaleX(1)}.tab svg{height:18px;width:18px}.section-header{margin:0 40px 32px;padding:0}.header-left h2{align-items:center;color:#111827;color:var(--email-gray-900);display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 8px}.header-left p{color:#6b7280;color:var(--email-gray-500);font-size:14px;margin:0}.btn{border-radius:10px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.btn-primary{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--email-primary) 0,var(--email-secondary) 100%);box-shadow:0 4px 14px #2563eb4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #2563eb66}.btn-secondary{background:#f3f4f6;background:var(--email-gray-100);border:1px solid var(--email-gray-200);color:var(--email-gray-700)}.btn-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--email-gray-200);border-color:var(--email-gray-300)}.btn-icon{border-radius:10px;color:var(--email-gray-500);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.btn-icon:hover{background:#f3f4f6;background:var(--email-gray-100);color:#374151;color:var(--email-gray-700)}.btn-icon.danger:hover{background:var(--email-danger-light);color:#ef4444;color:var(--email-danger)}.btn-sm{padding:8px 16px}.empty-state,.loading-state{color:#9ca3af;color:var(--email-gray-400);padding:80px 40px;text-align:center}.empty-state svg,.loading-state svg{margin-bottom:20px;opacity:.4}.empty-state p{color:#4b5563;color:var(--email-gray-600);font-size:18px}.templates-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin:0 40px}.template-card{border:1px solid #e5e7eb;border:1px solid var(--email-gray-200);border-radius:16px;border-radius:var(--email-radius-lg);padding:24px;position:relative}.template-card,.template-card:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.template-card:before{background:linear-gradient(90deg,#2563eb,#7c3aed);background:linear-gradient(90deg,var(--email-primary) 0,var(--email-secondary) 100%);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0}.template-card.inactive{opacity:.6}.template-card:hover{border-color:#60a5fa;border-color:var(--email-primary-light);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--email-shadow-lg);transform:translateY(-4px)}.template-card:hover:before{opacity:1}.template-header{align-items:flex-start;gap:16px;margin-bottom:20px}.template-icon{align-items:center;background:linear-gradient(135deg,#2563eb1a,#7c3aed1a);border-radius:14px;display:flex;flex-shrink:0;font-size:24px;height:52px;justify-content:center;width:52px}.template-info{flex:1 1;min-width:0}.template-info h3{color:#111827;color:var(--email-gray-900);font-size:18px;font-weight:700;margin:0 0 8px}.template-type{background:#f3f4f6;background:var(--email-gray-100);border-radius:6px;color:#4b5563;color:var(--email-gray-600);display:inline-block;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.template-status{flex-shrink:0;margin-left:auto}.template-preview{background:#f9fafb;background:var(--email-gray-50);border:1px solid #f3f4f6;border:1px solid var(--email-gray-100);border-radius:10px;margin-bottom:20px;padding:16px}.template-preview .subject{color:#1f2937;color:var(--email-gray-800);font-size:14px;font-weight:600;margin:0 0 12px}.template-preview .content-preview{color:#4b5563;color:var(--email-gray-600);font-size:13px;line-height:1.6;margin:0}.template-meta{color:#6b7280;color:var(--email-gray-500);display:flex;font-size:12px;gap:20px;margin-bottom:16px}.template-meta span{align-items:center;display:flex;gap:6px}.template-actions{border-top:1px solid #f3f4f6;border-top:1px solid var(--email-gray-100);display:flex;gap:8px;justify-content:flex-end;padding-top:16px}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.status-badge.active:before{animation:pulse-green 2s infinite;background:#10b981;box-shadow:0 0 0 3px #10b98133}.status-badge.inactive{background:var(--email-gray-100);color:#4b5563;color:var(--email-gray-600)}.status-badge.inactive:before{background:#9ca3af;background:var(--email-gray-400)}.status-badge.sent{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-badge.sent:before{background:#3b82f6}.status-badge.scheduled{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge.scheduled:before{background:#f59e0b}.status-badge.draft{background:var(--email-gray-100);color:#4b5563;color:var(--email-gray-600)}.status-badge.draft:before{background:#9ca3af;background:var(--email-gray-400)}.status-badge.failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-badge.failed:before{background:#ef4444}.status-badge-small{border-radius:12px;font-size:10px;font-weight:700;padding:4px 10px;text-transform:uppercase}.campaigns-list{gap:20px;margin:0 40px}.campaign-card{border:1px solid var(--email-gray-200);border-radius:16px;border-radius:var(--email-radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.campaign-card:hover{border-color:#d1d5db;border-color:var(--email-gray-300);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--email-shadow-md)}.campaign-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.campaign-icon{align-items:center;background:linear-gradient(135deg,#2563eb1a,#7c3aed1a);border-radius:14px;color:#2563eb;color:var(--email-primary);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.campaign-info h3{color:#111827;color:var(--email-gray-900);font-size:18px;font-weight:700;margin:0 0 8px}.campaign-subject{color:#4b5563;color:var(--email-gray-600);font-size:14px;margin:0}.campaign-stats{background:#f9fafb;background:var(--email-gray-50);border-radius:12px;gap:32px;margin-bottom:16px;padding:16px 20px}.campaign-stats .stat{align-items:center;color:#374151;color:var(--email-gray-700);display:flex;font-size:14px;font-weight:500;gap:10px}.campaign-stats .stat svg{color:#2563eb;color:var(--email-primary)}.campaign-meta{color:#6b7280;color:var(--email-gray-500);font-size:12px;gap:24px}.campaign-meta span{align-items:center;display:flex;gap:6px}.campaign-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--email-gray-100);display:flex;justify-content:flex-end;margin-top:16px;padding-top:16px}.modal-overlay{animation:fadeIn .2s}.modal{animation:slideUp .3s;border-radius:16px;border-radius:var(--email-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--email-shadow-lg);max-width:600px}.modal.large{max-width:900px}.modal.extra-large{max-width:1200px;width:95%}.modal-header{background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--email-gray-50) 0,#fff 100%);border-bottom:1px solid var(--email-gray-200)}.modal-header h2{color:var(--email-gray-900)}.close-btn{background:var(--email-gray-100);border-radius:10px;color:var(--email-gray-500);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.close-btn:hover{background:var(--email-gray-200);color:var(--email-gray-700)}.modal-footer{background:var(--email-gray-50);border-top:1px solid var(--email-gray-200)}.form-row{grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group label{color:var(--email-gray-700)}.form-group input[type=datetime-local],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border:1px solid var(--email-gray-300);border-radius:10px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;border-color:var(--email-primary);box-shadow:0 0 0 3px #2563eb1a}.input-hint{color:var(--email-gray-500);display:block;font-size:12px;margin-top:8px}.checkbox-group{background:#f9fafb;background:var(--email-gray-50);border:1px solid #e5e7eb;border:1px solid var(--email-gray-200);border-radius:10px;padding:16px}.checkbox-label{margin:0}.checkbox-label input[type=checkbox]{accent-color:#2563eb;accent-color:var(--email-primary);height:20px;width:20px}.checkbox-label span{color:#374151;color:var(--email-gray-700);font-size:14px;font-weight:500}.template-editor-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:220px 1fr}.variables-panel{background:#f9fafb;background:var(--email-gray-50);border:1px solid #e5e7eb;border:1px solid var(--email-gray-200);border-radius:12px;padding:20px}.variables-panel h4{color:#1f2937;color:var(--email-gray-800);font-size:14px;font-weight:700;margin:0 0 8px}.variables-panel .hint{color:#6b7280;color:var(--email-gray-500);font-size:11px;margin:0 0 16px}.variables-list{display:flex;flex-direction:column;gap:8px}.variable-tag{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--email-gray-200);border-radius:8px;color:#2563eb;color:var(--email-primary);font-family:SF Mono,Monaco,Menlo,monospace;font-weight:500;padding:8px 12px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.variable-tag:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#60a5fa;border-color:var(--email-primary-light);transform:translateX(4px)}#template-content{font-family:SF Mono,Monaco,Menlo,monospace;font-size:13px;line-height:1.7}.stats-section{padding:0 40px}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{border:1px solid var(--email-gray-200);border-radius:16px;border-radius:var(--email-radius-lg);padding:28px}.stat-card,.stat-card:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.stat-card:before{background:linear-gradient(180deg,#2563eb,#7c3aed);background:linear-gradient(180deg,var(--email-primary) 0,var(--email-secondary) 100%);height:100%;opacity:0;width:4px}.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--email-shadow-lg);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-icon{border-radius:16px}.stat-icon.templates-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.stat-icon.campaigns-icon{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#9333ea}.stat-icon.recipients-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-icon.rate-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.stat-info{flex:1 1}.stat-value{color:var(--email-gray-900);font-size:36px;margin-bottom:6px}.stat-label{color:#4b5563;color:var(--email-gray-600)}.stat-detail{color:#6b7280;color:var(--email-gray-500);font-size:12px}.recent-campaigns{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--email-gray-200);border-radius:16px;border-radius:var(--email-radius-lg);padding:28px}.recent-campaigns h3{align-items:center;color:#111827;color:var(--email-gray-900);display:flex;font-size:20px;font-weight:700;gap:12px;margin:0 0 24px}.recent-campaigns-list{display:flex;flex-direction:column;gap:16px}.recent-campaign-item{align-items:center;background:#f9fafb;background:var(--email-gray-50);border:1px solid #0000;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.recent-campaign-item:hover{background:#fff;border-color:#e5e7eb;border-color:var(--email-gray-200);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--email-shadow)}.recent-campaign-icon{align-items:center;background:linear-gradient(135deg,#2563eb1a,#7c3aed1a);border-radius:12px;color:#2563eb;color:var(--email-primary);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.recent-campaign-info{flex:1 1;min-width:0}.recent-campaign-name{color:#1f2937;color:var(--email-gray-800);font-size:14px;font-weight:600;margin-bottom:6px}.recent-campaign-meta{color:#6b7280;color:var(--email-gray-500);display:flex;font-size:12px;gap:16px}.recent-campaign-stats{display:flex;flex-shrink:0;gap:16px}.mini-stat{align-items:center;color:#2563eb;color:var(--email-primary);display:flex;font-size:13px;font-weight:600;gap:6px}.empty-stats{color:#9ca3af;color:var(--email-gray-400);padding:60px 20px;text-align:center}.empty-stats svg{margin-bottom:16px;opacity:.3}.empty-stats p{color:#4b5563;color:var(--email-gray-600);font-size:16px;font-weight:500;margin:0 0 8px}.empty-stats-hint{color:#9ca3af;color:var(--email-gray-400);font-size:14px}.countdown-badge{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:20px;color:#92400e;display:inline-flex;font-size:11px;font-weight:600;gap:6px;margin-top:10px;padding:6px 12px}.preview-modal .modal-body{padding:0}.preview-section{padding:28px}.preview-meta{grid-gap:20px;background:#f9fafb;background:var(--email-gray-50);border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px;padding:20px}.preview-meta-item{display:flex;flex-direction:column;gap:6px}.preview-meta-item label{color:#6b7280;color:var(--email-gray-500);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.preview-meta-item span{color:#1f2937;color:var(--email-gray-800);font-size:14px;font-weight:500}.preview-content{display:flex;flex-direction:column;gap:24px}.preview-body,.preview-subject,.preview-variables{display:flex;flex-direction:column;gap:10px}.preview-body label,.preview-subject label,.preview-variables label{color:#6b7280;color:var(--email-gray-500);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.preview-text{word-wrap:break-word;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--email-gray-200);border-radius:10px;color:#1f2937;color:var(--email-gray-800);font-size:14px;line-height:1.7;padding:16px;white-space:pre-wrap}.subject-preview{font-weight:600}.content-preview-full{background:#f9fafb;background:var(--email-gray-50);font-size:13px;min-height:160px}.content-preview-full,.variable-highlight{font-family:SF Mono,Monaco,Menlo,monospace}.variable-highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:4px;color:#d97706;font-size:12px;font-weight:600;padding:2px 8px}.variables-tags{display:flex;flex-wrap:wrap;gap:10px}.variable-tag-preview{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #60a5fa;border:1px solid var(--email-primary-light);border-radius:8px;color:#2563eb;color:var(--email-primary);font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;font-weight:600;padding:8px 14px}.tags-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 40px 32px}.tag-card{border:1px solid #e5e7eb;border:1px solid var(--email-gray-200);border-radius:var(--email-radius);padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.tag-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--email-shadow-md);transform:translateY(-2px)}.tag-header{align-items:center;gap:14px;margin-bottom:14px}.tag-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;color:#2563eb;color:var(--email-primary);display:flex;height:44px;justify-content:center;width:44px}.tag-info h3{color:#1f2937;color:var(--email-gray-800);font-size:16px;font-weight:700;margin:0 0 6px}.tag-count{color:#6b7280;color:var(--email-gray-500);font-size:13px}.tag-actions{justify-content:flex-end}.tag-type-selector{display:flex;gap:12px;margin:0 40px 24px}.tags-info-panel{background:#f9fafb;background:var(--email-gray-50);border:1px solid #e5e7eb;border:1px solid var(--email-gray-200);border-radius:12px;border-radius:var(--email-radius);margin:32px 40px;padding:24px}.tags-info-panel h3{color:#1f2937;color:var(--email-gray-800);font-size:16px;font-weight:700;margin:0 0 14px}.tags-info-panel ul{color:#4b5563;color:var(--email-gray-600);font-size:14px;line-height:2;margin:0;padding-left:24px}.segments-list{display:flex;flex-direction:column;gap:20px;margin:0 40px}.segment-card{border:1px solid #e5e7eb;border:1px solid var(--email-gray-200);border-radius:var(--email-radius);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.segment-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--email-shadow)}.segment-header{align-items:flex-start;gap:16px;margin-bottom:16px}.segment-icon{align-items:center;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-radius:14px;color:#9333ea;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.segment-info{flex:1 1}.segment-info h3{color:#1f2937;color:var(--email-gray-800);font-size:18px;font-weight:700;margin:0 0 8px}.segment-description{color:#4b5563;color:var(--email-gray-600);margin:0}.segment-badge{margin-left:auto}.type-badge{font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.type-badge.user{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.type-badge.customer{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}.segment-stats{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--email-gray-100);border-top:1px solid #f3f4f6;border-top:1px solid var(--email-gray-100);display:flex;gap:28px;margin:16px 0;padding:14px 0}.segment-stats .stat{align-items:center;color:#4b5563;color:var(--email-gray-600);display:flex;font-size:14px;font-weight:500;gap:10px}.segment-actions{gap:8px;justify-content:flex-end}.geographic-analytics{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--email-gray-200);border-radius:16px;border-radius:var(--email-radius-lg);margin:32px 40px;padding:28px}.geographic-analytics h3{align-items:center;color:#1f2937;color:var(--email-gray-800);display:flex;font-size:20px;font-weight:700;gap:12px;margin:0 0 8px}.section-hint{color:#6b7280;color:var(--email-gray-500);font-size:14px;margin:0 0 20px}.geo-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:20px}.geo-card{background:#f9fafb;background:var(--email-gray-50);border-radius:12px;padding:24px}.geo-card h4{align-items:center;color:#1f2937;color:var(--email-gray-800);display:flex;font-size:14px;font-weight:700;gap:10px;margin:0 0 16px}.geo-list{display:flex;flex-direction:column;gap:12px}.geo-item{align-items:center;background:#fff;border:1px solid #f3f4f6;border:1px solid var(--email-gray-100);border-radius:10px;display:flex;gap:14px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.geo-item:hover{border-color:#d1d5db;border-color:var(--email-gray-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--email-shadow)}.geo-flag{font-size:24px}.geo-name{color:#374151;color:var(--email-gray-700);flex:1 1;font-size:14px;font-weight:600}.geo-count{color:#2563eb;color:var(--email-primary);font-size:14px;font-weight:700}.note{color:#6b7280;color:var(--email-gray-500);font-size:12px;font-style:italic;margin:16px 0 0}.device-stats{display:flex;flex-direction:column;gap:12px}.device-item{align-items:center;background:#fff;border:1px solid #f3f4f6;border:1px solid var(--email-gray-100);border-radius:10px;display:flex;gap:14px;padding:14px}.device-item span{color:#374151;color:var(--email-gray-700);flex:1 1;font-size:14px;font-weight:600}.device-percent{color:#2563eb;color:var(--email-primary);font-size:14px;font-weight:700}.top-campaigns{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--email-gray-200);border-radius:16px;border-radius:var(--email-radius-lg);margin:32px 40px;padding:28px}.top-campaigns h3{align-items:center;color:#1f2937;color:var(--email-gray-800);display:flex;font-size:20px;font-weight:700;gap:12px;margin:0 0 24px}.campaign-performance-list{display:flex;flex-direction:column;gap:16px}.performance-item{grid-gap:20px;align-items:center;background:#f9fafb;background:var(--email-gray-50);border:1px solid #f3f4f6;border:1px solid var(--email-gray-100);border-radius:12px;display:grid;gap:20px;grid-template-columns:220px 1fr auto;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.performance-item:hover{background:#fff;border-color:#d1d5db;border-color:var(--email-gray-300)}.performance-name{align-items:center;color:#1f2937;color:var(--email-gray-800);display:flex;font-size:14px;font-weight:600;gap:12px}.performance-bars{display:flex;flex-direction:column;gap:10px}.bar-container{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:90px 1fr 60px}.bar-label{color:#4b5563;color:var(--email-gray-600);font-size:12px;font-weight:600}.bar-track{background:#e5e7eb;background:var(--email-gray-200);border-radius:5px;height:10px;overflow:hidden}.bar-fill{border-radius:5px;transition:width .5s ease}.bar-fill.open{background:linear-gradient(90deg,#10b981,#059669)}.bar-fill.click{background:linear-gradient(90deg,#2563eb,#7c3aed);background:linear-gradient(90deg,var(--email-primary) 0,var(--email-secondary) 100%)}.bar-value{color:#374151;color:var(--email-gray-700);font-size:12px;font-weight:700;text-align:right}.campaign-detail-content{padding:0}.detail-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.detail-stat-card{background:#f9fafb;background:var(--email-gray-50);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.detail-stat-card:hover{background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--email-shadow)}.detail-stat-card .stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:14px;color:#2563eb;color:var(--email-primary);height:52px;width:52px}.detail-stat-card .stat-value{color:#111827;color:var(--email-gray-900);font-size:28px;font-weight:800;margin-bottom:4px}.detail-stat-card .stat-label{color:#4b5563;color:var(--email-gray-600);font-size:13px;font-weight:600}.detail-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--email-gray-200);margin-top:32px;padding-top:28px}.detail-section h3{color:var(--email-gray-800);font-size:18px;gap:12px;margin:0 0 20px}.geo-breakdown-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:20px}.geo-breakdown-card{background:#f9fafb;background:var(--email-gray-50);border-radius:12px;padding:24px}.geo-breakdown-card h4{color:#1f2937;color:var(--email-gray-800);font-size:14px;font-weight:700;margin:0 0 16px}.geo-breakdown-list{display:flex;flex-direction:column;gap:12px}.geo-breakdown-item{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.geo-breakdown-item .geo-name{color:#374151;color:var(--email-gray-700);font-size:14px;font-weight:600}.geo-breakdown-item .geo-count{color:#2563eb;color:var(--email-primary);font-size:13px;font-weight:700}.device-breakdown{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:20px}.device-breakdown-item{align-items:center;background:#f9fafb;background:var(--email-gray-50);border-radius:12px;display:flex;gap:14px;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.device-breakdown-item:hover{background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--email-shadow)}.device-icon{color:#2563eb;color:var(--email-primary)}.device-name{color:#374151;color:var(--email-gray-700);flex:1 1;font-size:14px;font-weight:600;text-transform:capitalize}.device-count{color:#1f2937;color:var(--email-gray-800);font-size:14px;font-weight:700}.links-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.link-item{grid-gap:16px;align-items:center;background:#f9fafb;background:var(--email-gray-50);border-radius:10px;display:grid;gap:16px;grid-template-columns:48px 1fr 120px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.link-item:hover{background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--email-shadow)}.link-rank{color:#2563eb;color:var(--email-primary);font-size:16px;font-weight:800;text-align:center}.link-url{color:#374151;color:var(--email-gray-700);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-clicks{color:#1f2937;color:var(--email-gray-800);font-size:14px;font-weight:700;text-align:right}.segment-rules-builder{background:#f9fafb;background:var(--email-gray-50);border:1px solid #e5e7eb;border:1px solid var(--email-gray-200);border-radius:12px;padding:24px}.rules-condition{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--email-gray-200);display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.rules-condition label{color:#374151;color:var(--email-gray-700);font-weight:700;margin:0}.rules-condition select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--email-gray-300);border-radius:8px;cursor:pointer;font-size:14px;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.rules-condition select:focus{border-color:#2563eb;border-color:var(--email-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.rule-item{grid-gap:12px;align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--email-gray-200);border-radius:10px;display:grid;gap:12px;grid-template-columns:160px 160px 1fr 44px;padding:14px}.rule-item input,.rule-item select{border:1px solid #d1d5db;border:1px solid var(--email-gray-300);border-radius:8px;font-size:14px;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-transition)}.rule-item input:focus,.rule-item select:focus{border-color:#2563eb;border-color:var(--email-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}@media (max-width:1200px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header{padding:28px 20px}.page-header h1{font-size:24px}.tabs{flex-wrap:wrap;margin:0 20px 24px}.tab{font-size:13px;padding:12px 20px}.section-header{align-items:flex-start;flex-direction:column;gap:16px;margin:0 20px 24px}.campaigns-list,.segments-list,.tags-grid,.templates-grid{margin:0 20px}.templates-grid{grid-template-columns:1fr}.stats-section{padding:0 20px}.stats-grid{grid-template-columns:1fr}.geographic-analytics,.top-campaigns{margin:24px 20px;padding:20px}.form-row,.template-editor-container{grid-template-columns:1fr}.variables-panel{order:2}.campaign-stats{flex-direction:column;gap:12px}.modal{max-height:95vh;width:95%}.alert{margin:20px}.geo-grid,.performance-item{grid-template-columns:1fr}.performance-item{gap:14px}.bar-container{grid-template-columns:80px 1fr 50px}.detail-stats-grid,.device-breakdown,.geo-breakdown-grid{grid-template-columns:1fr}.link-item{grid-template-columns:36px 1fr 80px}.tag-type-selector{flex-direction:column;margin:0 20px 20px}.tags-info-panel{margin:24px 20px}.rule-item{gap:10px;grid-template-columns:1fr}}@media (max-width:480px){.page-header{padding:20px 16px}.page-header h1{font-size:20px;gap:10px}.page-header h1:before{height:40px;width:40px}.alert,.campaigns-list,.geographic-analytics,.section-header,.segments-list,.stats-section,.tabs,.tags-grid,.tags-info-panel,.templates-grid,.top-campaigns{margin-left:16px;margin-right:16px}.tab{font-size:12px;gap:6px;padding:10px 14px}.campaign-card,.segment-card,.template-card{padding:18px}.stat-card{flex-direction:column;padding:20px;text-align:center}.stat-icon{margin:0 auto}.recent-campaign-item{align-items:flex-start;flex-direction:column;gap:12px}.recent-campaign-stats{justify-content:space-between;width:100%}}@media (prefers-color-scheme:dark){.email-campaign-management{background:linear-gradient(180deg,#111827,#1f2937)}.campaign-card,.geographic-analytics,.modal,.recent-campaigns,.segment-card,.stat-card,.tag-card,.template-card,.top-campaigns{background:#1f2937;border-color:#374151}.campaign-stats,.detail-stat-card,.device-breakdown-item,.device-item,.geo-breakdown-card,.geo-card,.geo-item,.performance-item,.template-preview{background:#111827;border-color:#374151}.tabs{background:#1f2937;border-color:#374151}.tab{color:#9ca3af}.tab.active,.tab:hover{background:#2563eb1a;color:#60a5fa}.form-group input,.form-group select,.form-group textarea{background:#111827;border-color:#374151;color:#f3f4f6}.content-preview-full,.modal-footer,.modal-header,.preview-text{background:#111827;border-color:#374151}.content-preview-full,.preview-text{color:#e5e7eb}}@media print{.page-header{background:#f3f4f6!important;background:var(--email-gray-100)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.page-header h1,.page-header p{color:#1f2937!important;color:var(--email-gray-800)!important}.btn,.campaign-footer,.tabs,.template-actions{display:none!important}}.btn:focus,.close-btn:focus,.tab:focus,.variable-tag:focus{outline:2px solid #2563eb;outline:2px solid var(--email-primary);outline-offset:2px}.tag-manager-modal .modal-body{padding:0}.tag-manager-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px 25px}.tag-manager-header h4{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.tag-manager-header p{color:#666;font-size:13px;margin:0}.tag-manager-search{background:#fff;border-bottom:1px solid #e0e0e0;padding:20px 25px}.search-container{align-items:center;display:flex;gap:10px}.search-container input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s}.search-container input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.search-container .btn{padding:12px 24px;white-space:nowrap}.tag-manager-content{max-height:60vh;overflow-y:auto;padding:25px}.selection-toolbar{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.selection-info{color:#333;font-size:14px;font-weight:600}.selection-count{color:#2196f3}.user-grid{grid-gap:12px;display:grid;gap:12px}.user-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.user-card:hover{background:#f8f9fa;border-color:#2196f3}.user-card.selected{background:#e3f2fd;border-color:#2196f3}.user-checkbox{accent-color:#2196f3;cursor:pointer;flex-shrink:0;height:20px;width:20px}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.user-details{flex:1 1;min-width:0}.user-name{color:#333;font-size:15px;font-weight:600;margin-bottom:4px}.user-email{color:#666;font-size:13px;margin-bottom:6px}.user-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.user-tag-badge{background:#e3f2fd;border:1px solid #2196f3;border-radius:12px;color:#2196f3;font-size:11px;font-weight:600;padding:3px 10px}.tag-input-section{background:#f8f9fa;border:2px dashed #2196f3;border-radius:10px;margin-top:24px;padding:20px}.tag-input-section h4{align-items:center;color:#333;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 12px}.tag-input-section input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.tag-input-section input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.tag-input-hint{color:#666;font-size:12px;font-style:italic;margin-top:8px}.tag-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag-example{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.tag-example:hover{background:#e3f2fd;border-color:#2196f3;color:#2196f3}.campaign-modal-sidebar{grid-gap:0;display:grid;gap:0;grid-template-columns:250px 1fr;min-height:500px}.campaign-steps{background:#f8f9fa;border-right:1px solid #e0e0e0;padding:25px 20px}.campaign-steps h4{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 20px;text-transform:uppercase}.step-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s}.step-item:hover{background:#e9ecef}.step-item.active{background:#fff;box-shadow:0 2px 8px #0000001a}.step-number{background:#e0e0e0;border-radius:50%;color:#666;font-size:14px;height:32px;transition:all .2s;width:32px}.step-item.active .step-number{background:#2196f3;color:#fff}.step-item.completed .step-number{background:#4caf50;color:#fff}.step-label{color:#666;font-size:14px;font-weight:500}.step-item.active .step-label{color:#333;font-weight:600}.campaign-form-content{max-height:600px;overflow-y:auto;padding:30px}.form-section{margin-bottom:32px}.form-section-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:16px;padding-bottom:12px}.form-section-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.form-section-description{color:#666;font-size:14px;line-height:1.6;margin-bottom:20px}.selection-grid{grid-gap:12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:300px;overflow-y:auto;padding:16px}.selection-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.selection-item:hover{border-color:#2196f3;box-shadow:0 2px 8px #2196f326}.selection-item input[type=checkbox]{accent-color:#2196f3;cursor:pointer;height:18px;width:18px}.selection-item-label{color:#333;flex:1 1;font-size:14px;font-weight:500}.selection-item-count{color:#666;font-size:12px;font-weight:600}.selected-count-badge{align-items:center;background:#e3f2fd;border:1px solid #2196f3;border-radius:16px;color:#2196f3;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.template-editor-layout{grid-gap:0;display:grid;gap:0;grid-template-columns:280px 1fr;min-height:500px}.template-sidebar{background:#f8f9fa;border-right:1px solid #e0e0e0;overflow-y:auto;padding:20px}.template-sidebar h4{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.variable-category{margin-bottom:20px}.variable-category h5{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.category-desc{color:#999;font-size:11px;font-style:italic;margin:0 0 10px}.variables-list-container{display:flex;flex-direction:column;gap:12px}.template-main-editor{max-height:600px;overflow-y:auto;padding:25px 30px}.editor-field{margin-bottom:24px}.editor-label{color:#333;display:block;font-size:15px;font-weight:600;margin-bottom:10px}.editor-input,.editor-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.editor-input:focus,.editor-textarea:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.editor-textarea{font-family:SF Mono,Monaco,Courier New,monospace;line-height:1.6;min-height:300px;resize:vertical}.editor-hint{color:#666;font-size:12px;font-style:italic;margin-top:8px}.template-settings{grid-gap:20px;background:#f8f9fa;border-radius:10px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:20px;padding:20px}.setting-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.setting-item:hover{border-color:#2196f3}.setting-item input[type=checkbox]{accent-color:#2196f3;cursor:pointer;height:20px;width:20px}.setting-label{color:#333;flex:1 1;font-size:14px;font-weight:500}.campaign-form-content::-webkit-scrollbar,.selection-grid::-webkit-scrollbar,.tag-manager-content::-webkit-scrollbar,.template-main-editor::-webkit-scrollbar,.template-sidebar::-webkit-scrollbar{height:8px;width:8px}.campaign-form-content::-webkit-scrollbar-track,.selection-grid::-webkit-scrollbar-track,.tag-manager-content::-webkit-scrollbar-track,.template-main-editor::-webkit-scrollbar-track,.template-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.campaign-form-content::-webkit-scrollbar-thumb,.selection-grid::-webkit-scrollbar-thumb,.tag-manager-content::-webkit-scrollbar-thumb,.template-main-editor::-webkit-scrollbar-thumb,.template-sidebar::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.campaign-form-content::-webkit-scrollbar-thumb:hover,.selection-grid::-webkit-scrollbar-thumb:hover,.tag-manager-content::-webkit-scrollbar-thumb:hover,.template-main-editor::-webkit-scrollbar-thumb:hover,.template-sidebar::-webkit-scrollbar-thumb:hover{background:#999}.empty-selection{color:#999;padding:40px 20px;text-align:center}.empty-selection svg{margin-bottom:12px;opacity:.3}.empty-selection p{font-size:14px;margin:0}.loading-overlay{align-items:center;display:flex;justify-content:center;padding:60px 20px}.loading-overlay svg{margin-right:12px}@media (max-width:968px){.campaign-modal-sidebar,.template-editor-layout{grid-template-columns:1fr}.campaign-steps,.template-sidebar{border-bottom:1px solid #e0e0e0;border-right:none}.selection-grid,.template-settings{grid-template-columns:1fr}}.btn-danger{background:#dc3545}.btn-danger:hover:not(:disabled){background:#c82333}.email-campaigns-container{background:#f5f7fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.campaigns-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.campaigns-header h1{font-weight:600}.campaigns-header-actions{display:flex;gap:12px;margin-top:16px}.campaigns-tabs{background:#fff;border-radius:8px 8px 0 0;margin-bottom:-1px;padding:16px 24px 0}.campaigns-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.campaigns-tab:hover{background:#f5f7fa;color:#155a51}.campaigns-tab.active{border-bottom-color:#155a51;color:#155a51}.campaigns-content{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 1px 3px #0000001a;min-height:500px;padding:24px}.campaigns-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.campaigns-search{flex:1 1;min-width:250px;position:relative}.campaigns-search input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px 10px 40px;width:100%}.campaigns-search svg{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.campaigns-filter-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s}.campaigns-filter-btn:hover{border-color:#155a51;color:#155a51}.campaigns-filter-btn.active{background:#155a51;border-color:#155a51;color:#fff}.campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.campaign-card{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:20px}.campaign-card:hover{border-color:#155a51}.campaign-card-header{align-items:start}.campaign-card-title{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 4px}.campaign-card-meta{align-items:center;color:#666;display:flex;font-size:13px;gap:8px}.campaign-status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.campaign-status-badge.draft{background:#f3f4f6;color:#6b7280}.campaign-status-badge.scheduled{background:#fef3c7;color:#92400e}.campaign-status-badge.sent{background:#d1fae5;color:#065f46}.campaign-status-badge.sending{background:#dbeafe;color:#1e40af}.campaign-card-stats{grid-gap:12px;border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:16px 0;padding:16px 0}.campaign-stat-value{color:#1a1a1a;display:block;font-size:20px;font-weight:600}.campaign-stat-label{color:#666;display:block;font-size:12px;margin-top:4px}.campaign-card-actions{display:flex;gap:8px;justify-content:flex-end}.campaign-card-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s}.campaign-card-btn:hover{border-color:#155a51;color:#155a51}.campaign-card-btn.primary{background:#155a51;border-color:#155a51;color:#fff}.campaign-card-btn.primary:hover{background:#0f4239}.campaigns-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.campaigns-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.campaigns-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.campaigns-modal-header h2{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.campaigns-modal-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:8px}.campaigns-modal-close:hover{background:#f3f4f6}.campaigns-modal-body{flex:1 1;overflow-y:auto;padding:24px}.campaigns-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.wizard-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative}.wizard-steps:before{background:#e5e7eb;content:"";height:2px;left:0;position:absolute;right:0;top:20px;z-index:0}.wizard-step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative;z-index:1}.wizard-step-number{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;color:#999;display:flex;font-weight:600;height:40px;justify-content:center;margin-bottom:8px;width:40px}.wizard-step.active .wizard-step-number{background:#155a51;border-color:#155a51;color:#fff}.wizard-step.completed .wizard-step-number{background:#10b981;border-color:#10b981;color:#fff}.wizard-step-label{color:#666;font-size:13px;text-align:center}.wizard-step.active .wizard-step-label{color:#155a51;font-weight:600}.form-label{font-size:14px;font-weight:500;margin-bottom:8px}.form-label.required:after{color:#ef4444;content:"*";margin-left:4px}.form-input,.form-select,.form-textarea{border-radius:6px;padding:10px 12px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#155a51;box-shadow:0 0 0 3px #155a511a}.form-textarea{font-family:inherit;min-height:120px}.form-error,.form-hint{font-size:13px}.form-error{color:#ef4444;margin-top:4px}.btn{border-radius:6px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#0f4239}.btn-icon{border:1px solid #d1d5db;border-radius:6px;display:inline-flex}.empty-state{padding:60px 20px}.empty-state p{margin:0 0 24px}.stat-card{background:#f9fafb}.stat-card-value{color:#1a1a1a;font-size:28px;font-weight:600;margin:0 0 4px}.stat-card-label{color:#6b7280;font-size:13px;margin:0}.stat-card-icon{height:40px;margin-bottom:12px;width:40px}.loading-spinner{padding:40px}.spinner{border:3px solid #f3f4f6;border-top-color:#155a51}.alert{border-radius:6px;margin-bottom:20px;padding:12px 16px}.alert-success{background:#d1fae5;border:1px solid #6ee7b7}.alert-error{background:#fee2e2;border:1px solid #fca5a5}.alert-info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.template-preview{border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;margin:16px 0;padding:16px 0}.template-subject{color:#374151;font-size:13px;margin-bottom:8px}.template-content-preview{color:#6b7280;font-size:13px;line-height:1.5}.campaign-view-section{margin-bottom:24px}.campaign-view-section h3{border-bottom:1px solid #e5e7eb;color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.campaign-view-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.campaign-view-item{margin-bottom:16px}.campaign-view-item label{color:#6b7280;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.campaign-view-item span{color:#1a1a1a;font-size:14px}.campaign-view-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;line-height:1.6;padding:12px}.campaign-message-content{max-height:300px;overflow-y:auto;white-space:pre-wrap}.campaign-view-stats{display:flex;gap:16px}.campaign-view-stats .stat-card{flex:1 1;text-align:center}@media (max-width:768px){.campaigns-header-actions{flex-direction:column}.campaigns-tabs{overflow-x:auto}.campaigns-filters{flex-direction:column}.campaigns-grid{grid-template-columns:1fr}.wizard-steps{flex-direction:column;gap:16px}.wizard-steps:before{display:none}.campaign-view-grid{grid-template-columns:1fr}.campaign-view-stats{flex-direction:column}}.products-page{animation:fadeIn .3s ease-out;background:#f8fafc;margin:0 auto;max-width:1800px;min-height:100vh;padding:1.5rem}.products-header{align-items:center;background:linear-gradient(135deg,#0f766e,#0d9488);border-radius:12px;box-shadow:0 4px 12px #0d948833;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.products-header h1{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.625rem;letter-spacing:-.01em;margin:0}.products-header-actions{align-items:center;display:flex;gap:.75rem}.products-header-actions .btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.813rem;font-weight:600;gap:.5rem;padding:.625rem 1.125rem;transition:all .2s ease}.products-header-actions .btn:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.products-header-actions .btn:disabled{cursor:not-allowed;opacity:.5}.products-filters{margin-bottom:1.5rem}.status-filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.filter-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.813rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.filter-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.filter-btn.active{background:linear-gradient(135deg,#0f766e,#0d9488);border-color:#0d9488;box-shadow:0 4px 8px #0d94884d;color:#fff}.bulk-actions-toolbar{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.bulk-selection-info{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.75rem}.bulk-action-buttons{display:flex;gap:.625rem}.bulk-checkbox{accent-color:#fff;height:18px;width:18px}.products-search-bar{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;display:flex;margin-bottom:2rem;max-width:600px;padding:.75rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.products-search-bar:hover{background:#fff;border-color:#cbd5e1}.products-search-bar:focus-within{background:#fff;border-color:#0d9488;box-shadow:0 0 0 3px #0d948814}.products-search-bar .search-icon{color:#94a3b8;flex-shrink:0;transition:color .2s ease}.products-search-bar:focus-within .search-icon{color:#0d9488}.products-search-input{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:.938rem;font-weight:500;outline:none;padding:.25rem 1rem}.products-search-input::placeholder{color:#94a3b8;font-weight:400}.search-clear-btn{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:24px;justify-content:center;margin-left:.5rem;padding:0;transition:all .2s ease;width:24px}.search-clear-btn:hover{background:#cbd5e1;color:#0f172a;transform:scale(1.1)}.search-clear-btn:active{transform:scale(.95)}.search-submit-btn{background:linear-gradient(135deg,#0f766e,#0d9488);border:none;border-radius:10px;box-shadow:0 2px 4px #0d948833;color:#fff;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:600;margin-left:.75rem;padding:.625rem 1.25rem;transition:all .2s ease}.search-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 4px 8px #0d94884d;transform:translateY(-1px)}.search-submit-btn:active:not(:disabled){box-shadow:0 1px 2px #0d948833;transform:translateY(0)}.search-submit-btn:disabled{cursor:not-allowed;opacity:.6}.products-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.products-list-header>div:first-child{align-items:center;display:flex;gap:.75rem}.products-list-header h2{color:#0f172a;font-size:1.125rem;font-weight:700;margin:0}.products-count{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:.75rem;font-weight:600;padding:4px 10px;white-space:nowrap}.header-actions{align-items:center;gap:1rem}.select-all-label{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;transition:color .2s ease}.select-all-label:hover{color:#0f172a}.view-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:0;padding:4px}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.813rem;font-weight:600;justify-content:center;padding:.5rem .75rem;transition:all .2s ease}.view-toggle-btn:hover{background:#f8fafc;color:#0f172a}.view-toggle-btn.active{background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 2px 6px #0d948840;color:#fff}.view-toggle-btn svg{flex-shrink:0}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:2rem}.products-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.products-list .product-card{grid-gap:1rem 1.5rem;align-items:center;display:grid;gap:1rem 1.5rem;grid-template-areas:"header metrics badges actions" "footer footer footer footer";grid-template-columns:280px 1fr auto auto;grid-template-rows:auto auto;padding:1rem 1.25rem}.products-list .product-card-header{border-bottom:none;grid-area:header;margin-bottom:0;min-width:0;padding-bottom:0}.products-list .product-card-badges{grid-area:badges;margin-bottom:0}.products-list .product-card-metrics{flex:1 1;gap:.75rem;grid-area:metrics;grid-template-columns:repeat(3,1fr);margin-bottom:0}.products-list .product-card-footer{border-top:1px solid #f1f5f9;grid-area:footer;padding-top:.75rem}.products-list .product-card-actions{align-self:center;gap:.375rem;grid-area:actions}.products-list .metric{align-items:center;flex-direction:row;gap:.5rem;padding:.5rem .625rem}.products-list .metric svg{height:14px;width:14px}.products-list .metric-value{font-size:.875rem}.products-list .metric-label{font-size:.625rem}.product-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #f59e0b;border-radius:12px;box-shadow:0 1px 3px #0000000d;min-width:0;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.product-card.selected{background:linear-gradient(90deg,#0d94880d,#fff 20%);border-left-color:#0d9488;box-shadow:0 4px 12px #0d948826}.product-checkbox{left:1rem;position:absolute;top:1rem;z-index:10}.product-checkbox .bulk-checkbox{accent-color:#0d9488;cursor:pointer;height:18px;width:18px}.product-card.selected .product-checkbox .bulk-checkbox{accent-color:#0d9488}.product-card .product-card-header{margin-left:2rem}.product-card:hover{border-color:#cbd5e1 #cbd5e1 #cbd5e1 #0d9488;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.product-card-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1.25rem}.product-card-title{align-items:flex-start;display:flex;flex:1 1;gap:.75rem;min-width:0}.product-card-title svg{color:#0d9488;flex-shrink:0;margin-top:2px}.product-card-title h3{color:#0f172a;font-size:.938rem;font-weight:700;line-height:1.3;margin:0 0 4px}.product-card-title h3,.product-card-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-title p{color:#64748b;font-size:.75rem;margin:0}.product-card-image{background:#f9fafb;border:2px solid #e2e8f0;border-radius:8px;flex-shrink:0;height:56px;object-fit:cover;transition:all .2s ease;width:56px}.product-card-image:hover{border-color:#0d9488;transform:scale(1.05)}.product-card-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.status-badge{border:1px solid #0000;font-size:.688rem;letter-spacing:.3px;padding:3px 8px}.status-badge.active{border-color:#6ee7b7}.status-badge.draft{background:#f3f4f6;border-color:#e5e7eb;color:#374151}.status-badge.inactive{background:#fef3c7;border-color:#fde68a;color:#92400e}.status-badge.archived{background:#fee2e2;border-color:#fecaca;color:#991b1b}.category-badge{align-items:center;background:#dbeafe;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;display:inline-flex;gap:4px;white-space:nowrap}.category-badge,.stock-badge{font-size:.688rem;font-weight:700;padding:3px 8px}.stock-badge{border-radius:6px;display:inline-block;letter-spacing:.3px;text-transform:uppercase}.stock-badge.out-of-stock{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.product-card-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.25rem}.metric{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:.625rem;min-width:0;overflow:hidden;padding:.75rem}.metric svg{color:#64748b;flex-shrink:0}.metric>div{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.metric-value{color:#0f172a;font-size:.875rem;font-weight:800;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-label{font-size:.688rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.product-card-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between}.product-card-date{align-items:center;color:#64748b;display:flex;font-size:.75rem;gap:.5rem}.product-card-date svg{color:#94a3b8}.product-card-actions{display:flex;gap:.5rem}.btn,.btn-sm{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.btn-sm:hover{background:#f8fafc;border-color:#0d9488;color:#0d9488}.btn-view{background:#eff6ff;border-color:#dbeafe;color:#1e40af}.btn-view:hover{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.btn-sm.btn-success,.btn-success{background:#dcfce7;border-color:#bbf7d0;color:#166534}.btn-sm.btn-success:hover,.btn-success:hover{background:#bbf7d0;border-color:#22c55e;color:#166534}.btn-sm.btn-warning,.btn-warning{background:#fef3c7;border-color:#fde68a;color:#92400e}.btn-sm.btn-warning:hover,.btn-warning:hover{background:#fde68a;border-color:#f59e0b;color:#92400e}.btn-danger,.btn-sm.btn-danger{background:#fee2e2;border-color:#fecaca;color:#991b1b}.btn-danger:hover,.btn-sm.btn-danger:hover{background:#fecaca;border-color:#ef4444;color:#991b1b}.btn-secondary,.btn-sm.btn-secondary{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.btn-secondary:hover,.btn-sm.btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1;color:#475569}.btn-primary,.btn-sm.btn-primary{background:linear-gradient(135deg,#0f766e,#0d9488);border-color:#0d9488;color:#fff}.btn-primary:hover,.btn-sm.btn-primary:hover{background:linear-gradient(135deg,#0d9488,#14b8a6);border-color:#14b8a6;box-shadow:0 4px 8px #0d94884d;color:#fff}.btn-featured,.btn-sm.btn-featured{background:#fef3c7;border-color:#fde68a;color:#92400e}.btn-featured:hover,.btn-sm.btn-featured:hover{background:#fde68a;border-color:#f59e0b;color:#92400e}.products-loading{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px;padding:3rem}.products-loading p{color:#64748b;font-size:.875rem;margin:0}.products-empty{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px;padding:3rem;text-align:center}.products-empty svg{color:#cbd5e1}.products-empty h3{color:#0f172a;font-size:1.125rem;font-weight:700;margin:0}.products-empty p{color:#64748b;font-size:.875rem;margin:0}.products-pagination{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-top:2rem;padding:1.5rem}.pagination-info{font-size:.813rem}.pagination-controls{align-items:center;gap:.75rem}.pagination-controls .btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.813rem;font-weight:600;gap:.5rem;min-width:auto;padding:.625rem 1rem;transition:all .2s ease}.pagination-controls .btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.pagination-controls .btn:disabled{cursor:not-allowed;opacity:.5}.pagination-pages{display:flex;gap:.5rem}.page-btn{border-radius:8px;color:#374151;font-size:.813rem;font-weight:700;height:38px;min-width:38px;padding:0;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#f8fafc;transform:translateY(-2px)}.page-btn.active{background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 4px 8px #0d94884d}.page-btn.active:hover{background:linear-gradient(135deg,#0d9488,#14b8a6);border-color:#14b8a6;transform:translateY(-2px)}.alert{box-shadow:0 2px 4px #0000000d;font-size:.875rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5;color:#991b1b}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009}.modal{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:800px;position:relative;width:90%}.product-details-modal{max-width:900px}.modal-header{background:#fff;border-bottom:2px solid #f3f4f6;border-radius:12px 12px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#111827;gap:10px}.modal-actions,.modal-body{background:#fff}.modal-actions{border-radius:0 0 12px 12px;border-top:2px solid #f3f4f6;bottom:0;gap:12px;padding:20px 24px;position:-webkit-sticky;position:sticky}.btn-icon{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#6b7280;transition:all .2s ease}.btn-icon:hover{background:#f9fafb;border-color:#3b82f6;box-shadow:0 4px 6px #3b82f626;color:#3b82f6;transform:translateY(-1px)}.btn-secondary{border:2px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;font-size:.875rem;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.btn-secondary:hover:not(:disabled){transform:translateY(-1px)}.btn-secondary:disabled{opacity:.5}.product-image-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:32px;text-align:center}.product-detail-image{border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:300px;max-width:100%;object-fit:contain}.detail-section{background:#f9fafb;border-radius:8px;margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section h3{align-items:center;border-bottom:2px solid #e5e7eb;color:#111827;display:flex;gap:8px}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:16px}.detail-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.detail-item label{font-size:11px;font-weight:700;letter-spacing:.8px}.detail-item p{color:#111827;font-size:14px;font-weight:500;margin:0}.description-text{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;line-height:1.7;margin:0;padding:16px}.price-highlight{color:#059669!important;font-size:20px!important;font-weight:700!important}.text-danger{color:#dc2626!important;font-weight:600!important}.code-text{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#4b5563!important;font-family:Monaco,Courier New,monospace;font-size:12px!important;padding:6px 10px}.tags-list{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding:16px}.tag-badge{background:#e0f2fe;border:1px solid #bae6fd;border-radius:20px;color:#0369a1;font-weight:600;padding:8px 14px;transition:all .2s ease}.tag-badge:hover{background:#bae6fd;transform:translateY(-1px)}.gallery-grid{grid-gap:16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:16px;padding:16px}.gallery-image{border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;height:140px;object-fit:cover;transition:all .2s ease;width:100%}.gallery-image:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;transform:scale(1.05)}@media (max-width:1400px){.products-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.products-page{padding:1rem}.products-header{margin-bottom:1.25rem;padding:.875rem 1rem}.products-header h1{font-size:1.25rem}.products-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.product-card-metrics{gap:.75rem}}@media (max-width:768px){.products-header{align-items:flex-start;flex-direction:column;gap:.875rem}.products-search-bar{flex-wrap:wrap;gap:.5rem;max-width:100%}.products-search-input{flex:1 1;min-width:0}.search-submit-btn{margin-left:0;margin-top:.5rem;width:100%}.products-list-header{align-items:flex-start;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.products-grid{gap:1rem;grid-template-columns:1fr}.products-list .product-card{gap:.75rem;grid-template-areas:"header" "metrics" "badges" "actions" "footer";grid-template-columns:1fr;grid-template-rows:auto;padding:1rem}.products-list .product-card-header{border-bottom:1px solid #f1f5f9;padding-bottom:.75rem}.products-list .product-card-badges{padding-top:0}.products-list .product-card-actions{align-self:stretch}.products-list .product-card-actions .btn{flex:1 1}.products-list .product-card-metrics{grid-template-columns:1fr}.product-card{padding:1.25rem}.product-card-metrics{gap:.75rem;grid-template-columns:1fr}.products-pagination{flex-direction:column;gap:1rem;padding:1.25rem}.pagination-controls{flex-direction:column;gap:.75rem;width:100%}.pagination-controls .btn,.pagination-pages{justify-content:center;width:100%}.detail-grid{grid-template-columns:1fr}.modal{max-height:95vh;width:95%}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.gallery-image{height:80px}}@media (max-width:640px){.products-page{padding:.75rem}.products-header h1{font-size:1.125rem}.product-card-footer,.product-card-header{align-items:flex-start;flex-direction:column}.product-card-footer{gap:.875rem}.product-card-actions{justify-content:stretch;width:100%}.product-card-actions .btn{flex:1 1}}@media (max-width:480px){.category-badge,.status-badge,.stock-badge{font-size:.625rem;padding:2px 6px}.metric{padding:.625rem}.metric-value{font-size:.875rem}}.subscription-management{margin:0 auto;max-width:1400px;padding:24px}.subscription-management .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.subscription-management h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.refresh-btn{background:#3b82f6;border-radius:6px;font-size:14px;font-weight:500;padding:8px 16px}.refresh-btn:hover{background:#2563eb}.controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-input{border-radius:8px;min-width:300px;padding:10px 16px}.filter-buttons{display:flex;gap:8px}.filter-buttons button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.filter-buttons button:hover{border-color:#3b82f6;color:#3b82f6}.filter-buttons button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.subscriptions-table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow-x:auto}.subscriptions-table table{border-collapse:collapse;width:100%}.subscriptions-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.subscriptions-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:16px}.subscriptions-table tbody tr:hover{background:#f9fafb}.user-cell{display:flex;flex-direction:column;gap:4px}.user-name{color:#111827;font-weight:500}.user-email{color:#6b7280;font-size:12px}.tier-badge{border-radius:12px;padding:4px 12px}.tier-free{background:#f3f4f6;color:#6b7280}.tier-pro{background:#dbeafe;color:#1e40af}.tier-premium{background:#fef3c7;color:#92400e}.status-active{background:#d1fae5;color:#065f46}.status-expired{background:#fee2e2;color:#991b1b}.status-cancelled{background:#f3f4f6;color:#6b7280}.payment-status{font-size:12px;font-weight:500}.payment-status.paid{color:#059669}.payment-status.unpaid{color:#dc2626}.reference{background:#f9fafb;border-radius:4px;color:#6b7280;font-family:Monaco,Courier New,monospace;font-size:11px;padding:4px 8px}.loading,.no-data{color:#6b7280;font-size:16px;padding:48px;text-align:center}.stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.stat-label{font-size:14px;margin-bottom:8px}.stat-value{font-size:28px}.action-dropdown{position:relative}.dropdown-trigger{align-items:center;background:#0000;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}.dropdown-trigger:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.dropdown-trigger:disabled{cursor:not-allowed;opacity:.6}.dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{background:#fff;border:none;border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;display:block;font-size:14px;padding:10px 16px;text-align:left;transition:background .2s;width:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f9fafb}.dropdown-item.activate:hover{background:#d1fae5;color:#065f46}.dropdown-item.cancel:hover{background:#fee2e2;color:#991b1b}.modal-overlay{animation:fadeIn .2s ease-out;z-index:9999}.modal-content{animation:slideUp .3s ease-out;max-height:80vh}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{gap:12px;position:relative}.modal-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:48px;justify-content:center;width:48px}.modal-success .modal-icon{background:#d1fae5;color:#065f46}.modal-error .modal-icon{background:#fee2e2;color:#991b1b}.modal-warning .modal-icon{background:#fef3c7;color:#92400e}.modal-confirm .modal-icon{background:#dbeafe;color:#1e40af}.modal-info .modal-icon{background:#e0e7ff;color:#3730a3}.modal-title{color:#111827;flex:1 1;font-size:18px;font-weight:600;margin:0}.modal-close{background:#0000;color:#9ca3af;font-size:24px;line-height:1;position:absolute;right:16px;top:16px}.modal-close:hover{color:#374151}.modal-body{flex:1 1}.modal-message{color:#4b5563;font-size:15px;line-height:1.6;margin:0}.modal-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:16px}.detail-row{grid-gap:12px;border-bottom:1px solid #e5e7eb;display:grid;gap:12px;grid-template-columns:140px 1fr;padding:8px 0}.detail-label{font-size:13px;letter-spacing:.05em}.detail-value{color:#111827;font-size:14px;word-break:break-word}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.modal-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#6b7280}.modal-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.modal-btn-primary{border:none;color:#fff}.modal-btn-primary.modal-btn-confirm,.modal-btn-primary.modal-btn-info,.modal-btn-primary.modal-btn-success{background:#3b82f6}.modal-btn-primary.modal-btn-confirm:hover,.modal-btn-primary.modal-btn-info:hover,.modal-btn-primary.modal-btn-success:hover{background:#2563eb}.modal-btn-primary.modal-btn-warning{background:#f59e0b}.modal-btn-primary.modal-btn-warning:hover{background:#d97706}.modal-btn-primary.modal-btn-error{background:#ef4444}.modal-btn-primary.modal-btn-error:hover{background:#dc2626}@media (max-width:768px){.subscription-management{padding:16px}.controls{flex-direction:column}.search-input{width:100%}.subscriptions-table{font-size:12px}.subscriptions-table td,.subscriptions-table th{padding:8px}.dropdown-menu{left:0;right:auto}.modal-content{max-height:90vh;width:95%}.modal-body,.modal-header{padding:16px}.modal-footer{flex-direction:column-reverse;padding:12px 16px}.modal-btn{width:100%}.detail-row{gap:4px;grid-template-columns:1fr}.detail-label{font-size:11px}}.subscription-management .header-actions{display:flex;gap:12px}.process-expired-btn{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.process-expired-btn:hover:not(:disabled){background:#d97706}.process-expired-btn:disabled{cursor:not-allowed;opacity:.6}.dropdown-submenu{border-top:1px solid #e5e7eb;margin-top:4px;padding-top:4px}.submenu-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.dropdown-item.upgrade{font-size:13px;padding-left:24px}.dropdown-item.upgrade:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.5}.tabs{border-bottom:2px solid #e5e7eb;display:flex}.tab-btn,.tabs button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.tab-btn:hover,.tabs button:hover{background:#f9fafb;color:#374151}.tab-btn.active,.tabs button.active{background:#0000;border-bottom-color:#3b82f6;color:#3b82f6}.tab-count{background:#e5e7eb;border-radius:10px;color:#6b7280;font-size:12px;font-weight:600;padding:2px 8px}.tab-btn.active .tab-count{background:#dbeafe;color:#1e40af}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card.accent-blue{border-left:4px solid #3b82f6}.stat-card.accent-yellow{border-left:4px solid #f59e0b}.stat-card.accent-red{border-left:4px solid #ef4444}.stat-card.accent-green{border-left:4px solid #10b981}.stat-card.accent-purple{border-left:4px solid #8b5cf6}.stat-subvalue{color:#6b7280;font-size:12px;margin-top:4px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.add-btn,.primary-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.add-btn:hover,.primary-btn:hover{background:#059669}.promos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:32px}.promo-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:transform .2s,box-shadow .2s}.promo-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.promo-card.inactive{opacity:.7}.promo-card-header,.promo-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px;position:relative}.promo-card-header.inactive,.promo-card.inactive .promo-header{background:linear-gradient(135deg,#9ca3af,#6b7280)}.promo-card-header.expired{background:linear-gradient(135deg,#f87171,#dc2626)}.promo-code{font-size:20px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.promo-discount{font-size:24px;font-weight:800;margin-top:8px}.promo-status,.promo-status-badge{background:#fff3;border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.promo-status.active{background:#ffffff4d}.promo-status.inactive{background:#0003}.promo-card-body{padding:20px}.promo-name{color:#111827;font-size:16px;font-weight:600;margin-bottom:8px}.promo-description{color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:16px}.promo-meta{color:#4b5563;display:flex;flex-direction:column;font-size:13px;gap:8px}.promo-meta-item{align-items:center;display:flex;gap:8px}.promo-meta-icon{color:#9ca3af;text-align:center;width:20px}.promo-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.promo-tag{background:#f3f4f6;border-radius:4px;color:#4b5563;font-size:11px;font-weight:500;padding:4px 10px}.promo-actions,.promo-card-footer{border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.promo-card h4{color:#111827;font-size:16px;font-weight:600;margin:12px 20px 8px}.promo-card .promo-meta{color:#6b7280;display:flex;font-size:13px;gap:16px;padding:0 20px 12px}.promo-card .promo-discount{color:#374151;font-size:18px;margin:0 0 12px;padding:0 20px}.promo-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.promo-action-btn.edit{background:#f3f4f6;color:#374151}.promo-action-btn.edit:hover{background:#e5e7eb}.promo-action-btn.delete{background:#fee2e2;color:#991b1b}.promo-action-btn.delete:hover{background:#fecaca}.promo-action-btn.toggle{background:#dbeafe;color:#1e40af}.promo-action-btn.toggle:hover{background:#bfdbfe}.btn-sm{background:#f3f4f6;border:none;font-weight:500}.btn-sm:hover{background:#e5e7eb}.btn-sm.danger{background:#fee2e2;color:#991b1b}.btn-sm.danger:hover{background:#fecaca}.candidate-section{margin-bottom:32px}.candidate-section h3{color:#111827;font-size:18px;font-weight:600;margin-bottom:16px}.candidates-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.candidate-card{background:#fff;border:2px solid #0000;border-radius:10px;box-shadow:0 1px 4px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .2s}.candidate-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.candidate-card.selected{background:#f0fdf4;border-color:#10b981}.candidate-count{color:#3b82f6;font-size:32px;font-weight:700;line-height:1;margin-bottom:8px}.candidate-label{color:#6b7280;font-size:14px;font-weight:500}.candidate-header{align-items:flex-start;display:flex;justify-content:space-between}.candidate-info{flex:1 1}.candidate-name{color:#111827;font-size:15px;font-weight:600;margin-bottom:2px}.candidate-email{color:#6b7280;font-size:12px}.candidate-checkbox{accent-color:#10b981;height:20px;width:20px}.candidate-details{display:flex;flex-wrap:wrap;gap:8px}.candidate-detail{background:#f3f4f6;border-radius:6px;color:#4b5563;font-size:12px;padding:4px 10px}.candidate-detail.tier-pro{background:#dbeafe;color:#1e40af}.candidate-detail.tier-premium{background:#fef3c7;color:#92400e}.candidate-detail.tier-free{background:#f3f4f6;color:#6b7280}.candidate-detail.warning{background:#fee2e2;color:#991b1b}.nudge-category{margin-bottom:32px}.nudge-category-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.nudge-category-title{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:10px}.nudge-category-count{background:#3b82f6;border-radius:10px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.nudge-category-action{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .2s}.nudge-category-action:hover{background:#2563eb}.nudge-history{margin-top:32px}.nudge-history h3{color:#111827;font-size:18px;font-weight:600;margin-bottom:16px}.nudge-history table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.nudge-history th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.nudge-history td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px 16px}.nudge-history tbody tr:hover{background:#f9fafb}.nudge-type{background:#e0e7ff;border-radius:12px;color:#3730a3;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.modal-content.wide{max-width:600px}.modal-content.extra-wide{max-width:750px}.modal-content.modal-form{max-width:550px}.modal-form .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-form .modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-form .modal-body{max-height:60vh;overflow-y:auto;padding:24px}.modal-form .form-row{margin-bottom:16px}.modal-form .form-row label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.modal-form .form-row input,.modal-form .form-row select,.modal-form .form-row textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#374151;font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.modal-form .form-row input:focus,.modal-form .form-row select:focus,.modal-form .form-row textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-form .form-row textarea{min-height:80px;resize:vertical}.modal-form .form-row input[type=checkbox]{margin-right:8px;width:auto}.modal-form .form-row input[type=date]{min-width:140px;width:auto}.modal-form .modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-form .modal-footer button{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.modal-form .modal-footer button:first-child{background:#fff;border:1px solid #d1d5db;color:#6b7280}.modal-form .modal-footer button:first-child:hover{background:#f9fafb;border-color:#9ca3af}.modal-form .modal-footer button:last-child{background:#3b82f6;border:none;color:#fff}.modal-form .modal-footer button:last-child:hover{background:#2563eb}.modal-form .modal-footer button:disabled{cursor:not-allowed;opacity:.6}.form-grid{grid-template-columns:1fr 1fr}.form-grid.single{grid-template-columns:1fr}.form-group.full-width{grid-column:1/-1}.form-label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-label .required{color:#ef4444}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:disabled,.form-select:disabled{background:#f9fafb;cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical}.form-hint{color:#6b7280;font-size:12px;margin-top:4px}.form-row{align-items:flex-start;display:flex;gap:12px}.form-row .form-group{flex:1 1}.checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.checkbox-item{align-items:center;background:#f9fafb;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 14px;transition:background .2s}.checkbox-item:hover{background:#f3f4f6}.checkbox-item input{accent-color:#3b82f6;height:16px;width:16px}.checkbox-item label{color:#374151;cursor:pointer;font-size:13px}.toggle-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.toggle-label{color:#374151;font-size:14px}.toggle-switch{background:#d1d5db;border-radius:12px;cursor:pointer;height:24px;transition:background .2s;width:44px}.toggle-switch.active{background:#10b981}.toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.toggle-switch.active:after{transform:translateX(20px)}.selection-summary{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.selection-count{color:#166534;font-size:14px;font-weight:500}.selection-clear{background:#0000;border:none;color:#166534;cursor:pointer;font-size:13px;text-decoration:underline}.empty-state{background:#f9fafb;border:2px dashed #e5e7eb;padding:48px 24px}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{color:#374151;font-size:18px;font-weight:600;margin-bottom:8px}.empty-state-text{color:#6b7280;font-size:14px;margin-bottom:20px}@media (max-width:768px){.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{padding:10px 16px;white-space:nowrap}.stats-grid{grid-template-columns:repeat(2,1fr)}.candidates-grid,.form-grid,.promos-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:12px}.add-btn{justify-content:center}.modal-content.extra-wide,.modal-content.wide{max-width:95%}.checkbox-group{flex-direction:column}.checkbox-item{width:100%}.promo-card-header{padding:14px 16px}.promo-code{font-size:18px}.promo-discount{font-size:20px}.nudge-category-header{align-items:stretch;flex-direction:column;gap:12px}.nudge-category-action{text-align:center;width:100%}}.merchant-search-results{border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;max-height:200px;overflow-y:auto}.merchant-result-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .15s}.merchant-result-item:last-child{border-bottom:none}.merchant-result-item:hover:not(.has-trial){background:#f9fafb}.merchant-result-item.selected{background:#ecfdf5;border-left:3px solid #10b981}.merchant-result-item.has-trial{cursor:not-allowed;opacity:.6}.merchant-info strong{color:#1f2937}.merchant-info span{color:#6b7280;font-size:12px}.trial-badge{background:#fef3c7;color:#92400e}.selected-badge,.trial-badge{border-radius:4px;font-size:11px;font-weight:500;padding:2px 8px}.selected-badge{background:#d1fae5;color:#065f46}.form-section-divider{align-items:center;display:flex;gap:12px;margin:24px 0 16px}.form-section-divider:after,.form-section-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.form-section-divider span{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.checkbox-label{color:#374151}.checkbox-label.inline{background:#f9fafb;border-radius:6px;margin-right:8px;padding:6px 12px}.checkbox-label.inline:hover{background:#f3f4f6}.checkbox-label input[type=checkbox]{accent-color:#3b82f6}.form-row-inline{display:flex;gap:16px;margin-bottom:16px}.form-row-inline>div{flex:1 1}.form-row-inline label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-row-inline input,.form-row-inline select{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 14px;width:100%}.merchant-search-results.compact{max-height:150px}.selected-merchants-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.selected-merchants-list small{color:#6b7280;display:block;font-size:12px;margin-bottom:8px}.selected-tags{display:flex;flex-wrap:wrap;gap:8px}.merchant-tag{align-items:center;background:#e0e7ff;border-radius:4px;color:#3730a3;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 8px}.merchant-tag button{background:none;border:none;color:#3730a3;cursor:pointer;font-size:14px;line-height:1;opacity:.7;padding:0}.merchant-tag button:hover{opacity:1}.offer-link-preview{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px}.offer-link-preview code{color:#3730a3;flex:1 1;font-size:12px;word-break:break-all}.promo-targeting{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 12px}.targeting-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px}.targeting-badge.private{background:#fef3c7;color:#92400e}.targeting-badge.tiers{background:#dbeafe;color:#1e40af}.targeting-badge.merchants{background:#e0e7ff;color:#3730a3}.merchant-analytics{background:#f9fafb;min-height:100vh;padding:24px}.analytics-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.analytics-title{color:#111827;font-size:28px;font-weight:700;margin:0 0 4px}.analytics-subtitle{color:#6b7280;font-size:14px;margin:0}.analytics-header-actions{align-items:center;display:flex;gap:12px}.period-selector,.sort-selector{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.period-selector:hover,.sort-selector:hover{border-color:#3b82f6}.period-selector:focus,.sort-selector:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.view-mode-buttons{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:4px;padding:4px}.view-mode-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.view-mode-btn:hover{background:#f3f4f6;color:#111827}.view-mode-btn.active{background:#3b82f6;color:#fff}.platform-totals{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.total-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;gap:16px;padding:24px}.total-card,.total-icon{align-items:center;display:flex}.total-icon{border-radius:12px;font-size:24px;height:56px;justify-content:center;width:56px}.total-info{flex:1 1}.total-label{color:#6b7280;font-size:14px;margin:0 0 4px}.total-value{color:#111827;font-size:24px;font-weight:700;margin:0}.analytics-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h2{color:#111827;font-size:18px;font-weight:600;margin:0 0 4px}.card-header p{color:#6b7280;font-size:14px;margin:0}.card-content{position:relative}.table-wrapper{overflow-x:auto}.merchants-table th{background:#f9fafb;padding:12px}.merchants-table td{border-bottom:1px solid #f3f4f6;color:#374151;padding:16px 12px}.merchants-table tbody tr:hover{background:#f9fafb}.merchant-cell{align-items:center;gap:12px}.merchant-avatar{border-radius:50%;font-weight:700}.merchant-avatar.large{font-size:24px;height:56px;width:56px}.merchant-avatar.xlarge{font-size:32px;height:80px;width:80px}.merchant-info{gap:2px}.merchant-email,.merchant-name{margin:0}.merchant-since{color:#6b7280;font-size:13px;margin:4px 0 0}.revenue-cell{color:#10b981;font-weight:600}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.view-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.view-btn:hover{background:#2563eb}.table-skeleton{display:flex;flex-direction:column;gap:12px}.skeleton-row{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:8px;height:64px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.detail-skeleton{display:flex;flex-direction:column;gap:32px}.skeleton-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:20px;padding:32px}.skeleton-avatar{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:50%;height:80px;width:80px}.skeleton-text-block{display:flex;flex:1 1;flex-direction:column;gap:12px}.skeleton-line{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:4px;height:20px}.skeleton-line:first-child{height:28px;width:60%}.skeleton-line:last-child{width:40%}.skeleton-kpis{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skeleton-kpi{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:12px;height:120px}.no-data{align-items:center;display:flex;justify-content:center;padding:60px 20px;text-align:center}.no-data p{color:#6b7280;font-size:16px;margin:0}.leaderboard{display:flex;flex-direction:column;gap:16px}.leaderboard-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:20px;padding:20px;transition:all .2s ease}.leaderboard-item:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.leaderboard-rank{flex-shrink:0}.rank-badge{align-items:center;background:#f3f4f6;border-radius:50%;color:#6b7280;display:inline-flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.rank-badge.rank-1{background:linear-gradient(135deg,gold,orange);color:#fff}.rank-badge.rank-2{background:linear-gradient(135deg,silver,#a8a8a8);color:#fff}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#b8733d);color:#fff}.leaderboard-merchant{align-items:center;display:flex;flex:1 1;gap:12px;min-width:200px}.leaderboard-stats{display:flex;flex:2 1;gap:24px}.stat{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:16px}.view-details-btn{background:#fff;border:1px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.view-details-btn:hover{background:#3b82f6;color:#fff}.merchant-detail{max-width:1400px}.back-btn{background:#fff;border:1px solid #e5e7eb;color:#374151;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:10px 16px}.back-btn:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.merchant-detail-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;gap:20px;margin-bottom:32px;padding:32px}.merchant-detail-header h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 4px}.merchant-detail-header p{color:#6b7280;font-size:14px;margin:0}.merchant-kpis{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.kpi-label{color:#6b7280;font-size:14px;margin:0 0 8px}.kpi-value{color:#111827;font-size:28px;font-weight:700;margin:0 0 8px}.kpi-change{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:4px 10px}.kpi-change.positive{background:#d1fae5;color:#065f46}.kpi-change.negative{background:#fee2e2;color:#991b1b}.analytics-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.analytics-error h2{color:#111827;font-size:24px;font-weight:600;margin:0 0 8px}.analytics-error p{color:#6b7280;font-size:14px;margin:0 0 24px}.retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.retry-btn:hover{background:#2563eb}@media (max-width:1024px){.leaderboard-stats{flex-wrap:wrap;gap:16px}.stat{min-width:100px}}@media (max-width:768px){.merchant-analytics{padding:16px}.analytics-header{flex-direction:column}.analytics-header-actions{flex-direction:column;width:100%}.period-selector,.sort-selector,.view-mode-buttons{width:100%}.platform-totals{grid-template-columns:1fr}.leaderboard-item{align-items:flex-start;flex-direction:column}.leaderboard-stats{flex-direction:column;width:100%}.view-details-btn{width:100%}.merchant-kpis{grid-template-columns:1fr}.table-wrapper{overflow-x:scroll}}.kyc-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.kyc-badge.kyc-approved{background:#d1fae5;color:#065f46}.kyc-badge.kyc-pending{background:#fef3c7;color:#92400e}.kyc-badge.kyc-rejected{background:#fee2e2;color:#991b1b}.kyc-badge.kyc-not-started{background:#f3f4f6;color:#6b7280}.withdrawal-indicator{color:#10b981;font-weight:700}.settlement-cell{font-size:13px}.settlement-info{display:flex;flex-direction:column;gap:2px}.settlement-amount{color:#1f2937;font-weight:600}.settlement-count{color:#6b7280;font-size:11px}.text-muted{color:#9ca3af;font-size:12px}.merchant-detail-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:24px}.detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.detail-section h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.kyc-details,.settlement-details{display:flex;flex-direction:column;gap:12px}.kyc-detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.kyc-detail-row:last-child{border-bottom:none}.kyc-detail-row .label{color:#6b7280;font-size:13px;font-weight:500}.settlement-summary{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.summary-item{background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.summary-label{color:#6b7280;font-size:13px}.summary-value{color:#1f2937;font-size:14px;font-weight:600}.settlement-by-status{border-top:1px solid #e5e7eb;padding-top:16px}.settlement-by-status h4{color:#6b7280;font-size:13px;margin:0 0 12px}.status-row{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.no-data{color:#9ca3af;font-size:13px;font-style:italic}.appointment-management-container{background:#f9fafb;margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.page-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.page-header .header-content{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.page-header .header-text h1{align-items:center;color:#111827;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 6px}.page-header .header-text .subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 6px #0000001a}.stat-icon{border-radius:10px}.stat-total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-pending .stat-icon{background:linear-gradient(135deg,#f6d365,#fda085);color:#fff}.stat-confirmed .stat-icon{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.stat-completed .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stat-revenue .stat-icon{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.stat-cancelled .stat-icon{background:linear-gradient(135deg,#fc6767,#ec008c);color:#fff}.stat-label{margin:0 0 4px}.stat-value{margin:0}.filters-section{border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:16px 20px}.filters-header{color:#374151;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.filters-grid{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:2fr 1.5fr 1.2fr 1.2fr auto}@media (max-width:1200px){.filters-grid{grid-template-columns:1fr 1fr}.filter-group:last-child{grid-column:1/-1}}.filter-group label{font-size:12px;font-weight:500;margin-bottom:4px}.filter-input,.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:13px;padding:8px 10px;transition:border-color .2s,box-shadow .2s}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper svg{color:#9ca3af;left:12px;pointer-events:none;position:absolute}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:13px;padding:8px 10px 8px 36px;transition:border-color .2s,box-shadow .2s;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clear-filters-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:background .2s;width:100%}.clear-filters-btn:hover{background:#dc2626}.error-message{align-items:center;background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#991b1b;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 20px}.loading-state{color:#6b7280}.spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;margin-bottom:16px}.empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}.appointments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:24px}.appointment-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.appointment-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.appointment-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding-bottom:16px}.appointment-service-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.service-name{color:#111827;font-size:16px;font-weight:600;line-height:1.4;margin:0}.status-badge{border-radius:6px;font-size:11px;font-weight:700;width:-webkit-fit-content;width:fit-content}.status-confirmed{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-cancelled{background:#fee2e2;color:#991b1b}.status-completed{background:#dbeafe;color:#1e40af}.status-no-show{background:#f3f4f6;color:#4b5563}.appointment-price{color:#059669;font-size:18px;font-weight:700;white-space:nowrap}.appointment-details{display:flex;flex-direction:column;gap:10px}.detail-row{color:#374151;font-size:13px;gap:10px}.detail-row svg{color:#9ca3af;flex-shrink:0}.detail-label{color:#6b7280;min-width:70px}.merchant-name{color:#3b82f6}.truncate{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-row.notes{align-items:flex-start;background:#f9fafb;border-radius:6px;flex-direction:column;gap:4px;padding:10px}.detail-row.notes .truncate{line-height:1.5;white-space:normal}.appointment-actions{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.action-btn{border-radius:8px;flex:1 1;font-size:13px;font-weight:600;gap:6px;min-width:120px;padding:8px 14px}.btn-confirm{background:#059669;color:#fff}.btn-confirm:hover{background:#047857}.btn-cancel{background:#ef4444;color:#fff}.btn-cancel:hover{background:#dc2626}.btn-complete{background:#3b82f6;color:#fff}.btn-complete:hover{background:#2563eb}.btn-no-show{background:#6b7280;color:#fff}.btn-no-show:hover{background:#4b5563}.pagination{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.pagination-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.pagination-btn:hover:not(:disabled){background:#2563eb}.pagination-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}@media (max-width:1024px){.appointments-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.appointment-management-container{padding:16px}.page-header{padding:20px}.page-header .header-text h1{font-size:24px}.stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.appointments-grid,.filters-grid{grid-template-columns:1fr}.appointments-grid{gap:16px}.appointment-actions{flex-direction:column}.action-btn{width:100%}.pagination{flex-direction:column;gap:12px}}:root{--gcal-primary:#4285f4;--gcal-primary-dark:#3367d6;--gcal-primary-light:#8ab4f8;--gcal-secondary:#ea4335;--gcal-tertiary:#34a853;--gcal-accent:#fbbc04;--gcal-gradient-start:#4285f4;--gcal-gradient-mid:#5e35b1;--gcal-gradient-end:#ea4335;--gcal-bg-primary:#fff;--gcal-bg-secondary:#f8fafc;--gcal-bg-tertiary:#f1f5f9;--gcal-bg-card:#fff;--gcal-text-primary:#1f2937;--gcal-text-secondary:#6b7280;--gcal-text-tertiary:#9ca3af;--gcal-text-inverse:#fff;--gcal-border-light:#e5e7eb;--gcal-border-medium:#d1d5db;--gcal-border-focus:#4285f4;--gcal-success:#10b981;--gcal-success-bg:#d1fae5;--gcal-warning:#f59e0b;--gcal-warning-bg:#fef3c7;--gcal-error:#ef4444;--gcal-error-bg:#fee2e2;--gcal-info:#3b82f6;--gcal-info-bg:#dbeafe;--gcal-shadow-sm:0 1px 2px #0000000d;--gcal-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--gcal-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--gcal-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--gcal-shadow-glow:0 0 40px #4285f44d;--gcal-radius-sm:6px;--gcal-radius-md:10px;--gcal-radius-lg:16px;--gcal-radius-xl:24px;--gcal-radius-full:9999px;--gcal-transition-fast:0.15s ease;--gcal-transition:0.2s ease;--gcal-transition-slow:0.3s ease}.google-oauth-container{background:#f8fafc;background:var(--gcal-bg-secondary);min-height:100vh;padding:0;width:100%}.oauth-header{align-items:center;background:linear-gradient(135deg,#4285f4,#5e35b1 50%,#ea4335);background:linear-gradient(135deg,var(--gcal-gradient-start) 0,var(--gcal-gradient-mid) 50%,var(--gcal-gradient-end) 100%);display:flex;gap:24px;margin-bottom:0;overflow:hidden;padding:48px 40px;position:relative}.oauth-header:before{background:radial-gradient(circle,#ffffff26 0,#0000 70%);height:500px;right:-10%;top:-50%;width:500px}.oauth-header:after,.oauth-header:before{content:"";pointer-events:none;position:absolute}.oauth-header:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);bottom:-60%;height:400px;left:10%;width:400px}.header-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;border-radius:var(--gcal-radius-lg);box-shadow:0 8px 32px #0000001a;display:flex;flex-shrink:0;height:72px;justify-content:center;position:relative;width:72px;z-index:1}.header-icon{color:#fff;height:36px;width:36px}.header-content{flex:1 1;position:relative;z-index:1}.page-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.page-subtitle{color:#ffffffe6;font-size:16px;font-weight:400;margin:0}.oauth-content{padding:32px 40px}.alert{animation:slideDown .3s ease;border-left:4px solid;border-radius:10px;border-radius:var(--gcal-radius-md);margin:24px 40px}.alert-icon{height:20px;margin-top:1px;width:20px}.alert-error{border-left-color:#ef4444;border-left-color:var(--gcal-error)}.alert-error .alert-icon{color:#ef4444;color:var(--gcal-error)}.alert-success{border-left-color:#10b981;border-left-color:var(--gcal-success)}.alert-success .alert-icon{color:#10b981;color:var(--gcal-success)}.loading-state{gap:20px;padding:80px 32px}.spinner{border-bottom:4px solid #e5e7eb;border-bottom:4px solid var(--gcal-border-light);border-left:4px solid #e5e7eb;border-left:4px solid var(--gcal-border-light);border-right:4px solid #ea4335;border-right:4px solid var(--gcal-secondary);border-top:4px solid #4285f4;border-top:4px solid var(--gcal-primary);height:48px;width:48px}.loading-state p{color:var(--gcal-text-secondary);font-size:15px;font-weight:500}.status-card{background:#fff;background:var(--gcal-bg-card);border:1px solid #e5e7eb;border:1px solid var(--gcal-border-light);border-radius:24px;border-radius:var(--gcal-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--gcal-shadow-lg);margin:24px 40px 32px;overflow:hidden;padding:32px;position:relative}.status-card:before{background:linear-gradient(90deg,#4285f4,#fbbc04 33%,#34a853 66%,#ea4335);background:linear-gradient(90deg,var(--gcal-primary) 0,var(--gcal-accent) 33%,var(--gcal-tertiary) 66%,var(--gcal-secondary) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.status-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.status-item{align-items:flex-start;background:#f8fafc;background:var(--gcal-bg-secondary);border:1px solid #0000;border-radius:16px;border-radius:var(--gcal-radius-lg);display:flex;gap:16px;padding:20px;transition:.2s ease;transition:var(--gcal-transition)}.status-item:hover{border-color:#4285f4;border-color:var(--gcal-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--gcal-shadow-md);transform:translateY(-2px)}.status-icon{align-items:center;border-radius:10px;border-radius:var(--gcal-radius-md);display:flex;height:48px;justify-content:center;padding:12px;width:48px}.status-item:first-child .status-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#4285f4;color:var(--gcal-primary)}.status-item:nth-child(2) .status-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#34a853;color:var(--gcal-tertiary)}.status-item:nth-child(3) .status-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.status-item:nth-child(4) .status-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#fbbc04;color:var(--gcal-accent)}.status-label{color:#6b7280;color:var(--gcal-text-secondary);font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.status-value{color:#1f2937;color:var(--gcal-text-primary);font-size:28px;font-weight:700;line-height:1}.text-success{color:#10b981!important;color:var(--gcal-success)!important}.text-warning{color:#f59e0b!important;color:var(--gcal-warning)!important}.text-error{color:#ef4444!important;color:var(--gcal-error)!important}.tabs-container{background:#fff;background:var(--gcal-bg-card);border:1px solid #e5e7eb;border:1px solid var(--gcal-border-light);border-radius:16px;border-radius:var(--gcal-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--gcal-shadow-sm);display:flex;gap:4px;margin:0 40px 32px;overflow-x:auto;padding:6px}.tab-btn{align-items:center;border-radius:10px;border-radius:var(--gcal-radius-md);color:var(--gcal-text-secondary);display:flex;font-weight:600;gap:10px;padding:14px 24px;position:relative;transition:.2s ease;transition:var(--gcal-transition);white-space:nowrap}.tab-btn svg{height:18px;width:18px}.tab-btn:hover{background:#f8fafc;background:var(--gcal-bg-secondary);color:#1f2937;color:var(--gcal-text-primary)}.tab-btn.active{background:linear-gradient(135deg,#4285f4,#3367d6);background:linear-gradient(135deg,var(--gcal-primary) 0,var(--gcal-primary-dark) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 20px #4285f44d;box-shadow:var(--gcal-shadow-md),0 0 20px #4285f44d;color:#fff}.tab-btn.active svg{color:#fff}.config-card{background:var(--gcal-bg-card);border:1px solid var(--gcal-border-light);border-radius:24px;border-radius:var(--gcal-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--gcal-shadow-lg);margin:0 40px 32px;padding:40px}.config-card:before{background:linear-gradient(90deg,#0000,#4285f4,#0000);background:linear-gradient(90deg,#0000,var(--gcal-primary),#0000);height:1px;left:40px;opacity:.3;right:40px}.oauth-form{gap:32px}.form-section,.oauth-form{display:flex;flex-direction:column}.form-section{gap:24px}.section-title{align-items:center;color:#1f2937;color:var(--gcal-text-primary);display:flex;font-size:22px;font-weight:700;gap:12px;margin:0}.section-title:before{background:linear-gradient(180deg,#4285f4,#ea4335);background:linear-gradient(180deg,var(--gcal-primary) 0,var(--gcal-secondary) 100%);border-radius:2px;content:"";height:24px;width:4px}.section-description{color:#6b7280;color:var(--gcal-text-secondary);font-size:15px;line-height:1.6;margin:-8px 0 0;padding-left:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{align-items:center;display:flex;gap:6px}.form-group label,.form-input{color:#1f2937;color:var(--gcal-text-primary)}.form-input{background:#fff;background:var(--gcal-bg-primary);border:2px solid #e5e7eb;border:2px solid var(--gcal-border-light);border-radius:10px;border-radius:var(--gcal-radius-md);font-size:15px;outline:none;padding:14px 16px;transition:.2s ease;transition:var(--gcal-transition);width:100%}.form-input:hover{border-color:#d1d5db;border-color:var(--gcal-border-medium)}.form-input:focus{border-color:#4285f4;border-color:var(--gcal-primary);box-shadow:0 0 0 4px #4285f426}.form-input::placeholder{color:#9ca3af;color:var(--gcal-text-tertiary)}.input-hint{color:#6b7280;color:var(--gcal-text-secondary);font-size:13px;line-height:1.5}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{padding-right:50px}.show-password-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--gcal-radius-sm);color:#9ca3af;color:var(--gcal-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:12px;transition:.2s ease;transition:var(--gcal-transition)}.show-password-btn:hover{background:#4285f41a;color:#4285f4;color:var(--gcal-primary)}.form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gcal-border-light);display:flex;flex-wrap:wrap;gap:16px;padding-top:16px}.btn-primary{background:linear-gradient(135deg,#4285f4,#3367d6);background:linear-gradient(135deg,var(--gcal-primary) 0,var(--gcal-primary-dark) 100%);border-radius:10px;border-radius:var(--gcal-radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 4px 14px #4285f466;box-shadow:var(--gcal-shadow-md),0 4px 14px #4285f466;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:.2s ease;transition:var(--gcal-transition)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 6px 20px #4285f480;box-shadow:var(--gcal-shadow-lg),0 6px 20px #4285f480;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{transform:none}.btn-secondary{background:var(--gcal-bg-primary);border:2px solid #4285f4;border:2px solid var(--gcal-primary);border-radius:10px;border-radius:var(--gcal-radius-md);color:#4285f4;color:var(--gcal-primary);display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:12px 26px;transition:.2s ease;transition:var(--gcal-transition)}.btn-secondary:hover:not(:disabled){background:#4285f4;background:var(--gcal-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--gcal-shadow-md);color:#fff;transform:translateY(-2px)}.btn-secondary:disabled{opacity:.6}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--gcal-success) 0,#059669 100%);border-radius:10px;border-radius:var(--gcal-radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 4px 14px #10b98166;box-shadow:var(--gcal-shadow-md),0 4px 14px #10b98166;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:.2s ease;transition:var(--gcal-transition)}.btn-success:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 6px 20px #10b98180;box-shadow:var(--gcal-shadow-lg),0 6px 20px #10b98180;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--gcal-error) 0,#dc2626 100%);border-radius:10px;border-radius:var(--gcal-radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 4px 14px #ef444466;box-shadow:var(--gcal-shadow-md),0 4px 14px #ef444466;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:.2s ease;transition:var(--gcal-transition)}.btn-danger:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 6px 20px #ef444480;box-shadow:var(--gcal-shadow-lg),0 6px 20px #ef444480;transform:translateY(-2px)}.merchants-card{background:#fff;background:var(--gcal-bg-card);border:1px solid #e5e7eb;border:1px solid var(--gcal-border-light);border-radius:24px;border-radius:var(--gcal-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--gcal-shadow-lg);margin:0 40px 32px;padding:32px}.merchants-header{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:24px}.merchants-header h3{align-items:center;color:#1f2937;color:var(--gcal-text-primary);display:flex;font-size:20px;font-weight:700;gap:12px;margin:0}.merchants-header h3:before{background:linear-gradient(180deg,#4285f4,#34a853);background:linear-gradient(180deg,var(--gcal-primary) 0,var(--gcal-tertiary) 100%);border-radius:2px;content:"";height:20px;width:4px}.search-input{background:#f8fafc;background:var(--gcal-bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--gcal-border-light);border-radius:10px;border-radius:var(--gcal-radius-md);flex:1 1;font-size:14px;max-width:400px;outline:none;padding:12px 16px;transition:.2s ease;transition:var(--gcal-transition)}.search-input:focus{background:#fff;background:var(--gcal-bg-primary);border-color:#4285f4;border-color:var(--gcal-primary);box-shadow:0 0 0 4px #4285f426}.empty-state{color:#6b7280;color:var(--gcal-text-secondary);gap:16px;padding:80px 32px}.empty-icon{color:#d1d5db;color:var(--gcal-border-medium);opacity:.5}.empty-state p{font-size:15px}.merchants-table-wrapper{border:1px solid #e5e7eb;border:1px solid var(--gcal-border-light);border-radius:16px;border-radius:var(--gcal-radius-lg);overflow-x:auto}.merchants-table thead{background:linear-gradient(135deg,#f1f5f9,#f8fafc);background:linear-gradient(135deg,var(--gcal-bg-tertiary) 0,var(--gcal-bg-secondary) 100%)}.merchants-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gcal-border-light);color:#6b7280;color:var(--gcal-text-secondary);font-weight:700;padding:16px 20px;white-space:nowrap}.merchants-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gcal-border-light);padding:16px 20px}.merchants-table tbody tr{transition:.2s ease;transition:var(--gcal-transition)}.merchants-table tbody tr:hover{background:var(--gcal-bg-secondary)}.merchants-table tbody tr:last-child td{border-bottom:none}.merchant-name{color:#1f2937;color:var(--gcal-text-primary)}.merchant-email{color:var(--gcal-text-secondary);font-size:13px}.calendar-id{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:6px;border-radius:var(--gcal-radius-sm);color:#3367d6;color:var(--gcal-primary-dark);display:inline-block;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:12px;max-width:200px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.badge{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:9999px;border-radius:var(--gcal-radius-full);color:#065f46;font-size:13px;gap:6px;padding:6px 12px}.btn-disconnect{background:#0000;border:2px solid #ef4444;border:2px solid var(--gcal-error);border-radius:10px;border-radius:var(--gcal-radius-md);color:#ef4444;color:var(--gcal-error);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:.2s ease;transition:var(--gcal-transition);white-space:nowrap}.btn-disconnect:hover{background:#ef4444;background:var(--gcal-error);box-shadow:0 1px 2px #0000000d;box-shadow:var(--gcal-shadow-sm);color:#fff;transform:translateY(-1px)}.pagination{border-top:1px solid var(--gcal-border-light);gap:20px;margin-top:24px;padding-top:24px}.pagination span{color:var(--gcal-text-secondary);font-weight:500}.btn-pagination{background:#fff;background:var(--gcal-bg-primary);border:2px solid #4285f4;border:2px solid var(--gcal-primary);border-radius:10px;border-radius:var(--gcal-radius-md);color:#4285f4;color:var(--gcal-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:.2s ease;transition:var(--gcal-transition)}.btn-pagination:hover:not(:disabled){background:#4285f4;background:var(--gcal-primary);color:#fff;transform:translateY(-1px)}.btn-pagination:disabled{cursor:not-allowed;opacity:.4;transform:none}.instructions-card{background:#fff;background:var(--gcal-bg-card);border:1px solid #e5e7eb;border:1px solid var(--gcal-border-light);border-radius:24px;border-radius:var(--gcal-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--gcal-shadow-lg);margin:0 40px 32px;padding:40px}.instructions-card .section-title{margin-bottom:32px}.instructions-content{display:flex;flex-direction:column;gap:28px;margin-bottom:32px}.instruction-step{background:#f8fafc;background:var(--gcal-bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--gcal-border-light);border-radius:16px;border-radius:var(--gcal-radius-lg);display:flex;gap:20px;padding:24px;transition:.2s ease;transition:var(--gcal-transition)}.instruction-step:hover{border-color:#4285f4;border-color:var(--gcal-primary);transform:translateX(4px)}.instruction-step:hover,.step-number{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--gcal-shadow-md)}.step-number{align-items:center;background:linear-gradient(135deg,#4285f4,#3367d6);background:linear-gradient(135deg,var(--gcal-primary) 0,var(--gcal-primary-dark) 100%);border-radius:10px;border-radius:var(--gcal-radius-md);color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.instruction-step:nth-child(2) .step-number{background:linear-gradient(135deg,#ea4335,#dc2626);background:linear-gradient(135deg,var(--gcal-secondary) 0,#dc2626 100%)}.instruction-step:nth-child(3) .step-number{background:linear-gradient(135deg,#fbbc04,#d97706);background:linear-gradient(135deg,var(--gcal-accent) 0,#d97706 100%)}.instruction-step:nth-child(4) .step-number{background:linear-gradient(135deg,#34a853,#059669);background:linear-gradient(135deg,var(--gcal-tertiary) 0,#059669 100%)}.instruction-step:nth-child(5) .step-number{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.instruction-step:nth-child(6) .step-number{background:linear-gradient(135deg,#ec4899,#db2777)}.instruction-step:nth-child(7) .step-number{background:linear-gradient(135deg,#06b6d4,#0891b2)}.step-content{flex:1 1}.step-content h4{color:#1f2937;color:var(--gcal-text-primary);font-size:17px;font-weight:700;margin:0 0 8px}.step-content p{line-height:1.7;margin:0 0 12px}.step-content ol,.step-content p,.step-content ul{color:#6b7280;color:var(--gcal-text-secondary);font-size:14px}.step-content ol,.step-content ul{margin:8px 0;padding-left:20px}.step-content li{line-height:1.6;margin:8px 0}.step-content li strong{color:#1f2937;color:var(--gcal-text-primary)}.step-content code{background:#f1f5f9;background:var(--gcal-bg-tertiary);border-radius:6px;border-radius:var(--gcal-radius-sm);color:#3367d6;color:var(--gcal-primary-dark);font-family:SF Mono,Fira Code,Courier New,monospace;font-size:13px;padding:2px 8px}.external-link{align-items:center;color:#4285f4;color:var(--gcal-primary);display:inline-flex;font-weight:600;gap:4px;text-decoration:none;transition:.2s ease;transition:var(--gcal-transition)}.external-link:hover{color:#3367d6;color:var(--gcal-primary-dark);text-decoration:underline}.external-link svg{height:14px;width:14px}.code-block{align-items:center;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:10px;border-radius:var(--gcal-radius-md);display:flex;gap:16px;margin:16px 0;padding:16px 20px}.code-block code{background:none;color:#93c5fd;flex:1 1;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:13px;padding:0;word-break:break-all}.copy-btn{background:linear-gradient(135deg,#4285f4,#3367d6);background:linear-gradient(135deg,var(--gcal-primary) 0,var(--gcal-primary-dark) 100%);border:none;border-radius:6px;border-radius:var(--gcal-radius-sm);color:#fff;font-size:13px;font-weight:600;padding:10px 18px;transition:.2s ease;transition:var(--gcal-transition)}.copy-btn:hover{box-shadow:0 4px 12px #4285f466;transform:translateY(-1px)}.help-box{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:1px solid #93c5fd;border-radius:16px;border-radius:var(--gcal-radius-lg);display:flex;gap:16px;padding:24px}.help-icon{color:#4285f4;color:var(--gcal-primary);flex-shrink:0;height:28px;width:28px}.help-box h4{color:#3367d6;color:var(--gcal-primary-dark);font-size:16px;font-weight:700;margin:0 0 8px}.help-box p{color:#1e3a8a;font-size:14px;line-height:1.6;margin:0}.help-box a{color:#4285f4;color:var(--gcal-primary);font-weight:600;text-decoration:none;transition:.2s ease;transition:var(--gcal-transition)}.help-box a:hover{color:#3367d6;color:var(--gcal-primary-dark);text-decoration:underline}@media (max-width:1200px){.status-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.oauth-header{flex-direction:column;gap:16px;padding:32px 24px;text-align:center}.header-icon-wrapper{height:60px;width:60px}.header-icon{height:30px;width:30px}.page-title{font-size:24px}.page-subtitle{font-size:14px}.alert{margin:16px 20px}.status-card{margin:16px 20px 24px;padding:24px}.status-grid{gap:16px;grid-template-columns:1fr}.status-item{padding:16px}.tabs-container{margin:0 20px 24px;overflow-x:auto;padding:4px}.tab-btn{font-size:13px;padding:12px 16px}.config-card,.instructions-card,.merchants-card{margin:0 20px 24px;padding:24px}.section-title{font-size:18px}.form-actions{flex-direction:column}.form-actions button{justify-content:center;width:100%}.merchants-header{align-items:stretch;flex-direction:column}.search-input{max-width:100%}.merchants-table{font-size:13px}.merchants-table td,.merchants-table th{padding:12px 16px}.instruction-step{gap:16px;padding:20px}.step-number{font-size:16px;height:36px;width:36px}.code-block{align-items:stretch;flex-direction:column;gap:12px}.copy-btn{width:100%}}@media (max-width:480px){.oauth-header{padding:24px 16px}.page-title{font-size:20px}.config-card,.instructions-card,.merchants-card,.status-card{border-radius:16px;border-radius:var(--gcal-radius-lg);margin:0 12px 20px;padding:20px}.alert{border-radius:10px;border-radius:var(--gcal-radius-md);margin:12px}.tabs-container{margin:0 12px 20px}.tab-btn{font-size:12px;gap:6px;padding:10px 14px}.tab-btn svg{height:16px;width:16px}.status-value{font-size:22px}.instruction-step{flex-direction:column;gap:12px;padding:16px}.step-number{font-size:14px;height:32px;width:32px}.step-content h4{font-size:15px}.calendar-id{font-size:11px;max-width:120px}.help-box{flex-direction:column;gap:12px;padding:20px}}@media (prefers-color-scheme:dark){:root{--gcal-bg-primary:#1f2937;--gcal-bg-secondary:#111827;--gcal-bg-tertiary:#0f172a;--gcal-bg-card:#1f2937;--gcal-text-primary:#f9fafb;--gcal-text-secondary:#9ca3af;--gcal-text-tertiary:#6b7280;--gcal-border-light:#374151;--gcal-border-medium:#4b5563}.google-oauth-container{background:#f8fafc;background:var(--gcal-bg-secondary)}.config-card,.instructions-card,.merchants-card,.status-card{background:#fff;background:var(--gcal-bg-card);border-color:#e5e7eb;border-color:var(--gcal-border-light)}.form-input,.instruction-step,.search-input,.status-item,.tabs-container{background:#f1f5f9;background:var(--gcal-bg-tertiary)}.form-input,.search-input{border-color:#e5e7eb;border-color:var(--gcal-border-light);color:#1f2937;color:var(--gcal-text-primary)}.form-input:focus,.search-input:focus{background:#fff;background:var(--gcal-bg-primary);border-color:#4285f4;border-color:var(--gcal-primary)}.merchants-table tbody tr:hover,.merchants-table thead{background:#f1f5f9;background:var(--gcal-bg-tertiary)}.calendar-id{background:linear-gradient(135deg,#1e3a5f,#1e1b4b);color:#8ab4f8;color:var(--gcal-primary-light)}.badge{background:linear-gradient(135deg,#064e3b,#065f46);color:#6ee7b7}.help-box{background:linear-gradient(135deg,#1e3a5f,#1e1b4b);border-color:#3b82f6}.help-box h4,.help-box p{color:#93c5fd}.step-content code{background:#f1f5f9;background:var(--gcal-bg-tertiary);color:#8ab4f8;color:var(--gcal-primary-light)}.alert-error{background:linear-gradient(135deg,#7f1d1d66,#991b1b4d);border-left-color:#ef4444;border-left-color:var(--gcal-error);color:#fca5a5}.alert-success{background:linear-gradient(135deg,#064e3b66,#065f464d);border-left-color:#10b981;border-left-color:var(--gcal-success);color:#6ee7b7}.btn-secondary{background:#f1f5f9;background:var(--gcal-bg-tertiary)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:none;border-top-color:#4285f4;border-top-color:var(--gcal-primary)}}@media print{.google-oauth-container{background:#fff;padding:0}.oauth-header{background:none;border-bottom:2px solid #e5e7eb;color:#000;padding:20px 0}.oauth-header:after,.oauth-header:before{display:none}.page-subtitle,.page-title{color:#000}.header-icon-wrapper{background:#f3f4f6;border:1px solid #d1d5db}.header-icon{color:#4285f4;color:var(--gcal-primary)}.btn-disconnect,.copy-btn,.form-actions,.tabs-container{display:none}.config-card,.instructions-card,.merchants-card,.status-card{border:1px solid #e5e7eb;box-shadow:none;margin:20px 0;page-break-inside:avoid}.status-card:before{display:none}.instruction-step{page-break-inside:avoid}.code-block{background:#f9fafb;border-color:#d1d5db}.code-block code{color:#1f2937}}.btn-danger:focus-visible,.btn-disconnect:focus-visible,.btn-pagination:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-success:focus-visible,.copy-btn:focus-visible,.show-password-btn:focus-visible,.tab-btn:focus-visible{outline:2px solid #4285f4;outline:2px solid var(--gcal-primary);outline-offset:2px}.form-input:focus-visible,.search-input:focus-visible{outline:none}.merchants-table-wrapper{scrollbar-color:#d1d5db #0000;scrollbar-color:var(--gcal-border-medium) #0000;scrollbar-width:thin}.merchants-table-wrapper::-webkit-scrollbar{height:8px}.merchants-table-wrapper::-webkit-scrollbar-track{background:#0000}.merchants-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gcal-border-medium);border-radius:4px}.merchants-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gcal-text-tertiary)}.dashboard-container{background:#f8fafc;margin:0 auto;max-width:1800px;min-height:100vh;padding:1.5rem}.dashboard-header{align-items:center;background:linear-gradient(135deg,#0f766e,#0d9488);border-radius:12px;box-shadow:0 4px 12px #0d948833;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.dashboard-header h1{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .25rem}.dashboard-header p{color:#ffffffe6;font-size:.813rem;margin:0}.dashboard-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:60vh}.error-banner{align-items:center;background:var(--error-bg);border:1px solid #fecaca;border-radius:var(--radius);color:var(--error-color);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg) var(--space-xl)}.spinner-large{animation:spin .8s linear infinite;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--brand);height:60px;margin-bottom:var(--space-lg);width:60px}.stats-grid-4{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.stat-card{box-shadow:0 1px 3px #00000014;overflow:hidden;position:relative}.stat-card:before{content:"";height:3px;left:0;opacity:1;position:absolute;right:0;top:0}.stat-card-blue:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.stat-card-green:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card-purple:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-card-orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card:hover{border-color:#cbd5e1}.stat-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.stat-card-icon{align-items:center;border-radius:8px;box-shadow:0 2px 8px #0000001f;color:#fff;display:flex;height:42px;justify-content:center;width:42px}.stat-card-change{align-items:center;border-radius:12px;display:flex;font-size:.688rem;font-weight:700;gap:3px;padding:4px 8px}.stat-card-change.positive{background:#d1fae5;color:#065f46}.stat-card-change.negative{background:#fee2e2;color:#991b1b}.stat-card-body{display:flex;flex-direction:column;gap:.25rem}.stat-card-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.stat-card-value{color:#0f172a;font-size:1.75rem;font-weight:800;letter-spacing:-.01em;line-height:1.1}.stat-card-subtitle{color:#94a3b8;font-size:.75rem;font-weight:500}.stats-grid-5{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(5,1fr);margin-bottom:1.5rem}.mini-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .2s ease}.mini-stat-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.mini-stat-icon{align-items:center;border-radius:7px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.mini-stat-value{color:#0f172a;font-size:1.25rem;font-weight:800;line-height:1}.mini-stat-label{color:#64748b;font-size:.688rem;font-weight:600;margin-top:3px;white-space:nowrap}.charts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.chart-card{border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow:hidden;transition:all .2s ease}.chart-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.chart-card-header{align-items:flex-start;background:linear-gradient(180deg,#fafafa,#fff);border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1rem 1.25rem}.chart-card-header h3{color:#0f172a;font-size:.938rem;font-weight:700;margin:0 0 2px}.chart-card-header p{color:#64748b;font-size:.688rem;margin:0}.chart-legend{color:#64748b;display:flex;font-size:.688rem;gap:.875rem}.chart-legend span{align-items:center;display:flex;font-weight:500;gap:.375rem}.legend-dot{border-radius:50%;height:10px;width:10px}.chart-body{padding:1rem 1.25rem}.bottom-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.list-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow:hidden}.list-card-header{align-items:center;background:linear-gradient(180deg,#fafafa,#fff);border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1rem 1.25rem}.list-card-header h3{color:#0f172a;font-size:.938rem;font-weight:700;margin:0}.view-all-link{color:#0f766e;font-size:.75rem;font-weight:600;text-decoration:none;transition:color .2s ease}.view-all-link:hover{color:#0d9488;text-decoration:underline}.list-card-body{display:flex;flex-direction:column;gap:.5rem;max-height:360px;overflow-y:auto;padding:.75rem}.merchant-item{background:#f8fafc;border-radius:7px;gap:.75rem;padding:.75rem}.merchant-item:hover{background:#f1f5f9;transform:translateX(2px)}.merchant-rank{align-items:center;background:linear-gradient(135deg,#0f766e,#0d9488);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:800;height:28px;justify-content:center;width:28px}.merchant-name{font-size:.813rem;margin-bottom:2px}.merchant-stats{color:#64748b;font-size:.688rem;font-weight:500}.merchant-revenue{color:#0f766e;font-size:.875rem;font-weight:800;white-space:nowrap}.activity-item{border-radius:7px;gap:.75rem;padding:.75rem;transition:all .2s ease}.activity-item:hover{background:#f8fafc}.activity-icon{align-items:center;border-radius:7px;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.activity-details{flex:1 1;min-width:0}.activity-action{color:#0f172a;font-size:.813rem;font-weight:600;margin-bottom:2px}.activity-action,.activity-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-name{color:#64748b;font-size:.688rem}.activity-time{color:#94a3b8;font-size:.688rem;font-weight:500;white-space:nowrap}.btn{box-shadow:0 1px 3px #0000001f;font-size:.813rem;gap:.5rem;padding:.625rem 1.125rem}.btn-primary{background:linear-gradient(135deg,#0f766e,#0d9488)}.btn-primary:hover{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 4px 12px #0f766e4d;transform:translateY(-1px)}.list-card-body::-webkit-scrollbar{width:6px}.list-card-body::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.list-card-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.list-card-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1600px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}.stats-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.bottom-grid,.charts-grid{grid-template-columns:1fr}.stats-grid-5{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.dashboard-container{padding:1rem}.stats-grid-4,.stats-grid-5{gap:.75rem;grid-template-columns:repeat(2,1fr)}.dashboard-header{align-items:flex-start;flex-direction:column;gap:.875rem}}@media (max-width:768px){.dashboard-header h1{font-size:1.25rem}.stats-grid-4,.stats-grid-5{grid-template-columns:1fr}.bottom-grid,.charts-grid{gap:.875rem}.chart-card-header,.list-card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.chart-legend{flex-direction:column;gap:.5rem}}.platform-insights{background:#f8fafc;margin:0 auto;max-width:1600px;min-height:100vh;padding:1.5rem}.insights-header{align-items:center;background:linear-gradient(135deg,#1a6f63,#0f4a42);border-radius:16px;color:#fff;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.insights-title h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.insights-title p{font-size:.9rem;margin:0;opacity:.8}.insights-controls{align-items:center;display:flex;gap:.75rem}.currency-toggle{background:#ffffff26;border-radius:8px;display:flex;padding:4px}.currency-toggle button{background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.currency-toggle button.active{background:#fff;color:#1a6f63}.insights-controls select{background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.625rem 1rem}.insights-controls select option{color:#1e293b}.refresh-btn{background:#ffffff26;border:1px solid #ffffff4d;color:#fff;padding:.625rem}.refresh-btn:hover{background:#ffffff40}.story-section{margin-bottom:1.5rem}.story-card{background:#fff;box-shadow:0 1px 3px #0000001a;gap:1.5rem;margin-bottom:1rem;padding:2rem}.story-card,.story-icon{align-items:center;border-radius:16px;display:flex}.story-icon{background:linear-gradient(135deg,#1a6f63,#10b981);color:#fff;flex-shrink:0;height:64px;justify-content:center;width:64px}.story-label{color:#1a6f63;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.story-headline{color:#334155;font-size:1.25rem;line-height:1.6;margin:.5rem 0 0}.story-headline strong{color:#1a6f63;font-weight:700}.story-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.story-metric{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.25rem}.story-metric svg{color:#1a6f63}.story-metric .metric-value{color:#0f172a;display:block;font-size:1.5rem;font-weight:700}.story-metric .metric-label{color:#64748b;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.metric-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:1.5rem;position:relative}.metric-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card.gmv:before{background:linear-gradient(90deg,#1a6f63,#10b981)}.metric-card.revenue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.metric-card.subscriptions:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.metric-card.settlements:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.metric-header svg{color:#64748b}.metric-growth{align-items:center;border-radius:6px;display:flex;font-size:.85rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.metric-growth.positive{background:#dcfce7;color:#15803d}.metric-growth.negative{background:#fee2e2;color:#dc2626}.metric-badge,.metric-growth.neutral{background:#f1f5f9;color:#64748b}.metric-badge{border-radius:6px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.metric-value-large{color:#0f172a;font-size:2rem;font-weight:800;line-height:1.2}.metric-label{color:#64748b;font-size:.85rem;margin-top:.25rem}.metric-sub{color:#94a3b8;font-size:.75rem;margin-top:.5rem}.charts-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:1.5rem}.chart-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.chart-card.large{grid-column:span 1}.chart-card h3{align-items:center;color:#334155;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.chart-card h3 svg{color:#64748b}.tier-legend{display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem;justify-content:center;margin-top:.75rem}.details-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.detail-card h3{font-size:.95rem;margin:0 0 1rem}.detail-grid{grid-gap:1rem;gap:1rem}.detail-item{gap:.25rem}.detail-label{letter-spacing:.5px}.detail-value{color:#0f172a;font-size:1.125rem;font-weight:700}.detail-value.positive{color:#15803d}.detail-value.negative,.text-red{color:#dc2626}.tier-breakdown{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.tier-breakdown h4{color:#64748b;font-size:.75rem;font-weight:600;margin:0 0 .75rem;text-transform:uppercase}.tier-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:.85rem;justify-content:space-between;padding:.5rem 0}.tier-row:last-child{border:none}.channel-list{display:flex;flex-direction:column;gap:.75rem}.channel-row{background:#f8fafc;border-radius:8px;justify-content:space-between;padding:.75rem}.channel-name,.channel-row{align-items:center;display:flex}.channel-name{font-size:.9rem;font-weight:600;gap:.5rem}.channel-dot{border-radius:50%;height:8px;width:8px}.channel-stats{color:#64748b;display:flex;font-size:.85rem;gap:1rem}.channel-stats span:last-child{color:#0f172a;font-weight:600}.top-merchants-section{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.top-merchants-section h3{align-items:center;color:#334155;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.top-merchants-section h3 svg{color:#f59e0b}.merchants-table{display:flex;flex-direction:column}.table-header{background:#f8fafc;border-radius:8px;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem;text-transform:uppercase}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr}.table-row{align-items:center;border-bottom:1px solid #f1f5f9;padding:1rem}.table-row:last-child{border:none}.merchant-info{align-items:center;gap:1rem}.rank{color:#1a6f63;font-size:.9rem;font-weight:700}.tier-badge{border-radius:9999px;font-size:.75rem;padding:.25rem .75rem}.tier-badge.tier-free{background:#f1f5f9;color:#64748b}.tier-badge.tier-pro{background:#dbeafe;color:#1d4ed8}.tier-badge.tier-premium{background:#fef3c7;color:#92400e}.gmv-value{color:#1a6f63;font-weight:700}.insights-error,.insights-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.insights-loading .spin{animation:spin 1s linear infinite}.insights-error{color:#dc2626}.insights-error button{background:#1a6f63;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}@media (max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-section,.details-section{grid-template-columns:1fr}.story-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.platform-insights{padding:1rem}.insights-header{flex-direction:column;gap:1rem;text-align:center}.insights-controls{flex-wrap:wrap;justify-content:center}.metrics-grid{grid-template-columns:1fr}.story-card{flex-direction:column;text-align:center}.story-metrics,.table-header,.table-row{grid-template-columns:1fr 1fr}.table-header,.table-row{gap:.5rem}.merchant-info{grid-column:span 2}}.merchant-currency-management{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:100vh;padding:1.5rem}.mcm-header{background:linear-gradient(135deg,#1a6f63,#0f4a42);border-radius:16px;color:#fff;margin-bottom:1.5rem;padding:1.5rem}.mcm-title{align-items:center;display:flex;gap:1rem}.mcm-title h1{font-size:1.5rem;font-weight:700;margin:0}.mcm-title p{font-size:.9rem;margin:.25rem 0 0;opacity:.8}.mcm-search-section{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.mcm-search-section h2{align-items:center;color:#334155;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.search-box{gap:.75rem}.search-box input{border:1px solid #e2e8f0;font-size:.95rem;padding:.875rem 1rem;transition:border-color .2s}.search-box input:focus{border-color:#1a6f63}.search-box button{align-items:center;background:#1a6f63;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:background .2s}.search-box button:hover{background:#0f4a42}.search-box button:disabled{cursor:not-allowed;opacity:.6}.search-results{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.merchant-result{align-items:center;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s}.merchant-result:hover{background:#f8fafc}.merchant-result.selected{background:#ecfdf5;border-color:#1a6f63}.merchant-avatar{background:#f1f5f9;color:#64748b;height:44px;width:44px}.merchant-name{color:#0f172a}.merchant-email{color:#64748b;font-size:.85rem}.merchant-currency{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;gap:.5rem;padding:.5rem 1rem}.merchant-currency .flag{font-size:1.25rem}.merchant-currency .code{color:#0f172a;font-weight:700}.mcm-details{display:flex;flex-direction:column;gap:1.5rem}.detail-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.detail-card h3{align-items:center;border-bottom:1px solid #e2e8f0;color:#334155;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.75rem}.detail-card h3 svg{color:#1a6f63}.detail-card h3 .refresh-btn{background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;margin-left:auto;padding:.375rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.info-item{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.info-item svg{color:#64748b;margin-bottom:.25rem}.info-item .label{color:#64748b;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.info-item .value{color:#0f172a;font-weight:600}.current-currency{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:12px;padding:1.25rem}.current-currency .label{color:#059669;display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.currency-display{align-items:center;display:flex;gap:.75rem}.currency-display .flag{font-size:2rem}.currency-display .code{color:#059669;font-size:1.5rem;font-weight:700}.currency-display .name{color:#065f46}.loading-compliance{align-items:center;color:#64748b;display:flex;gap:.75rem;justify-content:center;padding:2rem}.compliance-score{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem}.score-circle{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:80px;justify-content:center;width:80px}.score-circle.passed{background:#d1fae5;color:#059669}.score-circle.warning{background:#fef3c7;color:#d97706}.score-circle.failed{background:#fee2e2;color:#dc2626}.score-text{flex:1 1}.score-text .passed{color:#059669}.score-text .passed,.score-text .warning{align-items:center;display:flex;font-weight:600;gap:.5rem}.score-text .warning{color:#d97706}.compliance-checks{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.check-item{align-items:center;border-radius:8px;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem}.check-item.passed{background:#d1fae5;color:#059669}.check-item.failed{background:#fee2e2;color:#dc2626}.check-name{flex:1 1}.check-count{font-weight:600}.compliance-requirements{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:1rem}.compliance-requirements h4{color:#92400e;font-size:.85rem;font-weight:600;margin:0 0 .75rem}.compliance-requirements ul{color:#78350f;font-size:.85rem;margin:0;padding-left:1.25rem}.compliance-requirements li{margin-bottom:.375rem}.compliance-requirements li:last-child{margin-bottom:0}.change-form{border:2px solid #1a6f63}.warning-banner{background:#fef3c7;color:#92400e;font-weight:500}.success-banner,.warning-banner{align-items:center;border-radius:10px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.success-banner{background:#d1fae5;color:#059669;font-weight:600}.form-group .required{color:#dc2626}.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.95rem;outline:none;padding:.875rem 1rem;transition:border-color .2s;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:#1a6f63}.form-group .hint{color:#64748b;display:block;font-size:.8rem;margin-top:.375rem}.currency-preview{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:2rem;justify-content:center;margin-bottom:1.25rem;padding:1.5rem}.currency-preview .from,.currency-preview .to{text-align:center}.currency-preview .label{color:#64748b;display:block;font-size:.7rem;letter-spacing:.5px;margin-bottom:.375rem;text-transform:uppercase}.currency-preview .flag{display:block;font-size:2.5rem}.currency-preview .code{color:#0f172a;display:block;font-size:1.25rem;font-weight:700}.currency-preview svg{color:#94a3b8}.change-btn{align-items:center;background:#1a6f63;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:background .2s;width:100%}.change-btn:hover:not(:disabled){background:#0f4a42}.change-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.merchant-currency-management{padding:1rem}.info-grid{grid-template-columns:repeat(2,1fr)}.compliance-checks{grid-template-columns:1fr}.currency-preview,.search-box{flex-direction:column}.currency-preview{gap:1rem}.currency-preview svg{transform:rotate(90deg)}}.service-charge-container{background:var(--bg);max-width:100%;min-height:100vh;overflow-x:hidden;padding-bottom:var(--space-3xl);width:100%}.sc-header{background:linear-gradient(135deg,var(--brand) 0,var(--brand-700) 100%);box-shadow:var(--shadow-lg);color:#fff;margin-bottom:var(--space-2xl);padding:var(--space-3xl) var(--space-xl);position:relative;width:100%}.sc-header-content{margin:0 auto;max-width:1200px}.sc-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.5px;margin:0 0 var(--space-sm) 0}.sc-subtitle{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);margin:0;opacity:.95}.sc-content{margin:0 auto;max-width:1200px;padding:0 var(--space-xl)}.sc-card{background:var(--panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);overflow:visible;position:relative;transition:all .3s ease;width:100%}.sc-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sc-card-header{align-items:flex-start;background:linear-gradient(180deg,#fafbfc 0,#fff);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-xl);position:relative}.sc-card-icon{align-items:center;background:var(--brand-50);border-radius:var(--radius);color:var(--brand);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.sc-icon-tier{background:#eff6ff;color:var(--info-color)}.sc-icon-settings{background:#f0fdf4;color:var(--success-color)}.sc-icon-actions{background:#fef3c7;color:var(--warning-color)}.sc-card-title{color:var(--text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0}.sc-card-desc{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.sc-merchant-selector{border:2px solid var(--brand-100)}.sc-select-wrapper{padding:0 var(--space-xl) var(--space-xl) var(--space-xl);position:relative}.sc-select{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-lg);padding-right:40px;transition:all .2s ease;width:100%}.sc-select:hover{border-color:var(--brand-200)}.sc-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-50);outline:none}.sc-select-icon{color:var(--text-muted);pointer-events:none;position:absolute;right:var(--space-2xl);top:50%;transform:translateY(-50%)}.sc-merchant-info{animation:slideDown .3s ease;padding:0 var(--space-xl) var(--space-xl) var(--space-xl);position:relative;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sc-info-grid{grid-gap:var(--space-lg);background:linear-gradient(135deg,var(--brand-50) 0,#f0f9ff 100%);border:1px solid var(--brand-100);border-radius:var(--radius);box-sizing:border-box;display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:var(--space-lg);width:100%}.sc-info-item{display:flex;flex-direction:column;gap:var(--space-xs)}.sc-info-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.sc-info-value{word-wrap:break-word;color:var(--text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.sc-tier-badge{background:var(--brand);border-radius:6px;color:#fff;display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.3px;line-height:1.2;padding:4px 10px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.sc-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;padding:var(--space-3xl)}.sc-spinner{animation:spin .8s linear infinite;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--brand);height:40px;width:40px}.sc-loading p{color:var(--text-muted);margin:0}.sc-alert,.sc-loading p{font-size:var(--font-size-base)}.sc-alert{align-items:center;animation:slideDown .3s ease;border-radius:var(--radius);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg)}.sc-alert svg{flex-shrink:0}.sc-alert-error{background:var(--error-bg);border:1px solid #fecaca;color:var(--error-color)}.sc-alert-success{background:var(--success-bg);border:1px solid #bbf7d0;color:var(--success-color)}.sc-tier-config{background:linear-gradient(180deg,#eff6ff 0,#fff);border:2px solid #dbeafe}.sc-tier-details{grid-gap:var(--space-lg);box-sizing:border-box;display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:var(--space-xl);width:100%}.sc-tier-item{word-wrap:break-word;display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.sc-tier-item.sc-full-width{grid-column:1/-1}.sc-tier-label{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.sc-tier-value{color:var(--info-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.sc-tier-desc{color:var(--text);font-size:var(--font-size-base);line-height:1.6}.sc-capitalize{text-transform:capitalize}.sc-current-settings{border:2px solid #dcfce7}.sc-settings-grid{grid-gap:var(--space-lg);box-sizing:border-box;display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:var(--space-xl);width:100%}.sc-setting-card{background:linear-gradient(180deg,#fafbfc 0,#fff);border:1px solid var(--border-light);border-radius:var(--radius);min-width:0;padding:var(--space-lg);position:relative;transition:all .2s ease}.sc-setting-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.sc-setting-header{margin-bottom:var(--space-md)}.sc-setting-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.sc-setting-value{word-wrap:break-word;color:var(--text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);overflow-wrap:break-word}.sc-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-sm);letter-spacing:.5px;padding:var(--space-sm) var(--space-lg)}.sc-status-enabled{background:#dcfce7;color:#166534}.sc-status-disabled{background:#fee2e2;color:#991b1b}.sc-status-dot{animation:pulse 2s ease-in-out infinite;background:currentColor;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sc-config-section{animation:fadeIn .5s ease}.sc-actions-card{border:2px solid #fef3c7}.sc-actions-grid{grid-gap:var(--space-lg);box-sizing:border-box;display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:var(--space-xl);width:100%}.sc-action-btn{align-items:center;background:#fff;border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;font-family:inherit;gap:var(--space-md);min-width:0;padding:var(--space-lg);position:relative;text-align:left;transition:all .2s ease;width:100%}.sc-action-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.sc-action-btn:active:not(:disabled){transform:translateY(0)}.sc-action-btn:disabled{cursor:not-allowed;opacity:.6}.sc-action-btn svg{flex-shrink:0;height:24px;min-width:24px;width:24px}.sc-action-btn>div{flex:1 1;min-width:0}.sc-btn-primary{background:linear-gradient(135deg,var(--brand) 0,var(--brand-700) 100%);border-color:var(--brand);color:#fff}.sc-btn-primary svg{color:#fff}.sc-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #1a6f634d}.sc-btn-secondary{background:linear-gradient(135deg,var(--info-color) 0,#2563eb 100%);border-color:var(--info-color);color:#fff}.sc-btn-secondary svg{color:#fff}.sc-btn-secondary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d}.sc-btn-custom{background:#fff;border-color:var(--warning-color)}.sc-btn-custom,.sc-btn-custom svg{color:var(--warning-color)}.sc-btn-custom:hover:not(:disabled){background:#fffbeb;box-shadow:0 4px 12px #f59e0b33}.sc-btn-danger{background:#fff;border-color:var(--error-color)}.sc-btn-danger,.sc-btn-danger svg{color:var(--error-color)}.sc-btn-danger:hover:not(:disabled){background:var(--error-bg);box-shadow:0 4px 12px #dc262633}.sc-btn-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.sc-btn-subtitle,.sc-btn-title{word-wrap:break-word;line-height:1.4;overflow-wrap:break-word}.sc-btn-subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);opacity:.8}.sc-custom-rate-panel{animation:slideDown .3s ease;background:linear-gradient(180deg,#fffbeb 0,#fff);border:2px solid #fef3c7;border-radius:var(--radius);box-sizing:border-box;margin-top:var(--space-xl);padding:var(--space-xl);position:relative;width:100%}.sc-custom-rate-header{margin-bottom:var(--space-lg);width:100%}.sc-custom-rate-header h3{color:var(--text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0}.sc-custom-rate-header p{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.sc-custom-rate-content{display:flex;flex-direction:column;gap:var(--space-lg)}.sc-input-group{align-items:center;display:flex;position:relative}.sc-input{border:2px solid var(--border);border-radius:var(--radius);flex:1 1;font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-lg);padding-right:50px;transition:all .2s ease}.sc-input:focus{border-color:var(--warning-color);box-shadow:0 0 0 3px #fef3c7;outline:none}.sc-input-suffix{color:var(--text-muted);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);pointer-events:none;position:absolute;right:var(--space-lg)}.sc-custom-rate-actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.sc-btn{align-items:center;border:2px solid;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-xl);transition:all .2s ease}.sc-btn:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-1px)}.sc-btn:disabled{cursor:not-allowed;opacity:.5}.sc-btn-sm{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg)}.sc-btn.sc-btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.sc-btn.sc-btn-secondary{background:var(--info-color);border-color:var(--info-color);color:#fff}.sc-info-note{align-items:flex-start;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:var(--radius);color:#1e40af;display:flex;font-size:var(--font-size-sm);gap:var(--space-md);line-height:1.6;margin-top:var(--space-xl);padding:var(--space-lg)}.sc-info-note svg{color:var(--info-color);flex-shrink:0;margin-top:2px}@media (max-width:1024px){.sc-actions-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.sc-info-grid,.sc-settings-grid,.sc-tier-details{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:768px){.sc-header{padding:var(--space-xl) var(--space-lg)}.sc-title{font-size:var(--font-size-2xl)}.sc-subtitle{font-size:var(--font-size-sm)}.sc-content{padding:0 var(--space-lg)}.sc-card-header{flex-direction:column;padding:var(--space-lg)}.sc-card-icon{height:40px;width:40px}.sc-actions-grid,.sc-info-grid,.sc-settings-grid,.sc-tier-details{grid-template-columns:1fr;padding:var(--space-md)}.sc-action-btn{padding:var(--space-md)}.sc-custom-rate-actions{flex-direction:column}.sc-custom-rate-actions .sc-btn{width:100%}.sc-actions-grid,.sc-custom-rate-panel,.sc-merchant-info,.sc-select-wrapper,.sc-settings-grid,.sc-tier-details{padding-left:var(--space-md);padding-right:var(--space-md)}}@media (max-width:480px){.sc-title{font-size:var(--font-size-xl);line-height:1.3}.sc-card-title{font-size:var(--font-size-lg)}.sc-setting-value{word-wrap:break-word;font-size:var(--font-size-xl)}.sc-header{padding:var(--space-lg) var(--space-md)}.sc-content{padding:0 var(--space-md)}.sc-card{margin-bottom:var(--space-lg)}.sc-actions-grid,.sc-card-header,.sc-custom-rate-panel,.sc-merchant-info,.sc-select-wrapper,.sc-settings-grid,.sc-tier-details{padding:var(--space-md)}.sc-info-grid{gap:var(--space-md)}.sc-action-btn{gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.sc-btn-title{font-size:var(--font-size-sm)}.sc-btn-subtitle{font-size:var(--font-size-xs)}}@media print{.sc-header{background:#fff;box-shadow:none;color:#000}.sc-action-btn{display:none}}.segment-rule-builder{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;width:100%}.condition-selector{align-items:center;background:#fff;border-radius:8px;color:#475569;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:20px;padding:16px}.condition-selector select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#6366f1;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:all .2s}.condition-selector select:hover{border-color:#6366f1}.condition-selector select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.rules-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.empty-rules{background:#fff;border:2px dashed #e2e8f0;border-radius:8px;color:#94a3b8;padding:40px 20px;text-align:center}.empty-rules p{font-size:14px;margin:0}.rule-row{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s}.rule-row:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.field-select,.operator-select,.value-input,.value-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:all .2s}.field-select{color:#334155;flex:1 1;font-weight:500;min-width:150px}.operator-select{color:#6366f1;flex:1 1;font-weight:500;min-width:140px}.value-input,.value-select{flex:1.5 1;min-width:180px}.field-select:focus,.operator-select:focus,.value-input:focus,.value-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.field-select:hover,.operator-select:hover,.value-input:hover,.value-select:hover{border-color:#cbd5e1}.value-multi-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex:1.5 1;flex-direction:column;gap:8px;min-width:180px;padding:12px}.checkbox-label{border-radius:4px;color:#334155;font-size:14px;gap:8px;padding:4px}.checkbox-label:hover{background:#fff}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.remove-rule-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:10px;transition:all .2s}.remove-rule-btn:hover{background:#fecaca;border-color:#fca5a5}.add-rule-btn{align-items:center;background:#fff;border:2px dashed #cbd5e1;border-radius:8px;color:#6366f1;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.add-rule-btn:hover{background:#f8fafc;border-color:#6366f1;border-style:solid}.rule-preview{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:24px;padding:16px}.rule-preview h4{color:#334155;font-size:14px;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.rule-preview code{background:#f8fafc;border-radius:6px;color:#334155;display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.8;overflow-x:auto;padding:16px}.preview-field{color:#6366f1;font-weight:600}.preview-operator{color:#8b5cf6;font-style:italic}.preview-value{color:#059669}.preview-condition{color:#dc2626;font-weight:700;text-transform:uppercase}@media (max-width:1024px){.rule-row{flex-wrap:wrap}.field-select,.operator-select{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;min-width:0;min-width:auto}.value-input,.value-multi-select,.value-select{flex:1 1 100%}.remove-rule-btn{flex:0 0 auto;margin-left:auto}}@media (max-width:768px){.segment-rule-builder{padding:16px}.condition-selector{flex-wrap:wrap;gap:8px;padding:12px}.rule-row{flex-direction:column;padding:12px}.field-select,.operator-select,.value-input,.value-select{min-width:0;min-width:auto;width:100%}.remove-rule-btn{width:100%}.rule-preview code{font-size:12px}}@media (max-width:480px){.condition-selector{font-size:13px}.field-select,.operator-select,.value-input,.value-select{font-size:13px;padding:8px 10px}.add-rule-btn{font-size:13px;padding:8px 14px}}.merchant-segmentation{box-sizing:border-box;max-width:100%;padding:24px;width:100%}.segmentation-header{display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.header-left,.segmentation-header{align-items:flex-start}.header-icon{color:#6366f1;flex-shrink:0}.segmentation-header h1{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.segmentation-header p{color:#64748b;font-size:14px;margin:0}.segmentation-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:8px;margin-bottom:24px}.segmentation-tabs .tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.segmentation-tabs .tab:hover{background:#f8fafc;color:#475569}.segmentation-tabs .tab.active{background:#f8fafc;border-bottom-color:#6366f1;color:#6366f1}.filters-bar{gap:12px;margin-bottom:20px}.search-box{padding:8px 12px}.search-box input{min-width:0}.filters-bar select{border:1px solid #e2e8f0;padding:8px 12px;transition:border-color .2s}.filters-bar select:hover{border-color:#cbd5e1}.filters-bar select:focus{border-color:#6366f1;outline:none}.merchants-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.merchants-table{border-collapse:collapse;width:100%}.merchants-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.merchants-table th{color:#64748b;font-size:12px;letter-spacing:.05em;padding:12px 16px}.merchants-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;vertical-align:middle}.merchants-table tbody tr:hover{background:#f8fafc}.merchant-info strong{color:#1e293b;font-weight:600}.merchant-info span{color:#64748b;font-size:13px}.tier-badge{border-radius:6px;display:inline-block;font-size:12px;width:-webkit-fit-content;width:fit-content}.tier-badge.free{color:#475569}.tier-badge.basic{background:#dbeafe;color:#1e40af}.tier-badge.pro{background:#ddd6fe;color:#6d28d9}.tier-badge.professional{background:#fce7f3;color:#be185d}.tier-badge.enterprise{background:#fef3c7;color:#92400e}.tags-cell{align-items:center;gap:6px}.tag-badge{background:#ede9fe;border-radius:4px;color:#6d28d9;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px}.tag-remove{align-items:center;background:none;border:none;color:#6d28d9;cursor:pointer;display:flex;padding:0;transition:color .2s}.tag-remove:hover{color:#5b21b6}.no-tags{color:#94a3b8;font-size:12px;font-style:italic}.add-tag-btn{align-items:center;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:4px;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s;width:24px}.add-tag-btn:hover{background:#e2e8f0;border-color:#94a3b8}.sc-status{border-radius:4px;font-size:12px;font-weight:500;padding:4px 10px}.sc-status.enabled{background:#dcfce7;color:#15803d}.sc-status.disabled{background:#fee2e2;color:#991b1b}.segments-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.segment-card{border:1px solid #e2e8f0;padding:20px}.segment-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.segment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.segment-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.segment-count{background:#6366f1;color:#fff;font-size:14px;font-weight:600}.segment-description{color:#64748b}.segment-footer{display:flex;gap:8px;justify-content:flex-end}.bulk-ops-info{margin-bottom:32px;text-align:center}.bulk-ops-info h2{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.bulk-ops-info p{color:#64748b;font-size:14px;margin:0}.bulk-ops-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.bulk-ops-panel h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.bulk-operation-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bulk-op-card{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;cursor:pointer;padding:24px;text-align:center;transition:all .2s}.bulk-op-card:hover{box-shadow:0 8px 20px #6366f14d;transform:translateY(-2px)}.bulk-op-card h4{font-size:16px;font-weight:600;margin:12px 0 4px}.bulk-op-card p{font-size:13px;margin:0;opacity:.9}.empty-state,.empty-state-card{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state-card{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;grid-column:1/-1}.empty-state p,.empty-state-card p{font-size:16px;margin:16px 0}.btn-icon,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.btn-primary{background:#6366f1}.btn-primary:hover{background:#5558e3;box-shadow:0 4px 12px #6366f14d}.btn-primary:disabled{background:#cbd5e1}.btn-secondary{border:1px solid #e2e8f0;color:#64748b}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-icon{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.btn-icon:hover{background:#e2e8f0;color:#475569}.btn-icon.danger{color:#dc2626}.modal-content{box-shadow:0 20px 60px #0000004d}.modal-header{padding:24px}.modal-header h3{font-size:20px}.modal-close{background:none;padding:4px;transition:color .2s}.modal-close:hover{color:#1e293b}.modal-footer{padding:20px 24px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea,.tag-input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.tag-input:focus{border-color:#6366f1;outline:none}.form-group textarea{min-height:80px}.help-text{color:#64748b;font-size:13px;font-style:italic;margin-top:8px}.existing-tags{margin-top:20px}.existing-tags p{color:#334155;font-size:14px;font-weight:500;margin:0 0 12px}.tag-option{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:inline-block;font-size:13px;margin:4px;padding:8px 12px;transition:all .2s}.tag-option:hover{background:#ede9fe;border-color:#c4b5fd;color:#6d28d9}@media (max-width:1024px){.segmentation-header{flex-direction:column}.header-actions{width:100%}.filters-bar{align-items:stretch;flex-direction:column}.search-box{max-width:none}}@media (max-width:768px){.merchant-segmentation{padding:16px}.segmentation-header h1{font-size:24px}.merchants-table-wrapper{overflow-x:auto}.merchants-table{min-width:800px}.segmentation-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.segmentation-tabs .tab{white-space:nowrap}.bulk-operation-cards,.segments-grid{grid-template-columns:1fr}}@media (max-width:480px){.modal-content{border-radius:12px 12px 0 0;max-height:95vh;max-width:100%}.modal-header h3{font-size:18px}.merchants-table{font-size:12px}.merchants-table td,.merchants-table th{padding:12px 8px}}.marketing-hub{background:#f8f9fa;display:flex;height:calc(100vh - 60px)}.marketing-sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow-y:auto;width:260px}.sidebar-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:24px 20px}.sidebar-header svg{color:#155a51}.sidebar-header h2{color:#1a1a1a;font-size:20px;margin:0}.sidebar-nav{padding:16px 12px}.nav-section{margin-bottom:24px}.nav-section-title{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#4a4a4a;cursor:pointer;display:flex;font-size:14px;gap:12px;margin-bottom:4px;padding:10px 12px;transition:all .2s;width:100%}.nav-item:hover{background:#f5f5f5;color:#155a51}.nav-item.active{background:#e8f5f3;color:#155a51;font-weight:500}.nav-item svg{flex-shrink:0}.marketing-content{flex:1 1;overflow-y:auto;padding:32px}.marketing-overview{max-width:1400px}.overview-header h1{font-size:32px}.overview-header p{font-size:16px}.stats-grid{margin-bottom:40px}.stat-card{box-shadow:0 1px 3px #0000001a;gap:20px}.stat-icon{background:linear-gradient(135deg,#155a51,#1e7a6d);color:#fff;height:60px;width:60px}.quick-actions{margin-bottom:40px}.quick-actions h2{color:#1a1a1a;font-size:20px;margin:0 0 20px}.actions-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.action-card{border:2px solid #0000;box-shadow:0 1px 3px #0000001a;text-align:left}.action-card:hover{box-shadow:0 4px 12px #155a5126;transform:translateY(-2px)}.action-card svg{margin-bottom:12px}.action-card h3{margin:0 0 8px}.recent-activity{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.recent-activity h2{color:#1a1a1a;font-size:18px;margin:0 0 16px}.activity-list{gap:12px}.activity-item{align-items:center;background:#f8f9fa;border-radius:8px;color:#666;font-size:14px;padding:12px}.activity-item svg{color:#999;flex-shrink:0}.coming-soon{height:60vh;text-align:center}.coming-soon svg{margin-bottom:24px}.coming-soon h2{color:#1a1a1a}.coming-soon p{color:#999;font-size:16px}@media (max-width:768px){.marketing-hub{flex-direction:column}.marketing-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;height:auto;width:100%}.marketing-content{padding:20px}.actions-grid,.stats-grid{grid-template-columns:1fr}}.segments-dashboard{margin:0 auto;max-width:1600px;padding:24px}.segments-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.segments-header h1{color:#1a1a1a;font-size:28px;margin:0 0 8px}.segments-header p{color:#666;font-size:14px;margin:0}.search-bar{margin-bottom:24px}.search-box{max-width:500px}.segments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.segment-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px;transition:all .2s}.segment-card:hover{box-shadow:0 4px 12px #0000001a}.segment-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.segment-title h3{color:#1a1a1a;font-size:18px;margin:0 0 8px}.segment-count{align-items:center;background:#f8f9fa;border-radius:12px;color:#666;display:inline-flex;font-size:13px;gap:6px;padding:4px 12px}.segment-actions{display:flex;gap:4px}.segment-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 16px}.segment-rules{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.rules-logic-badge{background:#155a51;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.rules-count{align-items:center;color:#666;display:flex;font-size:13px;gap:6px}.rules-preview{display:flex;flex-direction:column;gap:8px}.rule-preview-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;padding:8px}.rule-field{color:#3b82f6;font-weight:600}.rule-operator{color:#f59e0b;font-weight:500}.rule-value{color:#10b981;font-weight:500}.rule-preview-more{color:#666;font-size:12px;padding:4px 8px;text-align:center}.segment-builder{display:flex;flex-direction:column;height:90vh;max-height:800px}.field-hint{color:#666;font-size:12px;font-style:italic;margin:8px 0 0}@media (max-width:768px){.segments-dashboard{padding:16px}.segments-grid{grid-template-columns:1fr}.segments-header{flex-direction:column;gap:16px}.search-box{max-width:100%}.segment-card-header{flex-direction:column;gap:12px}.rule-preview-item{font-size:11px}}.campaigns-dashboard{margin:0 auto;max-width:1600px;padding:24px}.campaigns-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.campaigns-header h1{color:#1a1a1a;font-size:28px;margin:0 0 8px}.campaigns-header p{color:#666;font-size:14px;margin:0}.campaigns-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{border-radius:8px}.stat-card h3{color:#155a51;font-size:32px;margin:0 0 8px}.stat-card p{color:#666;font-size:14px;margin:0}.campaigns-tabs{border-bottom:1px solid #e0e0e0;display:flex;gap:8px;margin-bottom:24px}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.tab-button.active{border-bottom-color:#155a51;color:#155a51}.tab-button:hover{color:#155a51}.campaigns-controls{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.search-box{border-radius:6px;padding:10px 16px}.filter-group{gap:12px}.filter-select{border:1px solid #e0e0e0;border-radius:6px;padding:10px 16px}.campaigns-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.campaign-card{border:1px solid #e0e0e0;padding:24px;position:relative;transition:all .2s}.campaign-card:hover{box-shadow:0 4px 12px #0000001a}.campaign-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.campaign-title{flex:1 1}.campaign-title h3{color:#1a1a1a;font-size:18px;margin:0 0 4px}.campaign-status{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px;text-transform:uppercase}.campaign-status.draft{background:#f3f4f6;color:#6b7280}.campaign-status.sent{background:#d1fae5;color:#065f46}.campaign-status.scheduled{background:#dbeafe;color:#1e40af}.campaign-status.failed{background:#fee2e2;color:#991b1b}.campaign-actions{display:flex;gap:4px}.campaign-meta{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:16px;margin:16px 0;padding:12px 0}.meta-item{align-items:center;color:#666;display:flex;font-size:13px;gap:6px}.meta-item svg{color:#999}.campaign-description{color:#666;font-size:14px;line-height:1.5;margin:12px 0}.campaign-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:16px}.stat-item-label{color:#999;font-size:12px}.stat-item-value{color:#155a51;font-size:20px;font-weight:600}.campaign-builder{display:flex;flex-direction:column;height:90vh;max-height:900px}.form-group input,.form-group select,.form-group textarea{font-family:inherit}.form-group textarea{min-height:100px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.variable-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.variable-tag{align-items:center;background:#f3f4f6;border:1px solid #e0e0e0;border-radius:6px;color:#155a51;cursor:pointer;display:inline-flex;font-family:Courier New,monospace;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s}.variable-tag:hover{background:#e5e7eb;border-color:#155a51}.preview-box{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:16px;padding:20px}.preview-box h4{color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.preview-content{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#1a1a1a;font-size:14px;line-height:1.6;min-height:150px;padding:16px;white-space:pre-wrap}.builder-footer{align-items:center;justify-content:space-between}.footer-actions{display:flex;gap:12px}.btn-primary:disabled{background:#ccc}.btn-secondary:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed}.btn-success{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.btn-success:hover{background:#059669}.btn-danger{align-items:center;background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.btn-danger:hover{background:#b91c1c}.modal-content{max-width:800px}.modal-content.large{max-width:1000px}.modal-content.small{max-width:500px}.test-email-form{padding:24px}.test-email-form h3{color:#1a1a1a;font-size:18px;margin:0 0 16px}.send-confirmation{padding:24px}.send-confirmation h3{color:#1a1a1a;font-size:18px;margin:0 0 16px}.send-confirmation p{color:#666;line-height:1.6;margin:0 0 24px}.confirmation-details{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:16px}.confirmation-details p{color:#333;font-size:14px;margin:8px 0}.confirmation-details strong{color:#155a51}.confirmation-actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width:768px){.campaigns-dashboard{padding:16px}.campaigns-header{flex-direction:column;gap:16px}.campaigns-controls{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.campaigns-grid{grid-template-columns:1fr}.campaign-meta{flex-direction:column;gap:8px}.form-grid{grid-template-columns:1fr}}.automation-dashboard{background:#f8f9fa;display:flex;flex-direction:column;height:100%}.dashboard-tabs{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:8px;padding:16px 24px}.dashboard-tabs .tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.dashboard-tabs .tab:hover{background:#f5f5f5;color:#155a51}.dashboard-tabs .tab.active{background:#155a51;color:#fff}.dashboard-content{flex:1 1;overflow-y:auto}.automation-overview{max-width:1400px;padding:24px}.stat-content p{margin:0 0 4px}.stat-content small{color:#999;font-size:12px}.top-rules-section{margin-bottom:32px}.top-rules-section h2{color:#1a1a1a;font-size:20px;margin:0 0 20px}.top-rules-list{display:flex;flex-direction:column;gap:16px}.top-rule-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .2s}.top-rule-card:hover{box-shadow:0 2px 8px #00000014}.rule-info h3{color:#1a1a1a;font-size:16px;margin:0 0 8px}.trigger-badge{background:#e8f5f3;border-radius:12px;color:#155a51;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.rule-stats{display:flex;gap:32px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-item strong{color:#1a1a1a;font-size:20px}.stat-item span{color:#666;font-size:12px}.quick-actions-section{margin-bottom:32px}.quick-actions-section h2{color:#1a1a1a;font-size:20px;margin:0 0 20px}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center;transition:all .2s}.action-card:hover{border-color:#155a51;box-shadow:0 4px 12px #155a511a}.action-card svg{color:#155a51}.action-card h3{color:#1a1a1a;font-size:16px;margin:0}.action-card p{color:#666;font-size:13px;margin:0}.rules-list-view{max-width:1600px;padding:24px}.rules-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.rule-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px;transition:all .2s}.rule-card:hover{box-shadow:0 4px 12px #0000001a}.rule-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.rule-title{flex:1 1}.rule-title h3{color:#1a1a1a;font-size:18px;margin:0 0 8px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.rule-actions{display:flex;gap:4px}.rule-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 16px}.rule-workflow{background:#f8f9fa;border-radius:8px;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:16px}.rule-workflow,.workflow-item{align-items:center;display:flex}.workflow-item{background:#fff;border-radius:6px;font-size:13px;font-weight:500;gap:8px;padding:8px 16px}.workflow-item.trigger{border:2px solid #3b82f6;color:#3b82f6}.workflow-item.conditions{border:2px solid #f59e0b;color:#f59e0b}.workflow-item.actions{border:2px solid #10b981;color:#10b981}.workflow-arrow{color:#999}.workflow-builder{display:flex;flex-direction:column;height:90vh;max-height:800px}.builder-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.builder-header h2{color:#1a1a1a;font-size:20px;margin:0}.builder-body{flex:1 1;overflow-y:auto;padding:24px}.builder-section{border-bottom:1px solid #f0f0f0;margin-bottom:32px;padding-bottom:32px}.builder-section:last-child{border-bottom:none}.builder-section h3{align-items:center;color:#1a1a1a;display:flex;font-size:18px;gap:12px;margin:0 0 8px}.section-description{color:#666;font-size:14px;margin:0 0 20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-label{align-items:center;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.checkbox-label:hover{background:#f8f9fa}.checkbox-label input{cursor:pointer;height:18px;width:18px}.info-text{background:#e3f2fd;border-radius:6px;color:#1976d2;font-size:13px;margin:16px 0 0;padding:12px 16px}.builder-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-icon.danger:hover{background:#fee2e2;color:#dc2626}.empty-state h3{color:#666;font-size:20px}.empty-state p{margin:0 0 20px}.coming-soon{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.coming-soon svg{color:#ddd;margin-bottom:16px}.coming-soon h2{color:#666;font-size:24px;margin:0 0 8px}.coming-soon p{font-size:14px;margin:0}.modal-content.large{max-width:900px}@media (max-width:1024px){.dashboard-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:12px 16px}.dashboard-tabs .tab{font-size:13px;padding:8px 16px;white-space:nowrap}.automation-overview,.rules-list-view{padding:16px}.rules-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.dashboard-tabs{gap:4px;padding:10px 12px}.dashboard-tabs .tab{font-size:12px;padding:8px 12px}.dashboard-tabs .tab svg{display:none}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{height:48px;width:48px}.stat-icon svg{height:24px;width:24px}.stat-content h3{font-size:24px}.rules-grid{gap:16px;grid-template-columns:1fr}.overview-header,.view-header{align-items:stretch;flex-direction:column;gap:16px}.overview-header h1,.view-header h1{font-size:22px}.overview-header .btn-primary,.view-header .btn-primary{justify-content:center;width:100%}.filters-bar{flex-direction:column}.search-box{min-width:100%}.filters-bar select{width:100%}.rule-card{padding:16px}.rule-card-header{flex-direction:column;gap:12px}.rule-title{width:100%}.rule-actions{justify-content:flex-start;width:100%}.rule-workflow{align-items:stretch;flex-direction:column;gap:8px;padding:12px}.workflow-item{justify-content:center}.workflow-arrow{align-self:center;transform:rotate(90deg)}.rule-stats{flex-wrap:wrap;gap:16px}.actions-grid{grid-template-columns:1fr}.action-card{padding:16px}.top-rule-card{align-items:stretch;flex-direction:column;gap:16px}.rule-stats{justify-content:space-between}.modal-content{margin:10px;max-height:95vh;width:95%}.modal-content.large{max-width:100%}.workflow-builder{height:95vh;max-height:none}.builder-header{padding:16px}.builder-header h2{font-size:18px}.builder-body{padding:16px}.builder-section{margin-bottom:24px;padding-bottom:24px}.builder-section h3{font-size:16px}.form-row{grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px}.builder-footer{flex-direction:column;gap:8px;padding:12px 16px}.builder-footer button{justify-content:center;width:100%}.builder-section>div[style*="grid-template-columns: 1fr 1fr 1fr auto"]{display:flex!important;flex-direction:column;gap:8px}.builder-section>div[style*="grid-template-columns: 1fr 1fr"]{display:flex!important;flex-direction:column;gap:12px}}@media (max-width:480px){.automation-overview,.rules-list-view{padding:12px}.stat-card{flex-direction:column;gap:12px;text-align:center}.stat-icon{margin:0 auto}.dashboard-tabs .tab{font-size:11px;padding:6px 10px}.btn-primary,.btn-secondary{font-size:13px;padding:10px 16px}.rule-stats{align-items:center;flex-direction:column;gap:12px}.stat-item{border-bottom:1px solid #f0f0f0;flex-direction:row;justify-content:space-between;padding:8px 0;width:100%}.stat-item:last-child{border-bottom:none}}.tag-management{max-width:1400px;padding:24px}.tag-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.tag-header h1{color:#1a1a1a;font-size:28px;margin:0 0 8px}.tag-header p{color:#666;margin:0}.tag-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.category-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:20px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s}.filter-chip.active,.filter-chip:hover{border-color:#155a51}.filter-chip.active{background:#155a51;color:#fff}.tag-category-section{margin-bottom:40px}.category-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.category-header h2{color:#1a1a1a;font-size:18px;margin:0}.category-header .count{color:#999;font-size:14px}.tags-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tag-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;transition:all .2s}.tag-card:hover{box-shadow:0 4px 12px #0000001a}.tag-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.tag-badge{border-radius:6px;font-weight:500;padding:6px 12px}.tag-badge,.tag-stats{align-items:center;display:flex;font-size:13px;gap:6px}.tag-stats{color:#666}.tag-actions{display:flex;gap:4px}.empty-category{color:#999;padding:60px 20px;text-align:center}.empty-category svg{color:#ddd;margin-bottom:16px}.tags-container{margin-top:24px}.modal-content.large{max-width:700px}.form-group{margin-bottom:20px}.form-group label{color:#333;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e0e0e0;border-radius:6px;font-size:14px;padding:10px 12px}.form-group small{color:#666;font-size:12px}.merchants-list{border:1px solid #e0e0e0;border-radius:6px;max-height:300px;padding:12px}.merchant-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:10px;transition:background .2s}.merchant-checkbox:hover{background:#f5f5f5}.merchant-tier{border-radius:4px;font-size:11px;margin-left:auto;padding:4px 8px}.btn-icon{padding:6px}.marketing-settings{background:#f8f9fa;display:flex;flex-direction:column;height:100%}.settings-tabs{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:8px;padding:16px 24px}.settings-tabs .tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.settings-tabs .tab:hover{background:#f5f5f5;color:#155a51}.settings-tabs .tab.active{background:#155a51;color:#fff}.settings-overview{max-width:1400px;padding:24px}.overview-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.overview-header h1{color:#1a1a1a;font-size:28px;margin:0 0 8px}.overview-header p{color:#666;margin:0}.stat-card{border:1px solid #e0e0e0;padding:24px;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-icon{height:64px;width:64px}.stat-content h3{color:#1a1a1a;font-size:32px;margin:0 0 4px}.stat-content p{color:#666;margin:0}.info-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.info-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:16px;padding:24px}.info-icon{color:#155a51;flex-shrink:0}.info-card h3{color:#1a1a1a;font-size:16px;margin:0 0 8px}.info-card p{color:#666;font-size:14px;line-height:1.5;margin:0}.merchants-view{max-width:1600px;padding:24px}.view-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.view-header h1{color:#1a1a1a;font-size:24px;margin:0 0 6px}.view-header p{color:#666;font-size:14px;margin:0}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{border:1px solid #e0e0e0;gap:12px;min-width:300px;padding:12px 16px}.filter-checkbox,.filters-bar select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 16px}.filter-checkbox{align-items:center;display:flex;gap:8px}.filter-checkbox input{cursor:pointer}.merchants-table{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.merchants-table table{border-collapse:collapse;width:100%}.merchants-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.merchants-table th{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.merchants-table td{border-top:1px solid #f0f0f0;padding:16px}.merchants-table tbody tr:hover{background:#f8f9fa}.merchant-info{display:flex;flex-direction:column;gap:4px}.merchant-info strong{color:#1a1a1a;font-size:14px}.merchant-info small{color:#999;font-size:12px}.status-icon{display:inline-block}.status-badge{border-radius:12px;padding:4px 12px}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.error{background:#fee2e2;color:#991b1b}.merchant-detail{max-width:1200px;padding:24px}.detail-header{margin-bottom:32px}.btn-back{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#155a51;cursor:pointer;font-size:14px;margin-bottom:16px;padding:8px 16px;transition:all .2s}.btn-back:hover{background:#f5f5f5}.merchant-title{align-items:center;display:flex;gap:16px}.merchant-title h1{color:#1a1a1a;font-size:28px;margin:0}.merchant-tier{background:#e8f5f3;border-radius:20px;color:#155a51;font-size:13px;font-weight:600;padding:6px 16px}.preferences-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:24px;padding:32px}.preferences-section h2{color:#1a1a1a;font-size:20px;margin:0 0 24px}.preferences-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.preference-toggle{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.preference-toggle:hover{background:#fff;box-shadow:0 2px 8px #00000014}.preference-icon{align-items:center;background:#fff;border-radius:10px;color:#155a51;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.preference-content{flex:1 1}.preference-content h3{color:#1a1a1a;font-size:15px;font-weight:600;margin:0 0 4px}.preference-content p{color:#666;font-size:13px;margin:0}.toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}input:checked+.toggle-slider{background-color:#155a51}input:checked+.toggle-slider:before{transform:translateX(22px)}.global-optout-section{align-items:center;background:#fff3e0;border:2px solid #f57c00;border-radius:12px;display:flex;gap:16px;padding:20px}.global-optout-section svg{color:#f57c00;flex-shrink:0}.global-optout-section>div{flex:1 1}.global-optout-section h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 4px}.global-optout-section p{color:#666;font-size:14px;margin:0}.compliance-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:24px;padding:32px}.compliance-section h2{color:#1a1a1a;font-size:20px;margin:0 0 24px}.compliance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.compliance-item{display:flex;flex-direction:column;gap:8px}.compliance-item strong{color:#666;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.compliance-item span{color:#1a1a1a;font-size:14px}.history-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:32px}.history-section h2{align-items:center;color:#1a1a1a;display:flex;font-size:20px;gap:12px;margin:0 0 24px}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{background:#f8f9fa;border-radius:8px;display:flex;gap:16px;padding:16px}.history-icon{align-items:center;background:#fff;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.history-icon .success{color:#10b981}.history-icon .error{color:#ef4444}.history-icon .warning{color:#f59e0b}.history-content{flex:1 1}.history-content strong{color:#1a1a1a;font-size:14px}.history-content span{color:#666;font-size:13px}.history-meta{color:#999;font-size:12px;margin-top:6px}.loading-state{color:#666;font-size:14px;padding:60px 20px;text-align:center}.empty-state{color:#999}.empty-state svg{color:#ddd}.btn-primary{background:#155a51;border-radius:6px;gap:8px;padding:10px 20px}.btn-primary:hover{background:#124740}.btn-secondary{border:2px solid #155a51;border-radius:6px;color:#155a51;padding:10px 20px}.btn-secondary:hover{background:#f5f5f5}.btn-icon{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.btn-icon:hover{background:#f5f5f5;color:#155a51}.modal-content{max-width:500px;width:90%}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h2{color:#1a1a1a;font-size:20px}.modal-body p{color:#666;font-size:14px;margin:0 0 20px}.bulk-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px;transition:background .2s}.bulk-checkbox:hover{background:#f5f5f5}.bulk-checkbox input{cursor:pointer;height:18px;width:18px}.modal-footer{border-top:1px solid #e0e0e0}@media (max-width:768px){.preferences-grid,.stats-grid{grid-template-columns:1fr}.overview-header,.view-header{flex-direction:column;gap:16px}.merchant-title{align-items:flex-start;flex-direction:column}.filters-bar{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.merchants-table{overflow-x:auto}}.staff-activity{margin:0 auto;max-width:1400px;padding:24px}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px}.header-left{align-items:center;display:flex;gap:16px}.header-left svg{color:#1a6f63;color:var(--primary,#1a6f63)}.header-left h1{color:#111827;color:var(--text-primary,#111827);font-size:28px;font-weight:700;margin:0}.subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:4px 0 0}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{border:1px solid var(--border,#e5e7eb)}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon.error{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.stat-icon.users{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stat-icon.activity{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.stat-label{color:var(--text-secondary,#6b7280);margin-bottom:4px}.stat-value{color:#111827;color:var(--text-primary,#111827)}.filters-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;margin-bottom:24px;overflow:hidden}.filters-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;justify-content:space-between;padding:16px 20px}.filters-content{display:flex;flex-direction:column;gap:16px;padding:20px}.filter-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{flex-direction:column}.filter-group label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;font-weight:600}.filter-group input,.filter-group select{border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s ease}.filter-group input:focus,.filter-group select:focus{border-color:#1a6f63;border-color:var(--primary,#1a6f63);box-shadow:0 0 0 3px #1a6f631a;outline:none}.search-input{align-items:center;display:flex;position:relative}.search-input svg{color:#6b7280;color:var(--text-secondary,#6b7280);left:12px;position:absolute}.search-input input{padding-left:40px;width:100%}.date-input{align-items:center;display:flex;position:relative}.date-input svg{color:#6b7280;color:var(--text-secondary,#6b7280);left:12px;pointer-events:none;position:absolute}.date-input input{padding-left:40px;width:100%}.filter-actions{align-items:flex-end;display:flex}.logs-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;overflow:hidden}.logs-table{display:flex;flex-direction:column}.log-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light,#f3f4f6);transition:background-color .2s ease}.log-item:hover{background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb)}.log-item:last-child{border-bottom:none}.log-main{align-items:flex-start;display:flex;gap:16px;padding:20px}.log-status{padding-top:2px}.log-status,.status-icon{flex-shrink:0}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}.status-icon.warning{color:#f59e0b}.log-content{flex:1 1;min-width:0}.log-header{align-items:flex-start;gap:16px;justify-content:space-between;margin-bottom:12px}.log-action,.log-header{display:flex;flex-wrap:wrap}.log-action{align-items:center;gap:8px}.log-resource{gap:4px}.log-meta,.log-resource{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:13px}.log-meta{flex-wrap:wrap;gap:12px}.log-duration,.log-time{align-items:center;display:flex;gap:4px}.log-status-code{border-radius:4px;font-size:12px;font-weight:600;padding:2px 8px}.log-status-code.status-2xx{background:#d1fae5;color:#065f46}.log-status-code.status-3xx{background:#dbeafe;color:#1e40af}.log-status-code.status-4xx{background:#fef3c7;color:#92400e}.log-status-code.status-5xx{background:#fee2e2;color:#991b1b}.log-details{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.log-user{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:8px}.user-email{color:#111827;color:var(--text-primary,#111827);font-weight:500}.log-path{font-size:13px}.log-path code{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:4px;color:#374151;color:var(--text-primary,#374151);font-family:Monaco,Consolas,monospace;font-size:12px;padding:4px 8px}.log-error{align-items:center;background:#fef2f2;border-left:3px solid #ef4444;border-radius:6px;color:#991b1b;display:flex;font-size:13px;gap:8px;margin-top:8px;padding:8px 12px}.log-expanded{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;margin-top:16px;padding:16px}.expanded-section{margin-bottom:16px}.expanded-section:last-child{margin-bottom:0}.expanded-section strong{color:#111827;color:var(--text-primary,#111827);display:block;font-size:13px;margin-bottom:8px}.expanded-content{color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;font-size:13px;gap:4px}.code-block{background:#1f2937;color:#f3f4f6;font-family:Monaco,Consolas,monospace;margin:0;overflow-x:auto;padding:12px}.badge,.code-block{border-radius:6px;font-size:12px}.badge{align-items:center;display:inline-flex;padding:4px 10px;white-space:nowrap}.badge-info{background:#dbeafe;color:#1e40af}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-primary{background:#ede9fe;color:#5b21b6}.badge-secondary{background:#f3f4f6;color:#374151}.badge-default{background:#f3f4f6;color:#6b7280}.badge-role{font-size:11px;padding:3px 8px}.badge-admin{background:linear-gradient(135deg,#1a6f63,#155a51);color:#fff}.badge-tech{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.badge-marketing{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.badge-accounting{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.badge-support{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.btn{border-radius:8px;font-size:14px;padding:10px 16px;transition:all .2s ease}.btn-primary{background:#1a6f63;background:var(--primary,#1a6f63)}.btn-primary:hover:not(:disabled){background:#155a51;background:var(--primary-dark,#155a51);box-shadow:0 4px 12px #1a6f634d;transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border,#e5e7eb);color:var(--text-primary,#374151)}.btn-secondary:hover:not(:disabled){background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-color:#d1d5db;border-color:var(--border-dark,#d1d5db)}.btn-ghost{background:#0000;border:none;color:#6b7280;color:var(--text-secondary,#6b7280)}.btn-ghost:hover:not(:disabled){background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#374151;color:var(--text-primary,#374151)}.pagination{border-top:1px solid var(--border,#e5e7eb);flex-wrap:wrap;gap:12px}.pagination-info{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.insights-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;margin-top:32px;padding:24px}.insights-section h3{color:#111827;color:var(--text-primary,#111827);font-size:18px;font-weight:700;margin:0 0 20px}.insights-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.insight-card{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #f3f4f6;border:1px solid var(--border-light,#f3f4f6);border-radius:8px;padding:16px;transition:all .2s ease}.insight-card:hover{background:#fff;box-shadow:0 2px 8px #0000000f}.insight-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;margin-bottom:8px}.insight-value{color:#111827;color:var(--text-primary,#111827);font-size:20px;font-weight:700}.alert{border-radius:8px;gap:12px;padding:16px}.alert-error{background:#fef2f2}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 24px}.spinner{animation:spin .8s linear infinite;border:4px solid #f3f4f6;border-top-color:#1a6f63;border:4px solid var(--border-light,#f3f4f6);border-radius:50%;border-top-color:var(--primary,#1a6f63);height:40px;width:40px}.loading-state p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0}.empty-state{gap:12px;padding:80px 24px}.empty-state svg{color:var(--text-tertiary,#d1d5db)}.empty-state h3{color:var(--text-primary,#374151);font-weight:600;margin:0}.empty-state p{color:#6b7280;color:var(--text-secondary,#6b7280)}@media (max-width:768px){.staff-activity{padding:16px}.page-header{flex-direction:column}.header-actions,.header-left{width:100%}.header-actions .btn{flex:1 1;justify-content:center}.filter-row,.stats-grid{grid-template-columns:1fr}.log-header{align-items:flex-start;flex-direction:column}.log-meta{width:100%}.pagination{flex-direction:column;gap:16px}.pagination .btn{width:100%}.insights-grid{grid-template-columns:1fr}}@media (max-width:480px){.header-left h1{font-size:22px}.stat-value{font-size:20px}.log-main{padding:16px}.btn{font-size:13px;padding:8px 12px}}:root{--ga4-primary:#4f46e5;--ga4-primary-dark:#4338ca;--ga4-primary-light:#818cf8;--ga4-secondary:#7c3aed;--ga4-accent:#ec4899;--ga4-success:#10b981;--ga4-success-light:#d1fae5;--ga4-warning:#f59e0b;--ga4-warning-light:#fef3c7;--ga4-danger:#ef4444;--ga4-danger-light:#fee2e2;--ga4-info:#3b82f6;--ga4-info-light:#dbeafe;--ga4-gray-50:#f9fafb;--ga4-gray-100:#f3f4f6;--ga4-gray-200:#e5e7eb;--ga4-gray-300:#d1d5db;--ga4-gray-400:#9ca3af;--ga4-gray-500:#6b7280;--ga4-gray-600:#4b5563;--ga4-gray-700:#374151;--ga4-gray-800:#1f2937;--ga4-gray-900:#111827;--ga4-shadow-sm:0 1px 2px 0 #0000000d;--ga4-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--ga4-shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--ga4-shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--ga4-shadow-xl:0 25px 50px -12px #00000040;--ga4-radius:12px;--ga4-radius-lg:16px;--ga4-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.ga4-platform-config{background:linear-gradient(180deg,#f9fafb,#fff);background:linear-gradient(180deg,var(--ga4-gray-50) 0,#fff 100%);margin:0 auto;max-width:1400px;min-height:100vh;padding:0}.ga4-platform-config.loading{align-items:center;background:#0000;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:500px}.ga4-platform-config.loading p{color:#4b5563;color:var(--ga4-gray-600);font-size:16px;font-weight:500}.ga4-platform-header{background:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#ec4899);margin-bottom:0;overflow:hidden;padding:48px 40px;position:relative}.ga4-platform-header:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0,#0000 40%),radial-gradient(circle at 40% 80%,#ffffff0d 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ga4-platform-header:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:400px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:400px}.ga4-platform-header h2{align-items:center;color:#fff;display:flex;font-size:32px;font-weight:700;gap:14px;margin-bottom:12px;position:relative;z-index:1}.ga4-platform-header h2:before{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 19v-6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2zm0 0V9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v10m-6 0a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2m0 0V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:28px;border-radius:12px;content:"";display:flex;height:48px;justify-content:center;width:48px}.ga4-platform-description{color:#ffffffe6;font-size:16px;line-height:1.7;margin:0;max-width:700px;position:relative;z-index:1}.ga4-content-wrapper{padding:32px 40px 48px}.alert{align-items:center;animation:slideInDown .3s ease-out;border-radius:12px;border-radius:var(--ga4-radius);font-size:14px;margin:32px 40px 0;position:relative}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fecaca;color:#991b1b}.alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #a7f3d0;color:#065f46}.alert-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fde68a;color:#92400e}.alert-icon{flex-shrink:0;font-size:20px}.alert-close{align-items:center;background:#0000000d;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:28px;justify-content:center;margin-left:auto;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ga4-transition);width:28px}.alert-close:hover{background-color:#0000001a;transform:scale(1.1)}.config-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:32px 40px}.config-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--ga4-gray-200);border-radius:16px;border-radius:var(--ga4-radius-lg);overflow:hidden;position:relative}.config-card,.config-card:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ga4-transition)}.config-card:before{background:linear-gradient(90deg,#4f46e5,#7c3aed);background:linear-gradient(90deg,var(--ga4-primary) 0,var(--ga4-secondary) 100%);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0}.config-card:hover{border-color:#818cf8;border-color:var(--ga4-primary-light);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--ga4-shadow-lg);transform:translateY(-4px)}.config-card:hover:before{opacity:1}.config-card:first-child:before{background:linear-gradient(90deg,#4f46e5,#7c3aed)}.config-card:nth-child(2):before{background:linear-gradient(90deg,#10b981,#059669)}.config-card:nth-child(3):before{background:linear-gradient(90deg,#f59e0b,#d97706)}.config-card-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--ga4-gray-50) 0,#fff 100%);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--ga4-gray-100);display:flex;justify-content:space-between;padding:24px}.config-card-header h3{align-items:center;color:#1f2937;color:var(--ga4-gray-800);display:flex;font-size:18px;font-weight:600;gap:12px;margin:0}.config-icon{align-items:center;border-radius:12px;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.config-card:first-child .config-icon{background:linear-gradient(135deg,#4f46e51a,#7c3aed1a)}.config-card:nth-child(2) .config-icon{background:linear-gradient(135deg,#10b9811a,#0596691a)}.config-card:nth-child(3) .config-icon{background:linear-gradient(135deg,#f59e0b1a,#d977061a)}.status-badge{display:flex;letter-spacing:.5px}.status-badge:before{border-radius:50%;content:"";flex-shrink:0;height:8px;width:8px}.status-badge.enabled{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.enabled:before{animation:pulse-green 2s infinite;background-color:#10b981;box-shadow:0 0 0 3px #10b98133}@keyframes pulse-green{0%,to{box-shadow:0 0 0 3px #10b98133}50%{box-shadow:0 0 0 6px #10b9811a}}.status-badge.disabled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-badge.disabled:before{background-color:#ef4444}.config-card-body{padding:24px}.config-description{color:#4b5563;color:var(--ga4-gray-600);font-size:14px;line-height:1.6;margin-bottom:20px}.measurement-id-display{display:flex;flex-direction:column;gap:10px}.measurement-id-display label{color:#6b7280;color:var(--ga4-gray-500);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.id-container{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:linear-gradient(135deg,var(--ga4-gray-50) 0,var(--ga4-gray-100) 100%);border:1px solid #e5e7eb;border:1px solid var(--ga4-gray-200);border-radius:10px;display:flex;gap:12px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ga4-transition)}.id-container:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#818cf8;border-color:var(--ga4-primary-light)}.id-container code{background:#0000;color:#4f46e5;color:var(--ga4-primary);flex:1 1;font-family:SF Mono,Monaco,Menlo,Courier New,monospace;font-size:14px;font-weight:600;letter-spacing:.5px;padding:0}.copy-btn{align-items:center;background:linear-gradient(135deg,#fff,#f9fafb);background:linear-gradient(135deg,#fff 0,var(--ga4-gray-50) 100%);border:1px solid #d1d5db;border:1px solid var(--ga4-gray-300);border-radius:8px;color:#4b5563;color:var(--ga4-gray-600);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ga4-transition)}.copy-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--ga4-primary) 0,var(--ga4-secondary) 100%);border-color:#4f46e5;border-color:var(--ga4-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--ga4-shadow);color:#fff;transform:scale(1.05)}.copy-btn:active{transform:scale(.98)}.no-config{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px dashed #fecaca;border-radius:10px;padding:24px;text-align:center}.no-config p{color:#991b1b;font-size:15px;font-weight:600;margin:0 0 8px}.no-config small{background:#ffffff80;border-radius:4px;color:#b91c1c;display:inline-block;font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;padding:4px 10px}.config-guide{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--ga4-gray-200);border-radius:16px;border-radius:var(--ga4-radius-lg);margin:0 40px 24px;overflow:hidden;padding:32px;position:relative}.config-guide:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#ec4899);content:"";height:4px;left:0;position:absolute;right:0;top:0}.config-guide h3{align-items:center;color:#1f2937;color:var(--ga4-gray-800);display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 24px}.guide-content ol{counter-reset:step-counter;list-style:none;margin:0;padding-left:0}.guide-content li{color:#374151;color:var(--ga4-gray-700);counter-increment:step-counter;line-height:1.7;margin-bottom:20px;padding-left:48px;position:relative}.guide-content li:before{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--ga4-primary) 0,var(--ga4-secondary) 100%);border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;left:0;position:absolute;top:0;width:32px}.guide-content li:last-child{margin-bottom:0}.guide-content strong{color:#111827;color:var(--ga4-gray-900);font-weight:600}.guide-content code{background:#f3f4f6;background:var(--ga4-gray-100);border-radius:4px;color:#4f46e5;color:var(--ga4-primary);font-family:SF Mono,Monaco,Menlo,monospace;font-size:13px;padding:2px 8px}.env-example{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--ga4-shadow-md);color:#e2e8f0;font-family:SF Mono,Monaco,Menlo,Courier New,monospace;font-size:13px;line-height:1.8;margin-top:16px;overflow-x:auto;padding:20px;white-space:pre}.env-example::-webkit-scrollbar{height:8px}.env-example::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}.env-example::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.env-example::-webkit-scrollbar-thumb:hover{background:#64748b}.analytics-links{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--ga4-gray-200);border-radius:16px;border-radius:var(--ga4-radius-lg);margin:0 40px 24px;padding:32px}.analytics-links h3{align-items:center;color:#1f2937;color:var(--ga4-gray-800);display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 20px}.links-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.analytics-link{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--ga4-gray-50) 0,#fff 100%);border:1px solid #e5e7eb;border:1px solid var(--ga4-gray-200);border-radius:12px;border-radius:var(--ga4-radius);color:#374151;color:var(--ga4-gray-700);display:flex;gap:14px;overflow:hidden;padding:18px 20px;position:relative;text-decoration:none}.analytics-link,.analytics-link:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ga4-transition)}.analytics-link:before{background:linear-gradient(180deg,#4f46e5,#7c3aed);background:linear-gradient(180deg,var(--ga4-primary) 0,var(--ga4-secondary) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:4px}.analytics-link:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#818cf8;border-color:var(--ga4-primary-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--ga4-shadow);transform:translateX(4px)}.analytics-link:hover:before{opacity:1}.analytics-link:hover .link-arrow{color:#4f46e5;color:var(--ga4-primary);transform:translateX(4px)}.link-icon{align-items:center;background:linear-gradient(135deg,#4f46e51a,#7c3aed1a);border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.link-text{color:#1f2937;color:var(--ga4-gray-800);flex:1 1;font-size:14px;font-weight:600}.link-arrow{color:#9ca3af;color:var(--ga4-gray-400);flex-shrink:0;font-size:18px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ga4-transition)}.info-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:16px;border-radius:var(--ga4-radius-lg);margin:0 40px 40px;overflow:hidden;padding:24px;position:relative}.info-box:before{background:linear-gradient(180deg,#3b82f6,#2563eb);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.info-box h4{align-items:center;color:#1e40af;display:flex;font-size:17px;font-weight:700;gap:8px;margin:0 0 12px}.info-box p{color:#1e3a8a;font-size:14px;line-height:1.7;margin:0}.info-box strong{color:#1e40af;font-weight:600}.merchant-note{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.merchant-note:before{background:linear-gradient(180deg,#10b981,#059669)}.merchant-note h4{color:#065f46}.merchant-note p{color:#047857}.merchant-note strong{color:#065f46}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#4f46e5;border:4px solid var(--ga4-gray-200);border-top-color:var(--ga4-primary);height:56px;position:relative;width:56px}.loading-spinner:after{animation:spin .6s linear infinite reverse;border:4px solid #0000;border-radius:50%;border-top:4px solid var(--ga4-secondary);bottom:8px;content:"";left:8px;position:absolute;right:8px;top:8px}.ga4-stats-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 40px 32px}.ga4-stat-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--ga4-gray-200);border-radius:12px;border-radius:var(--ga4-radius);padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--ga4-transition)}.ga4-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--ga4-shadow);transform:translateY(-2px)}.ga4-stat-card .stat-icon{align-items:center;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;margin-bottom:12px;width:40px}.ga4-stat-card .stat-value{color:#111827;color:var(--ga4-gray-900);font-size:28px;font-weight:700;margin-bottom:4px}.ga4-stat-card .stat-label{color:#6b7280;color:var(--ga4-gray-500);font-size:13px;font-weight:500}@media (max-width:1200px){.config-cards,.ga4-stats-overview,.links-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ga4-platform-header{padding:32px 20px}.ga4-platform-header h2{font-size:24px}.ga4-platform-header h2:before{background-size:22px;height:40px;width:40px}.ga4-platform-description{font-size:14px}.config-cards{grid-template-columns:1fr;margin:24px 20px}.analytics-links,.config-guide,.info-box{margin-left:20px;margin-right:20px;padding:24px}.alert{margin:24px 20px 0}.ga4-stats-overview,.links-grid{grid-template-columns:1fr}.ga4-stats-overview{margin:0 20px 24px}.guide-content li{padding-left:40px}.guide-content li:before{font-size:12px;height:28px;width:28px}.env-example{font-size:11px;padding:16px}.config-card-header{align-items:flex-start;flex-direction:column;gap:12px;padding:20px}.status-badge{align-self:flex-start}.analytics-link{padding:14px 16px}.link-icon{font-size:16px;height:36px;width:36px}}@media (max-width:480px){.ga4-platform-header{padding:24px 16px}.ga4-platform-header h2{font-size:20px;gap:10px}.ga4-platform-header h2:before{background-size:18px;height:36px;width:36px}.alert,.analytics-links,.config-cards,.config-guide,.ga4-stats-overview,.info-box{margin-left:16px;margin-right:16px}.config-card-body{padding:20px}.id-container{align-items:stretch;flex-direction:column;gap:10px}.id-container code{font-size:13px;text-align:center}.copy-btn{justify-content:center;width:100%}.guide-content li{font-size:14px}.env-example{font-size:10px;padding:12px}}@media (prefers-color-scheme:dark){.ga4-platform-config{background:linear-gradient(180deg,#111827,#1f2937)}.config-card{background:#1f2937;border-color:#374151}.config-card-header{background:linear-gradient(135deg,#1f2937,#111827);border-bottom-color:#374151}.config-card-header h3{color:#f9fafb}.config-description{color:#9ca3af}.id-container{background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563}.id-container code{color:#818cf8}.copy-btn{background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563;color:#d1d5db}.analytics-links,.config-guide{background:#1f2937;border-color:#374151}.analytics-links h3,.config-guide h3{color:#f9fafb}.guide-content li{color:#d1d5db}.guide-content strong{color:#f9fafb}.guide-content code{background:#374151}.analytics-link{background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563;color:#d1d5db}.analytics-link:hover{background:linear-gradient(135deg,#4338ca20,#7c3aed20);border-color:#818cf8}.link-text{color:#f9fafb}.ga4-stat-card{background:#1f2937;border-color:#374151}.ga4-stat-card .stat-value{color:#f9fafb}.ga4-stat-card .stat-label{color:#9ca3af}}@media print{.ga4-platform-header{background:#f3f4f6!important;background:var(--ga4-gray-100)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ga4-platform-description,.ga4-platform-header h2{color:#1f2937!important;color:var(--ga4-gray-800)!important}.analytics-link:hover,.config-card:hover{box-shadow:none;transform:none}.copy-btn{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.alert-close:focus,.analytics-link:focus,.copy-btn:focus{outline:2px solid #4f46e5;outline:2px solid var(--ga4-primary);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pos-management{margin:0 auto;max-width:1400px;padding:24px}.pos-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.header-title{align-items:center;display:flex;gap:16px}.header-title svg{color:#6366f1}.header-title h1{color:#1f2937;font-size:24px;font-weight:600;margin:0}.header-title p{color:#6b7280;font-size:14px;margin:4px 0 0}.btn-secondary{border:1px solid #e5e7eb;gap:8px}.btn-secondary:hover{border-color:#d1d5db}.pos-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:24px;padding-bottom:8px}.pos-tabs .tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.pos-tabs .tab:hover{background:#f3f4f6;color:#374151}.pos-tabs .tab.active{background:#6366f1;color:#fff}.pos-overview{display:flex;flex-direction:column;gap:24px}.pos-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.pos-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:20px}.pos-stat-card.highlight{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none}.pos-stat-card.highlight .stat-content h3,.pos-stat-card.highlight .stat-content p{color:#fff}.pos-stat-card.highlight .stat-icon{background:#fff3;color:#fff}.stat-icon.primary{background:#eef2ff;color:#6366f1}.stat-icon.success{background:#dcfce7;color:#16a34a}.stat-icon.warning{background:#fef3c7;color:#d97706}.stat-icon.info{background:#dbeafe;color:#2563eb}.stat-content h3{color:#1f2937;font-size:24px;font-weight:700;margin:0}.stat-content p{color:#6b7280;font-size:14px;margin:4px 0 0}.pos-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.pos-section h2{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:12px;margin:0 0 20px}.pos-section h2 svg{color:#6366f1}.payment-methods-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.payment-method-card{background:#f9fafb;gap:16px;padding:20px}.payment-method-card,.pm-icon{align-items:center;border-radius:10px;display:flex}.pm-icon{background:#fff;box-shadow:0 1px 2px #0000000d;color:#6366f1;height:44px;justify-content:center;width:44px}.pm-details h4{color:#1f2937;font-size:14px;font-weight:600;margin:0}.pm-count{color:#6b7280;font-size:13px;margin:4px 0}.pm-total{color:#16a34a;font-size:16px;font-weight:600;margin:0}.top-merchants-table{overflow-x:auto}.top-merchants-table table{border-collapse:collapse;width:100%}.top-merchants-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:12px 16px;text-align:left;text-transform:uppercase}.top-merchants-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:16px}.top-merchants-table .merchant-info{align-items:center;display:flex;gap:12px}.top-merchants-table .rank{align-items:center;background:#eef2ff;border-radius:50%;color:#6366f1;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.top-merchants-table .amount{color:#16a34a;font-weight:600}.empty-state svg{margin-bottom:16px;opacity:.5}.merchants-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.merchant-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.merchant-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.merchant-header svg{color:#6366f1}.merchant-header h4{color:#1f2937;font-size:15px;font-weight:600;margin:0}.merchant-details p{color:#6b7280;font-size:13px;margin:4px 0}.merchant-stats{border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.merchant-stats span{color:#374151;font-size:13px;font-weight:500}.pos-transactions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.pos-filters{margin-bottom:20px}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-box{background:#f9fafb;border:1px solid #e5e7eb;min-width:200px;padding:8px 14px}.search-box input{background:#0000}.filter-row select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 14px}.date-filter{align-items:center;display:flex;gap:8px}.date-filter svg{color:#9ca3af}.date-filter input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:8px 12px}.date-filter span{color:#9ca3af;font-size:14px}.refresh-btn{background:#fff;border:1px solid #e5e7eb;height:40px;transition:all .2s;width:40px}.refresh-btn:hover{background:#f9fafb;color:#374151}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.transactions-table-container{overflow-x:auto}.transactions-table{border-collapse:collapse;width:100%}.transactions-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:12px 16px;text-align:left;text-transform:uppercase}.transactions-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:16px}.transactions-table .order-number{color:#6366f1;font-family:monospace;font-weight:500}.transactions-table .amount{color:#1f2937;font-weight:600}.payment-method{align-items:center;color:#6b7280;display:inline-flex;font-size:13px;gap:6px}.status-badge.success{background:#dcfce7;color:#16a34a}.status-badge.warning{background:#fef3c7;color:#d97706}.status-badge.danger{background:#fee2e2;color:#dc2626}.action-btn.view{background:#eef2ff;color:#6366f1}.action-btn.view:hover{background:#6366f1;color:#fff}.empty-row,.loading-row{color:#9ca3af;padding:60px 20px!important;text-align:center}.loading-row{justify-content:center}.empty-row,.loading-row{align-items:center;display:flex;gap:12px}.empty-row{flex-direction:column}.empty-row svg{opacity:.3}.pagination{margin-top:20px;padding-top:20px}.pagination button{border:1px solid #e5e7eb;color:#6b7280}.pagination button:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.pagination span{color:#374151}.pagination small{color:#9ca3af;margin-left:8px}.error-banner{background:#fee2e2;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:12px 16px}.modal-content{box-shadow:0 25px 50px -12px #00000040;max-width:700px}.modal-header h2{gap:12px}.close-btn{font-size:20px}.order-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.detail-group label{color:#6b7280;display:block;font-size:12px;font-weight:500;margin-bottom:6px;text-transform:uppercase}.detail-group p{color:#1f2937;font-size:15px;margin:0}.detail-group .amount-large{color:#16a34a;font-size:20px;font-weight:700}.customer-section,.items-section,.metadata-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.customer-section h3,.items-section h3,.metadata-section h3{color:#1f2937;font-size:15px;font-weight:600;margin:0 0 16px}.customer-details p,.metadata-details p{color:#374151;font-size:14px;margin:8px 0}.items-table{border-collapse:collapse;width:100%}.items-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:10px 12px;text-align:left;text-transform:uppercase}.items-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px}.items-table small{color:#9ca3af}.items-table tfoot td{background:#f9fafb;font-size:14px}.items-table .discount-row td{color:#dc2626}.items-table .total-row td{font-size:16px}@media (max-width:1024px){.merchants-grid,.order-details-grid,.payment-methods-grid,.pos-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pos-management{padding:16px}.pos-header{flex-direction:column;gap:16px}.merchants-grid,.payment-methods-grid,.pos-stats-grid{grid-template-columns:1fr}.filter-row{flex-direction:column}.search-box{width:100%}.date-filter{flex-wrap:wrap;width:100%}.order-details-grid{grid-template-columns:1fr}.modal-content{margin:10px;max-height:95vh}}.pos-settlement{background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin:0 auto;max-width:1600px;min-height:100vh;padding:32px}.pos-settlement-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.pos-settlement-header h1{align-items:center;color:#1e293b;display:flex;font-size:2rem;font-weight:700;gap:14px;letter-spacing:-.02em;margin:0}.pos-settlement-header h1 svg{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:14px;color:#6366f1;height:48px;padding:12px;width:48px}.header-actions{gap:12px}.pos-settlement .stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.pos-settlement .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000a;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.pos-settlement .stat-card:before{background:#e2e8f0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.pos-settlement .stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.pos-settlement .stat-card.warning:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.pos-settlement .stat-card.danger:before{background:linear-gradient(90deg,#ef4444,#f87171)}.pos-settlement .stat-card.success:before{background:linear-gradient(90deg,#10b981,#34d399)}.pos-settlement .stat-label{align-items:center;color:#64748b;display:flex;font-size:.6875rem;font-weight:600;gap:6px;letter-spacing:.03em;margin-bottom:8px;text-transform:uppercase}.pos-settlement .stat-label svg{color:#94a3b8;height:14px;width:14px}.pos-settlement .stat-value{color:#0f172a;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.pos-settlement .stat-subtext{color:#94a3b8;font-size:.6875rem;font-weight:500;margin-top:4px}.pos-settlement .filters-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000a;margin-bottom:20px;padding:16px 20px}.pos-settlement .filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.pos-settlement .filter-group{display:flex;flex:0 0 200px;flex-direction:column;gap:6px;max-width:220px;min-width:160px}.pos-settlement .filter-group label{color:#64748b;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pos-settlement .filter-group input,.pos-settlement .filter-group select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:.8125rem;font-weight:500;height:38px;padding:8px 12px;transition:all .2s ease;width:100%}.pos-settlement .filter-group input:focus,.pos-settlement .filter-group select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.pos-settlement .search-wrapper{position:relative;width:100%}.pos-settlement .search-wrapper svg{color:#94a3b8;height:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:14px}.pos-settlement .search-wrapper input{padding-left:36px;width:100%}.table-container{background:#fff;border:none;border-radius:20px;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:16px 20px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.9375rem;padding:20px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:linear-gradient(90deg,#fafbfc,#f8fafc)}.merchant-cell{display:flex;flex-direction:column;gap:4px}.merchant-name{color:#1e293b;font-size:.9375rem}.merchant-email{font-size:.8125rem}.amount{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.9375rem;font-weight:700}.amount.positive{color:#dc2626}.amount.zero{color:#10b981}.status-badge{border-radius:100px;gap:6px;letter-spacing:.04em;padding:6px 14px;text-transform:uppercase}.status-badge.overdue{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.status-badge.pending{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.status-badge.paid{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.status-badge.blocked{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.status-badge.active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-sm{border-radius:10px;font-size:.8125rem;padding:8px 14px}.pos-settlement .btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;box-shadow:0 2px 8px #6366f14d;color:#fff!important}.pos-settlement .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca)!important;box-shadow:0 4px 12px #6366f166;color:#fff!important;transform:translateY(-1px)}.pos-settlement .btn-secondary{background:#f1f5f9!important;border:1px solid #e2e8f0;color:#475569!important}.pos-settlement .btn-secondary:hover:not(:disabled){background:#e2e8f0!important;border-color:#cbd5e1;color:#334155!important}.pos-settlement .btn-success{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 2px 8px #10b9814d;color:#fff!important}.pos-settlement .btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 4px 12px #10b98166;color:#fff!important;transform:translateY(-1px)}.pos-settlement .btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 2px 8px #f59e0b4d;color:#fff!important}.pos-settlement .btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)!important;box-shadow:0 4px 12px #f59e0b66;color:#fff!important;transform:translateY(-1px)}.pos-settlement .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 2px 8px #ef44444d;color:#fff!important}.pos-settlement .btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 4px 12px #ef444466;color:#fff!important;transform:translateY(-1px)}.btn-icon{background:none;padding:10px}.pagination{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;padding:20px 24px}.pagination-info{background:#e2e8f0;border-radius:100px;font-weight:500;padding:8px 16px}.pagination-buttons{display:flex;gap:8px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99}.modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:640px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:24px 28px}.modal-header h2{align-items:center;display:flex;font-size:1.375rem;gap:14px}.modal-header h2 svg{color:#6366f1}.modal-close{border-radius:12px;padding:10px;transition:all .2s ease}.modal-close:hover{color:#334155}.modal-body{padding:28px}.modal-footer{background:#f8fafc;border-radius:0 0 24px 24px;padding:20px 28px}.detail-section{margin-bottom:28px}.detail-section h3{border-bottom:2px solid #f1f5f9;color:#64748b;font-size:.8125rem;font-weight:700;letter-spacing:.06em;margin-bottom:16px;padding-bottom:12px;text-transform:uppercase}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.detail-item{background:#f8fafc;border-radius:12px;gap:6px;padding:16px}.detail-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.detail-value{color:#1e293b;font-size:1rem;font-weight:600}.form-group{margin-bottom:24px}.form-group label{color:#334155;margin-bottom:10px}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border-radius:12px;color:#1e293b;font-size:.9375rem;padding:14px 18px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.form-group textarea{min-height:120px}.alert{align-items:flex-start;border-radius:14px;display:flex;font-weight:500;gap:14px;margin-bottom:24px;padding:16px 20px}.alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.alert-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.alert-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.invoices-list{border:2px solid #e2e8f0;border-radius:16px;overflow:hidden}.invoice-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s ease}.invoice-item:last-child{border-bottom:none}.invoice-item:hover{background:#f8fafc}.invoice-info{display:flex;flex-direction:column;gap:4px}.invoice-number{color:#1e293b;font-weight:600}.invoice-period{color:#94a3b8;font-size:.8125rem}.invoice-actions{align-items:center;display:flex;gap:14px}.loading-spinner{align-items:center;color:#94a3b8;display:flex;justify-content:center;padding:80px}.loading-spinner svg{animation:spin 1s linear infinite}.empty-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.empty-state svg{height:64px;margin-bottom:20px;opacity:.4;width:64px}.empty-state p{font-size:1rem;font-weight:500}.tabs{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000a;display:inline-flex;gap:4px;margin-bottom:24px;padding:6px}.tab{background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;font-size:.9375rem;font-weight:600;padding:12px 28px;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab:hover{background:#f1f5f9;color:#334155}.tab.active{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 8px #6366f14d;color:#fff}@media (max-width:1200px){.pos-settlement .stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.pos-settlement{padding:16px}.pos-settlement-header{align-items:flex-start;flex-direction:column}.pos-settlement-header h1{font-size:1.25rem}.pos-settlement .stats-grid{grid-template-columns:repeat(2,1fr)}.pos-settlement .stat-value{font-size:1rem}.pos-settlement .filters-row{flex-direction:column}.pos-settlement .filter-group{width:100%}.data-table{display:block;overflow-x:auto}.detail-grid{grid-template-columns:1fr}.modal{border-radius:16px;margin:10px;max-height:calc(100vh - 20px)}.tabs{display:flex;width:100%}.tab{flex:1 1;font-size:.8125rem;padding:10px 12px;text-align:center}}@media (max-width:480px){.pos-settlement .stats-grid{grid-template-columns:1fr}}.pos-settlement button.btn-primary,.pos-settlement button.btn-primary:active,.pos-settlement button.btn-primary:focus,.pos-settlement button.btn-primary:hover{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important}.pos-settlement button.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca)!important;color:#fff!important}.pos-settlement button.btn-secondary,.pos-settlement button.btn-secondary:focus{background:#f1f5f9!important;color:#475569!important}.pos-settlement button.btn-secondary:active,.pos-settlement button.btn-secondary:hover:not(:disabled){background:#e2e8f0!important;color:#1e293b!important}.pos-settlement button.btn-success,.pos-settlement button.btn-success:focus{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.pos-settlement button.btn-success:active,.pos-settlement button.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)!important;color:#fff!important}.pos-settlement button.btn-warning,.pos-settlement button.btn-warning:focus{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}.pos-settlement button.btn-warning:active,.pos-settlement button.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)!important;color:#fff!important}.pos-settlement button.btn-danger,.pos-settlement button.btn-danger:focus{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}.pos-settlement button.btn-danger:active,.pos-settlement button.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)!important;color:#fff!important}.pos-settlement button.btn svg{color:inherit!important}.pos-settlement .stats-grid.transaction-summary{grid-template-columns:repeat(4,1fr)}.pos-settlement .amount.negative{color:#10b981}.pos-settlement .data-table tr.refunded-row td{background:linear-gradient(90deg,#fef2f2,#fff5f5)}@media (max-width:1200px){.pos-settlement .stats-grid.transaction-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.pos-settlement .stats-grid.transaction-summary{grid-template-columns:1fr}}.pos-settlement .pagination{align-items:center;background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.pos-settlement .pagination-info{color:#64748b;font-size:.875rem;font-weight:500}.pos-settlement .pagination-buttons{align-items:center;display:flex;gap:8px}.pos-settlement .pagination-current{color:#475569;font-size:.875rem;font-weight:600;padding:0 12px;white-space:nowrap}.pos-settlement .pagination-buttons .btn{align-items:center;border-radius:8px;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.pos-settlement .pagination-buttons .btn:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px)}.pos-settlement .pagination-buttons .btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:640px){.pos-settlement .pagination{align-items:stretch;flex-direction:column}.pos-settlement .pagination-buttons{justify-content:center}.pos-settlement .pagination-info{text-align:center}}.tm-management-container{background:#f9fafb;min-height:100vh;padding:24px 32px}.tm-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.tm-header h1{color:#111827;font-size:24px;font-weight:700;margin:0 0 4px}.tm-header p{color:#6b7280;font-size:14px;margin:0}.tm-header-stats{display:flex;gap:12px}.header-stat{background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:70px;padding:12px 16px;text-align:center}.header-stat .stat-num{color:#111827;display:block;font-size:20px;font-weight:700}.header-stat .stat-lbl{color:#6b7280;font-size:11px;text-transform:uppercase}.header-stat.active{border-left:3px solid #10b981}.header-stat.pending{border-left:3px solid #f59e0b}.header-stat.suspended{border-left:3px solid #ef4444}.tm-split-container{display:flex;gap:20px;height:calc(100vh - 160px);min-height:500px}.tm-merchants-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:all .3s ease;width:380px}.tm-merchants-panel.collapsed{border:none;opacity:0;padding:0;width:0}.tm-members-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.panel-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.panel-header h2{color:#111827;font-size:16px;font-weight:600;margin:0}.merchant-count{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:13px;padding:4px 10px}.panel-header.with-back{gap:12px}.back-btn{align-items:center;background:#10b981;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.back-btn:hover{background:#059669}.back-btn svg{stroke:#fff;stroke-width:2.5px;color:#fff}.selected-store-info{flex:1 1;min-width:0}.selected-store-info h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-store-info span{color:#6b7280;font-size:13px}.refresh-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.refresh-btn:hover{background:#e5e7eb;color:#111827}.panel-search{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-shrink:0;padding:12px 16px;position:relative}.panel-search svg{color:#9ca3af;left:28px;pointer-events:none;position:absolute}.panel-search input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 12px 10px 38px;transition:all .2s ease;width:100%}.panel-search.right-icon svg{left:auto;right:12px}.panel-search.right-icon input{padding:10px 38px 10px 12px}.panel-search input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.panel-controls{border-bottom:1px solid #f3f4f6;display:flex;flex-shrink:0;gap:12px;padding:12px 16px}.panel-controls .panel-search{border:none;flex:1 1;padding:0}.panel-filter{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;gap:8px;padding:8px 12px;position:relative}.panel-filter:hover{background:#f3f4f6;border-color:#d1d5db}.panel-filter svg{color:#6b7280;flex-shrink:0}.panel-filter svg.dropdown-icon{color:#9ca3af;margin-left:-4px}.panel-filter select{-webkit-appearance:none;appearance:none;background:none;border:none;color:#374151;cursor:pointer;font-size:13px;outline:none;padding-right:4px}.panel-empty,.panel-loading,.panel-placeholder{align-items:center;color:#9ca3af;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:40px}.panel-empty svg,.panel-placeholder svg{color:#d1d5db}.panel-placeholder h3{color:#374151;font-size:16px;font-weight:600;margin:0}.panel-empty p,.panel-placeholder p{font-size:13px;margin:0;text-align:center}.spinner-small{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}.merchants-list{flex:1 1;overflow-y:auto;padding:8px}.merchant-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:all .2s ease}.merchant-item:hover{background:#f9fafb}.merchant-item.selected{background:#eff6ff;border:1px solid #bfdbfe}.merchant-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.merchant-avatar img{height:100%;object-fit:cover;width:100%}.merchant-info{flex:1 1;min-width:0}.merchant-name{color:#111827;font-size:14px;font-weight:600}.merchant-email,.merchant-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merchant-email{color:#6b7280;font-size:12px}.merchant-team-count{flex-shrink:0;text-align:right}.count-badge{background:#3b82f6;border-radius:10px;color:#fff;display:inline-block;font-size:12px;font-weight:600;min-width:24px;padding:2px 8px;text-align:center}.count-breakdown{display:flex;gap:3px;justify-content:flex-end;margin-top:4px}.mini-badge{border-radius:4px;font-size:10px;font-weight:500;padding:1px 4px}.mini-badge.active{background:#d1fae5;color:#059669}.mini-badge.pending{background:#fef3c7;color:#d97706}.mini-badge.suspended{background:#fee2e2;color:#dc2626}.chevron{color:#9ca3af;flex-shrink:0}.members-list{flex:1 1;overflow-y:auto;padding:8px 12px}.member-item{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;margin-bottom:6px;padding:14px 16px;transition:all .2s ease}.member-item:hover{background:#f9fafb;border-color:#e5e7eb}.member-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:42px;justify-content:center;width:42px}.member-info{flex:1 1;min-width:0}.member-email{color:#111827;font-size:14px;font-weight:500;margin-bottom:4px}.member-meta{align-items:center;display:flex;gap:10px}.member-joined{color:#9ca3af;font-size:12px}.view-icon{color:#9ca3af;flex-shrink:0;opacity:.5;transition:all .2s ease}.member-item:hover .view-icon{color:#10b981;opacity:1}.tm-status-badge{border-radius:6px;flex-shrink:0;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.tm-role-badge,.tm-status-badge{align-items:center;display:inline-flex}.tm-role-badge{border-radius:4px;font-size:11px;font-weight:500;gap:3px;padding:2px 8px}.panel-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:center;padding:12px}.panel-pagination button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease}.panel-pagination button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.panel-pagination button:disabled{cursor:not-allowed;opacity:.5}.panel-pagination span{color:#6b7280;font-size:13px}.flyout-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;left:0;z-index:999}.flyout-overlay,.tm-flyout{bottom:0;position:fixed;right:0;top:0}.tm-flyout{animation:slideIn .3s ease;background:#fff;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;max-width:90vw;width:500px;z-index:1000}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.flyout-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.flyout-header h2{color:#111827;font-size:18px;font-weight:700;margin:0 0 4px}.flyout-header p{color:#6b7280;font-size:13px;margin:0}.close-btn{background:#f3f4f6;flex-shrink:0;height:36px;transition:all .2s ease;width:36px}.close-btn:hover{background:#e5e7eb}.flyout-tabs{border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;padding:0 24px}.flyout-tabs button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:14px 16px;transition:all .2s ease}.flyout-tabs button:hover{color:#374151}.flyout-tabs button.active{border-bottom-color:#3b82f6;color:#3b82f6}.flyout-content{background:#f9fafb;flex:1 1;overflow-y:auto;padding:24px}.info-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:20px}.info-section h3{color:#111827;font-size:14px;font-weight:600;margin:0 0 16px}.detail-list{display:flex;flex-direction:column}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-row label{color:#6b7280;font-size:13px}.detail-row span{color:#111827;font-size:13px;font-weight:500}.detail-row .monospace{color:#6b7280;font-family:monospace}.detail-row .error-text{color:#ef4444}.detail-row .muted-text{color:#9ca3af;font-style:italic}.flyout-status-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 10px}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;gap:12px;padding-bottom:16px;position:relative}.activity-item:not(:last-child):before{background:#e5e7eb;bottom:0;content:"";left:6px;position:absolute;top:20px;width:2px}.activity-dot{background:#3b82f6;border:3px solid #dbeafe;border-radius:50%;flex-shrink:0;height:14px;width:14px;z-index:1}.activity-content{flex:1 1}.activity-header{display:flex;justify-content:space-between;margin-bottom:4px}.activity-type{color:#111827;font-size:13px;font-weight:600}.activity-date{color:#9ca3af;font-size:11px}.activity-desc{color:#6b7280;font-size:12px;margin:0}.empty-state{color:#9ca3af;padding:40px;text-align:center}.empty-state svg{color:#d1d5db;margin-bottom:12px}.empty-state p{font-size:13px}.flyout-actions{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 24px}.archive-btn,.suspend-btn,.unarchive-btn,.unsuspend-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease}.suspend-btn{background:#fff;border:1px solid #ef4444;color:#ef4444}.suspend-btn:hover:not(:disabled){background:#fee2e2}.unsuspend-btn{background:#10b981;color:#fff}.unsuspend-btn:hover:not(:disabled){background:#059669}.archive-btn{background:#fff;border:1px solid #d1d5db;color:#6b7280}.archive-btn:hover:not(:disabled){background:#f3f4f6}.unarchive-btn{background:#3b82f6;color:#fff}.unarchive-btn:hover:not(:disabled){background:#2563eb}.archive-btn:disabled,.suspend-btn:disabled,.unarchive-btn:disabled,.unsuspend-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.tm-split-container{flex-direction:column;height:auto}.tm-merchants-panel{max-height:350px;width:100%}.tm-merchants-panel.collapsed{display:none}.tm-members-panel{min-height:400px}}@media (max-width:768px){.tm-management-container{padding:16px}.tm-header{align-items:flex-start;flex-direction:column}.tm-header-stats{justify-content:space-between;width:100%}.header-stat{flex:1 1;min-width:0;padding:10px}.tm-flyout{width:100%}}.location-management{background:#f8fafc;min-height:100vh;padding:24px}.location-management.loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px}.location-management .spinner{border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0a7d6c;height:40px;margin-bottom:16px;width:40px}.location-management .spinner,.spinning{animation:spin 1s linear infinite}.lm-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.lm-header,.lm-title{align-items:center;display:flex}.lm-title{gap:12px}.lm-title svg{color:#0a7d6c}.lm-title h1{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.lm-title p{color:#64748b;font-size:.875rem;margin:4px 0 0}.lm-refresh-btn{align-items:center;background:#0a7d6c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s}.lm-refresh-btn:hover{background:#065f50}.lm-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.lm-alert{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:10px;margin-bottom:16px;padding:12px 16px}.lm-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.lm-alert.success{background:#f0fdf4;border:1px solid #86efac;color:#16a34a}.lm-alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;margin-left:auto;opacity:.7}.lm-alert button:hover{opacity:1}.lm-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{border-radius:10px;gap:14px;padding:18px 20px}.stat-card svg{background:#f1f5f9;border-radius:8px;color:#64748b;padding:10px}.stat-card.active{background:#f0fdf4;border-color:#86efac}.stat-card.active svg{background:#16a34a;color:#fff}.stat-card.suspended{background:#fef2f2;border-color:#fecaca}.stat-card.suspended svg{background:#dc2626;color:#fff}.stat-value{color:#1e293b;display:block;line-height:1}.stat-label{display:block;letter-spacing:.5px;margin-top:2px}.lm-tier-stats{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:24px;padding:20px}.lm-tier-stats h3{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.tier-bars{display:flex;flex-wrap:wrap;gap:16px}.tier-bar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;min-width:180px;padding:10px 14px}.tier-name{color:#64748b;font-size:.75rem;font-weight:600;min-width:70px;text-transform:uppercase}.bar-container{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;min-width:60px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.tier-count{background:#e2e8f0;border-radius:6px;color:#1e293b;font-size:.875rem;font-weight:700;min-width:32px;padding:4px 10px;text-align:center}.lm-filters{background:#fff;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px 20px}.lm-filters,.search-box{border:1px solid #e2e8f0}.search-box{background:#f8fafc;gap:10px;min-width:250px;padding:0 14px}.search-box:focus-within{background:#fff;border-color:#0a7d6c}.search-box input{background:none;color:#1e293b;padding:12px 0}.search-box input::placeholder{color:#94a3b8}.filter-group{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:0 14px}.filter-group:focus-within{background:#fff;border-color:#0a7d6c}.filter-group svg{color:#94a3b8}.filter-group select{background:none;border:none;color:#1e293b;cursor:pointer;font-size:.875rem;font-weight:500;padding:12px 8px 12px 0}.filter-group select:focus{outline:none}.lm-merchants-list{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.merchant-group{border-bottom:1px solid #e2e8f0}.merchant-group:last-child{border-bottom:none}.merchant-row{align-items:center;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:background .15s}.merchant-row:hover{background:#f8fafc}.merchant-expand{align-items:center;color:#94a3b8;display:flex;flex-shrink:0;justify-content:center;width:20px}.merchant-details{flex:1 1;min-width:0}.merchant-details h4{color:#1e293b;font-size:.9375rem;font-weight:600;line-height:1.3;margin:0}.merchant-name{color:#64748b;display:block;font-size:.8125rem;margin-top:2px}.merchant-email{color:#94a3b8;display:block;font-size:.75rem;margin-top:1px}.merchant-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.tier-badge{border-radius:4px;font-size:.6875rem;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.tier-badge.free{background:#f1f5f9;color:#64748b}.tier-badge.pro{background:#dbeafe;color:#1d4ed8}.tier-badge.premium{background:#ede9fe;color:#6d28d9}.tier-badge.business{background:#fef3c7;color:#d97706}.tier-badge.enterprise{background:#d1fae5;color:#059669}.location-count{color:#64748b;font-size:.8125rem;font-weight:500}.edit-limits-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .15s}.edit-limits-btn:hover{background:#0a7d6c;border-color:#0a7d6c;color:#fff}.locations-list{background:#f8fafc;border-top:1px solid #e2e8f0;padding:12px}.location-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.location-item:last-child{margin-bottom:0}.location-item.suspended{background:#fef2f2;border-color:#fecaca}.location-info{align-items:center;display:flex;flex:1 1;gap:10px}.location-info svg{color:#0a7d6c;flex-shrink:0}.location-info h5{color:#1e293b;font-size:.875rem;font-weight:500;margin:0}.location-code{background:#f1f5f9;border-radius:4px;color:#64748b;display:inline-block;font-family:monospace;font-size:.625rem;margin-left:8px;padding:2px 6px}.location-address{color:#64748b;font-size:.75rem;margin:2px 0 0}.location-badges{display:flex;gap:6px}.badge{border-radius:4px;font-size:.625rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.badge.primary{background:#dbeafe;color:#1d4ed8}.badge.status.active{background:#d1fae5;color:#059669}.badge.status.suspended{background:#fee2e2;color:#dc2626}.location-actions{display:flex;gap:8px;margin-left:16px}.action-btn{font-size:.75rem;font-weight:500;gap:4px;padding:6px 10px;transition:all .15s}.action-btn.suspend{background:#fef2f2;color:#dc2626}.action-btn.suspend:hover{background:#dc2626;color:#fff}.action-btn.unsuspend{background:#f0fdf4;color:#16a34a}.action-btn.unsuspend:hover{background:#16a34a;color:#fff}.no-results{align-items:center;color:#94a3b8;display:flex;flex-direction:column;padding:48px 24px}.no-results svg{color:#cbd5e1;margin-bottom:12px}.no-results p{font-size:.875rem;font-weight:500}.modal-overlay{bottom:0;left:0;right:0;top:0}.modal-content{border-radius:12px;max-width:480px}.modal-header{padding:16px 20px}.modal-header h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.close-btn{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:1.125rem}.close-btn:hover{background:#e2e8f0;color:#1e293b}.modal-body{padding:20px}.merchant-summary{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:14px}.merchant-summary svg{background:#0a7d6c;border-radius:6px;color:#fff;padding:8px}.merchant-summary strong{color:#1e293b;display:block;font-size:.875rem;margin-bottom:2px}.merchant-summary span{color:#64748b;display:block;font-size:.8125rem}.form-group{margin-bottom:16px}.form-group label{color:#1e293b;font-size:.8125rem;margin-bottom:6px}.form-group input,.form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:.875rem;padding:10px 12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#0a7d6c;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group small{color:#64748b;display:block;font-size:.75rem;margin-top:6px}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.btn-cancel,.btn-save{border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 18px}.btn-cancel{background:#fff;border:1px solid #e2e8f0;color:#64748b}.btn-cancel:hover{background:#f8fafc}.btn-save{background:#0a7d6c;border:none;color:#fff}.btn-save:hover{background:#065f50}.btn-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.lm-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.location-management{padding:16px}.lm-header{align-items:stretch;flex-direction:column;gap:16px}.lm-refresh-btn{justify-content:center;width:100%}.lm-stats{gap:12px;grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-value{font-size:1.5rem}.tier-bars{flex-direction:column}.tier-bar{min-width:100%}.lm-filters{flex-direction:column;padding:12px}.search-box{min-width:100%}.merchant-row{flex-wrap:wrap;gap:12px;padding:14px 16px}.merchant-details{flex-basis:calc(100% - 40px);flex-grow:1;flex-shrink:1}.merchant-actions{flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.location-item{align-items:flex-start;flex-direction:column;gap:12px}.location-actions{margin-left:0;width:100%}.action-btn{flex:1 1;justify-content:center}.modal-content{max-width:100%}}@media (max-width:480px){.lm-stats{grid-template-columns:1fr}.stat-card{flex-direction:row;text-align:left}}.waitlist-page{animation:fadeIn .3s ease-out;background:#f8fafc;margin:0 auto;max-width:1800px;min-height:100vh;padding:1.5rem}.waitlist-header{align-items:center;background:linear-gradient(135deg,#0f766e,#0d9488);border-radius:12px;box-shadow:0 4px 12px #0d948833;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.waitlist-header h1{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0}.waitlist-header-actions{align-items:center;display:flex;gap:.75rem}.waitlist-header-actions .btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.813rem;font-weight:600;gap:.5rem;padding:.625rem 1.125rem;transition:all .2s ease}.waitlist-header-actions .btn:hover{background:#ffffff4d;border-color:#ffffff80}.waitlist-header-actions .btn-primary{background:#fff;border-color:#fff;color:#0d9488}.waitlist-header-actions .btn-primary:hover{background:#f0fdf4}.waitlist-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{border:1px solid #e2e8f0;gap:1rem;padding:1.25rem;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-icon{flex-shrink:0}.stat-icon.total{background:#e0f2fe;color:#0369a1}.stat-icon.pending{background:#fef3c7;color:#d97706}.stat-icon.invited{background:#ede9fe;color:#7c3aed}.stat-icon.converted{background:#d1fae5;color:#059669}.stat-content{flex:1 1;min-width:0}.stat-value{color:#0f172a;font-size:1.75rem;font-weight:800;line-height:1.2}.stat-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.waitlist-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.waitlist-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.waitlist-tab:hover{background:#f8fafc;color:#0f172a}.waitlist-tab.active{background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff}.waitlist-tab .count{background:#fff3;border-radius:10px;font-size:.75rem;padding:2px 8px}.waitlist-tab:not(.active) .count{background:#e2e8f0;color:#64748b}.waitlist-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-box{min-width:280px;position:relative}.search-box input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s ease;width:100%}.search-box input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}.search-box svg{color:#94a3b8;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;font-weight:500;padding:.75rem 2.5rem .75rem 1rem}.filter-select:focus{border-color:#0d9488;outline:none}.bulk-actions{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.bulk-actions span{color:#166534;font-size:.875rem;font-weight:600;margin-right:.5rem}.bulk-actions .btn{font-size:.813rem;padding:.5rem 1rem}.subscribers-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.subscribers-table{border-collapse:collapse;width:100%}.subscribers-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.subscribers-table th{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.subscribers-table th.checkbox-col{width:48px}.subscribers-table td{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:.875rem;padding:1rem 1.25rem}.subscribers-table tbody tr{transition:all .15s ease}.subscribers-table tbody tr:hover{background:#f8fafc}.subscribers-table tbody tr.selected{background:#f0fdf4}.email-cell{display:flex;flex-direction:column;gap:2px}.email-primary{color:#0f172a;font-weight:600}.email-secondary{color:#64748b;font-size:.75rem}.status-badge{align-items:center;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px}.status-badge.PENDING{background:#fef3c7;color:#d97706}.status-badge.INVITED{background:#ede9fe;color:#7c3aed}.status-badge.CONVERTED{background:#d1fae5;color:#059669}.status-badge.UNSUBSCRIBED{background:#fee2e2;color:#dc2626}.tags-cell{display:flex;flex-wrap:wrap;gap:4px}.tag{background:#e2e8f0;color:#475569;font-size:.688rem;font-weight:600;padding:2px 8px}.action-btns{display:flex;gap:.25rem}.action-btn{color:#64748b;transition:all .15s ease}.action-btn:hover{background:#f1f5f9;color:#0f172a}.action-btn.email:hover{background:#dbeafe;color:#2563eb}.action-btn.delete:hover{background:#fee2e2;color:#dc2626}.waitlist-pagination{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.25rem}.pagination-info{color:#64748b;font-size:.875rem}.pagination-controls{display:flex;gap:.25rem}.page-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;min-width:36px;transition:all .15s ease}.page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.page-btn.active{background:#0d9488;border-color:#0d9488;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.5}.templates-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.template-card:hover{box-shadow:0 4px 12px #00000014}.template-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1rem 1.25rem}.template-name{color:#0f172a;font-weight:700;margin:0}.template-type{background:#e0f2fe;border-radius:20px;color:#0369a1;font-size:.75rem;font-weight:600;padding:4px 10px}.template-body{padding:1rem 1.25rem}.template-subject{color:#64748b;font-size:.875rem;margin-bottom:.75rem}.template-preview{color:#94a3b8;font-size:.813rem;line-height:1.5;max-height:80px;overflow:hidden}.template-footer{align-items:center;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem 1.25rem}.template-stats{color:#64748b;font-size:.75rem}.campaigns-list{display:flex;flex-direction:column;gap:.75rem}.campaign-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:1.25rem;transition:all .2s ease}.campaign-card:hover{box-shadow:0 4px 12px #00000014}.campaign-info{flex:1 1}.campaign-name{color:#0f172a;font-weight:700;margin:0 0 .25rem}.campaign-meta{color:#64748b;display:flex;font-size:.75rem;gap:1rem}.campaign-stats{display:flex;gap:1.5rem}.campaign-stat{text-align:center}.campaign-stat-value{color:#0f172a;font-size:1.25rem;font-weight:700}.campaign-stat-label{color:#64748b;font-size:.688rem;text-transform:uppercase}.modal-overlay{padding:1rem}.modal-content{box-shadow:0 20px 40px #00000026;max-width:600px;overflow-y:auto}.modal-header{border-bottom:1px solid #e2e8f0;padding:1.25rem 1.5rem}.modal-header h2{color:#0f172a;font-size:1.125rem;font-weight:700}.modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.modal-close:hover{background:#e2e8f0;color:#0f172a}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}.form-group textarea{min-height:150px;resize:vertical}.modal-footer{border-top:1px solid #e2e8f0;gap:.75rem;padding:1rem 1.5rem}.waitlist-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0d9488;height:40px;width:40px}.waitlist-empty{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px;padding:2rem;text-align:center}.waitlist-empty svg{color:#cbd5e1}.waitlist-empty h3{color:#0f172a;font-size:1.125rem;font-weight:700;margin:0}.waitlist-empty p{color:#64748b;font-size:.875rem;margin:0}@media (max-width:1024px){.waitlist-stats{grid-template-columns:repeat(2,1fr)}.waitlist-tabs{overflow-x:auto}}@media (max-width:768px){.waitlist-page{padding:1rem}.waitlist-header{align-items:flex-start;gap:1rem}.waitlist-filters,.waitlist-header{flex-direction:column}.search-box{max-width:100%}.waitlist-stats{grid-template-columns:1fr}.subscribers-table{display:block;overflow-x:auto}.bulk-actions{flex-wrap:wrap}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.email-editor{border:2px solid #e2e8f0;border-radius:8px;overflow:hidden}.email-editor-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.toolbar-btn:hover{background:#e2e8f0;color:#0f172a}.toolbar-btn.active{background:#0d9488;color:#fff}.toolbar-divider{align-self:center;background:#e2e8f0;height:24px;margin:0 .25rem;width:1px}.email-editor-content{min-height:300px;outline:none;padding:1rem}.email-editor-content:focus{background:#fff}.sending-indicator{align-items:center;color:#0d9488;display:inline-flex;font-size:.813rem;font-weight:600;gap:.5rem}.sending-indicator .spin{animation:spin 1s linear infinite}.website-leads-management{margin:0 auto;max-width:1400px;padding:24px}.leads-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.leads-header .header-left h1{align-items:center;color:#1f2937;display:flex;font-size:24px;font-weight:600;gap:10px;margin:0 0 4px}.leads-header .header-subtitle{color:#6b7280;font-size:14px;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-primary{align-items:center;background:#0f766e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:background .2s}.btn-primary:hover{background:#0d5c56}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-sm{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 12px;transition:all .2s}.btn-sm:hover{background:#f9fafb}.btn-sm.danger{border-color:#fecaca;color:#dc2626}.btn-sm.danger:hover{background:#fef2f2}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;gap:16px;padding:20px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;height:48px;justify-content:center;width:48px}.stat-icon.contact,.stat-icon.total{background:#e0e7ff;color:#4f46e5}.stat-icon.newsletter{background:#d1fae5;color:#059669}.stat-icon.popup{background:#ffedd5;color:#ea580c}.stat-icon.today{background:#fef3c7;color:#d97706}.stat-info{display:flex;flex-direction:column}.stat-value{color:#1f2937;font-size:24px;font-weight:700}.stat-label{color:#6b7280;font-size:13px}.leads-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:4px;margin-bottom:20px;padding-bottom:0}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-1px;padding:12px 20px;transition:all .2s}.tab-btn:hover{color:#374151}.tab-btn.active{border-bottom-color:#0f766e;color:#0f766e}.leads-filters{flex-wrap:wrap;gap:12px;margin-bottom:20px}.leads-filters,.search-box{align-items:center;display:flex}.search-box{background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1 1;gap:8px;max-width:400px;min-width:240px;padding:10px 14px}.search-box svg{color:#9ca3af}.search-box input{border:none;color:#1f2937;flex:1 1;font-size:14px;outline:none}.search-box input::placeholder{color:#9ca3af}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-size:14px;min-width:140px;padding:10px 14px}.bulk-actions{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:8px;margin-left:auto;padding:8px 12px}.bulk-actions span{color:#6b7280;font-size:13px;font-weight:500}.leads-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.empty-state,.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state svg,.loading-state svg{color:#9ca3af;margin-bottom:16px}.empty-state h3{color:#374151;font-size:18px;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.leads-table{border-collapse:collapse;width:100%}.leads-table td,.leads-table th{border-bottom:1px solid #e5e7eb;padding:14px 16px;text-align:left}.leads-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.leads-table tbody tr:hover,.leads-table th{background:#f9fafb}.leads-table input[type=checkbox]{cursor:pointer;height:16px;width:16px}.lead-contact{display:flex;flex-direction:column;gap:2px}.lead-email{color:#1f2937;font-size:14px;font-weight:500}.lead-name{color:#6b7280;font-size:13px}.lead-phone{color:#9ca3af;display:flex}.lead-phone,.type-badge{align-items:center;font-size:12px;gap:4px}.type-badge{border-radius:20px;display:inline-flex;font-weight:500;padding:4px 10px;text-transform:capitalize}.status-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 28px 6px 10px}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.lead-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{background:#e5e7eb;border-radius:4px;color:#374151;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px}.tag.more{background:#f3f4f6;color:#6b7280}.no-tags{color:#9ca3af;font-size:13px}.lead-source{max-width:120px;overflow:hidden;text-overflow:ellipsis}.lead-date,.lead-source{color:#6b7280;font-size:13px;white-space:nowrap}.lead-actions{display:flex;gap:4px}.action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.action-btn:hover{background:#f3f4f6;color:#374151}.action-btn.danger:hover{background:#fef2f2;color:#dc2626}.action-btn:disabled{cursor:not-allowed;opacity:.5}.pagination{background:#f9fafb;border-top:1px solid #e5e7eb;gap:16px;padding:20px}.pagination,.pagination button{align-items:center;display:flex;justify-content:center}.pagination button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;height:36px;transition:all .2s;width:36px}.pagination button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#6b7280;font-size:14px}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-content{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.lead-modal{max-width:600px}.settings-modal{max-width:700px}.tag-modal{max-width:450px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{overflow-y:auto;padding:24px}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.lead-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:span 2}.detail-item label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-item p,.detail-item span{color:#1f2937;font-size:14px;margin:0}.lead-message,.lead-notes{background:#f9fafb;border-radius:8px;line-height:1.5;padding:12px;white-space:pre-wrap}.source-url{color:#0f766e;word-break:break-all}.settings-section{border-bottom:1px solid #e5e7eb;margin-bottom:28px;padding-bottom:24px}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.setting-row{margin-bottom:16px}.setting-row:last-child{margin-bottom:0}.setting-row label{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px;margin-bottom:6px}.setting-row label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.setting-row input[type=email],.setting-row input[type=number],.setting-row input[type=text],.setting-row input[type=url],.setting-row select,.setting-row textarea{border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.setting-row input:focus,.setting-row select:focus,.setting-row textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a;outline:none}.setting-row textarea{min-height:80px;resize:vertical}.setting-row.inline{display:flex;gap:16px}.setting-row.inline>div{flex:1 1}.setting-row.inline input[type=number]{width:100%}.bg-blue-100{background-color:#dbeafe}.text-blue-700{color:#1d4ed8}.bg-yellow-100{background-color:#fef3c7}.text-yellow-700{color:#b45309}.bg-green-100{background-color:#d1fae5}.text-green-700{color:#047857}.bg-purple-100{background-color:#ede9fe}.text-purple-700{color:#6d28d9}.bg-gray-100{background-color:#f3f4f6}.text-gray-700{color:#374151}.bg-red-100{background-color:#fee2e2}.text-red-700{color:#b91c1c}.bg-indigo-100{background-color:#e0e7ff}.text-indigo-700{color:#4338ca}.bg-orange-100{background-color:#ffedd5}.text-orange-700{color:#c2410c}@media (max-width:768px){.website-leads-management{padding:16px}.leads-header{flex-direction:column}.header-actions{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.leads-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.leads-filters{align-items:stretch;flex-direction:column}.search-box{max-width:none}.bulk-actions{justify-content:center;margin-left:0}.leads-table-container{overflow-x:auto}.leads-table{min-width:800px}.lead-detail-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}.setting-row.inline{flex-direction:column}}.toast-container{flex-direction:column;pointer-events:none;position:fixed;right:var(--space-xl);top:var(--space-xl);z-index:9999}.toast,.toast-container{display:flex;gap:var(--space-md)}.toast{align-items:center;animation:toastSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-left:4px solid;border-radius:var(--radius);box-shadow:var(--shadow-xl);max-width:500px;min-width:320px;padding:var(--space-lg);pointer-events:all}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-exit{animation:toastSlideOut .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.toast-success{border-left-color:var(--success-color)}.toast-success .toast-icon{color:var(--success-color)}.toast-error{border-left-color:var(--error-color)}.toast-error .toast-icon{color:var(--error-color)}.toast-warning{border-left-color:var(--warning-color)}.toast-warning .toast-icon{color:var(--warning-color)}.toast-info{border-left-color:var(--info-color)}.toast-info .toast-icon{color:var(--info-color)}.toast-icon{flex-shrink:0}.toast-message{color:var(--text);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.5}.toast-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.toast-close:hover{background:var(--border-light);color:var(--text)}@media (max-width:768px){.toast-container{left:var(--space-md);right:var(--space-md);top:var(--space-md)}.toast{max-width:100%;min-width:0;min-width:auto}}.slide-overlay{animation:slideOverlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes slideOverlayFadeIn{0%{opacity:0}to{opacity:1}}.slide-panel{background:var(--panel);bottom:0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;position:fixed;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1001}.slide-panel.slide-open{transform:translateX(0)}.slide-right{border-left:1px solid var(--border);right:0}.slide-left{border-right:1px solid var(--border);left:0;transform:translateX(-100%)}.slide-left.slide-open{transform:translateX(0)}.slide-sm{width:320px}.slide-md{width:480px}.slide-lg{width:640px}.slide-xl{width:800px}.slide-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-2xl)}.slide-header h2{color:var(--text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);margin:0}.slide-close-btn{align-items:center;background:var(--bg);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.slide-close-btn:hover{background:var(--border-light);color:var(--text)}.slide-body{flex:1 1;overflow-y:auto;padding:var(--space-2xl)}@media (max-width:768px){.slide-lg,.slide-md,.slide-sm,.slide-xl{max-width:90vw;width:100%}.slide-body,.slide-header{padding:var(--space-xl)}}
/*# sourceMappingURL=main.4685d801.css.map*/