.sidebar__logo{width:32px;height:32px;min-width:32px;background:var(--color-primary);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--font-size-lg);cursor:pointer;transition:transform var(--transition-fast)}.sidebar__logo:hover{transform:scale(1.05)}.sidebar__brand-name{font-weight:700;font-size:var(--font-size-lg);color:var(--color-gray-900);margin-left:10px;white-space:nowrap;opacity:1;overflow:hidden;transition:opacity var(--transition-base),width var(--transition-slow)}.sidebar--collapsed .sidebar__brand-name{opacity:0;width:0}.content--no-padding{padding:0;flex:1;display:flex;flex-direction:column}#page-channels{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}#page-channels .page-body{display:grid;grid-template-columns:280px 1fr;flex:1;min-height:0}#page-channels .channel-sidebar{background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}#page-channels .channel-list{padding:var(--spacing-2)}#page-channels .channel-tab{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);border:none;border-radius:var(--border-radius);background:transparent;cursor:pointer;margin-bottom:2px;transition:all var(--transition-fast);width:100%;text-align:left;font-family:inherit}#page-channels .channel-tab:hover{background:var(--color-gray-50)}#page-channels .channel-tab--active{background:var(--color-primary-subtle)}#page-channels .channel-tab__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}#page-channels .channel-tab__icon svg{width:24px;height:24px}#page-channels .channel-tab__info{flex:1;min-width:0}#page-channels .channel-tab__name{font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-900);margin-bottom:2px}#page-channels .channel-tab__count{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:400}#page-channels .channel-tab__status{width:8px;height:8px;border-radius:var(--border-radius-full);background:var(--color-primary);flex-shrink:0}#page-channels .channel-detail{background:#fff;overflow-y:auto}#page-channels .channel-detail__container{max-width:1100px;margin:0 auto;padding:var(--spacing-6)}#page-channels .channel-detail__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}#page-channels .channel-detail__icon-title{display:flex;align-items:center;gap:var(--spacing-3)}#page-channels .channel-detail__header-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}#page-channels .channel-detail__header-icon svg{width:32px;height:32px}#page-channels .channel-detail__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900);margin:0}#page-channels .widget-config{display:flex;flex-direction:column;gap:var(--spacing-8)}#page-channels .domain-input-row{display:flex;gap:var(--spacing-3);align-items:flex-start}#page-channels .domain-input-row .form-input{flex:1}#page-channels .domain-input-row .btn{min-width:100px;white-space:nowrap}#page-channels .form-help-text{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-channels .widget-customize-link{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-accent);border-radius:var(--border-radius);background:var(--color-accent);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);text-decoration:none;transition:all var(--transition-fast)}#page-channels .widget-customize-link:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}#page-channels .widget-customize-link svg{flex-shrink:0}#page-channels .widget-actions{display:flex;gap:var(--spacing-3)}#page-channels .widget-test-link{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-accent);border-radius:var(--border-radius);background:#fff;color:var(--color-accent);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);cursor:pointer;transition:all var(--transition-fast)}#page-channels .widget-test-link:hover{background:#ed4a690d}#page-channels .widget-test-link svg{flex-shrink:0}#page-channels .accounts-table{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}#page-channels .accounts-table table{width:100%;border-collapse:collapse}#page-channels .accounts-table thead{background:var(--color-gray-50);border-bottom:1px solid var(--border-color)}#page-channels .accounts-table th{text-align:left;padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}#page-channels .accounts-table th:first-child{padding-left:var(--spacing-6)}#page-channels .accounts-table th:last-child{padding-right:var(--spacing-6)}#page-channels .accounts-table tbody tr{border-bottom:1px solid var(--color-gray-100);transition:background var(--transition-fast)}#page-channels .accounts-table tbody tr:last-child{border-bottom:none}#page-channels .accounts-table tbody tr:hover{background:var(--color-gray-50)}#page-channels .account-row--selected{background:var(--color-primary-subtle)!important}#page-channels .account-row--selected:hover{background:var(--color-primary-light)!important}#page-channels .accounts-table td{padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-base);color:var(--color-gray-900);vertical-align:middle}#page-channels .accounts-table td:first-child{padding-left:var(--spacing-6)}#page-channels .accounts-table td:last-child{padding-right:var(--spacing-6)}#page-channels .account-name{font-weight:500;color:var(--color-gray-900)}#page-channels .account-identifier{font-size:var(--font-size-base);color:var(--color-gray-600);font-weight:400}#page-channels .account-platform{font-size:var(--font-size-base);color:var(--color-gray-900);font-weight:500}#page-channels .account-status{display:inline-flex;align-items:center;gap:var(--spacing-2)}#page-channels .account-status__dot{width:8px;height:8px;border-radius:var(--border-radius-full)}#page-channels .account-status__dot--active{background:var(--color-primary)}#page-channels .account-status__dot--inactive{background:var(--color-gray-300)}#page-channels .account-status__text{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600)}#page-channels .account-actions{display:flex;gap:var(--spacing-2)}#page-channels .btn-ghost{background:transparent;color:var(--color-gray-600);padding:6px 14px;font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}#page-channels .btn-ghost:hover{background:var(--color-gray-100);color:var(--color-gray-900)}#page-channels .btn-ghost-danger{background:transparent;color:#ef4444;padding:6px 14px;font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}#page-channels .btn-ghost-danger:hover{background:#fee2e2;color:#dc2626}#page-channels .empty-state{border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);padding:80px 40px;text-align:center}#page-channels .empty-state__icon{margin-bottom:var(--spacing-4);opacity:.3;display:flex;justify-content:center}#page-channels .empty-state__icon svg{width:48px;height:48px}#page-channels .empty-state__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}#page-channels .empty-state__text{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0 0 var(--spacing-6) 0;max-width:400px;margin-left:auto;margin-right:auto;font-weight:400}#page-channels .embed-section{margin-top:var(--spacing-8)}#page-channels .embed-instructions{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}#page-channels .embed-instructions__code{position:relative;background:var(--color-gray-50);padding:var(--spacing-4);border-bottom:1px solid var(--border-color)}#page-channels .embed-code{font-family:Monaco,Courier New,monospace;font-size:var(--font-size-sm);color:var(--color-gray-800);overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.6;padding-right:48px}#page-channels .embed-copy-btn{position:absolute;top:var(--spacing-3);right:var(--spacing-3);width:32px;height:32px;background:#fff;border:1.5px solid var(--color-accent);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--color-accent)}#page-channels .embed-copy-btn:hover{background:#ed4a690d}#page-channels .embed-copy-btn--copied{border-color:var(--color-accent);color:var(--color-accent);background:#ed4a691a}#page-channels .embed-copy-btn--copied:hover{background:#ed4a691a}#page-channels .embed-instructions__text{padding:var(--spacing-4) var(--spacing-5);margin:0;font-size:var(--font-size-base);color:var(--color-gray-600);line-height:var(--line-height-relaxed)}#page-channels .embed-instructions__text strong{font-weight:600;color:var(--color-gray-900)}#page-channels .embed-instructions__link{color:var(--color-accent);text-decoration:none;font-weight:500}#page-channels .embed-instructions__link:hover{text-decoration:underline}#page-channels .setup-form{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:#fff;overflow:hidden}#page-channels .setup-form__tabs{display:flex;gap:var(--spacing-6);padding:var(--spacing-4) var(--spacing-5) 0 var(--spacing-5);border-bottom:1px solid var(--border-color)}#page-channels .setup-form__tab{padding:var(--spacing-3) 0;border:none;background:transparent;font-family:inherit;font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast)}#page-channels .setup-form__tab:hover{color:var(--color-gray-700)}#page-channels .setup-form__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.drp-wrapper{position:relative;display:inline-block}.drp-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;color:#374151;cursor:pointer;transition:border-color .15s,box-shadow .15s;white-space:nowrap}.drp-trigger:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000f}.drp-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:1000;display:flex;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #0000001f;overflow:hidden}.drp-presets{display:flex;flex-direction:column;padding:12px 0;border-right:1px solid #f3f4f6;min-width:140px}.drp-preset-btn{padding:8px 16px;border:none;background:transparent;text-align:left;font-size:13px;color:#4b5563;cursor:pointer;transition:background .1s,color .1s;white-space:nowrap}.drp-preset-btn:hover{background:#f9fafb;color:#111827}.drp-preset-btn--active{background:#fef2f2;color:#e74c6f;font-weight:600;border-left:3px solid #e74c6f}.drp-calendars{padding:16px}.drp-nav{display:flex;align-items:flex-start;gap:4px}.drp-nav-btn{width:28px;height:28px;border:none;background:transparent;color:#6b7280;font-size:18px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.drp-nav-btn:hover{background:#f3f4f6;color:#111827}.drp-calendars-grid{display:flex;gap:24px}.drp-calendar{width:240px}.drp-calendar-header{text-align:center;padding-bottom:10px}.drp-month-label{font-size:14px;font-weight:600;color:#111827}.drp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.drp-weekday{text-align:center;font-size:11px;font-weight:600;color:#9ca3af;padding:4px 0}.drp-days{display:grid;grid-template-columns:repeat(7,1fr)}.drp-day{display:flex;align-items:center;justify-content:center;height:32px;font-size:13px;color:#374151;cursor:pointer;border-radius:6px;transition:background .1s,color .1s}.drp-day:hover:not(.drp-day--disabled):not(.drp-day--outside){background:#f3f4f6}.drp-day--outside{color:#d1d5db;cursor:default}.drp-day--disabled{color:#d1d5db;cursor:not-allowed}.drp-day--today{font-weight:700;color:#e74c6f}.drp-day--selected{background:#e74c6f!important;color:#fff!important;font-weight:600;border-radius:50%}.drp-day--in-range{background:#fef2f2;color:#b91c4e;border-radius:0}.drp-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;margin-top:12px;border-top:1px solid #f3f4f6}.drp-range-display{font-size:13px;color:#6b7280}.drp-actions{display:flex;gap:8px}.drp-btn{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .15s}.drp-btn--cancel{background:transparent;color:#6b7280}.drp-btn--cancel:hover{background:#f3f4f6}.drp-btn--apply{background:#e74c6f;color:#fff}.drp-btn--apply:hover{background:#d63d5e}.drp-btn--apply:disabled{background:#f3a5b7;cursor:not-allowed}#page-dashboard{width:100%;max-width:1600px;margin:0 auto;padding:0 var(--spacing-6);box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.dashboard-title{font-size:20px;font-weight:700;color:var(--color-gray-900)}.date-picker-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#fff;border:none;border-radius:var(--border-radius);font-size:14px;font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.date-picker-btn:hover{box-shadow:var(--shadow-md);color:var(--color-brand)}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.metric-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md)}.metric-value{font-size:48px;font-weight:700;color:var(--color-gray-900);line-height:1;margin-bottom:var(--spacing-2)}.metric-label{font-size:14px;font-weight:500;color:var(--color-gray-600);margin-bottom:var(--spacing-3)}.metric-change{font-size:12px;font-weight:500;color:var(--color-success)}.metric-subtext{font-size:12px;color:var(--color-gray-500)}.dashboard-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.section-card{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.section-title{font-size:16px;font-weight:600;color:var(--color-gray-900)}.view-all-link{font-size:13px;color:var(--color-brand);text-decoration:none;font-weight:500;transition:color .2s}.view-all-link:hover{color:var(--color-brand-hover)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.activity-item{display:grid;grid-template-columns:20px auto 1fr auto 80px;gap:var(--spacing-3);align-items:center;padding:var(--spacing-3);background:var(--color-gray-50);border-radius:var(--border-radius);font-size:13px;transition:background .2s}.activity-item:hover{background:var(--color-gray-100)}.activity-channel{color:var(--color-gray-600);display:flex;align-items:center;justify-content:center}.activity-customer{font-weight:500;font-size:14px;color:var(--color-gray-900)}.activity-question{color:var(--color-gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-status{font-size:11px;padding:2px 8px;border-radius:6px;white-space:nowrap;font-weight:500}.status-ai{background:var(--color-success-light);color:var(--color-success)}.status-human{background:var(--color-warning-light);color:var(--color-warning)}.activity-time{color:var(--color-gray-500);text-align:right;font-size:12px}.topics-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.topic-item{position:relative;display:flex;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--border-radius);font-size:13px;overflow:hidden}.topic-item:before{content:"";position:absolute;left:0;top:0;bottom:0;background:var(--color-data-blue-light);z-index:0;transition:width .3s ease;border-radius:0 var(--border-radius) var(--border-radius) 0;width:var(--width)}.topic-item.escalated:before{background:var(--color-warning-light)}.topic-item.escalated{border-left:3px solid var(--color-warning)}.topic-rank{font-weight:600;color:var(--color-gray-500);min-width:20px;position:relative;z-index:1}.topic-text{flex:1;color:var(--color-gray-700);font-style:italic;position:relative;z-index:1}.topic-count{color:var(--color-gray-500);font-size:12px;position:relative;z-index:1}.topics-divider{margin-top:var(--spacing-6)}.channel-breakdown{display:flex;flex-direction:column;gap:var(--spacing-3)}.channel-row{display:grid;grid-template-columns:100px 1fr 50px;gap:var(--spacing-3);align-items:center}.channel-name{font-size:13px;font-weight:500;color:var(--color-gray-700)}.channel-bar-container{background:var(--color-gray-100);height:24px;border-radius:6px;overflow:hidden}.channel-bar{height:100%;background:#60a5fa;border-radius:6px;transition:width .3s ease}.channel-count{font-size:13px;font-weight:600;color:var(--color-gray-900);text-align:right}.language-breakdown{display:flex;flex-direction:column;gap:var(--spacing-3)}.language-row{position:relative;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--border-radius);overflow:hidden}.language-row:before{content:"";position:absolute;left:0;top:0;bottom:0;background:var(--color-data-blue-light);z-index:0;transition:width .3s ease;border-radius:0 var(--border-radius) var(--border-radius) 0;width:var(--width)}.language-flag{font-size:16px;width:24px;text-align:center;position:relative;z-index:1}.language-name{flex:1;font-size:13px;font-weight:500;color:var(--color-gray-700);position:relative;z-index:1}.language-count{font-size:13px;color:var(--color-gray-600);position:relative;z-index:1}.chart-card{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6)}.chart-legend{display:flex;gap:var(--spacing-4);align-items:center}.legend-item{font-size:12px;color:var(--color-gray-600);display:flex;align-items:center;gap:var(--spacing-2)}.legend-item:before{content:"";width:16px;height:3px;border-radius:2px}.legend-item--ai:before{background:#10b981}.legend-item--human:before{background:#f59e0b}.map-container{margin-top:var(--spacing-4);height:400px;position:relative;background:#fff;border-radius:var(--border-radius)}.map-stats{display:flex;gap:var(--spacing-6);align-items:center}.map-stat{font-size:12px;color:var(--color-gray-600);font-weight:500}.map-legend{display:flex;gap:var(--spacing-6);justify-content:center;margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-200)}.map-legend-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:12px;color:var(--color-gray-600)}.map-dot{width:12px;height:12px;border-radius:50%;opacity:.6}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.skeleton-pulse{background:var(--color-gray-200);animation:skeleton-pulse 1.5s ease-in-out infinite}.dashboard-error{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);margin-bottom:var(--spacing-4);font-size:13px;color:#991b1b}.retry-btn{padding:4px 12px;background:#fff;border:1px solid #fecaca;border-radius:6px;font-size:12px;font-weight:500;color:#991b1b;cursor:pointer;transition:background .15s}.retry-btn:hover{background:#fef2f2}.empty-state{text-align:center;padding:var(--spacing-6);color:var(--color-gray-500);font-size:13px}@media (max-width: 1200px){.dashboard-section{grid-template-columns:1fr}}@keyframes shopify-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shopify-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#page-shopify{background:#fefcfa;min-height:calc(100vh - var(--header-height));padding:var(--spacing-8) var(--spacing-6)}#page-shopify .shopify-container{max-width:880px;margin:0 auto}#page-shopify .shopify-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:box-shadow var(--transition-base)}#page-shopify .shopify-card:hover{box-shadow:0 2px 8px #0000000a}#page-shopify .shopify-enter{animation:shopify-fadeIn .35s ease forwards}#page-shopify .shopify-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin:0 0 14px}#page-shopify .setup-banner{display:flex;align-items:center;justify-content:space-between;padding:14px var(--spacing-5);margin-bottom:var(--spacing-5);background:var(--color-warning-light);border:1px solid #fcd34d;border-radius:10px}#page-shopify .setup-banner__content{display:flex;align-items:center;gap:10px}#page-shopify .setup-banner__icon{display:flex;align-items:center;color:#92400e;flex-shrink:0}#page-shopify .setup-banner__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#92400e}#page-shopify .setup-banner__text{font-size:var(--font-size-sm);color:#a16207}#page-shopify .setup-banner__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;background:#92400e;color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}#page-shopify .setup-banner__btn:hover{background:#78350f}#page-shopify .store-hero{padding:0;margin-bottom:28px;overflow:hidden}#page-shopify .store-hero__content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6) 28px;background:linear-gradient(135deg,var(--color-primary-subtle) 0%,white 100%)}#page-shopify .store-hero__info{display:flex;align-items:center;gap:var(--spacing-4)}#page-shopify .store-hero__icon{width:48px;height:48px;border-radius:var(--border-radius-lg);background:#96bf48;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #96bf484d}#page-shopify .store-hero__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:var(--letter-spacing-tight)}#page-shopify .store-hero__name-row{display:flex;align-items:center;gap:10px;margin-bottom:var(--spacing-1)}#page-shopify .store-hero__badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--border-radius-full);background:var(--color-primary-subtle);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}#page-shopify .store-hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary)}#page-shopify .store-hero__meta{font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-shopify .store-hero__actions{display:flex;align-items:center;gap:var(--spacing-2)}#page-shopify .store-hero__link{display:inline-flex;align-items:center;gap:6px;padding:8px var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;background:#fff;text-decoration:none;border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-fast)}#page-shopify .store-hero__link--primary{color:var(--color-gray-700)}#page-shopify .store-hero__link--secondary{color:var(--color-gray-500)}#page-shopify .store-hero__link:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}#page-shopify .live-data__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}#page-shopify .live-data__status{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-gray-400)}#page-shopify .live-data__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}#page-shopify .data-card{padding:14px 16px}#page-shopify .data-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}#page-shopify .data-card__icon{font-size:16px}#page-shopify .data-card__live-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-primary-subtle);padding:2px 7px;border-radius:var(--border-radius-full)}#page-shopify .data-card__live-dot{width:4px;height:4px;border-radius:50%;background:var(--color-primary)}#page-shopify .data-card__value{font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.02em;margin-bottom:1px}#page-shopify .data-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}#page-shopify .additional-content{margin-bottom:28px}#page-shopify .additional-content__card{padding:0;overflow:hidden}#page-shopify .sync-row{display:flex;align-items:center;justify-content:space-between;padding:18px var(--spacing-6);border-bottom:1px solid var(--border-color)}#page-shopify .sync-row__left{display:flex;align-items:center;gap:14px}#page-shopify .sync-row__icon{font-size:20px}#page-shopify .sync-row__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}#page-shopify .sync-row__status{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-left:var(--spacing-2)}#page-shopify .sync-row__status--active{color:var(--color-primary)}#page-shopify .sync-row__status--inactive{color:var(--color-gray-400)}#page-shopify .sync-row__right{display:flex;align-items:center;gap:var(--spacing-3)}#page-shopify .sync-btn{display:inline-flex;align-items:center;gap:5px;padding:6px var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;background:#fff;color:var(--color-gray-600);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}#page-shopify .sync-btn:hover{border-color:var(--color-gray-300)}#page-shopify .sync-btn:disabled{cursor:not-allowed;opacity:.6}#page-shopify .sync-btn__icon--spinning{animation:shopify-spin 1s linear infinite}#page-shopify .kb-link-row{display:flex;align-items:center;justify-content:space-between;padding:14px var(--spacing-6);background:var(--color-gray-50)}#page-shopify .kb-link-row__text{display:flex;align-items:center;gap:10px;font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-shopify .kb-link-row__link{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none}#page-shopify .kb-link-row__link:hover{text-decoration:underline}#page-shopify .ai-callout{padding:var(--spacing-5) var(--spacing-6);margin-bottom:28px;background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fde68a}#page-shopify .ai-callout__content{display:flex;align-items:flex-start;gap:var(--spacing-3)}#page-shopify .ai-callout__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:6px}#page-shopify .ai-callout__emoji{font-size:18px;margin-top:1px;flex-shrink:0}#page-shopify .ai-callout__text{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.7}#page-shopify .settings-section{margin-bottom:28px}#page-shopify .setting-card{padding:18px var(--spacing-6);margin-bottom:10px}#page-shopify .setting-card__row{display:flex;align-items:center;justify-content:space-between}#page-shopify .setting-card__left{display:flex;align-items:center;gap:14px}#page-shopify .setting-card__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}#page-shopify .setting-icon--green{background:var(--color-primary-subtle);color:var(--color-primary)}#page-shopify .setting-icon--amber{background:var(--color-warning-light);color:var(--color-warning)}#page-shopify .setting-icon--purple{background:#ede9fe;color:#8b5cf6}#page-shopify .setting-icon--pink{background:#fdf2f4;color:var(--color-accent)}#page-shopify .setting-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}#page-shopify .setting-card__desc{font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-shopify .discount-suggestions{padding:0;margin-bottom:10px;overflow:hidden}#page-shopify .discount-suggestions__header{display:flex;align-items:center;justify-content:space-between;padding:18px var(--spacing-6);cursor:pointer}#page-shopify .discount-suggestions__desc{padding:0 var(--spacing-6) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:var(--line-height-relaxed)}#page-shopify .discount-suggestions__list{border-top:1px solid var(--border-color)}#page-shopify .discount-suggestions__body{animation:shopify-fadeIn .2s ease}#page-shopify .discount-suggestions__loading,#page-shopify .discount-suggestions__error,#page-shopify .discount-suggestions__empty{padding:var(--spacing-5) var(--spacing-6);font-size:var(--font-size-sm);text-align:center;color:var(--color-gray-400)}#page-shopify .discount-suggestions__error{color:#d32f2f}#page-shopify .discount-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-6);border-bottom:1px solid var(--color-gray-100);transition:opacity var(--transition-base)}#page-shopify .discount-row--disabled{opacity:.55}#page-shopify .discount-row__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}#page-shopify .discount-row__detail{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-top:2px}#page-shopify .discount-suggestions__footer{padding:14px var(--spacing-6);background:var(--color-gray-50);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}#page-shopify .discount-suggestions__auto-toggle{display:flex;align-items:center;gap:10px}#page-shopify .discount-suggestions__auto-label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}#page-shopify .discount-suggestions__bulk-btn{padding:6px 14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;background:#fff;color:var(--color-primary);border:1px solid var(--color-primary-light);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}#page-shopify .discount-suggestions__bulk-btn--all{color:var(--color-gray-500);border-color:var(--border-color)}#page-shopify .discount-suggestions__bulk-btn:hover{background:var(--color-gray-50)}#page-shopify .configure-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;background:#fff;color:var(--color-gray-600);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}#page-shopify .configure-btn:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}#page-shopify .configure-btn__chevron{display:flex;align-items:center;transition:transform var(--transition-base)}#page-shopify .configure-btn__chevron--open{transform:rotate(180deg)}#page-shopify .toggle{position:relative;width:36px;height:20px;border-radius:10px;border:none;cursor:pointer;padding:0;transition:background var(--transition-fast);flex-shrink:0}#page-shopify .toggle--on{background:var(--color-primary)}#page-shopify .toggle--off{background:var(--color-gray-300)}#page-shopify .toggle--small{width:32px;height:18px;border-radius:9px}#page-shopify .toggle__knob{position:absolute;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left var(--transition-fast)}#page-shopify .toggle--on .toggle__knob{left:18px}#page-shopify .toggle--off .toggle__knob{left:2px}#page-shopify .toggle--small .toggle__knob{width:14px;height:14px}#page-shopify .toggle--small.toggle--on .toggle__knob{left:16px}#page-shopify .quick-actions__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}#page-shopify .quick-action{display:flex;align-items:center;gap:14px;padding:var(--spacing-4) 18px;cursor:pointer;text-align:left;font-family:inherit;background:#fff}#page-shopify .quick-action:hover{border-color:var(--color-gray-300)!important;background:var(--color-gray-50)!important}#page-shopify .quick-action__icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}#page-shopify .quick-action__icon--pink{background:#fdf2f4;color:var(--color-accent)}#page-shopify .quick-action__icon--green{background:var(--color-primary-subtle);color:var(--color-primary)}#page-shopify .quick-action__icon--purple{background:#ede9fe;color:#8b5cf6}#page-shopify .quick-action__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}#page-shopify .quick-action__desc{font-size:var(--font-size-sm);color:var(--color-gray-400)}#page-test-bot{display:flex;flex-direction:column;height:100%}#page-test-bot .page-content{flex:1;padding:32px;background:var(--color-gray-50);display:flex;gap:88px;min-height:100%}#page-test-bot .left-column{flex:1;max-width:420px}#page-test-bot .intro-text{font-size:14px;color:var(--color-gray-600);line-height:1.5;margin-bottom:24px}#page-test-bot .status-card{width:350px;padding:16px;background:var(--color-primary-subtle);border:1px solid var(--color-primary);border-radius:var(--border-radius);margin-bottom:24px}#page-test-bot .status-card__header{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:12px;display:flex;align-items:center;gap:8px}#page-test-bot .status-card__icon{width:18px;height:18px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}#page-test-bot .status-card__list{display:flex;flex-direction:column;gap:6px}#page-test-bot .status-card__item{font-size:var(--font-size-base);color:var(--color-gray-700);display:flex;align-items:center;gap:8px}#page-test-bot .status-card__checkmark{color:var(--color-primary);font-size:12px}#page-test-bot .questions-list{display:flex;flex-direction:column;gap:8px}#page-test-bot .question-btn{padding:14px 16px;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);color:var(--color-gray-700);text-align:left;cursor:pointer;transition:all var(--transition-fast);transform:translate(0);font-family:inherit;width:350px}#page-test-bot .question-btn:hover{background:var(--color-purple-light);border-color:var(--color-purple);transform:translate(4px)}#page-test-bot .widget-container{flex:0 0 420px;height:600px}#page-test-bot .messages-list{display:flex;flex-direction:column;gap:12px}#page-test-bot .message{display:flex;gap:8px}#page-test-bot .message--user{flex-direction:row-reverse}#page-test-bot .message__avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}#page-test-bot .message__avatar--user{background:var(--color-gray-300);color:var(--color-gray-700)}#page-test-bot .message__bubble{max-width:260px;padding:10px 14px;border-radius:12px;font-size:var(--font-size-base);line-height:1.4}#page-test-bot .message__bubble--bot{background:var(--color-primary-subtle);color:var(--color-gray-900);border-bottom-left-radius:4px}#page-test-bot .message__bubble--user{background:var(--color-gray-200);color:var(--color-gray-900);border-bottom-right-radius:4px}#page-test-bot .typing-indicator{display:flex;gap:8px}#page-test-bot .typing-indicator__bubble{max-width:260px;padding:16px 14px;background:var(--color-primary-subtle);border-radius:12px 12px 12px 4px;display:flex;gap:4px}#page-test-bot .typing-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:typing-bounce 1.4s infinite}#page-test-bot .typing-dot:nth-child(1){animation-delay:0s}#page-test-bot .typing-dot:nth-child(2){animation-delay:.2s}#page-test-bot .typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}#page-onboarding .sync-notification{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-radius:8px;margin:0 auto 16px;max-width:832px;font-size:14px;line-height:1.4;animation:slideDown .3s ease-out}#page-onboarding .sync-notification--info{background:#eef6ff;border:1px solid #BAD6F7;color:#1a5dab}#page-onboarding .sync-notification--error{background:#fff1f0;border:1px solid #F5C6C2;color:#b42318}#page-onboarding .sync-notification__text{flex:1}#page-onboarding .sync-notification__close{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;opacity:.6;padding:0 0 0 12px;line-height:1}#page-onboarding .sync-notification__close:hover{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#page-onboarding{flex:1;overflow-y:auto;padding:var(--spacing-12) var(--spacing-6);background:#fefcfa}#page-onboarding .onboarding-container{max-width:800px;margin:0 auto}#page-onboarding .onboarding-header{margin-bottom:var(--spacing-8)}#page-onboarding .onboarding-header__welcome{font-size:18px;font-weight:700;color:var(--color-accent);margin:0 0 var(--spacing-4) 0;line-height:1.5}#page-onboarding .onboarding-header__tip{display:flex;align-items:center;gap:var(--spacing-2);font-size:13px;color:var(--color-gray-500);margin:0 0 var(--spacing-5) 0}#page-onboarding .progress-card{background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-4);transition:all var(--transition-slow)}#page-onboarding .progress-card--complete{background:var(--color-primary-subtle);border-color:var(--color-primary-light)}#page-onboarding .progress-card--complete .progress-card__label{color:var(--color-primary);font-weight:700;font-size:13px}#page-onboarding .progress-card--complete .progress-card__status{color:var(--color-primary);font-weight:600}#page-onboarding .progress-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}#page-onboarding .progress-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}#page-onboarding .progress-card__count{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}#page-onboarding .progress-card__bar{height:4px;background:var(--color-gray-200);border-radius:var(--border-radius-full);overflow:hidden;margin-bottom:var(--spacing-2)}#page-onboarding .progress-card__bar-fill{height:100%;background:var(--color-primary);border-radius:var(--border-radius-full);transition:width var(--transition-slow)}#page-onboarding .progress-card__status{font-size:13px;color:var(--color-gray-500);margin:0}#page-onboarding .steps-list{border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;margin-bottom:var(--spacing-12)}#page-onboarding .step-item{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);align-items:flex-start}#page-onboarding .step-item:not(:last-child){border-bottom:1px solid var(--border-color)}#page-onboarding .step-item .step-circle{margin-top:2px}#page-onboarding .step-circle{width:36px;height:36px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:all var(--transition-base)}#page-onboarding .step-circle--pending{background:transparent;border:2px solid var(--color-gray-200);color:var(--color-gray-500)}#page-onboarding .step-circle--completed{background:var(--color-primary);border:none;color:#fff}#page-onboarding .step-circle--visited{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}#page-onboarding .step-circle--skipped{background:var(--color-gray-400);border:none;color:#fff}#page-onboarding .step-content{flex:1;min-width:0}#page-onboarding .step-content__top{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:2px}#page-onboarding .step-content__title{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-gray-600);margin:0}#page-onboarding .step-content__description{font-size:13px;color:var(--color-gray-600);margin:0}#page-onboarding .step-capabilities{margin-top:2px;max-width:520px}#page-onboarding .step-capabilities__text{font-size:14px;color:var(--color-gray-600);line-height:1.6}#page-onboarding .step-capabilities__synced{font-size:12px;color:var(--color-gray-500);margin-top:6px;display:block}#page-onboarding .step-badge{font-size:11px;font-weight:var(--font-weight-medium);padding:2px 6px;border-radius:var(--border-radius-sm);text-transform:uppercase;white-space:nowrap}#page-onboarding .step-badge--required{background:var(--color-danger-light);color:#dc2626}#page-onboarding .step-badge--recommended{background:var(--color-warning-light);color:var(--color-warning)}#page-onboarding .step-badge--optional{background:var(--color-gray-100);color:var(--color-gray-500)}#page-onboarding .step-action{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-4)}#page-onboarding .step-action__btn{font-family:inherit;font-size:13px;font-weight:var(--font-weight-medium);background:transparent;border:none;cursor:pointer;padding:6px var(--spacing-3);border-radius:var(--border-radius);display:flex;align-items:center;gap:var(--spacing-1);transition:all var(--transition-fast)}#page-onboarding .step-action__btn--default{color:var(--color-gray-500)}#page-onboarding .step-action__btn--default:hover{color:var(--color-gray-700);background:var(--color-gray-50)}#page-onboarding .step-action__btn--outlined{color:var(--color-gray-700);border:1px solid var(--border-color);padding:6px 14px;font-weight:var(--font-weight-semibold)}#page-onboarding .step-action__btn--outlined:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}#page-onboarding .step-action__skip{font-size:13px;font-weight:400;color:var(--color-gray-400);cursor:pointer}#page-onboarding .step-action__skip:hover{color:var(--color-gray-500);text-decoration:underline}#page-onboarding .step-action__btn--primary{background:var(--color-accent);color:#fff;padding:8px 16px;border-radius:var(--border-radius);font-weight:var(--font-weight-semibold)}#page-onboarding .step-action__btn--primary:hover{background:var(--color-accent-hover)}#page-onboarding .step-action__btn--primary:disabled{background:var(--color-gray-200);color:var(--color-gray-400);cursor:not-allowed}#page-onboarding .step-action__btn--primary:disabled:hover{background:var(--color-gray-200)}#page-onboarding .step-action__btn--mark-done{background:var(--color-primary);color:#fff;padding:6px 14px;font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:6px}#page-onboarding .step-action__btn--mark-done:hover{background:var(--color-primary-hover)}#page-onboarding .step-action__revisit{font-size:13px;font-weight:400;color:var(--color-gray-400);cursor:pointer}#page-onboarding .step-action__revisit:hover{color:var(--color-gray-500);text-decoration:underline}#page-onboarding .help-card{text-align:center;padding:var(--spacing-6);background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius)}#page-onboarding .help-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}#page-onboarding .help-card__description{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0 0 var(--spacing-4) 0}#page-onboarding .help-card__actions{display:flex;justify-content:center;gap:var(--spacing-3)}#page-onboarding .help-card__btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:10px 20px;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}#page-onboarding .help-card__btn--primary{background:var(--color-accent);color:#fff;border:none}#page-onboarding .help-card__btn--primary:hover{background:var(--color-accent-hover)}#page-onboarding .help-card__btn--secondary{background:#fff;color:var(--color-gray-700);border:1px solid var(--border-color)}#page-onboarding .help-card__btn--secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.nav-item__setup-pill{font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--border-radius-full);white-space:nowrap;margin-left:auto;cursor:pointer;transition:all var(--transition-base);background:#ed4a691f;color:var(--color-accent)}.nav-item__setup-pill--almost{background:var(--color-warning-light);color:#92400e}.nav-item__setup-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;background:var(--color-accent);border-radius:var(--border-radius-full);border:2px solid white}.nav-item__setup-dot--almost{background:#f59e0b}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}#page-onboarding .onboarding-skeleton{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#page-onboarding .skeleton-progress-card{background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-4);margin-bottom:var(--spacing-6)}#page-onboarding .skeleton-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}#page-onboarding .skeleton-text{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:400px 100%;animation:shimmer 1.5s infinite;border-radius:4px;height:14px}#page-onboarding .skeleton-text--xs{width:32px;height:20px}#page-onboarding .skeleton-text--sm{width:100px}#page-onboarding .skeleton-text--md{width:180px;margin-top:var(--spacing-2)}#page-onboarding .skeleton-text--lg{width:200px;height:16px}#page-onboarding .skeleton-text--btn{width:100px;height:32px;border-radius:var(--border-radius);flex-shrink:0}#page-onboarding .skeleton-bar{height:4px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:400px 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius-full);margin-bottom:var(--spacing-2)}#page-onboarding .skeleton-steps{border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;margin-top:var(--spacing-4)}#page-onboarding .skeleton-step{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);align-items:center}#page-onboarding .skeleton-step:not(:last-child){border-bottom:1px solid var(--border-color)}#page-onboarding .skeleton-circle{width:36px;height:36px;border-radius:var(--border-radius-full);background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:400px 100%;animation:shimmer 1.5s infinite;flex-shrink:0}#page-onboarding .skeleton-step-content{flex:1;display:flex;flex-direction:column;gap:6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#page-onboarding .step-spinner{animation:spin .8s linear infinite}#page-onboarding .step-circle--loading{background:transparent;border:2px solid var(--color-primary-light);color:var(--color-primary)}#page-onboarding .step-item--loading{opacity:.7;pointer-events:none}#page-onboarding .activation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}#page-onboarding .activation-overlay__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}#page-onboarding .activation-overlay__modal{position:relative;background:#fff;border-radius:16px;padding:48px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #00000026;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#page-onboarding .activation-overlay__spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 24px}#page-onboarding .activation-overlay__check{color:var(--color-primary);margin-bottom:16px;animation:scaleIn .4s ease-out}#page-onboarding .activation-overlay__title{font-size:20px;font-weight:700;color:var(--color-gray-900);margin:0 0 8px}#page-onboarding .activation-overlay__text{font-size:14px;color:var(--color-gray-500);margin:0;line-height:1.5}#page-onboarding .activation-overlay__warning{color:#f59e0b;margin-bottom:16px;animation:scaleIn .4s ease-out}#page-onboarding .activation-overlay__btn{margin-top:20px;padding:10px 24px;border:none;border-radius:8px;background:var(--color-accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}#page-onboarding .activation-overlay__btn:hover{opacity:.9}#page-settings{display:flex;flex-direction:column;flex:1;min-height:0}#page-settings .settings-tabs{background:#fff;border-bottom:1px solid var(--border-color);padding:0 var(--spacing-10);display:flex;gap:0}#page-settings .settings-tab{padding:var(--spacing-3) var(--spacing-5);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;background:transparent;color:var(--color-gray-500);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);margin-bottom:-1px}#page-settings .settings-tab:hover{color:var(--color-gray-700)}#page-settings .settings-tab--active{font-weight:var(--font-weight-semibold);color:var(--color-accent);border-bottom-color:var(--color-accent)}#page-settings .settings-scroll{flex:1;overflow-y:auto;padding:var(--spacing-8) var(--spacing-10) 80px;background:#fefcfa}#page-settings .settings-content{max-width:720px;margin:0 auto}#page-settings .settings-content--wide{max-width:960px}#page-settings .settings-card{background:#fff;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);padding:28px;margin-bottom:var(--spacing-6)}#page-settings .settings-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-2)}#page-settings .settings-card__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-bottom:var(--spacing-6)}#page-settings .settings-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-1)}#page-settings .form-group{margin-bottom:var(--spacing-5)}#page-settings .form-group--last{margin-bottom:0}#page-settings .form-label-hint{font-weight:var(--font-weight-normal);color:var(--color-gray-400);font-size:var(--font-size-sm)}#page-settings .form-hint{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-top:var(--spacing-2)}#page-settings .form-hint-link{font-weight:var(--font-weight-semibold);color:var(--color-accent);cursor:pointer}#page-settings .form-hint-link:hover{text-decoration:underline}#page-settings .form-row{display:flex;gap:var(--spacing-4)}#page-settings .form-row>*{flex:1}#page-settings .form-select{width:100%;padding:10px 36px 10px 14px;font-family:inherit;font-size:var(--font-size-base);color:var(--color-gray-800);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}#page-settings .form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}#page-settings .avail-row{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-gray-100)}#page-settings .avail-row:last-child{border-bottom:none}#page-settings .avail-day{width:110px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700);text-transform:capitalize;flex-shrink:0}#page-settings .avail-day--has-slots{padding-top:var(--spacing-2)}#page-settings .avail-slots{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}#page-settings .avail-slot{display:flex;align-items:center;gap:var(--spacing-2)}#page-settings .avail-slot .form-select{width:110px;flex:none;padding:8px 12px;background-position:right 10px center}#page-settings .avail-slot__separator{font-size:var(--font-size-sm);color:var(--color-gray-400)}#page-settings .avail-unavailable{display:flex;align-items:center;gap:var(--spacing-3)}#page-settings .avail-unavailable__text{font-size:var(--font-size-sm);color:var(--color-gray-400);font-style:italic}#page-settings .avail-add{background:none;border:none;color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);font-family:inherit;white-space:nowrap}#page-settings .avail-remove{background:none;border:none;color:var(--color-accent);cursor:pointer;padding:var(--spacing-1);display:flex;align-items:center;opacity:.7;transition:opacity var(--transition-fast)}#page-settings .avail-remove:hover{opacity:1}#page-settings .avail-copy{background:none;border:none;font-size:var(--font-size-sm);color:var(--color-gray-400);cursor:pointer;font-family:inherit;white-space:nowrap;transition:color var(--transition-fast)}#page-settings .avail-copy:hover{color:var(--color-gray-600)}#page-settings .agents-search{position:relative;margin-bottom:var(--spacing-5)}#page-settings .agents-search__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-gray-400)}#page-settings .agents-search .form-input{padding-left:var(--spacing-10)}#page-settings .agents-table{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}#page-settings .agents-table__header{display:grid;grid-template-columns:1fr 90px 150px 170px 72px;padding:10px var(--spacing-4);background:var(--color-gray-50);border-bottom:1px solid var(--border-color)}#page-settings .agents-table__header-cell{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}#page-settings .agents-table__row{display:grid;grid-template-columns:1fr 90px 150px 170px 72px;padding:10px var(--spacing-4);align-items:center;border-bottom:1px solid var(--color-gray-100);transition:background var(--transition-fast)}#page-settings .agents-table__row:last-child{border-bottom:none}#page-settings .agents-table__row:hover{background:var(--color-gray-50)}#page-settings .agents-table__name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}#page-settings .agents-table__email{font-size:var(--font-size-sm);color:var(--color-gray-400)}#page-settings .agents-table__permission{font-size:var(--font-size-sm);color:var(--color-gray-600)}#page-settings .agents-table__last-active{font-size:var(--font-size-sm);color:var(--color-gray-400)}#page-settings .agents-table__pending{color:var(--color-warning);font-style:italic}#page-settings .agents-table__empty{padding:var(--spacing-6) var(--spacing-4);text-align:center;color:var(--color-gray-400);font-size:var(--font-size-sm)}#page-settings .role-badge{display:inline-flex;padding:2px 10px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize}#page-settings .role-badge--owner{background:var(--color-purple-light);color:var(--color-purple)}#page-settings .role-badge--admin{background:var(--color-info-light);color:#2563eb}#page-settings .role-badge--member{background:var(--color-gray-100);color:var(--color-gray-600)}#page-settings .action-btn{width:30px;height:30px;border:none;border-radius:var(--border-radius-sm);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}#page-settings .action-btn--edit{color:var(--color-gray-400)}#page-settings .action-btn--edit:hover{background:var(--color-gray-100);color:var(--color-gray-600)}#page-settings .action-btn--delete{color:var(--color-accent);opacity:.7}#page-settings .action-btn--delete:hover{opacity:1}#page-settings .action-btn-group{display:flex;align-items:center;gap:var(--spacing-1);justify-content:flex-end}#page-settings .btn-invite{padding:8px var(--spacing-4);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-2);transition:background var(--transition-fast)}#page-settings .btn-invite:hover{background:var(--color-accent-hover)}#page-settings .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding-left:var(--sidebar-width);z-index:var(--z-modal)}#page-settings .modal{background:#fff;border-radius:var(--border-radius-lg);padding:28px;width:460px;box-shadow:var(--shadow-xl)}#page-settings .modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-1)}#page-settings .modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}#page-settings .modal__close{width:28px;height:28px;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--color-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center}#page-settings .modal__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-bottom:var(--spacing-6)}#page-settings .modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6)}#page-settings .modal__info{padding:var(--spacing-3) var(--spacing-4);background:var(--color-info-light);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:#1e40af}#page-settings .perm-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) 0;border-top:1px solid var(--color-gray-100)}#page-settings .perm-item:last-child{border-bottom:none}#page-settings .perm-item__icon{color:var(--color-gray-500);flex-shrink:0;display:flex;align-items:center}#page-settings .perm-item__info{flex:1}#page-settings .perm-item__label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}#page-settings .perm-item__desc{font-size:var(--font-size-sm);color:var(--color-gray-400)}#page-settings .toggle{position:relative;width:36px;height:20px;border-radius:10px;border:none;cursor:pointer;padding:0;transition:background var(--transition-fast);flex-shrink:0}#page-settings .toggle--on{background:var(--color-accent)}#page-settings .toggle--off{background:var(--color-gray-300)}#page-settings .toggle__knob{position:absolute;top:2px;width:16px;height:16px;border-radius:var(--border-radius-full);background:#fff;box-shadow:0 1px 3px #0003;transition:left var(--transition-fast)}#page-settings .toggle--on .toggle__knob{left:18px}#page-settings .toggle--off .toggle__knob{left:2px}#page-settings .save-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--border-color);padding:var(--spacing-4) var(--spacing-10);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);z-index:var(--z-dropdown)}#page-settings .save-bar__text{font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-settings .btn-cancel{padding:10px var(--spacing-6);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:#fff;color:var(--color-gray-600);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer}#page-settings .btn-save{padding:10px var(--spacing-6);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background var(--transition-fast)}#page-settings .btn-save:hover{background:var(--color-accent-hover)}#page-settings .toast{position:fixed;top:80px;right:var(--spacing-6);padding:10px var(--spacing-5);border-radius:var(--border-radius);background:var(--color-success-light);color:#065f46;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-md);z-index:999;animation:settingsToastIn var(--transition-slow)}@keyframes settingsToastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#page-knowledge-base{padding:20px 40px}#page-knowledge-base .kb-trained-bar{padding:10px var(--spacing-4);background:#fff;border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}#page-knowledge-base .kb-trained-dot{width:7px;height:7px;border-radius:var(--border-radius-full);background:var(--color-primary);flex-shrink:0}#page-knowledge-base .kb-trained-text{color:var(--color-gray-700);font-size:13px}#page-knowledge-base .kb-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-4)}#page-knowledge-base .kb-tab{padding:10px 14px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-gray-500);font-size:13px;font-weight:var(--font-weight-normal);cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}#page-knowledge-base .kb-tab:hover{color:var(--color-gray-700)}#page-knowledge-base .kb-tab--active{border-bottom-color:var(--color-accent);color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}#page-knowledge-base .kb-action-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}#page-knowledge-base .kb-action-bar__right{display:flex;gap:var(--spacing-2)}#page-knowledge-base .kb-search-wrap{position:relative;display:flex;align-items:center}#page-knowledge-base .kb-search-icon{position:absolute;left:10px;color:var(--color-gray-400);display:flex;pointer-events:none}#page-knowledge-base .kb-search-input{width:220px;padding:7px 10px 7px 32px;font-family:var(--font-family);font-size:13px;color:var(--color-gray-800);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);outline:none;transition:border-color var(--transition-fast)}#page-knowledge-base .kb-search-input:focus{border-color:var(--color-primary)}#page-knowledge-base .kb-btn-outline{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:7px 14px;background:#fff;color:var(--color-gray-700);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-family:var(--font-family);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}#page-knowledge-base .kb-btn-outline:hover{background:var(--color-gray-50)}#page-knowledge-base .kb-btn-outline--syncing{color:var(--color-gray-400);cursor:default;opacity:.7}#page-knowledge-base .kb-btn-accent{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:7px 14px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius-sm);font-family:var(--font-family);font-size:13px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast)}#page-knowledge-base .kb-btn-accent:hover{background:var(--color-accent-hover)}#page-knowledge-base .kb-bulk-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-sm);background:var(--color-purple-light);border:1px solid #ddd6fe;margin-bottom:var(--spacing-3)}#page-knowledge-base .kb-bulk-bar__count{font-weight:var(--font-weight-semibold);color:#5b21b6}#page-knowledge-base .kb-bulk-bar__actions{display:flex;gap:var(--spacing-2)}#page-knowledge-base .kb-bulk-btn{padding:4px 12px;border-radius:var(--border-radius-sm);background:#fff;border:1px solid var(--border-color);font-size:var(--font-size-sm);cursor:pointer;font-family:var(--font-family);color:var(--color-gray-700)}#page-knowledge-base .kb-bulk-btn--danger{border-color:var(--color-danger-light);color:var(--color-danger)}#page-knowledge-base .kb-bulk-btn--clear{padding:4px 12px;border-radius:var(--border-radius-sm);background:transparent;border:none;font-size:var(--font-size-sm);cursor:pointer;font-family:var(--font-family);color:var(--color-gray-500);text-decoration:underline}#page-knowledge-base .kb-table{background:#fff;border-radius:var(--border-radius);border:1px solid var(--border-color)}#page-knowledge-base .kb-table__header,#page-knowledge-base .kb-table__row{display:grid;grid-template-columns:36px 1fr 1fr 90px 90px 100px 36px;padding:var(--spacing-2) var(--spacing-4);align-items:center}#page-knowledge-base .kb-table__header{border-bottom:1px solid var(--border-color);background:var(--color-gray-50)}#page-knowledge-base .kb-table__header-cell{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-gray-400)}#page-knowledge-base .kb-table__row{border-bottom:1px solid var(--color-gray-100);transition:background var(--transition-fast)}#page-knowledge-base .kb-table__row:last-child{border-bottom:none}#page-knowledge-base .kb-table__row:hover{background:var(--color-gray-50)}#page-knowledge-base .kb-table__row--selected{background:var(--color-purple-light)}#page-knowledge-base .kb-checkbox{width:16px;height:16px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}#page-knowledge-base .kb-checkbox--unchecked{border:1.5px solid var(--color-gray-300);background:#fff}#page-knowledge-base .kb-checkbox--checked,#page-knowledge-base .kb-checkbox--indeterminate{border:none;background:var(--color-purple)}#page-knowledge-base .kb-checkbox__dash{width:8px;height:2px;background:#fff;border-radius:1px}#page-knowledge-base .kb-cell-name{display:flex;align-items:center;gap:var(--spacing-2);min-width:0}#page-knowledge-base .kb-cell-name__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-gray-900);font-weight:var(--font-weight-medium)}#page-knowledge-base .kb-cell-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-gray-900)}#page-knowledge-base .kb-cell-type{padding:2px 8px;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);background:var(--color-gray-100);color:var(--color-gray-700);width:fit-content}#page-knowledge-base .kb-cell-updated{color:var(--color-gray-400)}#page-knowledge-base .kb-status{padding:2px 8px;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);display:inline-flex;align-items:center;gap:4px;width:fit-content}#page-knowledge-base .kb-status--trained{background:var(--color-success-light);color:#065f46}#page-knowledge-base .kb-status--training{background:var(--color-warning-light);color:#92400e}#page-knowledge-base .kb-status--failed{background:var(--color-danger-light);color:var(--color-danger)}#page-knowledge-base .kb-status--excluded{background:var(--color-gray-100);color:var(--color-gray-700)}#page-knowledge-base .kb-menu-btn{width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--color-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}#page-knowledge-base .kb-menu-btn:hover{background:var(--color-gray-100)}#page-knowledge-base .kb-dropdown{position:absolute;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);min-width:160px;padding:4px;z-index:var(--z-dropdown)}#page-knowledge-base .kb-dropdown__item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:7px 12px;border:none;border-radius:var(--border-radius-sm);background:transparent;font-family:var(--font-family);font-size:13px;color:var(--color-gray-700);cursor:pointer;text-align:left;transition:background var(--transition-fast)}#page-knowledge-base .kb-dropdown__item:hover{background:var(--color-gray-100)}#page-knowledge-base .kb-dropdown__item--danger{color:var(--color-danger)}#page-knowledge-base .kb-dropdown__item--danger:hover{background:var(--color-danger-light)}#page-knowledge-base .kb-rename-input{flex:1;padding:3px 6px;font-size:var(--font-size-base);font-family:var(--font-family);font-weight:var(--font-weight-medium);color:var(--color-gray-900);border:1px solid var(--color-primary);border-radius:4px;outline:none;box-shadow:0 0 0 2px var(--color-primary-subtle)}#page-knowledge-base .kb-empty{text-align:center;padding:var(--spacing-12) var(--spacing-6)}#page-knowledge-base .kb-empty__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--spacing-1)}#page-knowledge-base .kb-empty__text{font-size:var(--font-size-base);color:var(--color-gray-400)}#page-knowledge-base .kb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding-left:var(--sidebar-width);z-index:var(--z-modal)}#page-knowledge-base .kb-modal{background:#fff;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}#page-knowledge-base .kb-modal--upload{width:520px;max-height:80vh}#page-knowledge-base .kb-modal--editor{width:700px;max-height:90vh}#page-knowledge-base .kb-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color)}#page-knowledge-base .kb-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}#page-knowledge-base .kb-modal__close{width:28px;height:28px;border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm)}#page-knowledge-base .kb-modal__close:hover{background:var(--color-gray-100)}#page-knowledge-base .kb-modal__body{padding:var(--spacing-5);flex:1;overflow-y:auto}#page-knowledge-base .kb-modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border-top:1px solid var(--border-color)}#page-knowledge-base .kb-upload-zone{border:2px dashed var(--color-gray-300);border-radius:var(--border-radius);padding:var(--spacing-8) var(--spacing-5);text-align:center;cursor:pointer;transition:all var(--transition-base)}#page-knowledge-base .kb-upload-zone--dragging{border-color:var(--color-accent);background:#ed4a6908}#page-knowledge-base .kb-upload-zone__icon{color:var(--color-gray-400);margin-bottom:var(--spacing-2)}#page-knowledge-base .kb-upload-zone__text{font-weight:var(--font-weight-medium);color:var(--color-gray-700)}#page-knowledge-base .kb-upload-zone__accent{color:var(--color-accent)}#page-knowledge-base .kb-upload-zone__hint{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-top:var(--spacing-1)}#page-knowledge-base .kb-upload-file{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-gray-50);border-radius:var(--border-radius-sm)}#page-knowledge-base .kb-upload-file__info{display:flex;align-items:center;gap:var(--spacing-2)}#page-knowledge-base .kb-upload-file__meta{flex:1;font-size:var(--font-size-sm);color:var(--color-gray-400)}#page-knowledge-base .kb-upload-file__remove{background:none;border:none;color:var(--color-gray-400);cursor:pointer;display:flex}#page-knowledge-base .kb-upload-file__title{width:100%;padding:6px 8px;font-size:var(--font-size-base);font-family:var(--font-family);font-weight:var(--font-weight-medium);color:var(--color-gray-900);border:1px solid var(--border-color);border-radius:4px;outline:none;transition:border-color var(--transition-fast)}#page-knowledge-base .kb-upload-file__title:focus{border-color:var(--color-primary)}#page-knowledge-base .kb-editor{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}#page-knowledge-base .kb-editor__toolbar{display:flex;align-items:center;gap:1px;padding:4px 6px;border-bottom:1px solid var(--border-color);background:var(--color-gray-50)}#page-knowledge-base .kb-editor__btn{width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--color-gray-700);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}#page-knowledge-base .kb-editor__btn:hover,#page-knowledge-base .kb-editor__btn--active{background:var(--color-gray-100)}#page-knowledge-base .kb-editor__sep{width:1px;height:16px;background:var(--border-color);margin:0 2px;flex-shrink:0}#page-knowledge-base .kb-editor__area{min-height:260px;padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-gray-800);line-height:1.7;outline:none;overflow-y:auto;max-height:400px}#page-knowledge-base .kb-editor__area[data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--color-gray-400);pointer-events:none}#page-knowledge-base .kb-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);margin-top:var(--spacing-3);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius)}#page-knowledge-base .kb-pagination__info{font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-knowledge-base .kb-pagination__controls{display:flex;align-items:center;gap:4px}#page-knowledge-base .kb-pagination__btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:#fff;color:var(--color-gray-700);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}#page-knowledge-base .kb-pagination__btn:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-300)}#page-knowledge-base .kb-pagination__btn--active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}#page-knowledge-base .kb-pagination__btn--active:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}#page-knowledge-base .kb-pagination__btn:disabled{opacity:.4;cursor:default}@keyframes kb-spin{to{transform:rotate(360deg)}}#page-knowledge-base .kb-spin{display:flex;animation:kb-spin 1.2s linear infinite}@keyframes kb-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}#page-knowledge-base .kb-skeleton{display:inline-block;border-radius:4px;background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-50) 50%,var(--color-gray-100) 75%);background-size:200px 100%;animation:kb-shimmer 1.5s ease-in-out infinite}#page-knowledge-base .kb-skeleton--text{height:13px}#page-knowledge-base .kb-skeleton--checkbox{width:16px;height:16px;border-radius:3px}#page-knowledge-base .kb-skeleton--pill{width:56px;height:20px;border-radius:var(--border-radius-full)}@keyframes kb-skeleton-fade-in{0%{opacity:0}to{opacity:1}}#page-knowledge-base .kb-skeleton-row{animation:kb-skeleton-fade-in .3s ease-out both}@keyframes kb-row-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#page-knowledge-base .kb-row-enter{animation:kb-row-slide-in .25s ease-out forwards}#page-knowledge-base .kb-pagination__left{display:flex;align-items:center;gap:var(--spacing-4)}#page-knowledge-base .kb-pagination__size{display:flex;align-items:center;gap:var(--spacing-1)}#page-knowledge-base .kb-pagination__size-label{font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-knowledge-base .kb-pagination__size-select{padding:4px 8px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:#fff;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;outline:none;transition:border-color var(--transition-fast)}#page-knowledge-base .kb-pagination__size-select:hover{border-color:var(--color-gray-300)}#page-knowledge-base .kb-pagination__size-select:focus{border-color:var(--color-primary)}#page-custom-instructions{padding:var(--spacing-8) var(--spacing-6)}@keyframes ci-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#page-custom-instructions .ci-layout{display:flex;gap:var(--spacing-6);align-items:flex-start;max-width:1100px}#page-custom-instructions .ci-layout__left{flex:1;min-width:0}#page-custom-instructions .ci-layout__right{width:320px;flex-shrink:0}#page-custom-instructions .ci-status-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6);max-width:1100px}#page-custom-instructions .ci-status-bar__left{display:flex;align-items:center;gap:var(--spacing-3)}#page-custom-instructions .ci-status{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}#page-custom-instructions .ci-status--active{background:var(--color-success-light);color:#065f46}#page-custom-instructions .ci-status--saving{background:var(--color-warning-light);color:#92400e}#page-custom-instructions .ci-status--flagged{background:var(--color-danger-light);color:#991b1b}#page-custom-instructions .ci-status__spinner{display:inline-flex;animation:ci-spin 1s linear infinite}#page-custom-instructions .ci-last-saved{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-gray-400)}#page-custom-instructions .ci-clear-btn{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-sm);background:transparent;border:1px solid var(--border-color);font-size:var(--font-size-sm);cursor:pointer;font-family:var(--font-family);color:var(--color-gray-500);transition:all var(--transition-fast)}#page-custom-instructions .ci-clear-btn:hover{background:var(--color-gray-100)}#page-custom-instructions .ci-card{background:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden;margin-bottom:20px}#page-custom-instructions .ci-card__header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-gray-100);display:flex;align-items:center;gap:var(--spacing-3)}#page-custom-instructions .ci-card__icon{width:32px;height:32px;border-radius:var(--border-radius);background:var(--color-primary-subtle);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}#page-custom-instructions .ci-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin:0}#page-custom-instructions .ci-card__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}#page-custom-instructions .ci-textarea{width:100%;min-height:560px;padding:var(--spacing-4) var(--spacing-5);border:none;outline:none;resize:vertical;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.7;color:var(--color-gray-800);background:transparent}#page-custom-instructions .ci-textarea::placeholder{color:var(--color-gray-400)}#page-custom-instructions .ci-textarea:focus{outline:none}#page-custom-instructions .ci-card__footer{padding:var(--spacing-3) var(--spacing-5);border-top:1px solid var(--color-gray-100);display:flex;align-items:center;justify-content:space-between;background:var(--color-gray-50)}#page-custom-instructions .ci-char-count{display:flex;align-items:center;gap:var(--spacing-2)}#page-custom-instructions .ci-char-text{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}#page-custom-instructions .ci-char-text--normal{color:var(--color-gray-400)}#page-custom-instructions .ci-char-text--warn{color:var(--color-warning)}#page-custom-instructions .ci-char-text--danger{color:var(--color-danger)}#page-custom-instructions .ci-progress{width:60px;height:3px;border-radius:2px;background:var(--color-gray-200);overflow:hidden}#page-custom-instructions .ci-progress__bar{height:100%;border-radius:2px;transition:all .3s ease}#page-custom-instructions .ci-progress__bar--normal{background:var(--color-primary)}#page-custom-instructions .ci-progress__bar--warn{background:var(--color-warning)}#page-custom-instructions .ci-progress__bar--danger{background:var(--color-danger)}#page-custom-instructions .ci-btn-save{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);background:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius);font-size:13px;font-weight:var(--font-weight-semibold);cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}#page-custom-instructions .ci-btn-save:hover:not(:disabled){background:var(--color-accent-hover)}#page-custom-instructions .ci-btn-save:disabled{opacity:.5;cursor:not-allowed}#page-custom-instructions .ci-flag-warning{padding:14px 18px;border-radius:10px;margin-bottom:20px;background:var(--color-danger-light);border:1px solid #fca5a5;display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#991b1b;line-height:1.5}#page-custom-instructions .ci-flag-warning__title{font-weight:var(--font-weight-semibold);margin-bottom:2px}#page-custom-instructions .ci-flag-warning__text{color:#b91c1c}#page-custom-instructions .ci-info-panel{background:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden;position:sticky;top:92px}#page-custom-instructions .ci-info-panel__header{padding:var(--spacing-4) 18px;border-bottom:1px solid var(--color-gray-100);display:flex;align-items:center;gap:var(--spacing-3)}#page-custom-instructions .ci-info-panel__icon{width:28px;height:28px;border-radius:7px;background:var(--color-primary-subtle);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}#page-custom-instructions .ci-info-panel__title{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin:0}#page-custom-instructions .ci-info-panel__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}#page-custom-instructions .ci-behavior-list{padding:var(--spacing-3) 18px}#page-custom-instructions .ci-behavior{display:flex;align-items:flex-start;gap:10px;padding:9px 0}#page-custom-instructions .ci-behavior:not(:last-child){border-bottom:1px solid var(--color-gray-100)}#page-custom-instructions .ci-behavior__icon{flex-shrink:0;margin-top:2px;color:var(--color-primary)}#page-custom-instructions .ci-behavior__text{font-size:13px;color:var(--color-gray-600);line-height:20px}#page-custom-instructions .ci-tip{padding:var(--spacing-3) 18px;background:var(--color-gray-50);border-top:1px solid var(--color-gray-100);font-size:var(--font-size-sm);color:var(--color-gray-500);display:flex;align-items:flex-start;gap:var(--spacing-2);line-height:1.5}#page-custom-instructions .ci-tip strong{color:var(--color-gray-600)}#page-custom-instructions .ci-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-gray-400);font-size:var(--font-size-base)}#page-template-list{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--color-gray-50);overflow-y:auto}#page-template-list .page-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-6)}#page-template-list .page-header__title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-gray-900);margin:0}#page-template-list .page-header__subtitle{font-size:var(--font-size-base);color:var(--color-gray-500);margin-top:var(--spacing-1)}#page-template-list .page-header__actions{display:flex;align-items:center;gap:var(--spacing-3)}#page-template-list .sync-indicator{display:flex;align-items:center;gap:var(--spacing-2);padding:6px 14px;background:var(--color-success-light);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--color-success)}#page-template-list .sync-indicator__dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);animation:sync-pulse 2s ease-in-out infinite}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.3}}#page-template-list .content-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin:0 var(--spacing-6) var(--spacing-6);overflow:hidden}#page-template-list .filter-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color)}#page-template-list .filter-tabs{display:flex;gap:0}#page-template-list .filter-tab{padding:8px 16px;font-family:inherit;font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-500);background:none;border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-2)}#page-template-list .filter-tab:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}#page-template-list .filter-tab:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}#page-template-list .filter-tab:not(:first-child){margin-left:-1px}#page-template-list .filter-tab--active{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:600;border-color:var(--color-accent);z-index:1}#page-template-list .filter-tab__count{font-size:var(--font-size-xs);font-weight:600;padding:1px 7px;border-radius:var(--border-radius-full);background:var(--color-gray-100);color:var(--color-gray-500)}#page-template-list .filter-tab--active .filter-tab__count{background:var(--color-accent);color:#fff}#page-template-list .filter-bar__search{position:relative}#page-template-list .filter-bar__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);display:flex}#page-template-list .filter-bar__search-input{padding:8px 12px 8px 36px;width:240px;font-family:inherit;font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--color-gray-50);outline:none;transition:all var(--transition-fast)}#page-template-list .filter-bar__search-input:focus{background:#fff;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}#page-template-list .data-table{width:100%}#page-template-list .data-table__head{display:grid;grid-template-columns:1fr 120px 100px 110px 160px 60px;padding:var(--spacing-3) var(--spacing-5);background:var(--color-gray-50);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.03em}#page-template-list .data-table__row{display:grid;grid-template-columns:1fr 120px 100px 110px 160px 60px;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color);align-items:center;transition:background var(--transition-fast)}#page-template-list .data-table__row:last-child{border-bottom:none}#page-template-list .data-table__row:hover{background:var(--color-gray-50)}#page-template-list .template-name{display:flex;flex-direction:column;gap:2px}#page-template-list .template-name__text{font-weight:600;color:var(--color-gray-900);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--font-size-base)}#page-template-list .template-name__meta{font-size:var(--font-size-xs);color:var(--color-gray-400)}#page-template-list .category-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600}#page-template-list .category-badge--marketing{background:#fce7f3;color:#be185d}#page-template-list .category-badge--utility{background:var(--color-info-light);color:var(--color-info)}#page-template-list .category-badge--authentication{background:#e0e7ff;color:#4338ca}#page-template-list .language-label{font-size:var(--font-size-sm);color:var(--color-gray-600)}#page-template-list .status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600}#page-template-list .status-badge--approved{background:var(--color-success-light);color:var(--color-success)}#page-template-list .status-badge--pending{background:var(--color-warning-light);color:var(--color-warning)}#page-template-list .status-badge--rejected{background:var(--color-danger-light);color:var(--color-danger)}#page-template-list .rejection-info{display:flex;align-items:center;gap:var(--spacing-1);position:relative}#page-template-list .rejection-info__icon{width:16px;height:16px;color:var(--color-danger);cursor:help;opacity:.6;transition:opacity var(--transition-fast)}#page-template-list .rejection-info__icon:hover{opacity:1}#page-template-list .rejection-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-gray-900);color:#fff;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:400;white-space:nowrap;z-index:50;box-shadow:var(--shadow-md)}#page-template-list .rejection-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-gray-900)}#page-template-list .rejection-info:hover .rejection-tooltip{display:block}#page-template-list .date-cell{font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-template-list .date-cell__time{font-size:var(--font-size-xs);color:var(--color-gray-400)}#page-template-list .actions-cell{display:flex;align-items:center;justify-content:flex-end}#page-template-list .action-menu-btn{width:32px;height:32px;border-radius:var(--border-radius-sm);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);transition:all var(--transition-fast);font-size:18px;letter-spacing:1px;position:relative;font-family:inherit}#page-template-list .action-menu-btn:hover{background:var(--color-gray-100);color:var(--color-gray-600)}#page-template-list .action-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);min-width:160px;z-index:50;overflow:hidden}#page-template-list .action-dropdown__item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;transition:background var(--transition-fast);border:none;background:none;width:100%;text-align:left;font-family:inherit}#page-template-list .action-dropdown__item:hover{background:var(--color-gray-50)}#page-template-list .action-dropdown__item--danger{color:var(--color-danger)}#page-template-list .action-dropdown__item--danger:hover{background:var(--color-danger-light)}#page-template-list .action-dropdown__item svg{width:16px;height:16px;flex-shrink:0}#page-template-list .action-dropdown__divider{height:1px;background:var(--border-color);margin:var(--spacing-1) 0}#page-template-list .empty-state{padding:var(--spacing-10) var(--spacing-6);text-align:center}#page-template-list .empty-state__icon{width:64px;height:64px;border-radius:var(--border-radius-full);background:var(--color-gray-100);color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4)}#page-template-list .empty-state__icon svg{width:28px;height:28px}#page-template-list .empty-state__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-2)}#page-template-list .empty-state__text{font-size:var(--font-size-base);color:var(--color-gray-500);margin-bottom:var(--spacing-5);max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}#page-template-list .pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-5);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-template-list .pagination__pages{display:flex;align-items:center;gap:var(--spacing-1)}#page-template-list .pagination__btn{width:32px;height:32px;border-radius:var(--border-radius-sm);background:none;border:1px solid transparent;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}#page-template-list .pagination__btn:hover{background:var(--color-gray-50);border-color:var(--border-color)}#page-template-list .pagination__btn--active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}#page-template-list .pagination__btn--active:hover{background:var(--color-accent-hover)}#page-template-list .pagination__nav{width:32px;height:32px;border-radius:var(--border-radius-sm);background:none;border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);transition:all var(--transition-fast);font-family:inherit}#page-template-list .pagination__nav:hover{background:var(--color-gray-50)}#page-template-list .pagination__nav:disabled{opacity:.3;cursor:not-allowed}#page-template-list .pagination__nav svg{width:14px;height:14px}#page-template-create{flex:1;display:flex;flex-direction:column;min-height:0}#page-template-create .page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);background:#fff;border-bottom:1px solid var(--border-color)}#page-template-create .page-header__left{display:flex;align-items:center;gap:var(--spacing-4)}#page-template-create .page-header__back{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-base);color:var(--color-gray-400);cursor:pointer;text-decoration:none;transition:color var(--transition-fast)}#page-template-create .page-header__back:hover{color:var(--color-gray-600)}#page-template-create .page-header__back svg{width:16px;height:16px}#page-template-create .page-header__divider{width:1px;height:24px;background:var(--border-color)}#page-template-create .page-header__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900)}#page-template-create .page-body{display:grid;grid-template-columns:1fr 380px;flex:1;min-height:0}#page-template-create .config-panel{background:var(--color-gray-50);overflow-y:auto;padding:var(--spacing-6)}#page-template-create .config-panel__inner{max-width:640px}#page-template-create .form-section{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-5)}#page-template-create .form-section:last-child{margin-bottom:0}#page-template-create .form-section__header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}#page-template-create .form-section__number{width:28px;height:28px;border-radius:var(--border-radius-full);background:var(--color-accent-subtle);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}#page-template-create .form-section__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900)}#page-template-create .form-section__desc{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:2px}#page-template-create .form-group{margin-bottom:var(--spacing-5)}#page-template-create .form-group:last-child{margin-bottom:0}#page-template-create .form-label{display:block;font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-600);margin-bottom:var(--spacing-2)}#page-template-create .form-input{width:100%;padding:10px 14px;font-family:inherit;font-size:var(--font-size-base);color:var(--color-gray-800);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}#page-template-create .form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}#page-template-create .form-input--error{border-color:var(--color-danger)}#page-template-create .form-input--error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}#page-template-create .form-select{width:100%;padding:10px 14px;font-family:inherit;font-size:var(--font-size-base);color:var(--color-gray-800);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}#page-template-create .form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}#page-template-create .form-textarea{width:100%;padding:10px 14px;font-family:inherit;font-size:var(--font-size-base);color:var(--color-gray-800);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;resize:vertical;min-height:120px;line-height:1.6;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}#page-template-create .form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}#page-template-create .form-hint{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-top:var(--spacing-1)}#page-template-create .form-error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--spacing-1)}#page-template-create .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}#page-template-create .name-validation{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}#page-template-create .name-validation--valid{color:var(--color-success)}#page-template-create .name-validation--invalid{color:var(--color-danger)}#page-template-create .name-validation svg{width:14px;height:14px}#page-template-create .header-type-options{display:flex;gap:var(--spacing-2)}#page-template-create .header-type-btn{flex:1;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:inherit;font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-600);transition:all var(--transition-fast)}#page-template-create .header-type-btn:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}#page-template-create .header-type-btn--active{border-color:var(--color-accent);background:var(--color-accent-subtle);color:var(--color-accent);font-weight:600}#page-template-create .header-type-btn svg{width:18px;height:18px}#page-template-create .image-upload-area{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-8) var(--spacing-6);text-align:center;cursor:pointer;transition:all var(--transition-fast)}#page-template-create .image-upload-area:hover{border-color:var(--color-accent);background:#ed4a6905}#page-template-create .image-upload-area__icon{width:48px;height:48px;border-radius:var(--border-radius-full);background:var(--color-gray-100);color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-3)}#page-template-create .image-upload-area__icon svg{width:24px;height:24px}#page-template-create .image-upload-area__text{font-size:var(--font-size-base);color:var(--color-gray-500)}#page-template-create .image-upload-area__text strong{color:var(--color-accent);font-weight:500}#page-template-create .image-upload-area__hint{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-top:var(--spacing-1)}#page-template-create .body-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}#page-template-create .insert-var-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:6px 12px;border:1px solid var(--color-accent);border-radius:var(--border-radius-sm);background:#fff;color:var(--color-accent);font-family:inherit;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}#page-template-create .insert-var-btn:hover{background:var(--color-accent-subtle)}#page-template-create .insert-var-btn svg{width:14px;height:14px}#page-template-create .char-counter{font-size:var(--font-size-sm);color:var(--color-gray-400)}#page-template-create .char-counter--warning{color:var(--color-warning)}#page-template-create .char-counter--danger{color:var(--color-danger)}#page-template-create .variables-table{margin-top:var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}#page-template-create .variables-table__header{display:grid;grid-template-columns:100px 1fr;background:var(--color-gray-50);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-500);border-bottom:1px solid var(--border-color)}#page-template-create .variables-table__row{display:grid;grid-template-columns:100px 1fr;padding:var(--spacing-3) var(--spacing-4);align-items:center;border-bottom:1px solid var(--border-color)}#page-template-create .variables-table__row:last-child{border-bottom:none}#page-template-create .variables-table__var{font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-sm);color:var(--color-accent);font-weight:600;background:var(--color-accent-subtle);padding:2px 8px;border-radius:var(--border-radius-sm);display:inline-block}#page-template-create .variables-table__sample-input{width:100%;padding:6px 10px;font-family:inherit;font-size:var(--font-size-sm);color:var(--color-gray-800);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);outline:none;transition:border-color var(--transition-fast)}#page-template-create .variables-table__sample-input:focus{border-color:var(--color-accent)}#page-template-create .variables-table__sample-input::placeholder{color:var(--color-gray-400)}#page-template-create .coming-soon-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:4px 10px;background:var(--color-info-light);color:var(--color-info);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--border-radius-full)}#page-template-create .info-box{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-info-light);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:1.5}#page-template-create .info-box svg{width:18px;height:18px;color:var(--color-info);flex-shrink:0;margin-top:1px}#page-template-create .preview-panel{background:linear-gradient(135deg,#f0f2f5,#e4e8ec);border-left:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:var(--spacing-6);overflow-y:auto}#page-template-create .preview-panel__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-600);margin-bottom:var(--spacing-2)}#page-template-create .preview-panel__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-bottom:var(--spacing-6)}#page-template-create .wa-preview{width:320px}#page-template-create .wa-preview__phone{background:var(--color-bg-warm);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl),0 20px 60px #0000001f;overflow:hidden}#page-template-create .wa-preview__phone-header{background:#075e54;color:#fff;padding:var(--spacing-3) var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3)}#page-template-create .wa-preview__phone-avatar{width:32px;height:32px;border-radius:var(--border-radius-full);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600}#page-template-create .wa-preview__phone-name{font-size:var(--font-size-base);font-weight:600}#page-template-create .wa-preview__phone-status{font-size:var(--font-size-xs);opacity:.7}#page-template-create .wa-preview__chat-area{padding:var(--spacing-4);min-height:300px;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d5dbe0' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}#page-template-create .wa-preview__bubble{max-width:260px;background:#fff;border-radius:0 var(--border-radius) var(--border-radius) var(--border-radius);box-shadow:0 1px 2px #00000014;overflow:hidden}#page-template-create .wa-preview__bubble-image{width:100%;height:140px;background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);font-size:var(--font-size-sm)}#page-template-create .wa-preview__bubble-body{padding:var(--spacing-3) var(--spacing-3) var(--spacing-1)}#page-template-create .wa-preview__bubble-header-text{font-size:var(--font-size-base);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-1)}#page-template-create .wa-preview__bubble-text{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}#page-template-create .wa-preview__bubble-text .var-highlight{background:var(--color-accent-subtle);color:var(--color-accent);padding:0 2px;border-radius:2px;font-weight:500}#page-template-create .wa-preview__bubble-footer{padding:var(--spacing-1) var(--spacing-3) var(--spacing-3)}#page-template-create .wa-preview__bubble-footer-text{font-size:var(--font-size-xs);color:var(--color-gray-400);font-style:italic}#page-template-create .wa-preview__bubble-time{text-align:right;padding:0 var(--spacing-3) var(--spacing-2);font-size:10px;color:var(--color-gray-400)}#page-template-create .page-footer{background:#fff;border-top:1px solid var(--border-color);padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:space-between}#page-template-create .page-footer__left{font-size:var(--font-size-sm);color:var(--color-gray-400)}#page-template-create .page-footer__right{display:flex;gap:var(--spacing-3)}#page-self-learning{flex:1;overflow-y:auto;background:#fefcfa}#page-self-learning .at-page{max-width:880px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6) var(--spacing-12)}#page-self-learning .at-intro{margin-bottom:var(--spacing-6)}#page-self-learning .at-intro__tagline{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent);line-height:var(--line-height-tight);display:flex;align-items:center;gap:var(--spacing-2)}#page-self-learning .at-intro__tagline svg{flex-shrink:0}#page-self-learning .at-intro__desc{font-size:var(--font-size-base);color:var(--color-gray-500);margin-top:var(--spacing-2)}#page-self-learning .at-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}#page-self-learning .at-stat{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-5);border:1px dashed var(--color-gray-300);transition:all var(--transition-slow)}#page-self-learning .at-stat__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-gray-400);margin-bottom:var(--spacing-2)}#page-self-learning .at-stat__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-800);line-height:1;transition:color var(--transition-slow)}#page-self-learning .at-stat__value--green{color:var(--color-primary)}#page-self-learning .at-stat__sub{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--spacing-1)}#page-self-learning .at-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}#page-self-learning .at-tabs{display:flex;gap:2px;background:var(--color-gray-100);border-radius:var(--border-radius);padding:3px}#page-self-learning .at-tab{padding:var(--spacing-2) 14px;border:none;border-radius:var(--border-radius-sm);font-family:inherit;font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-gray-500);background:transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}#page-self-learning .at-tab:hover{color:var(--color-gray-700)}#page-self-learning .at-tab--active{background:#fff;color:var(--color-gray-900);box-shadow:var(--shadow-sm)}#page-self-learning .at-tab__count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:var(--spacing-1);opacity:.5}#page-self-learning .at-search{display:flex;align-items:center;gap:var(--spacing-2);padding:7px 14px;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);width:240px;transition:border-color var(--transition-fast)}#page-self-learning .at-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}#page-self-learning .at-search__icon{color:var(--color-gray-400);flex-shrink:0;display:flex}#page-self-learning .at-search__input{border:none;outline:none;font-family:inherit;font-size:13px;color:var(--color-gray-800);background:transparent;width:100%}#page-self-learning .at-search__input::placeholder{color:var(--color-gray-400)}#page-self-learning .at-list{display:flex;flex-direction:column;gap:var(--spacing-2)}@keyframes at-cardFlash{0%{background:#fff}30%{background:var(--color-primary-subtle)}to{background:#fff}}#page-self-learning .at-card{background:#fff;border-radius:var(--border-radius-lg);border:1px dashed var(--color-gray-300);overflow:hidden;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-slow)}#page-self-learning .at-card:hover{border-color:var(--color-gray-400)}#page-self-learning .at-card--expanded{border-color:var(--color-gray-400);border-style:solid;box-shadow:0 1px 3px #0000000f}#page-self-learning .at-card--ignored{opacity:.6}#page-self-learning .at-card--ignored:hover{opacity:.85}#page-self-learning .at-card--just-trained{animation:at-cardFlash .8s ease}#page-self-learning .at-card__header{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);cursor:pointer;transition:background .1s ease}#page-self-learning .at-card__header:hover{background:#fffdf9}#page-self-learning .at-card--expanded .at-card__header:hover{background:transparent}#page-self-learning .at-card__dot{width:8px;height:8px;border-radius:var(--border-radius-full);margin-top:6px;flex-shrink:0;transition:background var(--transition-slow)}#page-self-learning .at-card__dot--trained{background:var(--color-primary)}#page-self-learning .at-card__dot--pending{background:var(--color-warning)}#page-self-learning .at-card__dot--ignored{background:var(--color-gray-300)}#page-self-learning .at-card__body-text{flex:1;min-width:0}#page-self-learning .at-card__question{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);line-height:1.4}#page-self-learning .at-card__preview{font-size:13px;color:var(--color-gray-500);line-height:1.4;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-self-learning .at-card__meta{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-top:2px}#page-self-learning .at-card__freq{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-gray-400);font-weight:var(--font-weight-medium);background:var(--color-gray-50);padding:2px var(--spacing-2);border-radius:var(--border-radius-sm)}#page-self-learning .at-card__freq--hot{color:var(--color-accent);background:#fef2f4}#page-self-learning .at-card__badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:2px 10px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);transition:all var(--transition-slow)}#page-self-learning .at-card__badge--trained{background:var(--color-success-light);color:#065f46}#page-self-learning .at-card__badge--pending{background:var(--color-warning-light);color:#92400e}#page-self-learning .at-card__badge--ignored{background:var(--color-gray-100);color:var(--color-gray-500)}#page-self-learning .at-card__chevron{color:var(--color-gray-300);display:flex;align-items:center;transition:transform var(--transition-base)}#page-self-learning .at-card__chevron--open{transform:rotate(90deg)}#page-self-learning .at-card__expanded-body{border-top:1px solid var(--border-color);padding:var(--spacing-5)}#page-self-learning .at-section{margin-bottom:var(--spacing-4)}#page-self-learning .at-section:last-child{margin-bottom:0}#page-self-learning .at-section__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-gray-400);margin-bottom:var(--spacing-2)}#page-self-learning .at-section__answer{font-size:var(--font-size-base);color:var(--color-gray-700);line-height:var(--line-height-relaxed);padding:var(--spacing-3) 14px;background:var(--color-gray-50);border-radius:var(--border-radius);border:1px solid var(--border-color)}#page-self-learning .at-section__context{font-size:13px;color:var(--color-gray-600);line-height:var(--line-height-normal);padding:10px 14px;background:#fffbeb;border-radius:var(--border-radius);border:1px solid var(--color-warning-light);font-style:italic}#page-self-learning .at-section__details{display:flex;gap:var(--spacing-5);font-size:var(--font-size-sm);color:var(--color-gray-500);flex-wrap:wrap;align-items:center}#page-self-learning .at-detail{display:flex;align-items:center;gap:5px}#page-self-learning .at-detail__icon{display:flex;color:var(--color-gray-400)}#page-self-learning .at-detail--link{color:var(--color-gray-400);cursor:pointer;margin-left:auto;transition:color var(--transition-fast)}#page-self-learning .at-detail--link:hover{color:var(--color-gray-500)}#page-self-learning .at-card__edit-area{width:100%;padding:var(--spacing-3) 14px;font-family:inherit;font-size:var(--font-size-base);color:var(--color-gray-800);line-height:var(--line-height-relaxed);background:#fff;border:1.5px solid var(--color-primary);border-radius:var(--border-radius);outline:none;resize:vertical;min-height:90px;box-shadow:0 0 0 3px var(--color-primary-subtle)}#page-self-learning .at-actions{display:flex;align-items:center;gap:var(--spacing-2);padding-top:14px;border-top:1px solid var(--border-color)}#page-self-learning .at-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:7px var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:inherit;font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-gray-600);background:#fff;cursor:pointer;transition:all var(--transition-fast)}#page-self-learning .at-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}#page-self-learning .at-btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}#page-self-learning .at-btn--primary:hover{background:var(--color-primary-hover)}#page-self-learning .at-btn--muted{color:var(--color-gray-400)}#page-self-learning .at-btn--muted:hover{color:var(--color-gray-500);background:var(--color-gray-50)}#page-self-learning .at-spacer{flex:1}#page-self-learning .at-first-visit{text-align:center;padding:64px var(--spacing-8)}#page-self-learning .at-first-visit__icon{color:var(--color-gray-300);margin-bottom:var(--spacing-5)}#page-self-learning .at-first-visit__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-700);margin-bottom:var(--spacing-2)}#page-self-learning .at-first-visit__desc{font-size:var(--font-size-base);color:var(--color-gray-500);line-height:var(--line-height-relaxed);max-width:440px;margin:0 auto}#page-self-learning .at-first-visit__hint{font-size:13px;color:var(--color-gray-400);margin-top:var(--spacing-5);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}#page-self-learning .at-empty{text-align:center;padding:56px var(--spacing-6);background:#fff;border-radius:var(--border-radius-lg);border:1px dashed var(--color-gray-300)}#page-self-learning .at-empty__icon{width:44px;height:44px;border-radius:var(--border-radius-full);background:var(--color-primary-subtle);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}#page-self-learning .at-empty__title{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:var(--spacing-1)}#page-self-learning .at-empty__desc{font-size:13px;color:var(--color-gray-500)}#page-standard-onboarding{flex:1;overflow-y:auto;padding:var(--spacing-8) var(--spacing-6);background:#fefcfa}#page-standard-onboarding .onboarding-container{max-width:800px;margin:0 auto}#page-standard-onboarding .onboarding-header{margin-bottom:var(--spacing-8)}#page-standard-onboarding .onboarding-header__welcome{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent);margin:0 0 var(--spacing-2) 0;line-height:var(--line-height-normal)}#page-standard-onboarding .onboarding-header__subtitle{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-gray-500);margin:0 0 var(--spacing-4) 0;line-height:var(--line-height-normal)}#page-standard-onboarding .onboarding-header__tip{display:flex;align-items:center;gap:var(--spacing-2);font-size:13px;color:var(--color-gray-500);margin:0 0 var(--spacing-5) 0}#page-standard-onboarding .onboarding-header__tip-bold{color:var(--color-gray-500)}#page-standard-onboarding .progress-card{background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-4);transition:all var(--transition-slow)}#page-standard-onboarding .progress-card--complete{background:var(--color-primary-subtle);border-color:var(--color-primary-light)}#page-standard-onboarding .progress-card--complete .progress-card__label{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:13px}#page-standard-onboarding .progress-card--complete .progress-card__status{color:var(--color-primary);font-weight:var(--font-weight-semibold)}#page-standard-onboarding .progress-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}#page-standard-onboarding .progress-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}#page-standard-onboarding .progress-card__count{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}#page-standard-onboarding .progress-card__bar{height:4px;background:var(--color-gray-200);border-radius:var(--border-radius-full);overflow:hidden;margin-bottom:var(--spacing-2)}#page-standard-onboarding .progress-card__bar-fill{height:100%;background:var(--color-primary);border-radius:var(--border-radius-full);transition:width var(--transition-slow)}#page-standard-onboarding .progress-card__status{font-size:13px;color:var(--color-gray-500);margin:0}#page-standard-onboarding .steps-list{border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;margin-bottom:var(--spacing-12)}#page-standard-onboarding .step-item{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);align-items:flex-start;transition:opacity var(--transition-base)}#page-standard-onboarding .step-item .step-circle{margin-top:2px}#page-standard-onboarding .step-item:not(:last-child){border-bottom:1px solid var(--border-color)}#page-standard-onboarding .step-circle{width:36px;height:36px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:all var(--transition-base)}#page-standard-onboarding .step-circle--pending{background:transparent;border:2px solid var(--color-gray-200);color:var(--color-gray-500)}#page-standard-onboarding .step-circle--completed{background:var(--color-primary);border:none;color:#fff}#page-standard-onboarding .step-circle--visited{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}#page-standard-onboarding .step-circle--skipped{background:var(--color-gray-400);border:none;color:#fff}#page-standard-onboarding .step-content{flex:1;min-width:0}#page-standard-onboarding .step-content__top{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:2px}#page-standard-onboarding .step-content__title{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-gray-600);margin:0}#page-standard-onboarding .step-content__description{font-size:13px;color:var(--color-gray-600);margin:0}#page-standard-onboarding .step-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;border-radius:var(--border-radius-sm);text-transform:uppercase;white-space:nowrap}#page-standard-onboarding .step-badge--required{background:var(--color-danger-light);color:#dc2626}#page-standard-onboarding .step-badge--recommended{background:var(--color-warning-light);color:var(--color-warning)}#page-standard-onboarding .step-badge--optional{background:var(--color-gray-100);color:var(--color-gray-500)}#page-standard-onboarding .step-action{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-4)}#page-standard-onboarding .step-action__btn{font-family:inherit;font-size:13px;font-weight:var(--font-weight-medium);background:transparent;border:none;cursor:pointer;padding:6px var(--spacing-3);border-radius:var(--border-radius);display:flex;align-items:center;gap:var(--spacing-1);transition:all var(--transition-fast)}#page-standard-onboarding .step-action__btn--default{color:var(--color-gray-500)}#page-standard-onboarding .step-action__btn--default:hover{color:var(--color-gray-700);background:var(--color-gray-50)}#page-standard-onboarding .step-action__btn--outlined{color:var(--color-gray-700);border:1px solid var(--border-color);padding:6px 14px;font-weight:var(--font-weight-semibold)}#page-standard-onboarding .step-action__btn--outlined:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}#page-standard-onboarding .step-action__skip{font-size:13px;font-weight:var(--font-weight-normal);color:var(--color-gray-400);cursor:pointer}#page-standard-onboarding .step-action__skip:hover{color:var(--color-gray-500);text-decoration:underline}#page-standard-onboarding .step-action__btn--primary{background:var(--color-accent);color:#fff;padding:8px 16px;border-radius:var(--border-radius);font-weight:var(--font-weight-semibold)}#page-standard-onboarding .step-action__btn--primary:hover{background:var(--color-accent-hover)}#page-standard-onboarding .step-action__btn--primary:disabled{background:var(--color-gray-200);color:var(--color-gray-400);cursor:not-allowed}#page-standard-onboarding .step-action__btn--primary:disabled:hover{background:var(--color-gray-200)}#page-standard-onboarding .step-action__btn--mark-done{background:var(--color-primary);color:#fff;padding:6px 14px;font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:6px}#page-standard-onboarding .step-action__btn--mark-done:hover{background:var(--color-primary-hover)}#page-standard-onboarding .step-action__revisit{font-size:13px;font-weight:400;color:var(--color-gray-400);cursor:pointer}#page-standard-onboarding .step-action__revisit:hover{color:var(--color-gray-500);text-decoration:underline}#page-standard-onboarding .step-capabilities{margin-top:6px}#page-standard-onboarding .step-capabilities__text{font-size:12px;color:var(--color-primary);font-weight:var(--font-weight-medium);line-height:1.4}#page-standard-onboarding .step-item--has-detail{align-items:flex-start}#page-standard-onboarding .help-card{text-align:center;padding:var(--spacing-6);background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius)}#page-standard-onboarding .help-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}#page-standard-onboarding .help-card__description{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0 0 var(--spacing-4) 0}#page-standard-onboarding .help-card__actions{display:flex;justify-content:center;gap:var(--spacing-3)}#page-standard-onboarding .help-card__btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:10px 20px;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}#page-standard-onboarding .help-card__btn--primary{background:var(--color-accent);color:#fff;border:none}#page-standard-onboarding .help-card__btn--primary:hover{background:var(--color-accent-hover)}#page-standard-onboarding .help-card__btn--secondary{background:#fff;color:var(--color-gray-700);border:1px solid var(--border-color)}#page-standard-onboarding .help-card__btn--secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}@keyframes standard-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes standard-fadeIn{0%{opacity:0}to{opacity:1}}#page-standard-onboarding .onboarding-skeleton{animation:standard-fadeIn .2s ease-out}#page-standard-onboarding .skeleton-progress-card{background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-4);margin-bottom:var(--spacing-6)}#page-standard-onboarding .skeleton-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}#page-standard-onboarding .skeleton-text{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:400px 100%;animation:standard-shimmer 1.5s infinite;border-radius:4px;height:14px}#page-standard-onboarding .skeleton-text--xs{width:32px;height:20px}#page-standard-onboarding .skeleton-text--sm{width:100px}#page-standard-onboarding .skeleton-text--md{width:180px;margin-top:var(--spacing-2)}#page-standard-onboarding .skeleton-text--lg{width:200px;height:16px}#page-standard-onboarding .skeleton-text--btn{width:100px;height:32px;border-radius:var(--border-radius);flex-shrink:0}#page-standard-onboarding .skeleton-bar{height:4px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:400px 100%;animation:standard-shimmer 1.5s infinite;border-radius:var(--border-radius-full);margin-bottom:var(--spacing-2)}#page-standard-onboarding .skeleton-steps{border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;margin-top:var(--spacing-4)}#page-standard-onboarding .skeleton-step{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);align-items:center}#page-standard-onboarding .skeleton-step:not(:last-child){border-bottom:1px solid var(--border-color)}#page-standard-onboarding .skeleton-circle{width:36px;height:36px;border-radius:var(--border-radius-full);background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:400px 100%;animation:standard-shimmer 1.5s infinite;flex-shrink:0}#page-standard-onboarding .skeleton-step-content{flex:1;display:flex;flex-direction:column;gap:6px}@keyframes standard-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#page-standard-onboarding .step-spinner{animation:standard-spin .8s linear infinite}#page-standard-onboarding .step-circle--loading{background:transparent;border:2px solid var(--color-primary-light);color:var(--color-primary)}#page-standard-onboarding .step-item--loading{opacity:.7;pointer-events:none}#page-standard-onboarding .verification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:standard-fadeIn .3s ease-out}#page-standard-onboarding .verification-overlay__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}#page-standard-onboarding .verification-overlay__modal{position:relative;background:#fff;border-radius:16px;padding:48px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #00000026;animation:standard-scaleIn .3s ease-out}@keyframes standard-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#page-standard-onboarding .verification-overlay__spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:var(--color-accent);border-radius:50%;animation:standard-spin .8s linear infinite;margin:0 auto 24px}#page-standard-onboarding .verification-overlay__check{color:var(--color-primary);margin-bottom:16px;animation:standard-scaleIn .4s ease-out}#page-standard-onboarding .verification-overlay__title{font-size:20px;font-weight:700;color:var(--color-gray-900);margin:0 0 8px}#page-standard-onboarding .verification-overlay__text{font-size:14px;color:var(--color-gray-500);margin:0;line-height:1.5}#page-profile{display:flex;flex-direction:column;flex:1;min-height:0}#page-profile .settings-scroll{flex:1;overflow-y:auto;padding:var(--spacing-8) var(--spacing-10) 80px;background:#fefcfa}#page-profile .settings-content{max-width:720px;margin:0 auto}#page-profile .settings-card{background:#fff;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);padding:28px;margin-bottom:var(--spacing-6)}#page-profile .settings-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-2)}#page-profile .settings-card__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-bottom:var(--spacing-6)}#page-profile .form-group{margin-bottom:var(--spacing-5)}#page-profile .form-group--last{margin-bottom:0}#page-profile .form-label-hint{font-weight:var(--font-weight-normal);color:var(--color-gray-400);font-size:var(--font-size-sm)}#page-profile .form-hint{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-top:var(--spacing-2)}#page-profile .form-select{width:100%;padding:10px 36px 10px 14px;font-family:inherit;font-size:var(--font-size-base);color:var(--color-gray-800);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}#page-profile .form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}#page-profile .profile-avatar-section{display:flex;align-items:center;gap:var(--spacing-6)}#page-profile .profile-avatar-preview{position:relative;width:80px;height:80px;border-radius:var(--border-radius-full);background:var(--color-accent);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}#page-profile .profile-avatar-preview img{width:100%;height:100%;object-fit:cover}#page-profile .profile-avatar-initials{font-size:28px;font-weight:var(--font-weight-semibold);color:#fff}#page-profile .profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}#page-profile .profile-avatar-actions{display:flex;flex-direction:column;gap:var(--spacing-2)}#page-profile .btn-secondary{padding:8px var(--spacing-4);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:#fff;color:var(--color-gray-700);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}#page-profile .btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}#page-profile .btn-secondary:disabled{opacity:.5;cursor:not-allowed}#page-profile .profile-password-action{margin-top:var(--spacing-4)}#page-profile .profile-error{padding:var(--spacing-3) var(--spacing-4);background:var(--color-error-light, #fef2f2);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-error, #dc2626);margin-bottom:var(--spacing-4)}#page-profile .profile-readonly-value{font-size:var(--font-size-base);color:var(--color-gray-600);padding:10px 0;text-transform:capitalize}#page-profile .save-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--border-color);padding:var(--spacing-4) var(--spacing-10);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);z-index:var(--z-dropdown)}#page-profile .save-bar__text{font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-profile .btn-cancel{padding:10px var(--spacing-6);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:#fff;color:var(--color-gray-600);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer}#page-profile .btn-save{padding:10px var(--spacing-6);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background var(--transition-fast)}#page-profile .btn-save:hover{background:var(--color-accent-hover)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-content-bg)}.login-card{width:100%;max-width:440px;background:#fff;border-radius:16px;padding:44px 40px 36px;box-shadow:0 4px 32px #0000000f}.login-card__header{text-align:center;margin-bottom:28px}.login-card__title{font-size:26px;font-weight:800;color:#111827;margin:0 0 6px;letter-spacing:-.3px}.login-card__subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:400}.login-card__social{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.login-card__social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:500;font-family:inherit;color:#374151;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.login-card__social-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 4px #0000000a}.login-card__social-btn:active{background:#f3f4f6}.login-card__social-btn svg{flex-shrink:0}.login-card__divider{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-card__divider-line{flex:1;height:1px;background:#e5e7eb}.login-card__divider-text{font-size:12px;color:#9ca3af;white-space:nowrap;font-weight:400}.login-card__form{display:flex;flex-direction:column;gap:18px}.login-card__error{padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.login-card__field{display:flex;flex-direction:column;gap:6px}.login-card__label{font-size:13px;font-weight:600;color:#374151}.login-card__input{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;color:#111827;background:#fff;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.login-card__input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.login-card__input::placeholder{color:#9ca3af}.login-card__field-error{font-size:13px;color:#ec4899;font-weight:500}.login-card__field-hint{font-size:12px;color:#9ca3af}.login-card__input-wrap{position:relative}.login-card__input--password{padding-right:42px}.login-card__eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#9ca3af;border-radius:4px}.login-card__eye-btn:hover{color:#6b7280}.login-card__forgot{font-size:13px;font-weight:500;color:#ec4899;text-decoration:none;align-self:flex-start;margin-top:-8px;background:none;border:none;padding:0;font-family:inherit;cursor:pointer}.login-card__forgot:hover{text-decoration:underline}.login-card__submit{width:100%;padding:12px;background:#ec4899;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,opacity .15s}.login-card__submit:hover{background:#db2777}.login-card__submit:disabled{opacity:.6;cursor:not-allowed}.login-card__back-btn{display:block;width:100%;margin-top:16px;padding:10px;background:none;border:none;font-size:13px;font-weight:500;font-family:inherit;color:#6b7280;cursor:pointer;text-align:center;transition:color .15s}.login-card__back-btn:hover{color:#374151}.login-card__icon{width:52px;height:52px;border-radius:14px;background:#fdf2f8;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.login-card__icon--success{background:#ecfdf5}.login-card__resend-btn{width:100%;padding:10px;background:none;border:none;font-size:13px;font-weight:500;font-family:inherit;color:#ec4899;cursor:pointer;text-align:center;transition:color .15s}.login-card__resend-btn:hover{color:#db2777;text-decoration:underline}.login-card__footer{text-align:center;font-size:12px;color:#9ca3af;margin:24px 0 0;line-height:1.6}.login-card__link{color:#ec4899;text-decoration:none;font-weight:500}.login-card__link:hover{text-decoration:underline}.login-card__logo{text-align:center;margin-bottom:20px}.login-card__logo-img{height:40px;width:auto}.signup-shopify-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:24px}.signup-shopify-card__title{font-size:16px;font-weight:700;color:#111827;margin:0 0 6px}.signup-shopify-card__desc{font-size:13px;color:#6b7280;margin:0 0 14px;line-height:1.5}.signup-shopify-card__btn{width:100%;padding:11px 16px;background:#96bf48;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s}.signup-shopify-card__btn:hover{background:#7ba63a}.login-card__submit--green{background:var(--color-accent, #ed4a69)}.login-card__submit--green:hover{background:#d43a5a}.login-card__plan-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px}.login-card__plan-badge{display:inline-block;padding:2px 10px;background:#16a34a;color:#fff;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.login-card__plan-trial-text{font-size:13px;color:#15803d;font-weight:500}.login-card__mobile-warning{display:none;text-align:center;font-size:13px;color:#6b7280;margin:16px 24px 0;line-height:1.5}@media (max-width: 768px){.login-card__mobile-warning{display:block}}.ps-page{font-family:DM Sans,-apple-system,sans-serif;background:#fdfcfb;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.ps-container{width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;gap:40px;animation:ps-page-in .4s ease both}@keyframes ps-page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ps-header{text-align:center}.ps-logo{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.ps-logo__img{height:40px}.ps-title{font-size:28px;font-weight:700;color:#111827;letter-spacing:-.02em;line-height:1.2;margin:0 0 12px}.ps-subtitle{font-size:16px;color:#6b7280;line-height:1.5;margin:0}.ps-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.ps-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:32px 24px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.ps-card:hover{transform:translateY(-3px)}.ps-card--shopify:hover{border-color:#96bf48;box-shadow:0 0 0 4px #96bf481f,0 4px 6px -1px #0000001a}.ps-card--wordpress:hover{border-color:#21759b;box-shadow:0 0 0 4px #21759b1f,0 4px 6px -1px #0000001a}.ps-card--other:hover{border-color:#ed4a69;box-shadow:0 0 0 4px #ed4a691a,0 4px 6px -1px #0000001a}.ps-card__icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center}.ps-card--shopify .ps-card__icon{background:#f0f7e6}.ps-card--wordpress .ps-card__icon{background:#e8f4f8}.ps-card--other .ps-card__icon{background:#fff0f3}.ps-card__name{font-size:16px;font-weight:700;color:#111827;letter-spacing:-.01em;margin:0}.ps-card__desc{font-size:12px;color:#6b7280;line-height:1.6;margin:0}.ps-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.02em}.ps-badge--autosync{background:#d1fae5;color:#059669}.ps-badge--manual{background:#f3f4f6;color:#6b7280}.ps-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ps-footer{font-size:13px;color:#9ca3af;text-align:center;margin:0}.ps-footer__link{color:#ed4a69;text-decoration:none;font-weight:500;background:none;border:none;padding:0;font:inherit;cursor:pointer}.ps-footer__link:hover{text-decoration:underline}.ps-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:ps-fade-in .2s ease}@keyframes ps-fade-in{0%{opacity:0}to{opacity:1}}.ps-modal{background:#fff;border-radius:16px;padding:40px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:ps-slide-up .25s ease;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}@keyframes ps-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ps-modal__close{position:absolute;top:14px;right:14px;width:30px;height:30px;border:none;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s ease,color .15s ease}.ps-modal__close:hover{background:#e5e7eb;color:#374151}.ps-modal__icon{width:72px;height:72px;background:#f0f7e6;border-radius:12px;display:flex;align-items:center;justify-content:center}.ps-modal__title{font-size:20px;font-weight:700;color:#111827;letter-spacing:-.01em;margin:0}.ps-modal__body{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.ps-modal__highlight{background:#f0f7e6;border-radius:12px;padding:16px 20px;width:100%;text-align:left}.ps-modal__highlight-title{font-size:11px;font-weight:700;color:#4b5563;margin:0 0 10px;text-transform:uppercase;letter-spacing:.06em}.ps-modal__perks{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.ps-modal__perks li{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151}.ps-modal__perks-check{color:#96bf48;font-weight:700;flex-shrink:0}.ps-modal__actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.ps-btn-primary{width:100%;padding:13px 24px;background:#96bf48;color:#fff;border:none;border-radius:8px;font-family:DM Sans,-apple-system,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ps-btn-primary:hover{background:#7da33a}:root{--color-white: #ffffff;--color-primary: #10b981;--color-primary-hover: #059669;--color-primary-light: #d1fae5;--color-primary-subtle: #ecfdf5;--color-accent: #ed4a69;--color-accent-hover: #d63e5b;--color-purple: #8b5cf6;--color-purple-light: #ede9fe;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-success: #10b981;--color-success-light: #d1fae5;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-bubble-ai: #ecfdf5;--color-bubble-agent: #FDF8F3;--color-content-bg: #fefcfa;--font-family: "DM Sans", "Noto Sans Devanagari", "Noto Sans Tamil", "Noto Sans Bengali", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-4-5: 18px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--sidebar-width: 240px;--sidebar-width-collapsed: 60px;--header-height: 60px;--border-color: var(--color-gray-200);--border-radius-sm: 6px;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 50;--z-sticky: 60;--z-header: 70;--z-sidebar: 100;--z-modal: 200}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-800);background:var(--color-gray-100)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:2px 8px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--border-radius-full)}.badge--danger{background:var(--color-danger);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:10px 20px;font-family:inherit;font-size:var(--font-size-base);font-weight:600;line-height:1;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-accent-hover)}.form-label{display:block;font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-600);margin-bottom:var(--spacing-2)}.form-input{width:100%;padding:10px 14px;font-family:inherit;font-size:var(--font-size-base);color:var(--color-gray-800);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.form-textarea{width:100%;padding:10px 14px;font-family:inherit;font-size:var(--font-size-base);color:var(--color-gray-800);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;resize:vertical;min-height:80px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4)}.upload-area{flex:1;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border:2px dashed var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}.upload-area:hover{border-color:var(--color-accent);background:#ed4a6905}.upload-area input[type=file]{display:none}.upload-area-text{font-size:var(--font-size-sm);color:var(--color-gray-500)}.upload-area-text strong{color:var(--color-accent);font-weight:500}.avatar-circle{width:48px;height:48px;border-radius:var(--border-radius-full);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;overflow:hidden;flex-shrink:0}.avatar-circle img{width:100%;height:100%;object-fit:cover}.avatar-circle--primary{background:var(--color-primary-subtle);color:var(--color-primary)}.avatar-circle--neutral{background:var(--color-gray-100);color:var(--color-gray-500)}.color-preview{width:48px;height:48px;border-radius:var(--border-radius);border:2px solid var(--border-color);cursor:pointer;flex-shrink:0;transition:transform var(--transition-fast)}.color-preview:hover{transform:scale(1.05)}.admin-layout{display:flex;min-height:100vh}.header{height:var(--header-height);background:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-6);position:sticky;top:0;z-index:70}.header__left{display:flex;align-items:center;gap:var(--spacing-4)}.header__center{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;padding:0 var(--spacing-4)}.header__right{display:flex;align-items:center;gap:var(--spacing-2)}.content--no-padding{padding:0;flex:1;display:flex;flex-direction:column;background:var(--color-content-bg)}.placeholder-content{background:#fff;border:2px dashed var(--color-gray-300);border-radius:var(--border-radius-lg);padding:80px 48px;text-align:center;color:var(--color-gray-400);font-size:var(--font-size-lg);margin:var(--spacing-6);flex:1;display:flex;align-items:center;justify-content:center}.placeholder-content strong{color:var(--color-gray-600)}.header-toast{display:flex;align-items:center;gap:var(--spacing-2);padding:6px 14px;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500;animation:toastSlideIn .3s ease;white-space:nowrap}.header-toast--success{background:var(--color-success-light);color:#065f46}.header-toast--info{background:var(--color-info-light);color:#1e40af}.header-toast--error{background:var(--color-danger-light);color:#991b1b}.header-toast__icon{display:flex;align-items:center;flex-shrink:0}.header-toast__dismiss{background:none;border:none;cursor:pointer;opacity:.5;font-size:16px;line-height:1;display:flex;align-items:center;padding:0 0 0 4px;color:inherit}.header-toast__dismiss:hover{opacity:1}.header-alert{display:flex;align-items:center;gap:var(--spacing-2);padding:6px 8px 6px 14px;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500;background:#fef3c7;color:#92400e;border:1px solid #fcd34d;animation:toastSlideIn .3s ease;white-space:nowrap}.header-alert__icon{display:flex;align-items:center;flex-shrink:0}.header-alert__text{overflow:hidden;text-overflow:ellipsis}.header-alert__name{font-weight:600}.header-alert__action{padding:4px 12px;border-radius:var(--border-radius-full);border:none;font-family:inherit;font-size:var(--font-size-xs);font-weight:600;background:#92400e;color:#fff;cursor:pointer;flex-shrink:0;transition:background var(--transition-fast)}.header-alert__action:hover{background:#78350f}.header-alert__dismiss{background:none;border:none;cursor:pointer;opacity:.4;font-size:16px;line-height:1;display:flex;align-items:center;padding:0;color:#92400e}.header-alert__dismiss:hover{opacity:.8}.header-alert--assignment{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.header-alert__action--assignment{background:#1e40af}.header-alert__action--assignment:hover{background:#1e3a8a}.header-alert__dismiss--assignment{color:#1e40af}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.workspace-switcher{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;cursor:pointer;transition:all var(--transition-fast)}.workspace-switcher:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.workspace-switcher__avatar{width:24px;height:24px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-sm);font-weight:600}.workspace-switcher__name{font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-700)}.workspace-switcher__chevron{color:var(--color-gray-400);transition:transform var(--transition-base);display:flex;align-items:center}.workspace-switcher--open .workspace-switcher__chevron{transform:rotate(180deg)}.workspace-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-2);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);min-width:220px;padding:var(--spacing-2);z-index:var(--z-dropdown)}.workspace-dropdown__title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);padding:var(--spacing-2) var(--spacing-3)}.workspace-dropdown__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:var(--border-radius-sm);background:transparent;cursor:pointer;text-align:left;transition:background var(--transition-fast);font-family:inherit}.workspace-dropdown__item:hover,.workspace-dropdown__item--active{background:var(--color-gray-100)}.workspace-dropdown__item-avatar{width:28px;height:28px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-sm);font-weight:600}.workspace-dropdown__item-name{font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-900)}.workspace-dropdown__item-plan{font-size:var(--font-size-sm);color:var(--color-gray-500)}.workspace-dropdown__item-check{margin-left:auto;color:var(--color-primary)}.workspace-dropdown__divider{border-top:1px solid var(--border-color);margin:var(--spacing-2) 0}.workspace-dropdown__add{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--color-gray-500);font-family:inherit;font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.workspace-dropdown__add:hover{background:var(--color-gray-100)}.sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:width var(--transition-slow)}.sidebar--collapsed{width:var(--sidebar-width-collapsed);overflow:hidden}.sidebar__header{height:var(--header-height);display:flex;align-items:center;padding:0 14px}.sidebar__logo-emblem{width:32px;height:32px;object-fit:contain;background:#fff;border-radius:var(--border-radius)}.sidebar__logo-full{height:32px;width:auto;max-width:200px;object-fit:contain;background:#fff;border-radius:var(--border-radius)}.sidebar__nav{flex:1;padding:var(--spacing-2);overflow-y:auto;overflow-x:hidden}.sidebar__footer{padding:var(--spacing-3) var(--spacing-4);margin-top:auto}.sidebar__version{font-size:10px;color:var(--color-gray-500);opacity:.6}.sidebar--collapsed .sidebar__version{display:none}.nav-section{margin-bottom:var(--spacing-5)}.nav-section__title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);padding:0 var(--spacing-2);margin-bottom:var(--spacing-2);white-space:nowrap;opacity:1;overflow:hidden;transition:opacity var(--transition-base),height var(--transition-base)}.sidebar--collapsed .nav-section__title{opacity:0;height:0;margin-bottom:0}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:none;border-radius:var(--border-radius);background:transparent;color:var(--color-gray-600);font-family:inherit;font-size:var(--font-size-base);font-weight:500;text-align:left;cursor:pointer;margin-bottom:2px;white-space:nowrap;overflow:hidden;position:relative;transition:all var(--transition-fast)}.sidebar--collapsed .nav-item{justify-content:center;gap:0}.nav-item:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.nav-item--active{background:var(--color-primary-subtle);color:var(--color-primary)}.nav-item--active:hover{background:var(--color-primary-light)}.nav-item--active .nav-item__icon{color:var(--color-primary)}.nav-item__icon{color:var(--color-gray-400);flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.nav-item__label{opacity:1;overflow:hidden;transition:opacity var(--transition-base)}.sidebar--collapsed .nav-item__label{opacity:0;width:0}.nav-item__badge{margin-left:auto}.sidebar--collapsed .nav-item__badge{display:none}.nav-item__notification-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;background:var(--color-danger);border-radius:var(--border-radius-full);border:2px solid white}.main-wrapper{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--transition-slow)}.main-wrapper--sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}.header-icon-btn--active{background:var(--color-gray-100)}.header-icon-btn{width:36px;height:36px;border:none;border-radius:var(--border-radius);background:transparent;color:var(--color-gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-fast)}.header-icon-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.notification-dot{width:10px;height:10px;background:var(--color-danger);border-radius:var(--border-radius-full);border:2px solid white;position:absolute;top:4px;right:4px}.online-dot{width:10px;height:10px;background:var(--color-success);border-radius:var(--border-radius-full);border:2px solid white;position:absolute;bottom:4px;right:4px}.online-dot--offline{background:var(--color-gray-400)}.account-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-2);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);min-width:220px;padding:var(--spacing-2);z-index:var(--z-dropdown)}.account-dropdown__user-section{padding:var(--spacing-3);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-2)}.account-dropdown__user-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900)}.account-dropdown__user-email{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-3)}.account-dropdown__status-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-2)}.account-dropdown__status-label{font-size:var(--font-size-sm);color:var(--color-gray-600);display:flex;align-items:center;gap:6px}.account-dropdown__status-dot{width:8px;height:8px;border-radius:var(--border-radius-full)}.account-dropdown__status-dot--online{background:var(--color-success)}.account-dropdown__status-dot--offline{background:var(--color-gray-400)}.account-dropdown__toggle{position:relative;width:36px;height:20px;border-radius:10px;border:none;cursor:pointer;transition:background var(--transition-fast);padding:0}.account-dropdown__toggle--on{background:var(--color-success)}.account-dropdown__toggle--off{background:var(--color-gray-300)}.account-dropdown__toggle-knob{position:absolute;top:2px;width:16px;height:16px;border-radius:var(--border-radius-full);background:#fff;box-shadow:0 1px 3px #0003;transition:left var(--transition-fast)}.account-dropdown__toggle--on .account-dropdown__toggle-knob{left:18px}.account-dropdown__toggle--off .account-dropdown__toggle-knob{left:2px}.account-dropdown__divider{border-top:1px solid var(--border-color);margin:var(--spacing-2) 0}.account-dropdown__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--color-gray-700);font-family:inherit;font-size:var(--font-size-base);font-weight:400;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.account-dropdown__item:hover{background:var(--color-gray-100)}.account-dropdown__item--danger{color:var(--color-danger)}.account-dropdown__item--danger:hover{background:var(--color-danger-light)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.page-header__title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-gray-900);margin:0}.page-header__subtitle{font-size:var(--font-size-base);color:var(--color-gray-500);margin-top:var(--spacing-1)}.page-header__actions{display:flex;align-items:center;gap:var(--spacing-3)}#page-conversations{display:flex;flex-direction:column;height:calc(100vh - var(--header-height))}#page-conversations .conversations-layout{display:grid;grid-template-columns:320px 1fr;flex:1;min-height:0;overflow:hidden;transition:grid-template-columns .3s ease}#page-conversations .conversations-layout--panel-open{grid-template-columns:320px 1fr 300px}#page-conversations .conv-list{background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-height:0}#page-conversations .conv-list__header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2)}#page-conversations .conv-list__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-3) 0}#page-conversations .conv-list__count{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:400;margin-left:var(--spacing-2)}#page-conversations .conv-list__search{position:relative}#page-conversations .conv-list__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);display:flex}#page-conversations .conv-list__search-input{width:100%;padding:8px 12px 8px 36px;font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--color-gray-50);outline:none}#page-conversations .conv-list__search-input:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #f5f3ff}#page-conversations .conv-list__filter-wrapper{position:relative}#page-conversations .conv-list__filter-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}#page-conversations .conv-list__filter-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:#8b5cf6;color:#fff;border-radius:50%;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white}#page-conversations .conv-list__filter-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 30px -5px #0000001f,0 4px 10px -3px #0000000f;padding:var(--spacing-4);z-index:100}#page-conversations .conv-list__filter-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-400);margin-bottom:var(--spacing-2)}#page-conversations .conv-list__filter-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:var(--spacing-4)}#page-conversations .conv-list__filter-chips:last-of-type{margin-bottom:0}#page-conversations .conv-list__filter-chip{padding:6px 12px;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--border-radius);border:1px solid var(--border-color);background:#fff;color:var(--color-gray-500);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:5px;font-family:inherit}#page-conversations .conv-list__filter-chip:hover{border-color:var(--color-gray-300)}#page-conversations .conv-list__filter-chip--active{border-color:#8b5cf6;background:#f5f3ff;color:#6d28d9}#page-conversations .conv-list__filter-footer{border-top:1px solid var(--color-gray-100);margin-top:var(--spacing-4);padding-top:var(--spacing-3);display:flex;justify-content:space-between;align-items:center}#page-conversations .conv-list__filter-footer-btn{font-size:var(--font-size-sm);background:none;border:none;cursor:pointer;padding:0;font-family:inherit;font-weight:500}#page-conversations .conv-list__active-pills{display:flex;gap:4px;flex-wrap:wrap;padding:var(--spacing-2) var(--spacing-4) var(--spacing-4);border-bottom:1px solid var(--border-color)}#page-conversations .conv-list__active-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 10px;font-size:var(--font-size-xs);font-weight:500;background:#ede9fe;color:#6d28d9;border-radius:var(--border-radius-sm)}#page-conversations .conv-list__active-pill-remove{cursor:pointer;opacity:.5;font-size:var(--font-size-base);line-height:1;display:flex;align-items:center;padding:0 1px;transition:opacity var(--transition-fast)}#page-conversations .conv-list__active-pill-remove:hover{opacity:1}#page-conversations .conv-list__items{flex:1;overflow-y:auto}#page-conversations .conv-item{display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color);cursor:pointer}#page-conversations .conv-item:hover{background:var(--color-gray-50)}#page-conversations .conv-item--active{background:var(--color-primary-subtle);border-left:3px solid var(--color-primary);padding-left:calc(var(--spacing-4) - 3px)}#page-conversations .conv-item__avatar{width:40px;height:40px;border-radius:var(--border-radius-full);background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-600);flex-shrink:0;overflow:hidden}#page-conversations .conv-item__avatar img{width:100%;height:100%;object-fit:cover}#page-conversations .conv-item__content{flex:1;min-width:0}#page-conversations .conv-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}#page-conversations .conv-item__name{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#page-conversations .conv-item__time{font-size:var(--font-size-xs);color:var(--color-gray-400);flex-shrink:0;margin-left:var(--spacing-2)}#page-conversations .conv-item__preview{font-size:var(--font-size-sm);color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}#page-conversations .conv-item__meta-status{display:flex;align-items:center;gap:var(--spacing-2);margin-top:12px}#page-conversations .conv-item__meta-left{display:flex;align-items:center;gap:var(--spacing-2);flex:1;min-width:0;flex-wrap:wrap}#page-conversations .conv-item__meta-tags{display:flex;align-items:center;gap:4px;margin-top:4px;flex-wrap:wrap}#page-conversations .conv-item__channel{display:flex;align-items:center;width:16px;height:16px;flex-shrink:0}#page-conversations .conv-item__status{font-size:10px;font-weight:500;padding:2px 6px;border-radius:var(--border-radius-sm);text-transform:uppercase;flex-shrink:0}#page-conversations .conv-item__status--ai{background:var(--color-info-light);color:var(--color-info)}#page-conversations .conv-item__status--human{background:var(--color-warning-light);color:#b45309}#page-conversations .conv-item__status--closed{background:var(--color-gray-100);color:var(--color-gray-500)}#page-conversations .conv-item__tag{font-size:10px;font-weight:500;padding:2px 6px;border-radius:var(--border-radius-sm);background:transparent;color:#7c3aed;border:1px solid #c4b5fd;white-space:nowrap}#page-conversations .conv-item__tag-add{opacity:0;font-size:10px;font-weight:500;padding:2px 6px;border-radius:var(--border-radius-sm);background:transparent;border:1px dashed var(--color-gray-300);color:var(--color-gray-400);cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}#page-conversations .conv-item__tag-add--active,#page-conversations .conv-item:hover .conv-item__tag-add{opacity:1}#page-conversations .conv-item__tag-add:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle)}#page-conversations .conv-item__tag-wrapper{position:relative;display:inline-flex}#page-conversations .tag-picker{position:fixed;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:200px;z-index:999}#page-conversations .tag-picker__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-color)}#page-conversations .tag-picker__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-900)}#page-conversations .tag-picker__close{width:20px;height:20px;border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}#page-conversations .tag-picker__close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}#page-conversations .tag-picker__list{max-height:240px;overflow-y:auto;padding:var(--spacing-2)}#page-conversations .tag-picker__item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:6px 8px;border:none;background:transparent;font-family:inherit;font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;border-radius:var(--border-radius-sm);transition:background var(--transition-fast);text-align:left}#page-conversations .tag-picker__item:hover{background:var(--color-gray-50)}#page-conversations .tag-picker__checkbox{width:16px;height:16px;border-radius:3px;border:1.5px solid var(--color-gray-300);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}#page-conversations .tag-picker__checkbox--checked{background:var(--color-primary);border-color:var(--color-primary);color:#fff}#page-conversations .tag-picker__footer{display:flex;gap:var(--spacing-2);padding:8px;border-top:1px solid var(--border-color)}#page-conversations .tag-picker__input{flex:1;padding:6px 8px;font-family:inherit;font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);outline:none;min-width:0}#page-conversations .tag-picker__input:focus{border-color:var(--color-primary)}#page-conversations .tag-picker__input::placeholder{color:var(--color-gray-400)}#page-conversations .tag-picker__add-btn{padding:6px 10px;font-family:inherit;font-size:var(--font-size-xs);font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast)}#page-conversations .tag-picker__add-btn:hover{background:var(--color-primary-hover)}#page-conversations .tag-picker__add-btn:disabled{opacity:.4;cursor:not-allowed}#page-conversations .conv-item__tag-overflow{font-size:10px;font-weight:500;padding:2px 6px;border-radius:var(--border-radius-sm);background:transparent;color:#7c3aed;border:1px solid #c4b5fd;white-space:nowrap;flex-shrink:0}#page-conversations .conv-item__urgency{width:8px;height:8px;border-radius:var(--border-radius-full);flex-shrink:0}#page-conversations .conv-item__urgency--warning{background:var(--color-warning)}#page-conversations .conv-item__urgency--danger{background:var(--color-danger)}#page-conversations .chat-view{display:flex;flex-direction:column;background:var(--color-content-bg);min-height:0}#page-conversations .chat-view__header{padding:var(--spacing-4) var(--spacing-5);background:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}#page-conversations .chat-view__header-left{display:flex;align-items:center;gap:var(--spacing-3)}#page-conversations .chat-view__header-avatar{width:36px;height:36px;border-radius:var(--border-radius-full);background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-600);overflow:hidden}#page-conversations .chat-view__header-avatar img{width:100%;height:100%;object-fit:cover}#page-conversations .chat-view__header-info h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900);margin:0}#page-conversations .chat-view__header-channel{font-size:var(--font-size-xs);color:var(--color-gray-500);display:flex;align-items:center;gap:4px}#page-conversations .chat-view__header-actions{display:flex;align-items:center;gap:var(--spacing-2)}#page-conversations .handler-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500}#page-conversations .handler-badge--bot{background:#fff;color:var(--color-purple);border:1px solid var(--color-purple)}#page-conversations .handler-badge--agent{background:var(--color-purple);color:#fff;border:1px solid var(--color-purple)}#page-conversations .handler-badge__icon{display:flex;align-items:center}#page-conversations .chat-view__action-btn{width:32px;height:32px;border:none;border-radius:var(--border-radius);background:transparent;color:var(--color-gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center}#page-conversations .chat-view__action-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}#page-conversations .chat-view__panel-toggle{width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;color:var(--color-gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-2)}#page-conversations .chat-view__panel-toggle:hover{background:var(--color-gray-50);color:var(--color-gray-700)}#page-conversations .chat-view__panel-toggle--active{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-primary)}#page-conversations .chat-view__messages{flex:1;overflow-y:auto;padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4)}#page-conversations .chat-view__date-divider{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0}#page-conversations .chat-view__date-divider:before,#page-conversations .chat-view__date-divider:after{content:"";flex:1;height:1px;background:var(--color-gray-200)}#page-conversations .chat-view__date-divider span{font-size:var(--font-size-xs);color:var(--color-gray-400);font-weight:500}#page-conversations .chat-view__system-message{text-align:center;padding:var(--spacing-3) 0;font-size:var(--font-size-sm);color:var(--color-gray-400)}#page-conversations .message{display:flex;gap:var(--spacing-2);max-width:70%}#page-conversations .message--customer{align-self:flex-start}#page-conversations .message--agent{align-self:flex-end;flex-direction:row-reverse}#page-conversations .message__avatar{width:28px;height:28px;border-radius:var(--border-radius-full);background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--color-gray-600);flex-shrink:0;align-self:flex-end;overflow:hidden}#page-conversations .message--agent .message__avatar--ai{background:var(--color-primary-subtle);color:var(--color-primary)}#page-conversations .message--agent .message__avatar--human{background:var(--color-purple-light);color:var(--color-purple)}#page-conversations .message__content{display:flex;flex-direction:column;gap:2px}#page-conversations .message__bubble{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);line-height:1.5}#page-conversations .message--customer .message__bubble{background:#fff;color:var(--color-gray-800);border:1px solid var(--border-color);border-bottom-left-radius:var(--border-radius-sm)}#page-conversations .message--agent .message__bubble--ai{background:var(--color-bubble-ai);color:var(--color-gray-800);border-bottom-right-radius:var(--border-radius-sm)}#page-conversations .message--agent .message__bubble--human{background:var(--color-bubble-agent);color:var(--color-gray-800);border-bottom-right-radius:var(--border-radius-sm)}#page-conversations .message__time{font-size:10px;color:var(--color-gray-400);padding:0 var(--spacing-1);display:flex;align-items:center;gap:6px}#page-conversations .message--agent .message__time{text-align:right;justify-content:flex-end}#page-conversations .message__lang-flag{display:inline-flex;align-items:center;gap:2px;cursor:pointer;padding:2px 6px;border-radius:var(--border-radius-sm);background:var(--color-gray-100);transition:background .15s ease}#page-conversations .message__lang-flag:hover{background:var(--color-gray-200)}#page-conversations .message__lang-flag-icon{font-size:11px;line-height:1}#page-conversations .message__lang-flag-chevron{font-size:8px;color:var(--color-gray-400);transition:transform .15s ease;margin-left:1px}#page-conversations .message__lang-flag--expanded .message__lang-flag-chevron{transform:rotate(180deg)}#page-conversations .message__original{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-gray-50);border-radius:var(--border-radius-sm);border-left:2px solid var(--color-gray-300);font-size:var(--font-size-sm);color:var(--color-gray-600);font-style:italic}#page-conversations .message__original-label{font-size:10px;color:var(--color-gray-400);font-style:normal;font-weight:500;margin-bottom:2px}#page-conversations .chat-view__input-area{padding:var(--spacing-3) var(--spacing-5) var(--spacing-4);background:#fff;border-top:1px solid var(--border-color);flex-shrink:0;display:flex;flex-direction:column}#page-conversations .join-chat-banner{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}#page-conversations .join-chat-banner__text{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-2)}#page-conversations .join-chat-banner__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius);font-family:inherit;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}#page-conversations .join-chat-banner__btn:hover{background:var(--color-accent-hover)}#page-conversations .chat-view__input-wrapper{display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-2) var(--spacing-3);min-height:48px}#page-conversations .chat-view__input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);background:#fff}#page-conversations .chat-view__input-actions{display:flex;align-items:center;gap:var(--spacing-1);flex-shrink:0}#page-conversations .chat-view__input-btn{width:32px;height:32px;border:none;border-radius:var(--border-radius);background:transparent;color:var(--color-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}#page-conversations .chat-view__input-btn:hover{background:var(--color-gray-100);color:var(--color-gray-600)}#page-conversations .chat-view__textarea{flex:1;border:none;background:transparent;outline:none;font-family:inherit;font-size:var(--font-size-base);color:var(--color-gray-800);line-height:1.5;resize:none;min-height:24px;max-height:76px;overflow-y:auto;padding:4px 0}#page-conversations .chat-view__textarea::placeholder{color:var(--color-gray-400)}#page-conversations .chat-view__send-btn{width:36px;height:36px;border:none;border-radius:var(--border-radius);background:var(--color-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}#page-conversations .chat-view__send-btn:hover{background:var(--color-primary-hover)}#page-conversations .chat-view__send-btn:disabled{background:var(--color-gray-200);color:var(--color-gray-400);cursor:not-allowed}#page-conversations .chat-view__input-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-3)}#page-conversations .handler-toggle{display:inline-flex;align-items:center;background:var(--color-gray-100);border-radius:var(--border-radius-full);padding:3px;flex-shrink:0}#page-conversations .handler-toggle__btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:var(--border-radius-full);font-family:inherit;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);background:transparent;color:var(--color-gray-500)}#page-conversations .handler-toggle__btn--active{background:#fff;color:var(--color-gray-900);box-shadow:0 1px 3px #0000001a}#page-conversations .handler-toggle__btn:hover:not(.handler-toggle__btn--active){color:var(--color-gray-700)}#page-conversations .chat-view__translation-hint{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-gray-500);flex:1;justify-content:center}#page-conversations .chat-view__translation-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fdf6ee;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:500;color:#92600a;border:1px solid #f5e6d0}#page-conversations .chat-view__translation-pill-flag{font-size:12px;line-height:1}#page-conversations .chat-view__input-hint{font-size:var(--font-size-xs);color:var(--color-gray-400);flex:1;text-align:center}#page-conversations .chat-view__quick-replies{display:flex;gap:var(--spacing-2);flex-wrap:wrap;flex-shrink:0}#page-conversations .chat-view__quick-reply{padding:6px 12px;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-full);cursor:pointer}#page-conversations .chat-view__quick-reply:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle)}#page-conversations .customer-panel{background:#fff;border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}#page-conversations .customer-panel__header{padding:var(--spacing-5);text-align:center;border-bottom:1px solid var(--border-color)}#page-conversations .customer-panel__avatar{width:64px;height:64px;border-radius:var(--border-radius-full);background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-600);margin:0 auto var(--spacing-3);overflow:hidden}#page-conversations .customer-panel__name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-3) 0}#page-conversations .customer-panel__urgency-banner{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-4);text-align:center}#page-conversations .customer-panel__urgency-banner--warning{background:var(--color-warning-light);color:#92400e;border:1px solid #fcd34d}#page-conversations .customer-panel__urgency-banner--danger{background:var(--color-danger-light);color:#991b1b;border:1px solid #fca5a5}#page-conversations .customer-panel__urgency-banner-icon{display:flex;align-items:center;flex-shrink:0}#page-conversations .customer-panel__urgency-banner-text{flex:1;line-height:1.4}#page-conversations .customer-panel__tags{display:flex;gap:var(--spacing-2);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-4);position:relative}#page-conversations .customer-panel__tag{padding:4px 10px;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--border-radius-full);background:transparent;color:#7c3aed;border:1px solid #c4b5fd}#page-conversations .customer-panel__tag-add{padding:4px 10px;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--border-radius-full);background:transparent;color:var(--color-gray-400);border:1px dashed var(--color-gray-300);cursor:pointer;transition:all .15s ease}#page-conversations .customer-panel__tag-add:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle)}#page-conversations .customer-panel__tag-picker-wrap{display:flex;justify-content:center;margin-bottom:var(--spacing-4)}#page-conversations .tag-picker--inline{position:relative;width:200px}#page-conversations .customer-panel__contact{display:flex;flex-direction:column;gap:var(--spacing-2)}#page-conversations .customer-panel__contact-row{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-600)}#page-conversations .customer-panel__contact-row svg{flex-shrink:0;color:var(--color-gray-400)}#page-conversations .customer-panel__contact-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-conversations .customer-panel__section{padding:var(--spacing-2) var(--spacing-5)}#page-conversations .customer-panel__section-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);margin-bottom:var(--spacing-2)}#page-conversations .customer-panel__detail-row{display:flex;align-items:center;gap:var(--spacing-2);padding:6px 0;font-size:var(--font-size-sm)}#page-conversations .customer-panel__detail-icon{display:flex;align-items:center;color:var(--color-gray-400);flex-shrink:0}#page-conversations .customer-panel__detail-label{color:var(--color-gray-500)}#page-conversations .customer-panel__detail-value{margin-left:auto;font-weight:500;color:var(--color-gray-900)}#page-conversations .customer-panel__control-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}#page-conversations .customer-panel__control-label{font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-conversations .customer-panel__control-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-900);display:flex;align-items:center;gap:var(--spacing-2)}#page-conversations .customer-panel__control-btn{padding:4px 10px;font-family:inherit;font-size:var(--font-size-xs);font-weight:500;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast)}#page-conversations .customer-panel__control-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}#page-conversations .customer-panel__transfer-wrapper{position:relative}#page-conversations .customer-panel__transfer-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-1);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);min-width:180px;padding:var(--spacing-2);z-index:var(--z-dropdown)}#page-conversations .customer-panel__transfer-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);padding:var(--spacing-1) var(--spacing-2);margin-bottom:var(--spacing-1)}#page-conversations .customer-panel__transfer-agent{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:8px var(--spacing-2);border:none;border-radius:var(--border-radius-sm);background:transparent;font-family:inherit;font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;text-align:left;transition:background var(--transition-fast)}#page-conversations .customer-panel__transfer-agent:hover{background:var(--color-gray-100)}#page-conversations .customer-panel__transfer-agent-dot{width:8px;height:8px;border-radius:var(--border-radius-full);flex-shrink:0}#page-conversations .customer-panel__transfer-agent-dot--online{background:var(--color-success)}#page-conversations .customer-panel__transfer-agent-dot--offline{background:var(--color-gray-300)}#page-conversations .customer-panel__transfer-agent-name{flex:1}#page-conversations .customer-panel__transfer-agent-status{font-size:var(--font-size-xs);color:var(--color-gray-400)}#page-conversations .customer-panel__status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--border-radius-full)}#page-conversations .customer-panel__status-badge--open{background:var(--color-success-light);color:#065f46}#page-conversations .customer-panel__status-badge--closed{background:var(--color-gray-100);color:var(--color-gray-500)}#page-conversations .customer-panel__notes-textarea{width:100%;padding:var(--spacing-3);font-family:inherit;font-size:var(--font-size-sm);color:var(--color-gray-800);background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;resize:vertical;min-height:80px}#page-conversations .customer-panel__notes-textarea:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}#page-conversations .customer-panel__actions{padding:var(--spacing-4) var(--spacing-5);margin-top:auto}#page-conversations .customer-panel__split-btn{display:flex;width:100%;border-radius:var(--border-radius);overflow:visible;border:1px solid var(--color-gray-300);position:relative;background:var(--color-gray-50)}#page-conversations .customer-panel__split-btn-main{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:11px var(--spacing-3);font-family:inherit;font-size:var(--font-size-sm);font-weight:600;background:var(--color-gray-50);color:var(--color-gray-700);border:none;border-radius:var(--border-radius) 0 0 var(--border-radius);cursor:pointer;transition:background var(--transition-fast)}#page-conversations .customer-panel__split-btn-main:hover{background:var(--color-gray-100)}#page-conversations .customer-panel__split-btn-main--resolved{background:var(--color-success-light);color:#065f46;border-color:transparent}#page-conversations .customer-panel__split-btn-main--resolved:hover{background:#bbf7d0}#page-conversations .customer-panel__split-btn--resolved{border-color:#86efac;background:var(--color-success-light)}#page-conversations .customer-panel__split-btn--resolved .customer-panel__split-btn-divider{background:#86efac}#page-conversations .customer-panel__split-btn--resolved .customer-panel__split-btn-toggle{background:var(--color-success-light);color:#065f46}#page-conversations .customer-panel__split-btn--resolved .customer-panel__split-btn-toggle:hover{background:#bbf7d0}#page-conversations .customer-panel__reopen-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:11px var(--spacing-3);font-family:inherit;font-size:var(--font-size-sm);font-weight:500;background:#fff;color:var(--color-gray-600);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-2)}#page-conversations .customer-panel__reopen-btn:hover{background:var(--color-gray-50);color:var(--color-gray-800)}#page-conversations .customer-panel__split-btn-divider{width:1px;background:var(--color-gray-300)}#page-conversations .customer-panel__split-btn-toggle{display:flex;align-items:center;justify-content:center;width:36px;padding:0;background:var(--color-gray-50);border:none;border-radius:0 var(--border-radius) var(--border-radius) 0;color:var(--color-gray-500);cursor:pointer;transition:background var(--transition-fast)}#page-conversations .customer-panel__split-btn-toggle:hover{background:var(--color-gray-100)}#page-conversations .customer-panel__split-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:var(--spacing-2);z-index:999}#page-conversations .customer-panel__split-dropdown-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:8px var(--spacing-3);border:none;border-radius:var(--border-radius-sm);background:transparent;font-family:inherit;font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;text-align:left;transition:background var(--transition-fast)}#page-conversations .customer-panel__split-dropdown-item:hover{background:var(--color-gray-100)}#page-conversations .customer-panel__split-dropdown-item--danger{color:var(--color-danger)}#page-conversations .customer-panel__split-dropdown-item--danger:hover{background:var(--color-danger-light)}#page-conversations .customer-panel__more-menu{position:relative;display:inline-flex}#page-conversations .customer-panel__more-btn{width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;color:var(--color-gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center}#page-conversations .customer-panel__more-btn:hover{background:var(--color-gray-50)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:1}}#page-conversations .conv-skeleton-item{display:flex;align-items:center;gap:12px;padding:12px 16px}#page-conversations .conv-skeleton-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-gray-200);flex-shrink:0;animation:skeleton-pulse 1.5s ease-in-out infinite}#page-conversations .conv-skeleton-content{flex:1;display:flex;flex-direction:column;gap:8px}#page-conversations .conv-skeleton-line{height:12px;border-radius:6px;background:var(--color-gray-200);animation:skeleton-pulse 1.5s ease-in-out infinite}#page-conversations .conv-skeleton-line--name{width:60%}#page-conversations .conv-skeleton-line--preview{width:85%}#page-conversations .msg-skeleton-bubble{height:36px;border-radius:12px;background:var(--color-gray-200);animation:skeleton-pulse 1.5s ease-in-out infinite}#page-conversations .panel-skeleton-line{height:14px;border-radius:6px;background:var(--color-gray-200);animation:skeleton-pulse 1.5s ease-in-out infinite}#page-widget-appearance{display:flex;flex-direction:column;flex:1;min-height:0}#page-widget-appearance .page-body{display:grid;grid-template-columns:420px 1fr;flex:1;min-height:0}#page-widget-appearance .config-panel{background:#fff;border-right:1px solid var(--border-color);overflow-y:auto;padding:var(--spacing-6)}#page-widget-appearance .config-section{margin-bottom:var(--spacing-8)}#page-widget-appearance .config-section:last-child{margin-bottom:0}#page-widget-appearance .form-group{margin-bottom:var(--spacing-5)}#page-widget-appearance .form-group:last-child{margin-bottom:0}#page-widget-appearance .upload-row,#page-widget-appearance .color-row{display:flex;gap:var(--spacing-3);align-items:center}#page-widget-appearance .button-editor{display:flex;flex-direction:column;gap:var(--spacing-3)}#page-widget-appearance .button-input-row{display:flex;gap:var(--spacing-2);align-items:center}#page-widget-appearance .button-number{width:32px;height:32px;border-radius:var(--border-radius-sm);background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-base);color:var(--color-gray-500);flex-shrink:0}#page-widget-appearance .preview-panel{background:linear-gradient(135deg,#fafafa,#f5f5f0,#fafafa);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--spacing-10);overflow:auto}#page-widget-appearance .preview-panel:before{content:"";position:absolute;top:20%;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(237,74,105,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}#page-widget-appearance .preview-panel:after{content:"";position:absolute;bottom:10%;right:15%;width:250px;height:250px;background:radial-gradient(circle,rgba(99,102,241,.04) 0%,transparent 70%);border-radius:50%;pointer-events:none}#page-widget-appearance .preview-header{text-align:center;margin-bottom:var(--spacing-8)}#page-widget-appearance .preview-header__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-2)}#page-widget-appearance .preview-header__subtitle{font-size:var(--font-size-base);color:var(--color-gray-500)}#page-widget-appearance .preview-container{display:flex;gap:var(--spacing-8);align-items:stretch}#page-widget-appearance .widget-preview{width:400px;background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl),0 20px 60px #00000026;overflow:hidden;display:flex;flex-direction:column}#page-widget-appearance .widget-preview__header{padding:var(--spacing-3) var(--spacing-4) var(--spacing-4-5) var(--spacing-3);color:#fff;display:flex;align-items:center;justify-content:space-between}#page-widget-appearance .widget-preview__header-left{display:flex;align-items:center;gap:var(--spacing-3)}#page-widget-appearance .widget-preview__logo{width:42px;height:42px;border-radius:var(--border-radius-full);background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:600;overflow:hidden;flex-shrink:0}#page-widget-appearance .widget-preview__logo img{width:100%;height:100%;object-fit:cover}#page-widget-appearance .widget-preview__brand-name{font-weight:600}#page-widget-appearance .widget-preview__close{background:transparent;border:none;color:#fff;cursor:pointer;padding:var(--spacing-1);display:flex;align-items:center;justify-content:center}#page-widget-appearance .widget-preview__channels{padding:var(--spacing-4) var(--spacing-5);background:#fff;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;margin-top:-8px;position:relative;z-index:1}#page-widget-appearance .widget-preview__channels-label{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-3)}#page-widget-appearance .widget-preview__channels-list{display:flex;gap:var(--spacing-2)}#page-widget-appearance .widget-preview__channel-btn{width:40px;height:40px;border-radius:var(--border-radius-full);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}#page-widget-appearance .widget-preview__content{padding:var(--spacing-4) var(--spacing-5);flex:1;background:#fff}#page-widget-appearance .widget-preview__welcome{text-align:center;padding:8px 20px 20px}#page-widget-appearance .widget-preview__welcome-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-2)}#page-widget-appearance .widget-preview__welcome-text{font-size:var(--font-size-base);color:var(--color-gray-500);margin-bottom:var(--spacing-5)}#page-widget-appearance .widget-preview__quick-replies{display:flex;flex-direction:column;gap:var(--spacing-2)}#page-widget-appearance .widget-preview__quick-reply{padding:var(--spacing-3) var(--spacing-4);border:1.5px solid var(--border-color);border-radius:12px;background:#fff;font-size:var(--font-size-base);font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-fast)}#page-widget-appearance .widget-preview__quick-reply:hover{border-color:color-mix(in srgb,var(--widget-primary) 20%,transparent);background:color-mix(in srgb,var(--widget-primary) 6%,white)}#page-widget-appearance .widget-preview__input-area{padding:var(--spacing-4) var(--spacing-5) var(--spacing-2)}#page-widget-appearance .widget-preview__input-wrapper{display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-full);padding:var(--spacing-2) var(--spacing-4)}#page-widget-appearance .widget-preview__input{flex:1;border:none;background:transparent;outline:none;font-size:var(--font-size-base);color:var(--color-gray-400)}#page-widget-appearance .widget-preview__send-btn{width:32px;height:32px;border-radius:var(--border-radius-full);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}#page-widget-appearance .widget-preview__powered-by{text-align:center;padding:var(--spacing-2) var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-gray-400)}#page-widget-appearance .widget-preview__powered-by strong{color:var(--color-accent);font-weight:500}#page-widget-appearance .launcher-preview{text-align:center}#page-widget-appearance .launcher-preview__label{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:500;margin-bottom:var(--spacing-3)}#page-widget-appearance .launcher-preview__button{width:60px;height:60px;border-radius:var(--border-radius-full);border:none;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer}#page-widget-appearance.widget-customization-main{display:flex;flex-direction:column;flex:1;min-height:0}#page-widget-appearance .widget-header-bar{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-5) var(--spacing-6);background:#fff;border-bottom:1px solid var(--border-color)}#page-widget-appearance .widget-page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900);margin:0;letter-spacing:var(--letter-spacing-tight)}#page-widget-appearance .save-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--border-radius);border:none;font-size:var(--font-size-base);font-weight:600;background:var(--color-primary);color:#fff;cursor:pointer;transition:background var(--transition-fast)}#page-widget-appearance .save-btn:hover:not(:disabled){background:var(--color-primary-hover)}#page-widget-appearance .save-btn:disabled{opacity:.7;cursor:not-allowed}#page-widget-appearance .widget-container{display:grid;grid-template-columns:420px 1fr;flex:1;min-height:0}#page-widget-appearance .widget-container .config-panel{border-right:1px solid var(--border-color)}#page-widget-appearance .section{margin-bottom:var(--spacing-8)}#page-widget-appearance .section:last-child{margin-bottom:0}#page-widget-appearance .section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-500);letter-spacing:.08em;margin:0 0 var(--spacing-4);text-transform:uppercase}#page-widget-appearance .upload-area-compact{display:flex;gap:var(--spacing-3);align-items:center}#page-widget-appearance .logo-preview-circle{width:56px;height:56px;border-radius:var(--border-radius-full);background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}#page-widget-appearance .logo-preview-circle img{width:100%;height:100%;object-fit:cover}#page-widget-appearance .logo-preview-circle span{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-600)}#page-widget-appearance .avatar-preview-circle{width:56px;height:56px;border-radius:var(--border-radius-full);background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--color-gray-400)}#page-widget-appearance .avatar-preview-circle img{width:100%;height:100%;object-fit:cover}#page-widget-appearance .upload-area{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:1px dashed var(--color-gray-300);border-radius:var(--border-radius);background:#fff;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast);flex:1;color:var(--color-gray-500)}#page-widget-appearance .upload-area:hover{background:#ed4a690a;border-color:var(--color-accent);color:var(--color-accent)}#page-widget-appearance .upload-area input[type=file]{position:absolute;width:0;height:0;opacity:0}#page-widget-appearance .upload-area-text{font-size:var(--font-size-sm);font-weight:500;color:inherit}#page-widget-appearance .color-picker-wrapper{display:flex;gap:var(--spacing-3);align-items:center}#page-widget-appearance .color-picker-wrapper .color-preview{width:40px;height:40px;border-radius:var(--border-radius);border:1px solid var(--border-color);flex-shrink:0}#page-widget-appearance .color-picker-wrapper .color-input{flex:1;min-width:0}#page-widget-appearance .color-picker-swatch{width:44px;height:44px;padding:0;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;background:none;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}#page-widget-appearance .color-picker-swatch::-webkit-color-swatch-wrapper{padding:0}#page-widget-appearance .color-picker-swatch::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) - 1px)}#page-widget-appearance .color-picker-swatch::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) - 1px)}#page-widget-appearance .section-title--collapsible{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}#page-widget-appearance .section-title__chevron{display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);transition:transform var(--transition-base)}#page-widget-appearance .section-title__chevron--collapsed{transform:rotate(-90deg)}#page-widget-appearance .launcher-preview__button{margin:0 auto}#page-widget-appearance .preview-sidebar{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}#page-widget-appearance .widget-preview__test-link{background:none;border:none;color:var(--color-gray-500);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;margin-top:auto;margin-bottom:auto}#page-widget-appearance .widget-preview__test-link:hover{color:var(--color-accent)}#page-widget-appearance .loading-text{font-size:var(--font-size-base);color:var(--color-gray-500)}#page-widget-appearance .widget-preview-container{display:flex;gap:var(--spacing-8);align-items:flex-end;flex-wrap:wrap}#page-widget-appearance .desktop-preview{width:400px;min-height:500px;background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl),0 20px 60px #0000001f;overflow:hidden;display:flex;flex-direction:column}#page-widget-appearance .widget-header-preview{padding:var(--spacing-4) var(--spacing-5);color:#fff;display:flex;align-items:center;justify-content:space-between}#page-widget-appearance .header-left-preview{display:flex;align-items:center;gap:var(--spacing-3)}#page-widget-appearance .brand-logo-preview{width:46px;height:46px;border-radius:var(--border-radius-full);background:#fff3;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}#page-widget-appearance .brand-logo-preview img{width:100%;height:100%;object-fit:cover}#page-widget-appearance .brand-logo-preview span{font-weight:600;font-size:var(--font-size-lg)}#page-widget-appearance .brand-name-preview{font-weight:600;font-size:var(--font-size-base)}#page-widget-appearance .preview-close-btn{background:transparent;border:none;width:32px;height:32px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}#page-widget-appearance .preview-close-btn:hover{background:#fff3}#page-widget-appearance .channel-switcher-preview{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color)}#page-widget-appearance .channel-label-preview{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-3)}#page-widget-appearance .channel-options-preview{display:flex;gap:var(--spacing-2);flex-wrap:wrap}#page-widget-appearance .channel-btn-preview{width:40px;height:40px;border-radius:var(--border-radius-full);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}#page-widget-appearance .chat-container-preview{padding:var(--spacing-6) var(--spacing-5);flex:1;min-height:200px;background:#fafafa}#page-widget-appearance .welcome-message-preview{text-align:center}#page-widget-appearance .welcome-message-preview h2{font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-2)}#page-widget-appearance .welcome-message-preview p{font-size:var(--font-size-base);color:var(--color-gray-500);margin:0 0 var(--spacing-5);white-space:pre-line}#page-widget-appearance .quick-replies-preview{display:flex;flex-direction:column;gap:var(--spacing-2)}#page-widget-appearance .quick-reply-btn-preview{padding:var(--spacing-3) var(--spacing-4);border:1.5px solid var(--border-color);border-radius:12px;background:#fff;font-size:var(--font-size-base);font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-fast)}#page-widget-appearance .quick-reply-btn-preview:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}#page-widget-appearance .input-area-preview{padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--border-color)}#page-widget-appearance .input-wrapper-preview{display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-full);padding:var(--spacing-2) var(--spacing-4)}#page-widget-appearance .chat-input-preview{flex:1;border:none;background:transparent;outline:none;font-size:var(--font-size-base);color:var(--color-gray-400);min-width:0}#page-widget-appearance .preview-send-btn{width:32px;height:32px;border-radius:var(--border-radius-full);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}#page-widget-appearance .powered-by-preview{text-align:center;padding:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-gray-400)}#page-widget-appearance .launcher-preview-container{text-align:center}#page-widget-appearance .launcher-label{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:500;margin-bottom:var(--spacing-3)}#page-broadcasts{flex:1;display:flex;flex-direction:column;min-height:0;padding:var(--spacing-6)}#page-broadcasts .edu-banner{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6);display:flex;gap:var(--spacing-6);align-items:flex-start}#page-broadcasts .edu-banner__icon{width:48px;height:48px;border-radius:var(--border-radius-lg);background:var(--color-whatsapp-light);color:var(--color-whatsapp);display:flex;align-items:center;justify-content:center;flex-shrink:0}#page-broadcasts .edu-banner__content{flex:1}#page-broadcasts .edu-banner__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-1)}#page-broadcasts .edu-banner__text{font-size:var(--font-size-base);color:var(--color-gray-500);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}#page-broadcasts .edu-banner__steps{display:flex;gap:var(--spacing-5);margin-bottom:var(--spacing-4)}#page-broadcasts .edu-step{display:flex;align-items:flex-start;gap:var(--spacing-3);flex:1}#page-broadcasts .edu-step__num{width:24px;height:24px;border-radius:50%;background:var(--color-whatsapp);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}#page-broadcasts .edu-step__text{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-normal)}#page-broadcasts .edu-step__text strong{color:var(--color-gray-800)}#page-broadcasts .edu-banner__actions{display:flex;gap:var(--spacing-4);align-items:center}#page-broadcasts .edu-banner__learn-more{font-size:var(--font-size-sm);color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}#page-broadcasts .edu-banner__learn-more:hover{color:var(--color-whatsapp);text-decoration:underline}#page-broadcasts .dismiss-btn{width:28px;height:28px;border:none;border-radius:var(--border-radius);background:transparent;color:var(--color-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}#page-broadcasts .dismiss-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}#page-broadcasts .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}#page-broadcasts .stat-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-5)}#page-broadcasts .stat-card__label{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-1)}#page-broadcasts .stat-card__info-icon{cursor:help;color:var(--color-gray-400);display:flex}#page-broadcasts .stat-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1}#page-broadcasts .stat-card__change{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-2);display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--border-radius-sm)}#page-broadcasts .stat-card__change--up{background:var(--color-success-light);color:#065f46}#page-broadcasts .stat-card__change--down{background:var(--color-danger-light);color:#991b1b}#page-broadcasts .btn-secondary{background:#fff;color:var(--color-gray-700);border:1px solid var(--border-color)}#page-broadcasts .btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}#page-broadcasts .btn-sm{padding:7px 14px;font-size:var(--font-size-sm)}#page-broadcasts .broadcasts-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}#page-broadcasts .broadcasts-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color)}#page-broadcasts .broadcasts-toolbar__left{display:flex;align-items:center;gap:var(--spacing-3)}#page-broadcasts .broadcasts-toolbar__search{position:relative}#page-broadcasts .broadcasts-toolbar__search input{width:240px;padding:8px 12px 8px 34px;font-size:var(--font-size-sm);font-family:inherit;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--color-gray-50);outline:none;transition:all var(--transition-fast)}#page-broadcasts .broadcasts-toolbar__search input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}#page-broadcasts .broadcasts-toolbar__search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-gray-400)}#page-broadcasts .broadcasts-toolbar__filters{display:flex;gap:var(--spacing-2)}#page-broadcasts .filter-chip{padding:6px 12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius);border:1px solid var(--border-color);background:#fff;color:var(--color-gray-500);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}#page-broadcasts .filter-chip:hover{border-color:var(--color-gray-300)}#page-broadcasts .filter-chip--active{border-color:var(--color-whatsapp);background:var(--color-whatsapp-light);color:var(--color-whatsapp-dark)}#page-broadcasts table{width:100%;border-collapse:collapse}#page-broadcasts thead th{text-align:left;padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-gray-400);border-bottom:1px solid var(--border-color);background:var(--color-gray-50)}#page-broadcasts thead th.th--right{text-align:right}#page-broadcasts tbody td{padding:14px var(--spacing-5);border-bottom:1px solid var(--color-gray-100);vertical-align:middle}#page-broadcasts tbody tr{cursor:pointer;transition:background var(--transition-fast)}#page-broadcasts tbody tr:hover{background:var(--color-gray-50)}#page-broadcasts tbody tr:last-child td{border-bottom:none}#page-broadcasts .broadcast-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}#page-broadcasts .broadcast-template{font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-broadcasts .status-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}#page-broadcasts .status-pill--sent{background:var(--color-success-light);color:#065f46}#page-broadcasts .status-pill--scheduled{background:var(--color-info-light);color:#1e40af}#page-broadcasts .status-pill--draft{background:var(--color-gray-100);color:var(--color-gray-500)}#page-broadcasts .status-pill--sending{background:var(--color-warning-light);color:#92400e}#page-broadcasts .metric-cell{text-align:right}#page-broadcasts .metric-cell__value{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}#page-broadcasts .metric-cell__pct{font-size:var(--font-size-xs);color:var(--color-gray-400)}#page-broadcasts .cell--muted{font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-broadcasts .action-trigger{width:32px;height:32px;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--color-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}#page-broadcasts .action-trigger:hover,#page-broadcasts .action-trigger--open{background:var(--color-gray-100);color:var(--color-gray-700)}#page-broadcasts .action-dropdown{position:absolute;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);min-width:160px;padding:4px;z-index:var(--z-dropdown)}#page-broadcasts .action-dropdown__item{display:block;width:100%;padding:8px 12px;border:none;border-radius:var(--border-radius-sm);background:transparent;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);text-align:left;cursor:pointer;transition:background var(--transition-fast)}#page-broadcasts .action-dropdown__item:hover{background:var(--color-gray-50)}#page-broadcasts .action-dropdown__item--danger{color:var(--color-danger)}#page-broadcasts .action-dropdown__item--danger:hover{background:var(--color-danger-light)}#page-broadcasts .table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-5);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-broadcasts .table-footer__left{display:flex;align-items:center;gap:var(--spacing-3)}#page-broadcasts .table-footer__rows-label{color:var(--color-gray-400)}#page-broadcasts .rows-dropdown{position:relative}#page-broadcasts .rows-dropdown__trigger{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:#fff;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast)}#page-broadcasts .rows-dropdown__trigger:hover{border-color:var(--color-gray-300)}#page-broadcasts .rows-dropdown__menu{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);min-width:72px;padding:4px;z-index:var(--z-dropdown)}#page-broadcasts .rows-dropdown__option{display:block;width:100%;padding:6px 10px;border:none;border-radius:var(--border-radius-sm);background:transparent;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-gray-600);text-align:left;cursor:pointer;transition:background var(--transition-fast)}#page-broadcasts .rows-dropdown__option:hover{background:var(--color-gray-100)}#page-broadcasts .rows-dropdown__option--active{background:var(--color-gray-50);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}#page-broadcasts .table-footer__pagination{display:flex;gap:var(--spacing-1)}#page-broadcasts .page-btn{width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:#fff;color:var(--color-gray-600);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}#page-broadcasts .page-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}#page-broadcasts .page-btn--active{background:var(--color-whatsapp);border-color:var(--color-whatsapp);color:#fff}#page-broadcasts .page-btn--active:hover{background:var(--color-whatsapp-dark);border-color:var(--color-whatsapp-dark)}#page-broadcasts .empty-state{text-align:center;padding:80px 40px}#page-broadcasts .empty-state__icon{width:80px;height:80px;margin:0 auto var(--spacing-6);background:var(--color-whatsapp-light);border-radius:var(--border-radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-whatsapp)}#page-broadcasts .empty-state__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}#page-broadcasts .empty-state__desc{font-size:var(--font-size-base);color:var(--color-gray-500);max-width:480px;margin:0 auto var(--spacing-6);line-height:var(--line-height-relaxed)}#page-broadcasts .empty-state__actions{display:flex;gap:var(--spacing-3);justify-content:center}#page-broadcasts-wizard{flex:1;display:flex;flex-direction:column;min-height:0;padding:var(--spacing-6)}#page-broadcasts-wizard .wizard-layout{display:flex;gap:var(--spacing-8)}#page-broadcasts-wizard .wizard-sidebar{width:200px;flex-shrink:0}#page-broadcasts-wizard .wizard-sidebar__inner{position:sticky;top:calc(var(--header-height) + var(--spacing-6))}#page-broadcasts-wizard .wizard-step{display:flex;gap:var(--spacing-3);align-items:flex-start}#page-broadcasts-wizard .wizard-step--clickable{cursor:pointer}#page-broadcasts-wizard .wizard-step__indicator{display:flex;flex-direction:column;align-items:center}#page-broadcasts-wizard .wizard-step__circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:2px solid var(--color-gray-300);background:#fff;color:var(--color-gray-400);transition:all var(--transition-base)}#page-broadcasts-wizard .wizard-step--active .wizard-step__circle,#page-broadcasts-wizard .wizard-step--done .wizard-step__circle{background:var(--color-accent);border-color:var(--color-accent);color:#fff}#page-broadcasts-wizard .wizard-step__line{width:2px;height:32px;background:var(--color-gray-200);transition:background var(--transition-base)}#page-broadcasts-wizard .wizard-step--done .wizard-step__line{background:var(--color-accent)}#page-broadcasts-wizard .wizard-step__label{padding-top:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-400);transition:all var(--transition-fast)}#page-broadcasts-wizard .wizard-step--active .wizard-step__label{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}#page-broadcasts-wizard .wizard-step--done .wizard-step__label{color:var(--color-gray-600)}#page-broadcasts-wizard .wizard-step--done .wizard-step__label:hover{color:var(--color-accent)}#page-broadcasts-wizard .wizard-sidebar__back{margin-top:var(--spacing-10);padding-top:var(--spacing-5);border-top:1px solid var(--border-color)}#page-broadcasts-wizard .wizard-sidebar__back-link{font-size:var(--font-size-sm);color:var(--color-gray-400);cursor:pointer;display:flex;align-items:center;gap:6px;transition:color var(--transition-fast);border:none;background:none;font-family:inherit;padding:0}#page-broadcasts-wizard .wizard-sidebar__back-link:hover{color:var(--color-gray-700)}#page-broadcasts-wizard .wizard-content{flex:1}#page-broadcasts-wizard .wizard-content__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}#page-broadcasts-wizard .wizard-content__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}#page-broadcasts-wizard .wizard-content__draft-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:8px 16px;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}#page-broadcasts-wizard .wizard-content__draft-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}#page-broadcasts-wizard .wizard-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-8)}#page-broadcasts-wizard .wizard-card__desc{font-size:var(--font-size-base);color:var(--color-gray-500);margin-bottom:var(--spacing-6);line-height:var(--line-height-relaxed)}#page-broadcasts-wizard .wizard-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-5) 0;gap:var(--spacing-3)}#page-broadcasts-wizard .template-preview{padding:var(--spacing-4);background:var(--color-bg-warm);border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:var(--spacing-5)}#page-broadcasts-wizard .template-preview__meta{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}#page-broadcasts-wizard .template-preview__category{padding:2px 8px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}#page-broadcasts-wizard .template-preview__category--marketing{background:#fce7f3;color:#be185d}#page-broadcasts-wizard .template-preview__category--utility{background:var(--color-info-light);color:#1e40af}#page-broadcasts-wizard .template-preview__detail{font-size:var(--font-size-xs);color:var(--color-gray-400)}#page-broadcasts-wizard .template-preview__body{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-normal)}#page-broadcasts-wizard .audience-options{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}#page-broadcasts-wizard .audience-option{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);background:#fff;cursor:pointer;text-align:left;font-family:inherit;transition:all var(--transition-fast)}#page-broadcasts-wizard .audience-option:hover{border-color:var(--color-gray-300)}#page-broadcasts-wizard .audience-option--selected{border-color:var(--color-accent);background:var(--color-accent-subtle, #fdf2f4)}#page-broadcasts-wizard .audience-option--selected:hover{border-color:var(--color-accent)}#page-broadcasts-wizard .audience-option__icon{width:40px;height:40px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}#page-broadcasts-wizard .audience-option__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}#page-broadcasts-wizard .audience-option__desc{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:2px}#page-broadcasts-wizard .audience-option__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);white-space:nowrap}#page-broadcasts-wizard .audience-segment-picker{margin-bottom:var(--spacing-5);padding:var(--spacing-4);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}#page-broadcasts-wizard .csv-upload{margin-bottom:var(--spacing-5);padding:var(--spacing-6);background:#fff;border:2px dashed var(--color-accent);border-radius:var(--border-radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast)}#page-broadcasts-wizard .csv-upload:hover{background:var(--color-accent-subtle, #fdf2f4)}#page-broadcasts-wizard .csv-upload__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--spacing-1)}#page-broadcasts-wizard .csv-upload__desc{font-size:var(--font-size-sm);color:var(--color-gray-400)}#page-broadcasts-wizard .schedule-options{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}#page-broadcasts-wizard .schedule-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-6);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);background:#fff;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}#page-broadcasts-wizard .schedule-option:hover{border-color:var(--color-gray-300)}#page-broadcasts-wizard .schedule-option--selected{border-color:var(--color-accent);background:var(--color-accent-subtle, #fdf2f4)}#page-broadcasts-wizard .schedule-option--selected:hover{border-color:var(--color-accent)}#page-broadcasts-wizard .schedule-option__icon{color:var(--color-gray-400)}#page-broadcasts-wizard .schedule-option--selected .schedule-option__icon{color:var(--color-accent)}#page-broadcasts-wizard .schedule-option__label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}#page-broadcasts-wizard .schedule-option__desc{font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-broadcasts-wizard .schedule-datetime{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}#page-broadcasts-wizard .review-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-6)}#page-broadcasts-wizard .review-summary{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;margin-bottom:var(--spacing-5)}#page-broadcasts-wizard .review-row{display:flex;padding:14px var(--spacing-5);border-bottom:1px solid var(--color-gray-100)}#page-broadcasts-wizard .review-row:last-child{border-bottom:none}#page-broadcasts-wizard .review-row__label{width:120px;font-size:var(--font-size-sm);color:var(--color-gray-400);flex-shrink:0}#page-broadcasts-wizard .review-row__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);display:flex;align-items:center;gap:6px}#page-broadcasts-wizard .cost-estimate{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);background:var(--color-bg-warm);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-5)}#page-broadcasts-wizard .cost-estimate__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}#page-broadcasts-wizard .cost-estimate__note{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-top:2px}#page-broadcasts-wizard .cost-estimate__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}#page-broadcasts-wizard .wa-preview{background:var(--color-bg-warm);border-radius:var(--border-radius-lg);padding:var(--spacing-4);min-height:300px;border:1px solid var(--border-color)}#page-broadcasts-wizard .wa-preview__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-3)}#page-broadcasts-wizard .wa-preview__bubble{background:#fff;border-radius:0 12px 12px;max-width:280px;box-shadow:var(--shadow-sm);overflow:hidden}#page-broadcasts-wizard .wa-preview__bubble-image{height:100px;background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);font-size:var(--font-size-sm);gap:6px}#page-broadcasts-wizard .wa-preview__bubble-body{padding:10px 12px;font-size:var(--font-size-sm);color:var(--color-gray-800);line-height:var(--line-height-normal)}#page-broadcasts-wizard .wa-preview__bubble-time{font-size:var(--font-size-xs);color:var(--color-gray-400);text-align:right;margin-top:6px}#page-broadcasts-wizard .wa-preview__bubble-btn{padding:10px 12px;text-align:center;font-size:var(--font-size-sm);color:var(--color-info);font-weight:var(--font-weight-medium);border-top:1px solid var(--color-gray-100)}#page-broadcasts-wizard .callout{display:flex;gap:var(--spacing-3);padding:14px var(--spacing-4);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:var(--line-height-normal)}#page-broadcasts-wizard .callout--info{background:var(--color-info-light);border:1px solid #93c5fd}#page-broadcasts-wizard .callout--warning{background:var(--color-warning-light);border:1px solid #fcd34d}#page-broadcasts-wizard .callout__icon{flex-shrink:0;margin-top:1px}#page-broadcasts-wizard .callout--info .callout__icon{color:var(--color-info)}#page-broadcasts-wizard .callout--warning .callout__icon{color:#92400e}#page-broadcasts-detail{flex:1;display:flex;flex-direction:column;min-height:0;padding:var(--spacing-6)}#page-broadcasts-detail .detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-6)}#page-broadcasts-detail .detail-header__title-row{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-1)}#page-broadcasts-detail .detail-header__name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}#page-broadcasts-detail .detail-header__back{font-size:var(--font-size-sm);color:var(--color-gray-400);cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all var(--transition-fast);border:none;background:none;font-family:inherit;padding:0;margin-left:var(--spacing-1);text-decoration:none}#page-broadcasts-detail .detail-header__back:hover{color:var(--color-gray-600);text-decoration:underline}#page-broadcasts-detail .detail-header__meta{font-size:var(--font-size-sm);color:var(--color-gray-400)}#page-broadcasts-detail .detail-header__actions{display:flex;gap:var(--spacing-2)}#page-broadcasts-detail .analytics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}#page-broadcasts-detail .analytics-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-5);border-top:3px solid var(--border-color)}#page-broadcasts-detail .analytics-card__label{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-1)}#page-broadcasts-detail .analytics-card__info{cursor:help;color:var(--color-gray-400);display:flex}#page-broadcasts-detail .analytics-card__value{font-size:28px;font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1}#page-broadcasts-detail .analytics-card__pct{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:6px}#page-broadcasts-detail .funnel-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}#page-broadcasts-detail .funnel-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-4)}#page-broadcasts-detail .funnel-bar{display:flex;height:36px;border-radius:var(--border-radius);overflow:hidden;margin-bottom:var(--spacing-4)}#page-broadcasts-detail .funnel-bar__segment{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;transition:flex var(--transition-slow)}#page-broadcasts-detail .funnel-legend{display:flex;gap:var(--spacing-6);flex-wrap:wrap}#page-broadcasts-detail .funnel-legend__item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}#page-broadcasts-detail .funnel-legend__dot{width:10px;height:10px;border-radius:50%}#page-broadcasts-detail .funnel-legend__label{color:var(--color-gray-600)}#page-broadcasts-detail .funnel-legend__count{font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}#page-broadcasts-detail .detail-columns{display:grid;grid-template-columns:1fr 340px;gap:var(--spacing-6)}#page-broadcasts-detail .detail-section{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}#page-broadcasts-detail .detail-section__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-4)}#page-broadcasts-detail .detail-table{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}#page-broadcasts-detail .detail-table__row{display:flex;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-gray-100)}#page-broadcasts-detail .detail-table__row:last-child{border-bottom:none}#page-broadcasts-detail .detail-table__label{width:110px;font-size:var(--font-size-sm);color:var(--color-gray-400);flex-shrink:0}#page-broadcasts-detail .detail-table__value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900);display:flex;align-items:center;gap:6px}#page-broadcasts-detail .detail-table__value--bold{font-weight:var(--font-weight-bold)}#page-broadcasts-detail .wa-preview{background:var(--color-bg-warm);border-radius:var(--border-radius-lg);padding:var(--spacing-4);border:1px solid var(--border-color)}#page-broadcasts-detail .wa-preview__bubble{background:#fff;border-radius:0 12px 12px;max-width:280px;box-shadow:var(--shadow-sm);overflow:hidden}#page-broadcasts-detail .wa-preview__bubble-image{height:100px;background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);font-size:var(--font-size-sm);gap:6px}#page-broadcasts-detail .wa-preview__bubble-body{padding:10px 12px;font-size:var(--font-size-sm);color:var(--color-gray-800);line-height:var(--line-height-normal)}#page-broadcasts-detail .wa-preview__bubble-time{font-size:var(--font-size-xs);color:var(--color-gray-400);text-align:right;margin-top:6px}#page-broadcasts-detail .wa-preview__bubble-btn{padding:10px 12px;text-align:center;font-size:var(--font-size-sm);color:var(--color-info);font-weight:var(--font-weight-medium);border-top:1px solid var(--color-gray-100)}#page-contacts{flex:1;display:flex;flex-direction:column;min-height:0;padding:var(--spacing-6)}#page-contacts .contacts-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}#page-contacts .contacts-toolbar__left,#page-contacts .contacts-toolbar__right{display:flex;align-items:center;gap:var(--spacing-3)}#page-contacts .contacts-search{position:relative}#page-contacts .contacts-search__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-gray-400)}#page-contacts .contacts-search__input{width:280px;padding:8px 12px 8px 34px;font-size:13px;font-family:var(--font-family);border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;outline:none;transition:border-color var(--transition-fast)}#page-contacts .contacts-search__input:focus{border-color:var(--color-gray-300)}#page-contacts .contacts-filter{position:relative}#page-contacts .contacts-filter__dot{width:6px;height:6px;border-radius:var(--border-radius-full);background:var(--color-accent);position:absolute;top:4px;right:4px}#page-contacts .contacts-filter__dropdown{position:absolute;top:100%;left:0;margin-top:var(--spacing-2);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-4);z-index:var(--z-dropdown);width:220px}#page-contacts .contacts-filter__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--spacing-2)}#page-contacts .contacts-filter__select{width:100%;padding:6px 10px;font-size:var(--font-size-sm);font-family:var(--font-family);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:#fff;color:var(--color-gray-700);outline:none;margin-bottom:var(--spacing-4)}#page-contacts .contacts-filter__clear{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-500);background:none;border:none;cursor:pointer;font-family:var(--font-family);padding:0;text-decoration:underline}#page-contacts .contacts-table-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}#page-contacts .contacts-bulk{display:flex;align-items:center;gap:var(--spacing-4);padding:10px var(--spacing-5);background:var(--color-gray-50);border-bottom:1px solid var(--border-color)}#page-contacts .contacts-bulk__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}#page-contacts .contacts-bulk__actions{display:flex;gap:var(--spacing-2)}#page-contacts .contacts-bulk__clear{margin-left:auto;background:none;border:none;font-size:var(--font-size-sm);color:var(--color-gray-500);cursor:pointer;font-family:var(--font-family);font-weight:var(--font-weight-medium);text-decoration:underline}#page-contacts .contacts-bulk-btn{padding:5px 12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);font-family:var(--font-family);cursor:pointer;border:1px solid var(--border-color);background:#fff;color:var(--color-gray-700);display:inline-flex;align-items:center;gap:4px;transition:background var(--transition-fast)}#page-contacts .contacts-bulk-btn:hover{background:var(--color-gray-50)}#page-contacts .contacts-bulk-btn--danger{border-color:var(--color-danger);color:var(--color-danger)}#page-contacts .contacts-bulk-btn--danger:hover{background:var(--color-danger-light)}#page-contacts .contacts-table{width:100%;border-collapse:collapse}#page-contacts .contacts-table th{text-align:left;padding:10px var(--spacing-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-gray-400);border-bottom:1px solid var(--border-color);background:var(--color-gray-50)}#page-contacts .contacts-table th:first-child{width:40px;padding-left:var(--spacing-5)}#page-contacts .contacts-table td{padding:10px var(--spacing-5);border-bottom:1px solid var(--color-gray-100);vertical-align:middle;font-size:13px;color:var(--color-gray-700)}#page-contacts .contacts-table td:first-child{padding-left:var(--spacing-5)}#page-contacts .contacts-table tr.contacts-row{cursor:pointer;transition:background var(--transition-fast)}#page-contacts .contacts-table tr.contacts-row:hover{background:#fafaf9}#page-contacts .contacts-table .contacts-phone{font-variant-numeric:tabular-nums}#page-contacts .contacts-channel{display:inline-flex;padding:2px 8px;border-radius:4px;font-size:var(--font-size-sm);color:var(--color-gray-500);background:var(--color-gray-100)}#page-contacts .contacts-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;border-radius:var(--border-radius-sm);color:var(--color-purple);border:1px solid #c4b5fd;white-space:nowrap}#page-contacts .contacts-tag--add{border-style:dashed;border-color:var(--color-gray-300);color:var(--color-gray-400);cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}#page-contacts .contacts-row:hover .contacts-tag--add{opacity:1}#page-contacts .contacts-checkbox{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}#page-contacts .contacts-checkbox--unchecked{border:1.5px solid var(--color-gray-300);background:#fff}#page-contacts .contacts-checkbox--checked{background:var(--color-gray-700);border:1.5px solid var(--color-gray-700)}#page-contacts .contacts-pagination{display:flex;align-items:center;justify-content:space-between;padding:10px var(--spacing-5);border-top:1px solid var(--border-color);background:var(--color-gray-50)}#page-contacts .contacts-pagination__left{display:flex;align-items:center;gap:var(--spacing-4)}#page-contacts .contacts-pagination__info{font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-contacts .contacts-pagination__right{display:flex;align-items:center;gap:4px}#page-contacts .contacts-page-btn{width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);background:#fff;color:var(--color-gray-600)}#page-contacts .contacts-page-btn:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-300)}#page-contacts .contacts-page-btn:disabled{opacity:.4;cursor:not-allowed}#page-contacts .contacts-page-btn--active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}#page-contacts .contacts-page-btn--active:hover{background:var(--color-accent-hover)}#page-contacts .contacts-perpage{display:flex;align-items:center;gap:var(--spacing-2)}#page-contacts .contacts-perpage__label{font-size:var(--font-size-sm);color:var(--color-gray-400)}#page-contacts .contacts-perpage__trigger{display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:#fff;color:var(--color-gray-700);cursor:pointer;min-width:54px;justify-content:space-between}#page-contacts .contacts-perpage__menu{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;z-index:var(--z-dropdown);min-width:54px}#page-contacts .contacts-perpage__option{display:block;width:100%;padding:6px 12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:var(--font-family);border:none;background:#fff;color:var(--color-gray-700);cursor:pointer;text-align:left;transition:background var(--transition-fast)}#page-contacts .contacts-perpage__option:hover{background:var(--color-gray-50)}#page-contacts .contacts-perpage__option--active{font-weight:var(--font-weight-semibold);background:#fdf2f4;color:var(--color-accent)}#page-contacts .contacts-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;justify-content:flex-end}#page-contacts .contacts-detail-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0003}#page-contacts .contacts-detail{position:relative;width:460px;background:#fff;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;z-index:1;animation:slideIn .25s ease}#page-contacts .contacts-detail__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border-color)}#page-contacts .contacts-detail__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}#page-contacts .contacts-detail__body{flex:1;overflow-y:auto;padding:var(--spacing-6)}#page-contacts .contacts-detail__footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}#page-contacts .contacts-profile{text-align:center;padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-gray-100);margin-bottom:var(--spacing-6)}#page-contacts .contacts-profile__avatar{width:72px;height:72px;border-radius:var(--border-radius-full);margin:0 auto var(--spacing-4);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:var(--font-weight-bold)}#page-contacts .contacts-profile__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:4px}#page-contacts .contacts-profile__email{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-4)}#page-contacts .contacts-field{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-gray-100)}#page-contacts .contacts-field:last-child{border-bottom:none}#page-contacts .contacts-field__label{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:var(--font-weight-medium);min-width:120px}#page-contacts .contacts-field__value{font-size:13px;color:var(--color-gray-900);text-align:right;display:flex;align-items:center;gap:var(--spacing-2)}#page-contacts .contacts-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-gray-400);margin-bottom:var(--spacing-4)}#page-contacts .contacts-timeline-item{display:flex;gap:var(--spacing-3);padding:var(--spacing-3) 0;position:relative}#page-contacts .contacts-timeline-item__line{position:absolute;left:11px;top:36px;bottom:0;width:1px;background:var(--border-color)}#page-contacts .contacts-timeline-item__dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}#page-contacts .contacts-timeline-item__text{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:var(--line-height-normal)}#page-contacts .contacts-timeline-item__time{font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:2px}#page-contacts .contacts-optin{display:inline-flex;padding:3px 8px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}#page-contacts .contacts-optin--yes{background:var(--color-success-light);color:#065f46}#page-contacts .contacts-optin--no{background:var(--color-gray-100);color:var(--color-gray-500)}#page-contacts .contacts-optin--pending{background:var(--color-warning-light);color:#92400e}#page-contacts .contacts-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding-left:var(--sidebar-width);background:#0006}#page-contacts .contacts-modal{background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);animation:modalIn .2s ease}#page-contacts .contacts-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4)}#page-contacts .contacts-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}#page-contacts .contacts-modal__body{padding:0 var(--spacing-6) var(--spacing-6)}#page-contacts .contacts-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-color)}#page-contacts .contacts-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:6px;display:block}#page-contacts .contacts-form-input{width:100%;padding:8px 12px;font-size:13px;font-family:var(--font-family);border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;color:var(--color-gray-700);outline:none;box-sizing:border-box;transition:border-color var(--transition-fast)}#page-contacts .contacts-form-input:focus{border-color:var(--color-gray-300)}#page-contacts .contacts-upload-zone{border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-10) var(--spacing-6);text-align:center;cursor:pointer;transition:all var(--transition-fast)}#page-contacts .contacts-upload-zone:hover{border-color:var(--color-primary);background:var(--color-primary-subtle)}#page-contacts .contacts-mapper-row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0}#page-contacts .contacts-mapper-field{width:140px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);background:var(--color-gray-100);padding:6px 10px;border-radius:var(--border-radius-sm)}#page-contacts .contacts-callout{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--border-radius);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}#page-contacts .contacts-callout--info{background:var(--color-info-light);color:#1e40af}#page-contacts .contacts-callout--success{background:var(--color-success-light);color:#065f46}#page-contacts .contacts-empty{text-align:center;padding:80px var(--spacing-10)}#page-contacts .contacts-empty__icon{width:80px;height:80px;margin:0 auto var(--spacing-6);background:var(--color-primary-subtle);border-radius:var(--border-radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}#page-contacts .contacts-empty__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}#page-contacts .contacts-empty__desc{font-size:var(--font-size-base);color:var(--color-gray-500);max-width:440px;margin:0 auto var(--spacing-6);line-height:var(--line-height-relaxed)}#page-contacts .contacts-source-cards{display:flex;gap:var(--spacing-4);justify-content:center;margin-bottom:var(--spacing-8)}#page-contacts .contacts-source-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-5) var(--spacing-6);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);min-width:140px}#page-contacts .contacts-source-card__icon{width:40px;height:40px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}#page-contacts .contacts-source-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}#page-contacts .contacts-source-card__type{font-size:var(--font-size-xs);color:var(--color-gray-400)}@keyframes contacts-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}#page-contacts .contacts-skeleton{display:inline-block;border-radius:4px;background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-50) 50%,var(--color-gray-100) 75%);background-size:200px 100%;animation:contacts-shimmer 1.5s ease-in-out infinite}#page-contacts .contacts-skeleton--text{height:14px;min-width:60px}#page-contacts .contacts-skeleton--checkbox{width:18px;height:18px;border-radius:4px}#page-contacts .contacts-skeleton--pill{width:56px;height:22px;border-radius:4px}@keyframes contacts-skeleton-fade{0%{opacity:0}to{opacity:1}}#page-contacts .contacts-skeleton-row{animation:contacts-skeleton-fade .3s ease-out both}@keyframes contacts-row-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#page-contacts .contacts-row-enter{animation:contacts-row-slide-in .25s ease-out both}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}#page-contacts .contacts-export-wrap{position:relative}#page-contacts .contacts-export-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:160px;z-index:50;overflow:hidden;animation:modalIn .15s ease-out}#page-contacts .contacts-export-menu__item{display:block;width:100%;padding:10px 16px;border:none;background:none;text-align:left;font-family:inherit;font-size:13px;color:#374151;cursor:pointer;transition:background .15s}#page-contacts .contacts-export-menu__item:hover{background:#f9fafb}#page-contacts .contacts-export-menu__item+.contacts-export-menu__item{border-top:1px solid #f3f4f6}#page-segments{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--color-gray-50);overflow-y:auto}#page-segments .page-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-6)}#page-segments .page-header__title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-gray-900);margin:0}#page-segments .page-header__subtitle{font-size:var(--font-size-base);color:var(--color-gray-500);margin-top:var(--spacing-1)}#page-segments .page-header__actions{display:flex;align-items:center;gap:var(--spacing-3)}#page-segments .page-header--builder{background:#fff;border-bottom:1px solid var(--border-color);padding:var(--spacing-5) var(--spacing-6)}#page-segments .page-header--builder .page-header__left{display:flex;align-items:center;gap:var(--spacing-4)}#page-segments .page-header__back{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-base);color:var(--color-gray-400);cursor:pointer;text-decoration:none;transition:color var(--transition-fast)}#page-segments .page-header__back:hover{color:var(--color-gray-600)}#page-segments .page-header__back svg{width:16px;height:16px}#page-segments .page-header__divider{width:1px;height:24px;background:var(--border-color)}#page-segments .page-header--builder .page-header__title{font-size:var(--font-size-2xl)}#page-segments .content-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin:0 var(--spacing-6) var(--spacing-6);overflow:hidden}#page-segments .search-bar{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color);position:relative;display:flex;max-width:320px}#page-segments .search-bar__icon{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);display:flex}#page-segments .search-bar__input{padding:8px 12px 8px 36px;width:100%;font-family:inherit;font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--color-gray-50);outline:none;transition:all var(--transition-fast)}#page-segments .search-bar__input:focus{background:#fff;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}#page-segments .data-table{width:100%}#page-segments .data-table__head{display:grid;grid-template-columns:1fr 200px 120px 160px 80px;padding:var(--spacing-3) var(--spacing-5);background:var(--color-gray-50);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.03em}#page-segments .data-table__row{display:grid;grid-template-columns:1fr 200px 120px 160px 80px;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color);align-items:center;transition:background var(--transition-fast)}#page-segments .data-table__row:last-child{border-bottom:none}#page-segments .data-table__row:hover{background:var(--color-gray-50)}#page-segments .segment-name{display:flex;flex-direction:column;gap:2px}#page-segments .segment-name__text{font-weight:600;color:var(--color-gray-900);font-size:var(--font-size-base)}#page-segments .segment-name__meta{font-size:var(--font-size-xs);color:var(--color-gray-400)}#page-segments .segment-desc{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-segments .contact-count-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:3px 10px;border-radius:var(--border-radius-full);background:var(--color-purple-light);color:var(--color-purple);font-size:var(--font-size-sm);font-weight:600}#page-segments .date-cell{font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-segments .actions-cell{display:flex;gap:var(--spacing-1);justify-content:flex-end}#page-segments .action-icon-btn{width:32px;height:32px;border-radius:var(--border-radius-sm);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);transition:all var(--transition-fast)}#page-segments .action-icon-btn:hover{background:var(--color-gray-100);color:var(--color-gray-600)}#page-segments .action-icon-btn--danger:hover{background:var(--color-danger-light);color:var(--color-danger)}#page-segments .empty-state{padding:var(--spacing-10) var(--spacing-6);text-align:center}#page-segments .empty-state__icon{width:64px;height:64px;border-radius:var(--border-radius-full);background:var(--color-gray-100);color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4)}#page-segments .empty-state__icon svg{width:28px;height:28px}#page-segments .empty-state__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-2)}#page-segments .empty-state__text{font-size:var(--font-size-base);color:var(--color-gray-500);margin-bottom:var(--spacing-5);max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}#page-segments .builder-body{padding:var(--spacing-6);max-width:780px}#page-segments .builder-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-5)}#page-segments .builder-card:last-child{margin-bottom:0}#page-segments .builder-card__header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}#page-segments .builder-card__number{width:28px;height:28px;border-radius:var(--border-radius-full);background:var(--color-accent-subtle);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}#page-segments .builder-card__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900)}#page-segments .builder-card__desc{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:2px}#page-segments .form-group{margin-bottom:var(--spacing-4)}#page-segments .form-group--last{margin-bottom:0}#page-segments .form-label{display:block;font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-600);margin-bottom:var(--spacing-2)}#page-segments .form-label__hint{font-weight:400;color:var(--color-gray-400)}#page-segments .form-input{width:100%;padding:8px 12px;font-family:inherit;font-size:var(--font-size-sm);color:var(--color-gray-800);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}#page-segments .form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}#page-segments .form-select{width:100%;padding:8px 12px;font-family:inherit;font-size:var(--font-size-sm);color:var(--color-gray-800);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color var(--transition-fast)}#page-segments .form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}#page-segments .operator-toggle{display:flex;background:var(--color-gray-100);border-radius:var(--border-radius-full);padding:2px}#page-segments .operator-toggle__btn{padding:6px 16px;border-radius:var(--border-radius-full);border:none;font-family:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;background:transparent;color:var(--color-gray-500);transition:all var(--transition-fast)}#page-segments .operator-toggle__btn--active{background:#fff;color:var(--color-accent);box-shadow:0 1px 2px #00000014}#page-segments .conditions-list{display:flex;flex-direction:column;gap:var(--spacing-3)}#page-segments .condition-row{display:grid;grid-template-columns:1fr 1fr 1fr 36px;gap:var(--spacing-2);align-items:center}#page-segments .condition-divider{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}#page-segments .condition-divider__line{flex:1;height:1px;background:var(--border-color)}#page-segments .condition-divider__label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}#page-segments .condition-remove-btn{width:36px;height:36px;border-radius:var(--border-radius-sm);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-danger);transition:all var(--transition-fast)}#page-segments .condition-remove-btn:disabled{color:var(--color-gray-300);cursor:not-allowed;opacity:.4}#page-segments .condition-remove-btn:not(:disabled):hover{background:var(--color-danger-light)}#page-segments .add-condition-btn{margin-top:var(--spacing-4)}#page-segments .preview-result{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);background:var(--color-gray-50);border-radius:var(--border-radius);margin-bottom:var(--spacing-5)}#page-segments .preview-result__icon{width:48px;height:48px;border-radius:var(--border-radius-full);background:var(--color-gray-100);color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;flex-shrink:0}#page-segments .preview-result__icon--active{background:var(--color-purple-light);color:var(--color-purple)}#page-segments .preview-result__content{flex:1}#page-segments .preview-result__count{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-gray-900)}#page-segments .preview-result__placeholder{font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-500)}#page-segments .preview-result__label{font-size:var(--font-size-sm);color:var(--color-gray-500)}#page-segments .builder-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}#page-segments .btn--small{padding:6px 12px;font-size:var(--font-size-sm)}#pricing-page{padding:var(--spacing-6, 24px)}#pricing-page .pricing-tabs{display:flex;gap:var(--spacing-6);border-bottom:1px solid var(--border-color);margin-top:0;margin-bottom:var(--spacing-6)}#pricing-page .pricing-tab{padding:var(--spacing-3) 0;border:none;background:transparent;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast)}#pricing-page .pricing-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}#pricing-page .usage-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-2)}#pricing-page .usage-card__inner{display:flex;gap:var(--spacing-8)}#pricing-page .usage-card__plan{min-width:160px;border-right:1px solid var(--border-color);padding-right:var(--spacing-8);display:flex;flex-direction:column;justify-content:center}#pricing-page .usage-card__plan-label{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:var(--font-weight-medium)}#pricing-page .usage-card__plan-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}#pricing-page .usage-card__plan-meta{font-size:var(--font-size-sm);color:var(--color-gray-500)}#pricing-page .usage-meters{flex:1;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--spacing-6)}#pricing-page .usage-meter__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}#pricing-page .usage-meter__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-500)}#pricing-page .usage-meter__badge{padding:2px 8px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}#pricing-page .usage-meter__badge--ok{background:var(--color-purple-light);color:#5b21b6}#pricing-page .usage-meter__badge--danger{background:var(--color-danger-light);color:#991b1b}#pricing-page .usage-meter__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}#pricing-page .usage-meter__value-limit{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-gray-400)}#pricing-page .usage-bar{height:6px;background:var(--color-gray-100);border-radius:var(--border-radius-full);overflow:hidden;position:relative}#pricing-page .usage-bar__plan-zone{position:absolute;top:0;left:0;height:100%;background:var(--color-purple-light);border-radius:var(--border-radius-full) 0 0 var(--border-radius-full)}#pricing-page .usage-bar__fill{position:relative;height:100%;border-radius:var(--border-radius-full);background:var(--color-purple);transition:width .6s ease}#pricing-page .usage-bar__fill--danger{background:var(--color-danger)}#pricing-page .usage-bar__legend{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-2)}#pricing-page .usage-bar__legend-item{font-size:10px;color:var(--color-gray-500);display:flex;align-items:center;gap:var(--spacing-1)}#pricing-page .usage-bar__legend-swatch{width:8px;height:8px;border-radius:2px;display:inline-block}#pricing-page .section-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-1);text-align:center;margin-top:var(--spacing-8)}#pricing-page .section-subheading{font-size:var(--font-size-base);color:var(--color-gray-500);margin-bottom:var(--spacing-5);text-align:center}#pricing-page .section-heading--left{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-1)}#pricing-page .section-subheading--left{font-size:var(--font-size-base);color:var(--color-gray-500);margin-bottom:var(--spacing-4)}#pricing-page .billing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-bottom:var(--spacing-10)}#pricing-page .billing-toggle__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}#pricing-page .billing-toggle__label--active{color:var(--color-gray-900)}#pricing-page .billing-toggle__label--inactive{color:var(--color-gray-500)}#pricing-page .billing-toggle__switch{position:relative;width:40px;height:22px;border-radius:11px;border:none;cursor:pointer;padding:0;transition:background var(--transition-fast)}#pricing-page .billing-toggle__switch--on{background:var(--color-accent)}#pricing-page .billing-toggle__switch--off{background:var(--color-gray-300)}#pricing-page .billing-toggle__knob{position:absolute;top:3px;width:16px;height:16px;border-radius:var(--border-radius-full);background:#fff;box-shadow:0 1px 3px #0003;transition:left var(--transition-fast)}#pricing-page .billing-toggle__knob--on{left:21px}#pricing-page .billing-toggle__knob--off{left:3px}#pricing-page .billing-toggle__save{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);background:#ed4a6914;padding:2px 8px;border-radius:var(--border-radius-full)}#pricing-page .plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4)}#pricing-page .plan-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-5);display:flex;flex-direction:column;position:relative;transition:all var(--transition-fast);cursor:pointer}#pricing-page .plan-card--selected{border:2px solid var(--color-accent);background:#ed4a6908}#pricing-page .plan-card--current{cursor:default}#pricing-page .plan-card__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:2px 12px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;color:#fff}#pricing-page .plan-card__badge--current{background:var(--color-purple)}#pricing-page .plan-card__badge--recommended{background:var(--color-accent)}#pricing-page .plan-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-1)}#pricing-page .plan-card__desc{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-4);line-height:var(--line-height-normal);min-height:36px}#pricing-page .plan-card__price{margin-bottom:var(--spacing-4)}#pricing-page .plan-card__price-prefix{font-size:var(--font-size-sm);color:var(--color-gray-400);font-weight:var(--font-weight-normal)}#pricing-page .plan-card__price-amount{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}#pricing-page .plan-card__price-period{font-size:var(--font-size-sm);color:var(--color-gray-400)}#pricing-page .plan-card__price-note{font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:2px}#pricing-page .plan-card__divider{border:none;border-top:1px solid var(--border-color);margin:0 0 var(--spacing-4) 0}#pricing-page .plan-card__features{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-2);padding:0;flex:1}#pricing-page .plan-card__feature{display:flex;align-items:flex-start;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-normal)}#pricing-page .plan-card__feature-icon{flex-shrink:0;margin-top:1px}#pricing-page .plan-card__feature-icon--included{color:var(--color-success)}#pricing-page .plan-card__feature-icon--excluded{color:var(--color-gray-300)}#pricing-page .comparison-wrapper{margin-top:var(--spacing-3);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}#pricing-page .comparison-toggle{width:100%;padding:var(--spacing-4) var(--spacing-6);border:none;background:transparent;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);cursor:pointer;display:flex;align-items:center;justify-content:space-between}#pricing-page .comparison-table{width:100%;border-collapse:collapse;table-layout:fixed}#pricing-page .comparison-table col.col-feature{width:28%}#pricing-page .comparison-table col.col-plan{width:18%}#pricing-page .comparison-table th{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--border-color);background:var(--color-gray-50)}#pricing-page .comparison-table th.th-corner{text-align:left;padding-left:var(--spacing-6);font-size:var(--font-size-sm);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}#pricing-page .comparison-table th.th-plan{text-align:center;color:var(--color-gray-900)}#pricing-page .comparison-table td.cat-cell{padding:10px var(--spacing-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);background:var(--color-gray-50)}#pricing-page .comparison-table td.feature-name{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-100);text-align:left}#pricing-page .comparison-table td.feature-value{padding:var(--spacing-3) var(--spacing-4);text-align:center;font-size:var(--font-size-base);color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100)}#pricing-page .credits-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-top:var(--spacing-8)}#pricing-page .credits-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-5)}#pricing-page .credits-mode-toggle{display:flex;align-items:center;gap:10px;background:var(--color-gray-100);border-radius:var(--border-radius);padding:3px}#pricing-page .credits-mode-btn{padding:6px 14px;border-radius:var(--border-radius-sm);border:none;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}#pricing-page .credits-mode-btn--active{background:#fff;color:var(--color-gray-900);box-shadow:var(--shadow-sm)}#pricing-page .credits-mode-btn--inactive{background:transparent;color:var(--color-gray-500)}#pricing-page .credit-packs{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-3)}#pricing-page .credit-pack{padding:var(--spacing-4);border-radius:var(--border-radius);border:2px solid var(--border-color);background:#fff;cursor:pointer;text-align:center;transition:all var(--transition-fast)}#pricing-page .credit-pack--selected{border-color:var(--color-accent);background:#ed4a6908}#pricing-page .credit-pack__amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:2px}#pricing-page .credit-pack__label{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--spacing-2)}#pricing-page .credit-pack__price{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}#pricing-page .credit-pack__rate{font-size:var(--font-size-xs);color:var(--color-gray-400)}#pricing-page .volume-tiers{margin-top:var(--spacing-5)}#pricing-page .volume-tiers summary{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-500);cursor:pointer;padding:var(--spacing-2) 0}#pricing-page .volume-tiers table{width:100%;border-collapse:collapse;margin-top:var(--spacing-4)}#pricing-page .volume-tiers th{text-align:left;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-gray-400);border-bottom:1px solid var(--border-color)}#pricing-page .volume-tiers td{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100)}#pricing-page .addons-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-top:var(--spacing-8)}#pricing-page .addon-card{background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-5);transition:all var(--transition-fast);position:relative;cursor:pointer}#pricing-page .addon-card--selected{border-color:var(--color-accent);background:#ed4a6908}#pricing-page .addon-card__name{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}#pricing-page .addon-card__desc{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:var(--line-height-normal);margin-bottom:var(--spacing-4)}#pricing-page .addon-card__price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}#pricing-page .addon-card__period{font-size:var(--font-size-sm);color:var(--color-gray-400);font-weight:var(--font-weight-normal)}#pricing-page .cost-summary{margin-top:var(--spacing-8);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-5)}#pricing-page .cost-summary__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-4)}#pricing-page .cost-summary__section-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--spacing-2)}#pricing-page .cost-summary__row{display:flex;justify-content:space-between;padding:var(--spacing-2) 0;font-size:var(--font-size-base);color:var(--color-gray-600)}#pricing-page .cost-summary__row--strikethrough{text-decoration:line-through;color:var(--color-gray-400)}#pricing-page .cost-summary__row-amount{font-weight:var(--font-weight-medium)}#pricing-page .cost-summary__row-amount--credit{color:var(--color-success)}#pricing-page .cost-summary__divider{border-top:1px solid var(--border-color);margin:var(--spacing-2) 0}#pricing-page .cost-summary__total{display:flex;justify-content:space-between;padding:var(--spacing-2) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}#pricing-page .cost-summary__note{font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:var(--spacing-1)}#pricing-page .checkout-bar{position:fixed;bottom:0;left:var(--sidebar-width);right:0;background:#fff;border-top:1px solid var(--border-color);padding:var(--spacing-3) var(--spacing-6);display:flex;align-items:center;justify-content:space-between;box-shadow:0 -4px 12px #0000000f;z-index:var(--z-sticky)}#pricing-page .checkout-bar__summary{font-size:var(--font-size-base);color:var(--color-gray-500)}#pricing-page .checkout-bar__amount{color:var(--color-gray-900);font-size:15px;font-weight:var(--font-weight-bold)}#pricing-page .checkout-bar__separator{margin:0 var(--spacing-2);color:var(--color-gray-300)}#pricing-page .checkout-bar__btn{padding:10px var(--spacing-6);border-radius:var(--border-radius);border:none;background:var(--color-accent);color:#fff;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast)}#pricing-page .checkout-bar__btn:hover{background:var(--color-accent-hover)}#pricing-page .checkout-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}#pricing-page .checkout-modal{background:#fff;border-radius:var(--border-radius-xl);padding:var(--spacing-8);max-width:520px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl)}#pricing-page .checkout-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-1)}#pricing-page .checkout-modal__subtitle{font-size:var(--font-size-base);color:var(--color-gray-500);margin-bottom:var(--spacing-6)}#pricing-page .checkout-modal__change-row{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-gray-50);border-radius:var(--border-radius);margin-bottom:var(--spacing-2);font-size:var(--font-size-base)}#pricing-page .checkout-modal__change-old{color:var(--color-gray-400);text-decoration:line-through}#pricing-page .checkout-modal__change-arrow{color:var(--color-gray-400)}#pricing-page .checkout-modal__change-new{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}#pricing-page .checkout-modal__change-price{margin-left:auto;font-weight:var(--font-weight-medium)}#pricing-page .checkout-modal__warning{padding:var(--spacing-4);background:var(--color-warning-light);border:1px solid #fde68a;border-radius:var(--border-radius);margin-bottom:var(--spacing-5)}#pricing-page .checkout-modal__warning-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#92400e;margin-bottom:var(--spacing-2)}#pricing-page .checkout-modal__warning-text{font-size:var(--font-size-sm);color:#92400e;line-height:var(--line-height-relaxed)}#pricing-page .checkout-modal__actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-6)}#pricing-page .checkout-modal__btn{flex:1;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}#pricing-page .checkout-modal__btn--secondary{border:1px solid var(--border-color);background:#fff;color:var(--color-gray-500)}#pricing-page .checkout-modal__btn--secondary:hover{background:var(--color-gray-50)}#pricing-page .checkout-modal__btn--primary{border:none;background:var(--color-accent);color:#fff;font-weight:var(--font-weight-semibold)}#pricing-page .checkout-modal__btn--primary:hover{background:var(--color-accent-hover)}#pricing-page .billing-content{display:flex;flex-direction:column;gap:var(--spacing-6)}#pricing-page .billing-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}#pricing-page .billing-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-5)}#pricing-page .billing-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}#pricing-page .billing-card__action{padding:6px 14px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast)}#pricing-page .billing-card__action:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}#pricing-page .next-invoice{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background:var(--color-info-light);border:1px solid #93c5fd;border-radius:var(--border-radius)}#pricing-page .billing-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}#pricing-page .billing-info__label{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:2px}#pricing-page .billing-info__value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}#pricing-page .billing-info__input{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900);font-family:inherit;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:6px 10px;width:100%;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}#pricing-page .billing-info__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #ed4a6914}#pricing-page .invoice-table{width:100%;border-collapse:collapse}#pricing-page .invoice-table th{text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-gray-400);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color)}#pricing-page .invoice-table td{font-size:var(--font-size-base);color:var(--color-gray-700);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-gray-100)}#pricing-page .invoice-table tr:last-child td{border-bottom:none}#pricing-page .invoice-table tr:hover{background:var(--color-gray-50);cursor:pointer}#pricing-page .invoice-status{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:2px 8px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-success-light);color:#065f46;text-transform:capitalize}#pricing-page .invoice-status--paid{background:#dcfce7;color:#166534}#pricing-page .invoice-status--pending{background:#fef3c7;color:#92400e}#pricing-page .invoice-status--failed{background:#fef2f2;color:#dc2626}#pricing-page .invoice-status--open{background:#dbeafe;color:#1e40af}#pricing-page .invoice-status--void{background:#f3f4f6;color:#6b7280}#pricing-page .invoice-download:disabled{opacity:.4;cursor:not-allowed}#pricing-page .invoice-download{background:none;border:none;color:var(--color-accent);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-1);transition:opacity var(--transition-fast)}#pricing-page .invoice-download:hover{opacity:.8}#pricing-page .cancel-section{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-3)}#pricing-page .cancel-btn{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast)}#pricing-page .cancel-btn:hover{color:var(--color-danger);border-color:var(--color-danger-light)}#pricing-page .cancel-text{font-size:var(--font-size-sm);color:var(--color-gray-400)}#pricing-page .cost-summary__promo{margin-top:20px}#pricing-page .cost-summary__promo-input-row{display:flex;gap:8px;margin-top:8px}#pricing-page .cost-summary__promo-input{flex:1;padding:8px 12px;font-size:13px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;letter-spacing:.5px;text-transform:uppercase;background:#fff;transition:border-color .2s}#pricing-page .cost-summary__promo-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}#pricing-page .cost-summary__promo-input::placeholder{text-transform:none;letter-spacing:normal;color:#9ca3af}#pricing-page .cost-summary__promo-apply{padding:8px 16px;font-size:13px;font-weight:600;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .2s}#pricing-page .cost-summary__promo-apply:hover:not(:disabled){background:#1d4ed8}#pricing-page .cost-summary__promo-apply:disabled{opacity:.5;cursor:not-allowed}#pricing-page .cost-summary__promo-applied{display:flex;align-items:center;gap:10px;margin-top:8px}#pricing-page .cost-summary__promo-badge{display:inline-flex;align-items:center;padding:5px 12px;font-size:12px;font-weight:600;color:#065f46;background:#d1fae5;border-radius:20px;letter-spacing:.3px}#pricing-page .cost-summary__promo-remove{padding:0;font-size:12px;color:#ef4444;background:none;border:none;cursor:pointer;text-decoration:underline;font-family:inherit}#pricing-page .cost-summary__promo-remove:hover{color:#dc2626}#pricing-page .cost-summary__promo-error{margin-top:6px;font-size:12px;color:#ef4444}