@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--brand-primary:#6366f1;--brand-primary-hover:#5457e5;--brand-primary-subtle:#6366f114;--brand-primary-muted:#6366f12e;--brand-gradient:linear-gradient(135deg, #6366f1, #818cf8);--color-success:#14b8a6;--color-success-subtle:#14b8a61a;--color-warning:#e8a317;--color-warning-subtle:#e8a3171a;--color-danger:#e5484d;--color-danger-subtle:#e5484d14;--color-info:#3b82f6;--color-info-subtle:#3b82f61a;--interest-curious:#e8a317;--interest-curious-bg:#e8a3171a;--interest-interested:#e07c24;--interest-interested-bg:#e07c241a;--interest-hot:#e5484d;--interest-hot-bg:#e5484d1a;--interest-converted:#14b8a6;--interest-converted-bg:#14b8a61a;--interest-negative:#e5484d;--interest-negative-bg:#e5484d0f;--bg-base:#111113;--bg-raised:#19191c;--bg-overlay:#222225;--bg-subtle:#2b2b2f;--bg-hover:#313136;--bg-active:#3a3a40;--border-default:#2e2e33;--border-subtle:#26262b;--border-strong:#3e3e44;--border-focus:var(--brand-primary);--text-primary:#ededef;--text-secondary:#a0a0ab;--text-muted:#63636e;--text-inverse:#111113;--text-on-brand:#fff;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #00000059;--shadow-xl:0 16px 48px #0006;--shadow-glow:0 0 0 3px var(--brand-primary-subtle);--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.35s ease;--sidebar-width:260px;--sidebar-collapsed:64px;--header-height:0px;--content-max-width:1200px}[data-theme=light]{--brand-primary-subtle:#6366f10f;--brand-primary-muted:#6366f11f;--color-success-subtle:#14b8a614;--color-warning-subtle:#e8a31714;--color-danger-subtle:#e5484d0f;--color-info-subtle:#3b82f614;--interest-curious-bg:#e8a31714;--interest-interested-bg:#e07c2414;--interest-hot-bg:#e5484d0f;--interest-converted-bg:#14b8a60f;--interest-negative-bg:#e5484d0d;--bg-base:#fafaf9;--bg-raised:#fff;--bg-overlay:#f5f5f4;--bg-subtle:#eeeeec;--bg-hover:#e8e8e5;--bg-active:#ddddd9;--border-default:#e3e3e0;--border-subtle:#eeeeec;--border-strong:#d4d4d0;--border-focus:var(--brand-primary);--text-primary:#1c1c1e;--text-secondary:#6b6b76;--text-muted:#9d9da7;--text-inverse:#fff;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-xl:0 16px 48px #0000001f;--shadow-glow:0 0 0 3px #6366f126}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-inter), var(--font-arabic), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:var(--bg-base);color:var(--text-primary);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}a{color:var(--brand-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--brand-primary-hover)}::selection{background:var(--brand-primary-muted);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-raised);border-right:1px solid var(--border-default);padding:var(--space-5) 0;z-index:100;transition:width var(--transition-normal), transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-logo{padding:0 var(--space-2) var(--space-4)}.sidebar.collapsed .sidebar-logo-inner,.sidebar.collapsed .sidebar-logo span,.sidebar.collapsed .sidebar-logo-wordmark{display:none}.sidebar.collapsed .sidebar-logo-stacked{display:flex}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item{padding:var(--space-2) 0;justify-content:center}.sidebar-footer-collapse{padding:var(--space-3);border-top:1px solid var(--border-subtle);justify-content:flex-end;display:flex}.sidebar.collapsed .sidebar-footer-collapse{justify-content:center}.sidebar-collapse-btn{color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-logo{padding:0 var(--space-5) var(--space-5);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-3)}.sidebar-logo h1{font-size:var(--text-xl);color:var(--brand-primary);letter-spacing:-.5px;font-weight:800}.sidebar-logo-inner{align-items:center;display:flex}.sidebar-logo-full{object-fit:contain;width:auto;max-width:140px;height:36px;display:block}.sidebar-logo-stacked{flex-direction:column;align-items:center;gap:4px;display:none}.sidebar-logo-mark{border-radius:8px;width:32px;height:32px;display:block}.sidebar-logo-wordmark{color:var(--brand-primary);letter-spacing:1px;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.sidebar-logo span{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;display:block}.sidebar-nav{padding:0 var(--space-3);flex:1;overflow-y:auto}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;margin-bottom:2px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.nav-item-locked{opacity:.45;cursor:default;pointer-events:auto}.nav-item-locked:hover{color:var(--text-secondary);background:0 0}.nav-item.active{background:var(--brand-primary-subtle);color:var(--brand-primary);font-weight:600}.nav-item.active:before{content:"";background:var(--brand-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;position:absolute;top:6px;bottom:6px;left:-12px}.nav-icon{text-align:center;flex-shrink:0;width:22px;font-size:16px}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle)}.sidebar-user{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.sidebar-user strong{color:var(--text-primary);font-weight:600;font-size:var(--text-sm)}.theme-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;border:1px solid var(--border-default);width:100%;margin-top:var(--space-3);transition:all var(--transition-fast);background:0 0;display:flex}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-menu-btn{display:none}.sidebar-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}.main-area{margin-left:var(--sidebar-width);height:100vh;transition:margin-left var(--transition-normal), max-width var(--transition-normal);max-width:calc(100vw - var(--sidebar-width));flex-direction:column;flex:1;display:flex;overflow:hidden}.main-area.collapsed{max-width:calc(100vw - 80px);margin-left:80px}.top-bar{padding:0 var(--space-6);background:var(--bg-raised);border-bottom:1px solid var(--border-default);z-index:50;justify-content:space-between;align-items:center;gap:var(--space-4);height:52px;min-height:52px;display:flex;position:sticky;top:0}.top-bar-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.top-bar-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-weight:600;overflow:hidden}.top-bar-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.top-bar-center{flex-shrink:0;justify-content:center;align-items:center;display:none}.mobile-menu-btn-inline{border-radius:var(--radius-md);border:1px solid var(--border-default);width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:none}.top-bar-btn{border-radius:var(--radius-md);border:1px solid var(--border-default);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.top-bar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.top-bar-user-btn{width:auto;padding:0 var(--space-2);gap:var(--space-1)}.top-bar-dropdown{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);z-index:200;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}[dir=rtl] .top-bar-dropdown{left:0;right:auto}.top-bar-dropdown-info{padding:var(--space-3) var(--space-4);flex-direction:column;gap:2px;display:flex}.top-bar-dropdown-info strong{font-size:var(--text-sm);color:var(--text-primary)}.top-bar-dropdown-info span{font-size:var(--text-xs);color:var(--text-muted)}.top-bar-dropdown-divider{background:var(--border-subtle);height:1px}.top-bar-dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;text-align:start;width:100%;transition:background var(--transition-fast);background:0 0;border:none;text-decoration:none;display:flex}.top-bar-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.main-content{padding:var(--space-8);flex:1;min-height:0;overflow-y:auto}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.page-title{font-size:var(--text-2xl);letter-spacing:-.3px;color:var(--text-primary);font-weight:700}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.entitlement-guard-loading{justify-content:center;align-items:center;width:100%;height:100%;min-height:300px;display:flex}.entitlement-guard-spinner{color:var(--text-muted);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.card:hover{border-color:var(--border-strong)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.stat-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);align-items:center;gap:var(--space-4);transition:border-color var(--transition-fast), transform var(--transition-fast);display:flex}.stat-card:hover{border-color:var(--brand-primary);transform:translateY(-1px)}.stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.stat-icon.brand{background:var(--brand-primary-subtle)}.stat-icon.success{background:var(--color-success-subtle)}.stat-icon.warning{background:var(--color-warning-subtle)}.stat-icon.danger{background:var(--color-danger-subtle)}.stat-icon.info{background:var(--color-info-subtle)}.stat-value{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700;line-height:1.1}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-weight:500}.batch-card{background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-2);transition:border-color var(--transition-fast)}.batch-card:hover{border-color:var(--border-strong)}.batch-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.batch-label{font-size:var(--text-sm);font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-family:inherit;font-weight:600;line-height:1.5;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none;transform:none}.btn-primary{background:var(--brand-primary);color:var(--text-on-brand);border-color:var(--brand-primary)}.btn-primary:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-overlay);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{box-shadow:var(--shadow-sm);background:#d13438}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-icon{padding:var(--space-2);width:36px;height:36px}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;font-weight:600;line-height:1.6;display:inline-flex}.badge-brand{background:var(--brand-primary-subtle);color:var(--brand-primary)}.badge-success{background:var(--color-success-subtle);color:var(--color-success)}.badge-warning{background:var(--color-warning-subtle);color:var(--color-warning)}.badge-danger{background:var(--color-danger-subtle);color:var(--color-danger)}.badge-info{background:var(--color-info-subtle);color:var(--color-info)}.badge-neutral{background:var(--bg-subtle);color:var(--text-secondary)}.badge-muted{background:var(--bg-subtle);color:var(--text-muted)}.badge-curious{background:var(--interest-curious-bg);color:var(--interest-curious)}.badge-interested{background:var(--interest-interested-bg);color:var(--interest-interested)}.badge-hot{background:var(--interest-hot-bg);color:var(--interest-hot)}.badge-converted{background:var(--interest-converted-bg);color:var(--interest-converted)}.badge-negative{background:var(--interest-negative-bg);color:var(--interest-negative)}.status-badge{border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:capitalize;align-items:center;gap:4px;padding:3px 10px;font-weight:600;display:inline-flex}.status-pending{background:var(--bg-subtle);color:var(--text-muted)}.status-queued,.status-ready{background:var(--color-info-subtle);color:var(--color-info)}.status-in_progress,.status-running{background:var(--color-warning-subtle);color:var(--color-warning)}.status-completed{background:var(--color-success-subtle);color:var(--color-success)}.status-failed{background:var(--color-danger-subtle);color:var(--color-danger)}.status-draft{background:var(--bg-subtle);color:var(--text-muted)}.engagement-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.engagement-badge[data-tooltip]:after{content:attr(data-tooltip);white-space:nowrap;background:var(--gray-900,#0f172a);color:#fff;pointer-events:none;opacity:0;z-index:200;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000040}.engagement-badge[data-tooltip]:before{content:"";border:5px solid #0000;border-top-color:var(--gray-900,#0f172a);pointer-events:none;opacity:0;z-index:200;transition:opacity .15s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.engagement-badge[data-tooltip]:hover:after,.engagement-badge[data-tooltip]:hover:before{opacity:1;transform:translate(-50%)translateY(0)}.engagement-regular{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e33}.engagement-occasional{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b33}.engagement-infrequent{color:#dc2626;background:#ef444414;border:1px solid #ef444426}.engagement-dnc{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle);opacity:.7;text-decoration:line-through}.contact-cell{align-items:center;gap:var(--space-2);min-width:0;display:flex}.contact-avatar{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-on-brand);background:var(--brand-gradient);letter-spacing:.5px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:relative}.contact-avatar.avatar-verified{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%)}.contact-avatar.avatar-not_found{background:linear-gradient(135deg, var(--color-danger) 0%, #c0392b 100%)}.contact-avatar.avatar-unknown{background:linear-gradient(135deg,#999 0%,#777 100%)}.contact-chat-dot{border:2px solid var(--bg-raised);bottom:-1px;background:#25d366;border-radius:50%;width:10px;height:10px;position:absolute;inset-inline-end:-1px}.contact-info{flex-direction:column;gap:1px;min-width:0;display:flex}.contact-name-row{align-items:center;gap:var(--space-1);display:flex}.contact-display-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.contact-name-phone{color:var(--text-secondary);font-family:SF Mono,Fira Code,monospace;font-weight:500}.contact-opted-out{color:#ef4444;white-space:nowrap;background:#ef444426;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:600}.contact-phone-row{align-items:center;gap:4px;display:flex}.wa-dot-inline{border-radius:50%;flex-shrink:0;width:6px;height:6px;position:relative}.wa-dot-inline.wa-verified{background:#25d366}.wa-dot-inline.wa-unknown{background:#aaa}.wa-dot-inline.wa-not_found{background:#ef4444}.has-tooltip,.wa-dot-inline[data-tooltip]{position:relative}.has-tooltip[data-tooltip]:after,.wa-dot-inline[data-tooltip]:after{content:attr(data-tooltip);white-space:nowrap;background:var(--gray-900,#0f172a);color:#fff;pointer-events:none;opacity:0;z-index:300;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000040}.has-tooltip[data-tooltip]:before,.wa-dot-inline[data-tooltip]:before{content:"";border:5px solid #0000;border-top-color:var(--gray-900,#0f172a);pointer-events:none;opacity:0;z-index:300;transition:opacity .15s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.has-tooltip[data-tooltip]:hover:after,.has-tooltip[data-tooltip]:hover:before,.wa-dot-inline[data-tooltip]:hover:after,.wa-dot-inline[data-tooltip]:hover:before{opacity:1;transform:translate(-50%)translateY(0)}.contact-phone-text{color:var(--text-secondary);white-space:nowrap;font-family:SF Mono,Fira Code,monospace;font-size:11px}.contact-bsuid{color:var(--brand-primary);opacity:.7;cursor:default;align-items:center;display:inline-flex}.contact-source-phone{color:var(--text-muted);align-items:center;gap:3px;font-family:SF Mono,Fira Code,monospace;font-size:10px;display:flex}.contact-country{font-size:var(--text-xs);white-space:nowrap}.deal-badge{padding:2px var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.deal-cold{background:var(--bg-subtle);color:var(--text-muted)}.deal-engaged{background:var(--color-info-subtle);color:var(--color-info)}.deal-warm{background:var(--color-warning-subtle);color:var(--color-warning)}.deal-hot{color:#ef4444;background:#ef44441f}.deal-won{background:var(--color-success-subtle);color:var(--color-success)}.deal-lost{background:var(--color-danger-subtle);color:var(--text-muted);text-decoration:line-through}.progress-bar{background:var(--bg-subtle);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar.lg{height:10px}.progress-fill{background:var(--brand-gradient);border-radius:var(--radius-full);height:100%;transition:width .5s;position:relative}.progress-fill.success{background:var(--color-success)}.progress-fill.warning{background:var(--color-warning)}.progress-fill.danger{background:var(--color-danger)}.progress-fill.animated:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-raised);border-radius:var(--radius-xl);padding:var(--space-8);width:92%;max-width:440px;box-shadow:var(--shadow-xl);border:1px solid var(--border-default);animation:.2s slideUp}.modal-icon{text-align:center;margin-bottom:var(--space-3);font-size:36px}.modal-title{font-size:var(--text-lg);text-align:center;color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.modal-title.danger{color:var(--color-danger)}.modal-body{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-6);line-height:1.6}.modal-actions{gap:var(--space-3);justify-content:center;display:flex}.modal-actions .btn{flex:1;max-width:180px}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);align-items:flex-start;gap:var(--space-2);line-height:1.5;display:flex}.alert-success{background:var(--color-success-subtle);color:var(--color-success);border:1px solid #14b8a633}.alert-error{background:var(--color-danger-subtle);color:var(--color-danger);border:1px solid #e5484d33}.alert-warning{background:var(--color-warning-subtle);color:var(--color-warning);border:1px solid #e8a31733}.alert-info{background:var(--color-info-subtle);color:var(--color-info);border:1px solid #3b82f633}.tabs{background:var(--bg-overlay);border-radius:var(--radius-md);margin-bottom:var(--space-6);border:1px solid var(--border-subtle);gap:2px;padding:3px;display:flex}.tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;flex:1;font-family:inherit;font-weight:500}.tab:hover:not(.active){color:var(--text-primary);background:var(--bg-hover)}.tab.active{background:var(--bg-raised);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.empty-state{text-align:center;padding:var(--space-12) var(--space-5);color:var(--text-muted)}.empty-icon{margin-bottom:var(--space-4);opacity:.7;font-size:48px}.empty-title{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-1);font-weight:600}.empty-text{font-size:var(--text-sm);margin-bottom:var(--space-5);max-width:320px;margin-left:auto;margin-right:auto}.pagination{padding-top:var(--space-4);border-top:1px solid var(--border-subtle);margin-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.pagination-info{font-size:var(--text-xs);color:var(--text-muted)}.pagination-btns{gap:var(--space-1);display:flex}.key-card{background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);transition:border-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.key-card:hover{border-color:var(--border-strong)}.key-info{flex:1}.key-prefix{font-family:SF Mono,Fira Code,monospace;font-size:var(--text-sm);color:var(--brand-primary)}.key-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.key-meta{color:var(--text-muted);font-size:10px}.dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;cursor:pointer;transition:all var(--transition-normal)}.dropzone:hover,.dropzone.active{border-color:var(--brand-primary);background:var(--brand-primary-subtle)}.dropzone-icon{margin-bottom:var(--space-4);opacity:.7;font-size:40px}.dropzone-text{font-size:var(--text-base);color:var(--text-secondary)}.dropzone-sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.spinner{border:2px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner.lg{border-width:3px;width:32px;height:32px}.skeleton{background:var(--bg-subtle);border-radius:var(--radius-sm);animation:1.8s ease-in-out infinite pulse}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-title{width:60%;height:22px;margin-bottom:var(--space-3)}.skeleton-card{border-radius:var(--radius-lg);height:120px}.tunnel-banner{background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.tunnel-banner{background:color-mix(in srgb, var(--color-warning) 12%, var(--bg-raised))}}.tunnel-banner{border-bottom:1px solid var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.tunnel-banner{border-bottom:1px solid color-mix(in srgb, var(--color-warning) 35%, transparent)}}.tunnel-banner{padding:var(--space-2) var(--space-4);z-index:90;flex-shrink:0;position:sticky;top:0}.tunnel-banner-inner{align-items:center;gap:var(--space-2);max-width:100%;display:flex;overflow:hidden}.tunnel-banner-icon{color:var(--color-warning);flex-shrink:0}.tunnel-banner-label{font-size:var(--text-xs);color:var(--color-warning);white-space:nowrap;flex-shrink:0;font-weight:600}.tunnel-banner-url{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:2px var(--space-2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:ui-monospace,monospace;overflow:hidden}.tunnel-banner-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.tunnel-banner-btn{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);padding:3px var(--space-2);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;align-items:center;gap:4px;display:flex}.tunnel-banner-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.tunnel-banner-close{border-color:#0000}.tunnel-spinning{animation:.8s linear infinite spin}.form-group{margin-bottom:var(--space-5)}.form-label{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:500;display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-family:inherit;line-height:1.5}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:var(--shadow-glow);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:120px}.form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.table-container{border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-default);background:var(--bg-overlay);z-index:1;font-weight:600;position:sticky;top:0}td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}tr{transition:background var(--transition-fast)}tr:hover td{background:var(--bg-hover)}tr:last-child td{border-bottom:none}.usage-grid{grid-template-columns:1fr;gap:10px;display:grid}.usage-grid-full{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.usage-sections-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.usage-section-panel{min-width:0;padding:16px 20px}.usage-section-panel+.usage-section-panel{border-inline-start:1px solid var(--border-subtle)}@media (max-width:768px){.usage-sections-grid{grid-template-columns:1fr}.usage-section-panel+.usage-section-panel{border-inline-start:none;border-top:1px solid var(--border-subtle)}}.dash-stat-card{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.dash-stat-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-stat-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.dash-stat-link{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.dash-stat-card:hover .dash-stat-link{color:var(--brand-primary);background:var(--brand-primary-subtle)}.dash-stat-value{font-size:var(--text-3xl);color:var(--text-primary);letter-spacing:-.5px;font-weight:800;line-height:1.1}.dash-stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-weight:500}.dash-stat-divider{background:var(--border-subtle);height:1px;margin:var(--space-3) 0}.dash-stat-meta{gap:var(--space-2);flex-direction:column;display:flex}.dash-meta-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.dash-meta-text{color:var(--text-muted)}.dash-meta-link{font-size:var(--text-xs);color:var(--brand-primary);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.dash-meta-link:hover{color:var(--brand-primary-hover)}.dash-status-dot{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.dash-status-dot--pulse{animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 #14b8a666}50%{opacity:.7;box-shadow:0 0 0 4px #14b8a600}}.dash-job-progress{align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-1);display:flex}.dash-job-name{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:80px;overflow:hidden}.dash-job-pct{font-size:var(--text-xs);color:var(--color-success);flex-shrink:0;font-weight:600}.import-results,.import-preview{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-overlay);margin-bottom:var(--space-4)}.import-results-header,.import-preview-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.import-results-header strong,.import-preview-header strong{font-size:var(--text-sm);display:block}.import-results-grid{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.import-stat{padding:var(--space-3);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-subtle)}.import-stat-value{font-size:var(--text-xl);font-weight:700}.import-stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.import-stat-success{border-color:#29a3564d}.import-stat-success .import-stat-value{color:var(--success)}.import-stat-warning{border-color:#e69b1a4d}.import-stat-warning .import-stat-value{color:var(--warning)}.import-stat-error{border-color:#dd3c3c4d}.import-stat-error .import-stat-value{color:var(--error)}.import-stat-muted .import-stat-value{color:var(--text-muted)}.import-detail-list{padding:var(--space-3);background:var(--bg-base);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:var(--space-3);max-height:200px;overflow-y:auto}.import-detail-title{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2);align-items:center;gap:4px;font-weight:600;display:flex}.import-detail-item{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:3px 0;display:flex}.import-detail-item:last-child{border-bottom:none}.import-detail-error{color:var(--error)}.import-results-actions{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);display:flex}.import-country-fix{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3);background:#e69b1a14;border:1px solid #e69b1a33;align-items:flex-start;display:flex}.import-country-fix code{background:var(--bg-overlay);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:1px 4px}.contacts-header-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.btn-disabled-tooltip{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:not-allowed!important}.btn-locked-wrap{cursor:not-allowed;display:inline-flex;position:relative}.btn-locked-wrap:after{content:attr(data-tooltip);white-space:nowrap;background:var(--gray-900,#0f172a);color:#fff;pointer-events:none;opacity:0;z-index:100;bottom:calc(100% + 8px);border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;inset-inline-end:0;transform:translateY(4px);box-shadow:0 4px 12px #00000040}.btn-locked-wrap:before{content:"";border:5px solid #0000;border-top-color:var(--gray-900,#0f172a);pointer-events:none;opacity:0;z-index:100;bottom:calc(100% + 2px);transition:opacity .15s;position:absolute;inset-inline-end:14px}.btn-locked-wrap:hover:after,.btn-locked-wrap:hover:before{opacity:1;transform:translateY(0)}.recalc-link{color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;font-family:inherit;display:inline-flex}.recalc-link:hover{color:var(--brand-primary)}.recalc-link:disabled{opacity:.5;cursor:not-allowed}.contacts-toolbar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.contacts-search-wrap{flex:1;align-items:center;max-width:400px;display:flex;position:relative}.contacts-search-icon{color:var(--text-muted);pointer-events:none;flex-shrink:0;position:absolute;inset-inline-start:12px}.contacts-search-input{border:1px solid var(--border-subtle);background:var(--bg-raised);width:100%;height:36px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 36px;font-size:13px;transition:border-color .15s,box-shadow .15s}.contacts-search-input::placeholder{color:var(--text-muted)}.contacts-search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f11f}.contacts-search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:color .15s;display:flex;position:absolute;inset-inline-end:10px}.contacts-search-clear:hover{color:var(--text-primary)}.contacts-filter-toggle{border:1px solid var(--border-subtle);background:var(--bg-raised);height:36px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.contacts-filter-toggle:hover{border-color:var(--brand-primary);color:var(--text-primary)}.contacts-filter-toggle.active{border-color:var(--brand-primary);color:var(--brand-primary);background:#6366f114}.filter-count-badge{background:var(--brand-primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.contacts-filter-panel{margin-bottom:var(--space-3);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;animation:.15s filterSlideDown;display:flex}@keyframes filterSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.filter-chip-wrap{align-items:center;display:inline-flex;position:relative}.filter-chip-select{appearance:none;border:1px solid var(--border-subtle);background:var(--surface-card);height:32px;color:var(--text-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:calc(100% - 9px);background-repeat:no-repeat;border-radius:20px;outline:none;max-width:180px;padding:0 28px 0 12px;font-size:12px;font-weight:500;transition:all .15s;overflow:hidden}.filter-chip-select:focus,.filter-chip-select:hover{border-color:var(--brand-primary);box-shadow:0 0 0 2px #6366f11a}.filter-chip-wrap:has(.filter-chip-clear) .filter-chip-select{border-color:var(--brand-primary);color:var(--brand-primary);background-color:#6366f10f;padding-inline-end:36px}.filter-chip-clear{background:var(--brand-primary);color:#fff;cursor:pointer;opacity:.8;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:opacity .15s;display:flex;position:absolute;inset-inline-end:4px}.filter-chip-clear:hover{opacity:1}.filter-chip-reset{border:1px dashed var(--border-subtle);height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.filter-chip-reset:hover{color:#ef4444;border-color:#ef4444}@media (max-width:768px){.contacts-toolbar{flex-wrap:wrap}.contacts-search-wrap{flex:100%;max-width:100%}.contacts-filter-panel{gap:6px}.filter-chip-select{max-width:140px}}.table-compact th,.table-compact td{padding:var(--space-2) var(--space-3)}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{color:var(--brand-primary)}.row-selected{background:hsl(var(--brand-primary-hsl,210 100% 50%) / .06)}.wa-dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-inline-end:6px;display:inline-block}.wa-verified{background:#22c55e}.wa-unknown{background:#f59e0b}.wa-not_found{background:#ef4444}.wa-chat{background:#3b82f6}.wa-legend{gap:var(--space-3);flex-wrap:wrap;margin-top:4px;display:flex}.wa-legend-item{color:var(--text-muted);letter-spacing:.01em;align-items:center;gap:4px;font-size:10px;display:inline-flex}.delete-bulk-link{color:var(--text-muted)!important;font-size:var(--text-xs)!important}.delete-bulk-link:hover{color:var(--error)!important}.export-format-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.export-format-btn{padding:var(--space-3);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast);color:var(--text-primary);flex-direction:column;gap:2px;font-family:inherit;display:flex}.export-format-btn span{font-size:var(--text-xs);color:var(--text-muted)}.export-format-btn strong{font-size:var(--text-sm)}.export-format-btn:hover{border-color:var(--brand-primary);background:var(--brand-primary-subtle)}.export-format-btn.active{border-color:var(--brand-primary);background:var(--brand-primary-subtle);box-shadow:0 0 0 1px var(--brand-primary)}.export-fields{gap:var(--space-2);flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.export-field-row{align-items:center;gap:var(--space-3);display:flex}.export-field-check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;flex-shrink:0;min-width:120px;display:flex}.export-field-check input[type=checkbox]{accent-color:var(--brand-primary)}.export-alias-input{max-width:140px;font-size:var(--text-xs)!important;padding:var(--space-1) var(--space-2)!important}.onboarding-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-inline-start:3px solid var(--brand-primary);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);animation:.4s ease-out onboarding-slide-in}@keyframes onboarding-slide-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.onboarding-header-left{align-items:center;gap:var(--space-3);display:flex}.onboarding-icon{border-radius:var(--radius-md);background:var(--brand-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.onboarding-title{font-size:var(--text-base);color:var(--text-primary);margin:0 0 2px;font-weight:700}.onboarding-progress-text{font-size:var(--text-xs);color:var(--text-muted)}.onboarding-dismiss{color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;transition:all .2s}.onboarding-dismiss:hover{background:var(--bg-hover);color:var(--text-primary)}.onboarding-progress-bar{background:var(--bg-hover);height:4px;margin-bottom:var(--space-4);border-radius:2px;overflow:hidden}.onboarding-progress-fill{background:var(--brand-gradient);border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.onboarding-steps{gap:var(--space-1);flex-direction:column;display:flex}.onboarding-step{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background .2s;display:flex}.onboarding-step:hover{background:var(--bg-hover)}.onboarding-step-icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.onboarding-step--done .onboarding-step-icon{color:var(--color-success)}.onboarding-step--current .onboarding-step-icon{color:var(--brand-primary);animation:2s ease-in-out infinite onboarding-pulse}@keyframes onboarding-pulse{0%,to{opacity:1}50%{opacity:.5}}.onboarding-step-content{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.onboarding-step-num{background:var(--bg-hover);width:20px;height:20px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.onboarding-step--done .onboarding-step-num{background:var(--color-success);color:#fff}.onboarding-step--current .onboarding-step-num{background:var(--brand-primary);color:#fff}.onboarding-step-text{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.onboarding-step--done .onboarding-step-text{color:var(--text-muted);text-decoration:line-through}.onboarding-step-link{font-size:var(--text-xs);color:var(--brand-primary);white-space:nowrap;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:4px;padding:3px 10px;text-decoration:none;transition:all .2s;display:flex}.onboarding-step-link:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.onboarding-step--done .onboarding-step-link{opacity:.5}@media (max-width:768px){.onboarding-card{padding:var(--space-3)}.onboarding-step{padding:var(--space-2);gap:var(--space-2)}.onboarding-step-link{padding:2px 8px;font-size:10px}.onboarding-step-num{display:none}}.onboarding-card--collapsed{padding:var(--space-3) var(--space-5)}.onboarding-card--collapsed .onboarding-header{margin-bottom:var(--space-2)}.onboarding-card--collapsed .onboarding-progress-bar{margin-bottom:0}.onboarding-confirm-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.onboarding-confirm-box{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;width:90%;max-width:380px;animation:.2s ease-out onboarding-slide-in;box-shadow:0 20px 60px #0000004d}.onboarding-confirm-box p{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--text-primary);font-weight:500;line-height:1.5}.onboarding-confirm-actions{gap:var(--space-2);justify-content:center;display:flex}.onboarding-card{position:relative;overflow:hidden}.auth-split{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-brand{background:var(--brand-gradient);flex-direction:column;justify-content:center;align-items:flex-start;padding:60px 56px;display:flex;position:relative;overflow:hidden}.auth-brand:before{content:"";background:#ffffff0f;border-radius:50%;width:400px;height:400px;position:absolute;top:-120px;right:-120px}.auth-brand:after{content:"";background:#ffffff0a;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-80px}.auth-brand-logo{z-index:1;align-items:center;gap:12px;margin-bottom:56px;display:flex;position:relative}.auth-brand-logo-icon{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:flex}.auth-brand-logo-text{color:#fff;letter-spacing:-.5px;font-size:22px;font-weight:700}.auth-brand-content{z-index:1;position:relative}.auth-brand-title{color:#fff;letter-spacing:-.5px;margin:0 0 16px;font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.2}.auth-brand-subtitle{color:#ffffffbf;max-width:340px;margin:0 0 40px;font-size:16px;line-height:1.7}.auth-brand-features{flex-direction:column;gap:14px;display:flex}.auth-brand-feature{color:#ffffffd9;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.auth-brand-feature-dot{background:#fff9;border-radius:50%;flex-shrink:0;width:8px;height:8px}.auth-brand-tenant{margin-bottom:12px}.auth-brand-tenant-avatar{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;font-size:32px;font-weight:800;display:flex}.auth-brand-tenant-name{color:#fff;margin:0 0 8px;font-size:26px;font-weight:800}.auth-brand-tenant-label{color:#ffffffa6;font-size:14px}.auth-form-panel{background:var(--bg-base);flex-direction:column;display:flex;position:relative}.auth-top-bar{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:20px 32px;display:flex}.auth-icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.auth-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.auth-form-center{flex:1;justify-content:center;align-items:center;padding:24px 32px 48px;display:flex}.auth-form-inner{width:100%;max-width:400px}.auth-heading{margin-bottom:32px}.auth-heading h1{color:var(--text-primary);letter-spacing:-.3px;margin:0 0 6px;font-size:24px;font-weight:800}.auth-heading p{color:var(--text-muted);margin:0;font-size:14px}.auth-workspace-preview{border-radius:var(--radius-full);background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:24px;padding:4px 10px 4px 4px;font-size:12px;display:inline-flex}.auth-workspace-preview-badge{border-radius:var(--radius-full);background:var(--brand-primary-subtle);color:var(--brand-primary);text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;font-size:11px;font-weight:700}.auth-name-status{align-items:center;gap:6px;min-height:18px;margin-top:6px;font-size:12px;display:flex}.auth-name-status.available{color:var(--color-success)}.auth-name-status.taken{color:var(--color-danger)}.auth-name-status.checking{color:var(--text-muted)}.auth-slug-preview{color:var(--text-muted);margin-top:4px;font-family:monospace;font-size:12px}.auth-slug-preview span{color:var(--brand-primary);font-weight:600}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.auth-oauth-btn{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-raised);width:100%;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.auth-oauth-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.auth-oauth-btn.apple-btn{color:#fff;background:#000;border-color:#333}.auth-oauth-btn.apple-btn:hover{background:#111}.auth-step-context{border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--border-subtle);align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;display:flex}.auth-step-context-avatar{background:var(--brand-gradient);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.auth-step-context-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:11px;font-weight:600}.auth-step-context-name{color:var(--text-primary);font-size:14px;font-weight:700}.auth-forgot{text-align:end;color:var(--text-muted);margin-top:6px;margin-bottom:20px;font-size:12px;text-decoration:none;transition:color .15s;display:block}.auth-forgot:hover{color:var(--brand-primary)}.auth-footer a{color:var(--brand-primary);font-weight:500}.auth-back{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:32px;font-size:13px;text-decoration:none;transition:color .15s;display:inline-flex}.auth-back:hover{color:var(--text-primary)}.auth-success{text-align:center}.auth-success-icon{color:#22c55e;background:#22c55e1a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.auth-success h2{color:var(--text-primary);margin:0 0 8px;font-size:22px;font-weight:800}.auth-success p{color:var(--text-muted);margin:0 0 28px;font-size:14px;line-height:1.6}@media (max-width:768px){.auth-split{grid-template-columns:1fr}.auth-brand{display:none}.auth-form-center{padding:20px 20px 40px}.auth-top-bar{padding:16px 20px}}.auth-page{background:var(--bg-base);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:420px;max-width:100%;padding:var(--space-10);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.auth-card:before{content:"";background:var(--brand-gradient);height:3px;position:absolute;top:0;left:0;right:0}.auth-logo{text-align:center;margin-bottom:var(--space-8)}.auth-logo h1{font-size:var(--text-3xl);color:var(--brand-primary);font-weight:800}.auth-logo p{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.auth-footer{text-align:center;margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text-secondary)}.auth-consent{text-align:center;margin-top:var(--space-3);color:var(--text-muted);font-size:12px;line-height:1.6}.auth-consent a{color:var(--brand-primary);font-weight:500;text-decoration:none}.auth-consent a:hover{text-decoration:underline}.template-preview{border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-sm);color:#d1fae5;background:#0b4d1c;border:1px solid #155d2e;max-width:340px;line-height:1.6;position:relative}.template-preview:before{content:"";background:#0b4d1c;border-bottom:1px solid #155d2e;border-right:1px solid #155d2e;width:12px;height:12px;position:absolute;bottom:-6px;right:14px;transform:rotate(45deg)}.template-toolbar{padding:var(--space-2);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none;gap:4px;display:flex}.toolbar-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-family:inherit;font-weight:600}.toolbar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.template-body{border-radius:0 0 var(--radius-md) var(--radius-md)}.wa-editor{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);overflow:visible}.wa-editor-toolbar{background:var(--bg-overlay);border-bottom:1px solid var(--border-default);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.wa-editor-toolbar-left{align-items:center;gap:2px;display:flex}.wa-editor-toolbar-right{align-items:center;display:flex}.wa-toolbar-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.wa-toolbar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.wa-toolbar-btn.active{background:var(--brand-primary);color:#fff}.wa-toolbar-sep{background:var(--border-default);width:1px;height:20px;margin:0 4px}.wa-char-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.wa-editor-textarea{width:100%;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);resize:vertical;border:none;outline:none;min-height:140px;padding:14px 16px;font-family:inherit;line-height:1.7}.wa-editor-textarea::placeholder{color:var(--text-muted)}.wa-editor-hints{border-top:1px solid var(--border-subtle);color:var(--text-muted);flex-wrap:wrap;gap:8px;padding:6px 14px;font-size:10px;display:flex}.wa-editor-hints span{background:var(--bg-overlay);border-radius:3px;padding:1px 6px}.wa-emoji-picker{z-index:100;border-radius:var(--radius-lg);position:absolute;top:40px;left:0;overflow:hidden;box-shadow:0 8px 32px #00000026}.wa-attach-section{border-top:1px solid var(--border-default);padding:10px 14px}.wa-attach-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:10px;font-weight:600}.wa-attach-modes{gap:6px;margin-bottom:0;display:flex}.wa-attach-mode{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-weight:500;display:flex}.wa-attach-mode:hover{border-color:var(--brand-primary);color:var(--text-primary)}.wa-attach-mode.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.wa-attach-content{margin-top:10px}.wa-media-upload{border:1px dashed var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);align-items:center;gap:10px;padding:10px 14px;display:flex}.wa-media-upload:hover{border-color:var(--brand-primary);background:var(--bg-overlay)}.wa-media-upload strong{font-size:var(--text-sm);color:var(--text-primary);display:block}.wa-media-upload span{font-size:var(--text-xs);color:var(--text-muted);display:block}.wa-media-preview{background:var(--bg-overlay);border-radius:var(--radius-md);align-items:center;gap:10px;padding:8px;display:flex}.wa-media-thumb{object-fit:cover;border-radius:var(--radius-sm);width:48px;height:48px}.wa-media-thumb-icon{background:var(--bg-hover);border-radius:var(--radius-sm);width:48px;height:48px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.wa-media-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;display:block}.wa-media-hint{font-size:var(--text-xs);color:var(--text-muted);display:block}.wa-link-input-row{align-items:center;gap:8px;display:flex}.wa-link-info{background:var(--bg-overlay);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-muted);align-items:flex-start;gap:6px;margin-top:8px;padding:8px 10px;line-height:1.5;display:flex}.wa-link-info strong{color:var(--text-secondary)}.wa-preview{border-top:1px solid var(--border-default);padding:14px}.wa-preview-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:10px;font-weight:600}.wa-preview-image img{object-fit:cover;width:100%;max-height:200px;display:block}.wa-preview-file-badge{color:#555;background:#0000000a;align-items:center;gap:6px;padding:10px 12px;font-size:12px;display:flex}.wa-preview-link{background:#0000000a;border-radius:6px 6px 0 0;display:flex;overflow:hidden}.wa-preview-link-bar{background:#25d366;flex-shrink:0;width:4px}.wa-preview-link-content{min-width:0;padding:8px 10px}.wa-preview-link-domain{color:#777;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:10px}.wa-preview-link-title{color:#222;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:12px;font-weight:600;overflow:hidden}.wa-preview-link-desc{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.wa-preview-bubble{color:#111;word-break:break-word;padding:8px 12px;font-size:13px;line-height:1.6}.wa-preview-bubble strong{font-weight:700}.wa-preview-bubble em{font-style:italic}.wa-preview-bubble del{text-decoration:line-through}.wa-preview-bubble code{background:#0000000f;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:12px}.template-grid{gap:var(--space-5);padding:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.template-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;position:relative;overflow:hidden}.template-card:before{content:"";background:var(--brand-primary);opacity:0;top:0;border-radius:0;width:3px;height:100%;transition:opacity .2s;position:absolute;inset-inline-start:0}.template-card:hover:before{opacity:1}.template-card-header{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);padding-bottom:0;display:flex}.template-card-name{font-weight:700;font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-card-body{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-overlay);border-radius:var(--radius-md);padding:var(--space-3);margin:var(--space-3) var(--space-4);word-break:break-word;flex:1;min-height:60px;line-height:1.6;overflow:hidden}.template-card-footer{padding:var(--space-2) var(--space-4) var(--space-3);border-top:1px solid var(--border-subtle);background:var(--bg-overlay);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.template-card-date{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.template-card-actions{gap:var(--space-1);align-items:center;display:flex}.template-card-actions .btn-ghost{color:var(--text-muted);border-radius:var(--radius-md);padding:5px 8px;transition:background .15s,color .15s}.template-card-actions .btn-ghost:hover{background:var(--bg-overlay);color:var(--text-primary)}@media (max-width:640px){.template-grid{grid-template-columns:1fr}}.legal-page{background:var(--bg-base);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.legal-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#6366f114 0%,#0000 70%);width:900px;height:600px;position:fixed;top:-200px;left:50%;transform:translate(-50%)}.legal-nav{z-index:100;background:var(--bg-base);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);padding:14px 0;position:sticky;top:0}.legal-nav .nav-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.legal-hero{z-index:1;text-align:center;border-bottom:1px solid var(--border-subtle);padding:72px 0 56px;position:relative}.legal-hero-badge{border-radius:var(--radius-full);background:var(--brand-primary-subtle);color:var(--brand-primary);border:1px solid var(--brand-primary-muted);align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.legal-hero h1{letter-spacing:-1px;color:var(--text-primary);margin:0 0 12px;font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.15}.legal-hero-meta{color:var(--text-muted);margin:0 0 20px;font-size:13px}.legal-hero-intro{color:var(--text-secondary);max-width:640px;margin:0 auto;font-size:16px;line-height:1.75}.legal-layout{z-index:1;grid-template-columns:220px 1fr;align-items:start;gap:48px;max-width:1000px;margin:0 auto;padding:56px 24px 80px;display:grid;position:relative}@media (max-width:860px){.legal-layout{grid-template-columns:1fr;gap:32px}.legal-toc{display:none}}.legal-toc{border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--border-subtle);padding:20px;position:sticky;top:80px}.legal-toc-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 12px;font-size:11px;font-weight:700}.legal-toc-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.legal-toc-list a{color:var(--text-secondary);border-radius:var(--radius-sm);padding:6px 10px;font-size:13px;line-height:1.4;text-decoration:none;transition:all .15s;display:block}.legal-toc-list a:hover{color:var(--text-primary);background:var(--bg-hover)}.legal-sections{flex-direction:column;gap:20px;display:flex}.legal-section{border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--border-subtle);padding:28px 32px;transition:border-color .2s,box-shadow .2s}.legal-section:hover{border-color:var(--brand-primary-muted);box-shadow:0 4px 24px #6366f10f}.legal-section-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.legal-section-num{border-radius:var(--radius-md);background:var(--brand-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #6366f14d}.legal-section h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:700;line-height:1.3}.legal-body{color:var(--text-secondary);font-size:14px;line-height:1.85}.legal-body strong{color:var(--text-primary);font-weight:600}.legal-body .legal-bullet{align-items:flex-start;gap:10px;margin:6px 0;display:flex}.legal-body .legal-bullet:before{content:"";background:var(--brand-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:8px}.legal-body p{margin:0 0 10px}.legal-body p:last-child{margin-bottom:0}.legal-footer{z-index:1;border-top:1px solid var(--border-subtle);margin-top:auto;padding:20px 0;position:relative}.legal-footer-inner{max-width:1000px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 24px;font-size:12px;display:flex}.legal-footer a{color:var(--text-muted);text-decoration:none;transition:color .2s}.legal-footer a:hover{color:var(--text-primary)}.legal-footer-links{gap:16px;display:flex}@media (max-width:600px){.legal-hero{padding:48px 0 36px}.legal-section{padding:20px}.legal-footer-inner{text-align:center;flex-direction:column;gap:8px}.legal-hero h1{font-size:26px}}.docs-wrapper{max-width:960px;margin:0 auto}.docs-home-header{text-align:center;margin-bottom:32px}.docs-home-header h1{color:var(--text-primary);margin:0 0 8px;font-size:28px;font-weight:800}.docs-home-header p{color:var(--text-secondary);margin:0;font-size:15px}.docs-search{border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:10px;margin-bottom:32px;padding:10px 16px;display:flex}.docs-search input{background:0 0;border:none;outline:none;flex:1;padding:0}.docs-category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.docs-category-card{text-align:start;border-radius:var(--radius-xl);background:var(--bg-raised);border:1px solid var(--border-subtle);cursor:pointer;padding:24px;font-family:inherit;transition:all .25s}.docs-category-card:hover{border-color:var(--brand-primary-muted);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.docs-category-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:flex}.docs-category-card h3{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:700}.docs-category-card p{color:var(--text-secondary);margin:0 0 12px;font-size:13px;line-height:1.5}.docs-article-count{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.docs-back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-family:inherit;font-size:13px;font-weight:500;transition:color .2s;display:inline-flex}.docs-back-btn:hover{color:var(--text-primary)}.docs-category-header{border-bottom:2px solid;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.docs-article-list{flex-direction:column;gap:8px;display:flex}.docs-article-item{border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--border-subtle);cursor:pointer;text-align:start;align-items:center;gap:16px;width:100%;padding:16px 20px;font-family:inherit;transition:all .2s;display:flex}.docs-article-item:hover{border-color:var(--brand-primary-muted);background:var(--bg-overlay)}.docs-article-num{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.docs-article-info{flex:1;min-width:0}.docs-article-info h3{color:var(--text-primary);margin:0 0 2px;font-size:14px;font-weight:600}.docs-article-info p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.docs-article-layout{grid-template-columns:220px 1fr;align-items:start;gap:32px;display:grid}.docs-sidebar{position:sticky;top:20px}.docs-sidebar-nav{flex-direction:column;gap:2px;margin-top:12px;display:flex}.docs-sidebar-link{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:start;background:0 0;border:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .15s;display:block}.docs-sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.docs-sidebar-link.active{background:var(--brand-primary-subtle);color:var(--brand-primary);font-weight:600}.docs-article{min-width:0}.docs-article h1{color:var(--text-primary);margin:0 0 24px;font-size:26px;font-weight:800}.docs-article-body{color:var(--text-secondary);font-size:14px;line-height:1.9}.docs-article-body strong{color:var(--text-primary);font-weight:600}.docs-article-nav{border-top:1px solid var(--border-subtle);gap:12px;margin-top:40px;padding-top:24px;display:flex}.docs-nav-btn{border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:13px;transition:all .2s;display:flex}.docs-nav-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}@media (max-width:768px){.docs-article-layout{grid-template-columns:1fr}.docs-sidebar{position:static}}.blog-page{background:var(--bg-base);min-height:100vh;color:var(--text-primary)}.blog-post-subbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-base);padding:10px 0}.blog-back-link{color:var(--text-secondary);align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.blog-back-link:hover{color:var(--text-primary)}.blog-lang-toggle{color:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.blog-lang-toggle:hover{background:var(--brand-primary);color:#fff}.blog-content{padding:48px 0 80px}.blog-header{text-align:center;margin-bottom:48px}.blog-header h1{letter-spacing:-.5px;margin:0 0 8px;font-size:36px;font-weight:800}.blog-header p{color:var(--text-secondary);font-size:16px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.blog-card{background:var(--bg-raised);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);text-decoration:none;transition:transform .25s,box-shadow .25s;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-card-cover{aspect-ratio:16/9;overflow:hidden}.blog-card-cover img{object-fit:cover;width:100%;height:100%}.blog-card-body{padding:20px}.blog-card-meta{align-items:center;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.blog-category-badge{background:var(--brand-primary-subtle);color:var(--brand-primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;font-size:11px;font-weight:600}.blog-date{color:var(--text-muted);align-items:center;gap:4px;display:flex}.blog-card-body h2{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.3}.blog-card-body p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 12px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-read-more{color:var(--brand-primary);align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.blog-empty{text-align:center;color:var(--text-muted);padding:80px 0}.blog-article{max-width:740px;padding:48px 20px 80px}.blog-article-cover{border-radius:var(--radius-lg);margin-bottom:32px;overflow:hidden}.blog-article-cover img{width:100%;height:auto;display:block}.blog-article-meta{align-items:center;gap:12px;margin-bottom:16px;display:flex}.blog-article-title{letter-spacing:-.5px;margin:0 0 32px;font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.15}.blog-article-content{color:var(--text-secondary);font-size:16px;line-height:1.8}.blog-article-content h2{color:var(--text-primary);margin:40px 0 16px;font-size:24px;font-weight:700}.blog-article-content p{margin:0 0 16px}.blog-article-content ul,.blog-article-content ol{margin:0 0 16px;padding-inline-start:24px}.blog-article-content li{margin-bottom:8px}.blog-article-content img{border-radius:var(--radius-md);width:100%;margin:24px 0}.blog-article-content code{background:var(--bg-hover);border-radius:4px;padding:2px 6px;font-size:14px}.blog-article-content blockquote{border-inline-start:3px solid var(--brand-primary);color:var(--text-primary);margin:24px 0;padding-inline-start:16px;font-style:italic}.blog-article-tags{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px;display:flex}.blog-tag{border-radius:var(--radius-full);background:var(--bg-hover);color:var(--text-secondary);align-items:center;gap:4px;padding:4px 12px;font-size:13px;display:flex}.blog-article-cta{border-radius:var(--radius-lg);background:var(--brand-gradient);text-align:center;color:#fff;margin-top:48px;padding:32px}.blog-cta-badge{background:#fff3;border-radius:20px;margin-bottom:12px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.blog-article-cta h3{margin:0 0 8px;font-size:22px;font-weight:700}.blog-article-cta p{opacity:.9;margin:0 0 20px;font-size:15px}.blog-article-cta .btn-landing-primary{color:var(--brand-primary);background:#fff;box-shadow:0 4px 16px #00000026}.blog-media{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin:24px 0;overflow:hidden}.blog-media img,.blog-media video{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;display:block}.blog-media figcaption{color:var(--text-muted);background:var(--bg-hover);text-align:center;padding:8px 14px;font-size:12px}.blog-media figcaption:empty{display:none}.blog-media-placeholder{border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-hover);text-align:center;flex-direction:column;align-items:center;gap:8px;margin:24px 0;padding:32px 24px;display:flex}.blog-media-placeholder-icon{font-size:28px}.blog-media-placeholder span:last-child{color:var(--text-muted);font-size:13px;font-style:italic}.blog-toc{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-hover);margin:24px 0 32px;padding:16px 20px}.blog-toc-header{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.blog-toc-list{flex-direction:column;gap:6px;margin:0;padding-inline-start:20px;display:flex}.blog-toc-list li{font-size:13px}.blog-toc-list a{color:var(--brand-primary);text-decoration:none;transition:color .2s}.blog-toc-list a:hover{color:var(--text-primary);text-decoration:underline}.blog-article-content h2{border-top:1px solid var(--border-subtle);color:var(--text-primary);margin:36px 0 14px;padding-top:16px;font-size:22px;font-weight:700}.blog-article-content h2:first-child{border-top:none;margin-top:0;padding-top:0}.blog-article-content h3{color:var(--text-primary);margin:24px 0 10px;font-size:18px;font-weight:600}.blog-article-content blockquote{border-inline-start:3px solid var(--brand-primary);background:var(--bg-hover);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);margin:16px 0;padding:12px 20px;font-style:italic}.blog-article-content code{background:var(--bg-hover);color:var(--brand-primary);border-radius:4px;padding:2px 6px;font-size:.9em}.blog-article-content ul{margin:12px 0;padding-inline-start:24px}.blog-article-content li{margin-bottom:6px;line-height:1.7}.blog-article-content hr{border:none;border-top:1px solid var(--border-subtle);margin:32px 0}.blog-article-content a{color:var(--brand-primary);text-underline-offset:2px;text-decoration:underline}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-header h1{font-size:28px}.blog-article-content h2{font-size:19px}.blog-toc{margin:16px 0 24px}.blog-media{margin:16px 0}}.not-found-page{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.not-found-orb{filter:blur(80px);pointer-events:none;opacity:.35;border-radius:50%;position:absolute}.not-found-orb-1{background:radial-gradient(circle,#6366f1 0%,#0000 70%);width:480px;height:480px;animation:12s ease-in-out infinite alternate nf-drift-1;top:-120px;left:-120px}.not-found-orb-2{background:radial-gradient(circle,#818cf8 0%,#0000 70%);width:360px;height:360px;animation:10s ease-in-out infinite alternate nf-drift-2;bottom:-80px;right:-80px}@keyframes nf-drift-1{0%{transform:translate(0)}to{transform:translate(40px,30px)}}@keyframes nf-drift-2{0%{transform:translate(0)}to{transform:translate(-30px,-20px)}}.not-found-card{z-index:1;text-align:center;align-items:center;gap:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);background:#19191cb8;flex-direction:column;width:90%;max-width:440px;padding:56px 48px;display:flex;position:relative}.not-found-code{background:var(--brand-gradient);-webkit-text-fill-color:transparent;letter-spacing:-4px;-webkit-background-clip:text;background-clip:text;font-size:96px;font-weight:800;line-height:1;animation:3s ease-in-out infinite nf-pulse}@keyframes nf-pulse{0%,to{opacity:1}50%{opacity:.75}}.not-found-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:700}.not-found-desc{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.6}.not-found-countdown-wrap{width:72px;height:72px;margin:var(--space-2) 0;justify-content:center;align-items:center;display:flex;position:relative}.not-found-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.not-found-ring-track{fill:none;stroke:var(--bg-subtle);stroke-width:4px}.not-found-ring-fill{fill:none;stroke:var(--brand-primary);stroke-width:4px;stroke-linecap:round;stroke-dasharray:125.7;transition:stroke-dashoffset 1s linear}.not-found-countdown-num{font-size:var(--text-xl);color:var(--text-primary);z-index:1;font-weight:700;position:relative}.not-found-redirect-text{font-size:var(--text-sm);color:var(--text-muted);margin:0}.not-found-btn{align-items:center;gap:var(--space-2);margin-top:var(--space-2);background:var(--brand-gradient);color:#fff;font-size:var(--text-base);border-radius:var(--radius-full);transition:opacity var(--transition-normal), transform var(--transition-normal);padding:12px 28px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 20px #6366f159}.not-found-btn:hover{opacity:.88;transform:translateY(-1px)}@media (max-width:480px){.not-found-card{padding:40px 24px}.not-found-code{font-size:72px}}.landing-page{min-height:100vh;overflow-x:hidden}.landing-container{max-width:1140px;margin:0 auto;padding:0 24px}.landing-nav{z-index:100;padding:18px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{background:var(--bg-base);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);padding:14px 0}.nav-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.nav-logo{color:var(--text-primary);flex-shrink:0;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.logo-icon{background:var(--brand-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.logo-text{letter-spacing:-.5px}.landing-nav-links{gap:4px;display:flex}.landing-nav-links button,.landing-nav-links a{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-family:inherit;font-size:14px;text-decoration:none;transition:all .2s}.landing-nav-links button:hover,.landing-nav-links a:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.landing-icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.landing-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.landing-page .nav-actions .theme-toggle{border-radius:var(--radius-md)!important;border:1px solid var(--border-subtle)!important;background:0 0!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;margin:0!important;padding:0!important;font-size:16px!important;display:flex!important}.landing-signin-link{color:var(--text-secondary);border-radius:var(--radius-md);padding:8px 14px;font-size:14px;text-decoration:none;transition:all .2s}.landing-signin-link:hover{color:var(--text-primary);background:var(--bg-hover)}.landing-cta-btn{border-radius:var(--radius-md);background:var(--brand-gradient);color:#fff;white-space:nowrap;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 2px 12px #6366f14d}.landing-cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6366f173}.landing-hamburger{border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:none;position:relative}.landing-hamburger span{background:var(--text-secondary);border-radius:2px;width:18px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:absolute;left:50%;transform:translate(-50%)}.landing-hamburger span:first-child{top:11px}.landing-hamburger span:nth-child(2){top:17px}.landing-hamburger span:nth-child(3){top:23px}.landing-hamburger span.open:first-child{top:17px;transform:translate(-50%)rotate(45deg)}.landing-hamburger span.open:nth-child(2){opacity:0}.landing-hamburger span.open:nth-child(3){top:17px;transform:translate(-50%)rotate(-45deg)}.landing-mobile-menu{background:var(--bg-base);border-top:1px solid #0000;max-height:0;padding:0 24px;transition:max-height .35s cubic-bezier(.4,0,.2,1),padding .35s;overflow:hidden}.landing-mobile-menu.open{border-top-color:var(--border-subtle);max-height:400px;padding:16px 24px}.landing-mobile-menu button,.landing-mobile-menu a{width:100%;color:var(--text-secondary);cursor:pointer;text-align:start;border:none;border-bottom:1px solid var(--border-subtle);background:0 0;padding:14px 0;font-family:inherit;font-size:16px;text-decoration:none;transition:color .2s;display:block}.landing-mobile-menu button:hover,.landing-mobile-menu a:hover{color:var(--text-primary)}.landing-mobile-menu .mobile-signin{border-bottom:none;padding-bottom:8px}.landing-mobile-menu .mobile-cta{border-radius:var(--radius-md);background:var(--brand-gradient);border:none;justify-content:center;align-items:center;margin-top:4px;padding:14px 20px;font-size:15px;font-weight:600;display:flex;box-shadow:0 2px 12px #6366f14d;color:#fff!important}@media (max-width:768px){.landing-nav-links,.landing-signin-link,.landing-cta-btn{display:none}.landing-hamburger{display:flex}.landing-nav.scrolled{padding:10px 0 14px}}.btn-landing-primary{border-radius:var(--radius-md);background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 2px 12px #6366f14d}.btn-landing-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6366f173}.btn-landing-primary.btn-lg{border-radius:var(--radius-lg);padding:14px 32px;font-size:16px}.btn-landing-secondary{border-radius:var(--radius-md);color:var(--text-secondary);border:1px solid var(--border-default);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.btn-landing-secondary:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-hover)}.btn-landing-secondary.btn-lg{border-radius:var(--radius-lg);padding:14px 32px;font-size:16px}.hero-section{text-align:center;padding:140px 0 72px;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(#6366f11f 0%,#0000 70%);width:800px;height:600px;animation:8s ease-in-out infinite alternate heroGlow;position:absolute;top:-200px;left:50%;transform:translate(-50%)}@keyframes heroGlow{0%{opacity:.6;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.1)}}.hero-content{z-index:1;position:relative}.hero-badge{border-radius:var(--radius-full);background:var(--brand-primary-subtle);color:var(--brand-primary);border:1px solid var(--brand-primary-muted);align-items:center;gap:6px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-1.5px;color:var(--text-primary);white-space:pre-line;margin:0 0 20px;font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 36px;font-size:clamp(16px,2.5vw,20px);line-height:1.6}.hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.hero-preview{border-radius:var(--radius-lg);box-shadow:0 24px 80px #0003, 0 0 0 1px var(--border-subtle);max-width:900px;margin-top:48px;margin-left:auto;margin-right:auto;overflow:hidden}.hero-preview img{width:100%;height:auto;display:block}.mockup-split{color:#e0e0e8;background:#0f1117;border-radius:12px;grid-template-columns:1fr 1fr;min-height:360px;font-size:13px;display:grid;overflow:hidden}.mockup-inbox-side{border-right:1px solid #1e2030;flex-direction:column;display:flex}.mockup-inbox-header{background:#161822;border-bottom:1px solid #1e2030;align-items:center;gap:10px;padding:14px 16px;display:flex}.mockup-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.mockup-contact-name{color:#fff;font-size:13px;font-weight:600}.mockup-contact-status{color:#a855f7;align-items:center;gap:4px;font-size:10px;display:flex}.mockup-messages{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow:hidden}.mockup-msg{border-radius:10px;max-width:85%;padding:8px 12px;font-size:12px;line-height:1.5;position:relative}.mockup-msg.incoming{background:#1e2030;border-bottom-left-radius:4px;align-self:flex-start}.mockup-msg.outgoing{background:#1a3a2a;border-bottom-right-radius:4px;align-self:flex-end}.mockup-msg.ai-reply{background:linear-gradient(135deg,#1a2040 0%,#1a1a3a 100%);border:1px solid #a855f733}.mockup-ai-tag{color:#a855f7;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:3px;margin-bottom:4px;font-size:9px;font-weight:700;display:inline-flex}.mockup-msg-time{color:#6b7280;justify-content:flex-end;align-items:center;gap:3px;margin-top:4px;font-size:9px;display:flex}.mockup-template-side{flex-direction:column;display:flex}.mockup-template-header{color:#e0e0e8;background:#161822;border-bottom:1px solid #1e2030;align-items:center;gap:8px;padding:14px 16px;font-size:13px;font-weight:600;display:flex}.mockup-template-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.mockup-template-preview-card{background:#161822;border:1px solid #1e2030;border-radius:10px;overflow:hidden}.mockup-template-img{color:#6b7280;background:linear-gradient(135deg,#1e2040,#2a1a3a);flex-direction:column;align-items:center;gap:6px;padding:24px;font-size:11px;display:flex}.mockup-template-text{padding:12px 14px}.mockup-template-text strong{color:#fff;margin-bottom:4px;font-size:13px;display:block}.mockup-template-text p{color:#9ca3af;margin:0;font-size:11px;line-height:1.5}.mockup-template-buttons{border-top:1px solid #1e2030;gap:1px;display:flex}.mockup-template-btn{text-align:center;color:#6366f1;background:#161822;border-right:1px solid #1e2030;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:11px;font-weight:600;display:flex}.mockup-template-btn:last-child{border-right:none}.mockup-template-status{color:#22c55e;background:#22c55e14;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:600;display:flex}@media (max-width:768px){.mockup-split{grid-template-columns:1fr;min-height:auto}.mockup-template-side{display:none}.mockup-inbox-side{border-right:none}}.social-proof-bar{border-bottom:1px solid var(--border-subtle);background:var(--bg-raised);padding:20px 0}.social-proof-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.proof-item{align-items:center;gap:8px;display:flex}.proof-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.proof-label{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:600}@media (max-width:768px){.social-proof-inner{justify-content:center;gap:20px}.proof-label{font-size:12px}}.use-cases-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.use-case-card{border-radius:var(--radius-xl);background:var(--bg-base);border:1px solid var(--border-subtle);padding:32px 28px;transition:all .3s}.use-case-card:hover{border-color:var(--brand-primary-muted);transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.use-case-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.use-case-tag{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.use-case-card h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:700}.use-case-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}@media (max-width:768px){.use-cases-grid{grid-template-columns:1fr}}.landing-section{padding:72px 0}.landing-section.alt-bg{background:var(--bg-raised)}.section-header{text-align:center;margin-bottom:40px}.section-title{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 10px;font-size:clamp(24px,4vw,36px);font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:540px;margin:0 auto;font-size:15px;line-height:1.6}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{border-radius:var(--radius-xl);background:var(--bg-raised);border:1px solid var(--border-subtle);padding:32px 28px;transition:all .3s}.feature-card:hover{border-color:var(--brand-primary-muted);transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.feature-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.feature-card h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:700}.feature-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.steps-grid{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.step-card{text-align:center;padding:36px 24px}.step-number{background:var(--brand-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:24px;font-weight:800;display:flex;box-shadow:0 4px 20px #6366f14d}.step-card h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:700}.step-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.billing-toggle{justify-content:center;margin-bottom:48px;display:flex}.billing-toggle button{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex}.billing-toggle button:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.billing-toggle button:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;border-inline-start:none}.billing-toggle button.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.save-badge{color:#fff;border-radius:var(--radius-full);background:#22c55e;padding:2px 6px;font-size:10px;font-weight:700}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;display:grid}.pricing-card{border-radius:var(--radius-xl);background:var(--bg-raised);border:1px solid var(--border-subtle);flex-direction:column;padding:36px 28px;transition:all .3s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.pricing-card.popular{border:2px solid #a855f7;box-shadow:0 0 40px #a855f71a}.popular-badge{color:#fff;border-radius:var(--radius-full);white-space:nowrap;background:#a855f7;padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-icon{color:var(--text-muted);margin-bottom:12px}.pricing-card h3{color:var(--text-primary);margin:0 0 4px;font-size:22px;font-weight:700}.pricing-desc{color:var(--text-muted);margin:0 0 20px;font-size:13px}.pricing-price{align-items:baseline;gap:4px;margin-bottom:4px;display:flex}.price-amount{color:var(--text-primary);letter-spacing:-1px;font-size:42px;font-weight:800}.price-period{color:var(--text-muted);font-size:15px;font-weight:400}.billed-yearly{color:var(--text-muted);margin-bottom:16px;font-size:12px}.pricing-features{flex-direction:column;flex:1;gap:10px;margin:20px 0 24px;padding:0;list-style:none;display:flex}.pricing-features li{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.btn-pricing{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.btn-pricing.primary{background:var(--brand-gradient);color:#fff;box-shadow:0 2px 12px #6366f14d}.btn-pricing.primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6366f173}.btn-pricing.secondary{color:var(--text-primary);border:1px solid var(--border-default);background:0 0}.btn-pricing.secondary:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:border-color .2s;overflow:hidden}.faq-item.open{border-color:var(--brand-primary-muted)}.faq-question{width:100%;color:var(--text-primary);cursor:pointer;text-align:start;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s;display:flex}.faq-question:hover{background:var(--bg-hover)}.faq-answer{color:var(--text-secondary);padding:0 20px 18px;font-size:14px;line-height:1.7;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cta-section{background:var(--brand-gradient);text-align:center;padding:80px 0}.cta-inner h2{color:#fff;margin:0 0 12px;font-size:clamp(24px,4vw,36px);font-weight:800}.cta-inner p{color:#fffc;margin:0 0 32px;margin-inline:auto;max-width:500px;margin-bottom:32px;font-size:16px}.cta-section .btn-landing-primary{color:var(--brand-primary);background:#fff;box-shadow:0 4px 20px #00000026}.cta-section .btn-landing-primary:hover{box-shadow:0 6px 28px #00000040}.landing-footer{background:var(--bg-base);border-top:1px solid var(--border-subtle);padding:60px 0 32px}.footer-inner{flex-direction:column;gap:40px;display:flex}.footer-brand p{color:var(--text-muted);max-width:280px;margin:0;font-size:13px;line-height:1.6}.footer-links{flex-wrap:wrap;gap:80px;display:flex}.footer-col{flex-direction:column;gap:8px;display:flex}.footer-col h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:13px;font-weight:600}.footer-col a,.footer-col button{color:var(--text-muted);cursor:pointer;text-align:start;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:13px;text-decoration:none;transition:color .2s;display:flex}.footer-col a:hover,.footer-col button:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-subtle);color:var(--text-muted);padding-top:24px;font-size:12px}.whatsapp-fab{z-index:99;border-radius:var(--radius-full);color:#fff;bottom:24px;background:#25d366;align-items:center;gap:10px;padding:14px 22px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:fixed;inset-inline-end:24px;box-shadow:0 4px 20px #25d36659}.whatsapp-fab:hover{transform:translateY(-2px);box-shadow:0 6px 28px #25d36680}.fab-label{white-space:nowrap}@media (max-width:1024px){.features-grid,.pricing-grid,.use-cases-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-section{padding:110px 0 48px}.hero-ctas{flex-direction:column}.hero-ctas .btn-landing-primary,.hero-ctas .btn-landing-secondary{justify-content:center;width:100%}.features-grid,.steps-grid,.pricing-grid,.use-cases-grid{grid-template-columns:1fr}.landing-section{padding:64px 0}.footer-links{gap:40px}.whatsapp-fab .fab-label{display:none}.whatsapp-fab{border-radius:50%;padding:14px}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinning{animation:1s linear infinite spin}.mobile-card-list{display:none!important}.desktop-table{display:block}.wa-status-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.wa-status-connected{color:var(--color-success);background:#22c55e14;border:1px solid #22c55e33}.wa-status-setup{color:var(--color-warning);background:#f59e0b14;border:1px solid #f59e0b33}.wa-status-phone{font-variant-numeric:tabular-nums;margin-inline-start:var(--space-2);font-weight:600}.wa-status-name{color:var(--text-secondary);font-weight:400}.wa-alert{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);animation:.2s ease-out waAlertIn;display:flex}@keyframes waAlertIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wa-alert-success{color:var(--color-success);background:#22c55e14;border:1px solid #22c55e33}.wa-alert-error{color:var(--color-danger);background:#ef444414;border:1px solid #ef444433}.wa-alert-info{color:var(--color-info);background:#3b82f614;border:1px solid #3b82f633}.wa-alert-close{color:inherit;cursor:pointer;font-size:var(--text-lg);padding:0 var(--space-1);opacity:.6;transition:opacity var(--transition-fast);background:0 0;border:none;margin-inline-start:auto}.wa-alert-close:hover{opacity:1}.wa-copy-field{align-items:center;gap:var(--space-2);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:flex}.wa-copy-value{font-size:var(--text-sm);color:var(--text-primary);word-break:break-all;text-align:start;direction:ltr;flex:1}.wa-webhook-info{border-radius:var(--radius-md);padding:var(--space-3);background:#3b82f60d;border:1px solid #3b82f626}.wa-test-result{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);animation:.2s ease-out waAlertIn;display:flex}.wa-test-success{color:var(--color-success);background:#22c55e14;border:1px solid #22c55e33}.wa-test-error{color:var(--text-primary);background:#ef44440f;border:1px solid #ef444426}.wa-test-result strong{font-size:var(--text-sm);margin-bottom:var(--space-1);display:block}.wa-test-detail{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.wa-test-suggestion{font-size:var(--text-xs);color:var(--color-info);margin-top:var(--space-1);line-height:1.5}.wa-health-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.wa-health-item{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);display:flex}.wa-health-success{background:#22c55e0a;border-color:#22c55e26}.wa-health-warning{background:#f59e0b0a;border-color:#f59e0b26}.wa-health-danger{background:#ef44440a;border-color:#ef444426}.wa-health-info{background:#3b82f60a;border-color:#3b82f626}.wa-health-icon{padding-top:var(--space-1);flex-shrink:0;align-items:flex-start;display:flex}.wa-health-success .wa-health-icon{color:var(--color-success)}.wa-health-warning .wa-health-icon{color:var(--color-warning)}.wa-health-danger .wa-health-icon{color:var(--color-danger)}.wa-health-info .wa-health-icon{color:var(--color-info)}.wa-health-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.wa-health-value{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.wa-health-desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.wa-health-hint{color:var(--text-muted);margin-top:var(--space-1);font-size:10px;font-style:italic}.wa-health-action{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--brand-primary);margin-top:var(--space-2);font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.wa-health-action:hover{opacity:.8;text-decoration:underline}.inbox-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.inbox-page .page-header{margin-bottom:var(--space-3);padding-bottom:0}.inbox-page .page-subtitle{display:none}.inbox-page .page-title{font-size:var(--text-lg)}.inbox-header-actions{align-items:center;gap:var(--space-2);display:flex}.inbox-layout{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-base);flex:1;grid-template-columns:340px 1fr;gap:0;min-height:0;display:grid;overflow:hidden}.conversation-list-panel{background:var(--bg-base);z-index:2;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:2px 0 8px #0000000a}.pipeline-strip{padding:var(--space-2) var(--space-2) 0;flex-shrink:0;align-items:stretch;gap:0;display:flex}.pipeline-strip-stage-wrapper{flex:1;align-items:center;min-width:0;display:flex}.pipeline-stage-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-raised);cursor:pointer;min-width:0;padding:var(--space-2) var(--space-2);text-align:start;flex:1;transition:all .15s;position:relative;overflow:hidden}.pipeline-stage-card:hover{border-color:var(--stage-color,var(--brand-primary));background:var(--stage-color,var(--brand-primary))}@supports (color:color-mix(in lab, red, red)){.pipeline-stage-card:hover{background:color-mix(in srgb, var(--stage-color,var(--brand-primary)) 6%, var(--bg-raised))}}.pipeline-stage-card.active{border-color:var(--stage-color,var(--brand-primary));background:var(--stage-color,var(--brand-primary))}@supports (color:color-mix(in lab, red, red)){.pipeline-stage-card.active{background:color-mix(in srgb, var(--stage-color,var(--brand-primary)) 10%, var(--bg-raised))}}.pipeline-stage-card.active{box-shadow:0 0 0 1px var(--stage-color,var(--brand-primary))}.pipeline-stage-bar{border-radius:0 0 var(--radius-md) var(--radius-md);opacity:.7;height:3px;transition:width .4s;position:absolute;bottom:0;left:0}.pipeline-stage-content{z-index:1;flex-direction:column;gap:1px;display:flex;position:relative}.pipeline-stage-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:700;overflow:hidden}.pipeline-stage-count{font-size:var(--text-sm);color:var(--text-primary);font-weight:800;line-height:1}.pipeline-strip-arrow{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;padding:0 3px;display:flex}.pipeline-strip-rate{color:var(--text-muted);white-space:nowrap;font-size:9px;font-weight:600}.pipeline-strip-chevron{color:var(--border-default);font-size:10px;line-height:1}.conversation-list-search{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:var(--space-2) var(--space-3) 0;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);transition:border-color .15s,box-shadow .15s;display:flex}.conversation-list-search:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f114}.conversation-search-input{font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.conversation-search-input::placeholder{color:var(--text-muted)}.conversation-list-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);display:flex}.conversation-list-toolbar .conversation-list-search{padding:var(--space-2) var(--space-3);flex:1;margin:0}.sort-toggle-btn{border:1px solid var(--border-subtle);background:var(--bg-raised);width:32px;height:32px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.sort-toggle-btn:hover{background:var(--bg-overlay);color:var(--text-primary);border-color:var(--border-default)}.conversation-item-time.age-fresh{color:var(--color-success)}.conversation-item-time.age-normal{color:var(--text-muted)}.conversation-item-time.age-urgent{color:var(--color-danger);align-items:center;gap:2px;display:flex}.preview-prefix{opacity:.7;font-weight:600}.conversation-list-filters{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.conversation-list-filters::-webkit-scrollbar{display:none}.conversation-filter-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;background:0 0;transition:all .15s;display:flex}.conversation-filter-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.conversation-filter-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.conversation-list-items{flex:1;overflow-y:auto}.conversation-item{gap:var(--space-3);padding:var(--space-3);margin:0 var(--space-2);border-radius:var(--radius-md);width:calc(100% - var(--space-4));text-align:start;cursor:pointer;background:0 0;border:none;transition:all .15s;display:flex;position:relative}.conversation-item:not(:last-child):after{content:"";background:var(--border-subtle);bottom:0;height:1px;position:absolute;inset-inline-start:56px;inset-inline-end:var(--space-3)}.conversation-item:hover{background:var(--bg-raised)}.conversation-item.selected{background:#6366f114}.conversation-item.selected:before{content:"";background:var(--brand-primary);inset-inline-start:0;border-radius:0 3px 3px 0;width:3px;animation:.2s accentSlideIn;position:absolute;top:8px;bottom:8px}[dir=rtl] .conversation-item.selected:before{border-radius:3px 0 0 3px}@keyframes accentSlideIn{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.conversation-item.unread .conversation-item-name{color:var(--text-primary);font-weight:600}.conversation-item.unread .conversation-item-preview{color:var(--text-primary);font-weight:500}.conversation-item-avatar{font-size:var(--text-sm);border-radius:var(--radius-full);width:42px;height:42px;color:var(--brand-primary);background:linear-gradient(135deg,#6366f126,#8b5cf626);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.conversation-item-avatar .avatar-initials{font-size:var(--text-sm);letter-spacing:.5px;font-weight:600}.conversation-item-avatar .avatar-flag{font-size:20px;line-height:1}.conversation-item-avatar .avatar-online{border:2px solid var(--bg-base);bottom:0;background:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;inset-inline-end:0}.conversation-item-content{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.conversation-item-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.conversation-item-name{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conversation-item-time{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.conversation-item-footer{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.conversation-item-preview{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.conversation-item-meta{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.conversation-status-dot{background:var(--border-default);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.conversation-status-dot.status-dot-open{background:#22c55e}.conversation-status-dot.status-dot-assigned{background:#f59e0b}.conversation-status-dot.status-dot-resolved{background:var(--text-muted)}.conversation-status-dot.status-dot-opted-out{background:#ef4444}.unread-badge{border-radius:var(--radius-full);background:var(--brand-primary);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.conversation-assigned-chip{border-radius:var(--radius-full);color:#f59e0b;background:#f59e0b26;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:inline-flex}.conversation-list-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted)}.conversation-item-skeleton{height:68px;margin:0 var(--space-2);border-radius:var(--radius-md);background:linear-gradient(90deg, var(--bg-raised) 25%, var(--bg-overlay) 50%, var(--bg-raised) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.chat-thread-panel{flex-direction:column;display:flex;position:relative;overflow:hidden}.contact-header{background:var(--bg-base);border-bottom:1px solid var(--border-default);flex-shrink:0;position:relative}.contact-header-compact{gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:48px 1fr auto;align-items:center;display:grid}.contact-header-avatar{border-radius:var(--radius-full);width:44px;height:44px;color:var(--brand-primary);background:linear-gradient(135deg,#6366f126,#8b5cf626);flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex;box-shadow:0 0 0 3px #6366f114}.contact-header-info{flex-direction:column;gap:3px;min-width:0;display:flex}.contact-header-name{align-items:center;gap:var(--space-1);font-weight:700;font-size:var(--text-sm);color:var(--text-primary);display:flex}.contact-header-name-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.contact-header-sub{align-items:center;gap:var(--space-2);color:var(--text-muted);flex-wrap:wrap;row-gap:2px;font-size:11px;display:flex}.contact-header-dot{opacity:.4}.contact-header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.contact-header-resolve-label{display:none}@media (min-width:1100px){.contact-header-resolve-label{display:inline}}.contact-header-expand-btn{border:1px solid var(--border-subtle);background:var(--bg-raised);width:30px;height:30px;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.contact-header-expand-btn:hover,.contact-header-expand-btn.open{border-color:var(--brand-primary);color:var(--brand-primary);background:#6366f114}.contact-header-chips{padding:0 var(--space-4) var(--space-2);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.contact-header-chip{white-space:nowrap;line-height:1.5;gap:3px!important;padding:2px 6px!important;font-size:10px!important}.contact-header-stage-select{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-raised);cursor:pointer;outline:none;height:auto;padding:2px 6px;font-size:10px;font-weight:600;transition:border-color .15s}.contact-header-link{color:var(--text-muted);border-radius:var(--radius-full);border:1px solid var(--border-subtle);white-space:nowrap;align-items:center;gap:3px;padding:2px 6px;font-size:10px;text-decoration:none;transition:all .15s;display:inline-flex}.contact-header-link:hover{color:var(--brand-primary);border-color:var(--brand-primary);text-decoration:none}.contact-header-details{z-index:20;background:var(--bg-raised);border-bottom:1px solid var(--border-default);padding:var(--space-3);gap:var(--space-3);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-direction:column;animation:.18s detailsSlideIn;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f}@keyframes detailsSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.contact-details-grid{gap:var(--space-3);flex-direction:column;display:flex}.details-grid-row{align-items:flex-start;gap:var(--space-2);display:flex}.details-grid-icon{width:24px;height:24px;color:var(--text-muted);background:var(--bg-overlay);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.details-grid-content{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.assigned-user-compact{align-items:center;gap:4px;display:flex}.assignment-compact-actions{align-items:center;gap:4px;margin-inline-start:auto;display:flex}.tags-labels-compact{gap:4px}.label-badge.compact,.sidebar-tag-removable.compact{gap:2px;padding:2px 6px;font-size:10px}.btn-icon-xs{width:20px;height:20px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-icon-xs:hover{background:var(--bg-hover);color:var(--text-primary)}.add-badge-btn{background:var(--bg-overlay);border:1px dashed var(--border-subtle)}.add-badge-btn:hover{background:var(--bg-hover);border-style:solid}.compact-tag-input{background:var(--bg-base);border:1px solid var(--border-default);border-radius:4px;align-items:center;gap:4px;height:20px;padding:0 4px;display:flex}.compact-tag-input input{width:60px;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:10px}.notes-row{align-items:stretch}.notes-content{align-items:stretch;gap:var(--space-2);flex-direction:column}.add-note-inline-btn{align-items:center;gap:var(--space-1);color:var(--text-muted);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);cursor:pointer;background:0 0;width:fit-content;font-size:11px;transition:all .15s;display:flex}.add-note-inline-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.compact-note-input{align-items:flex-end;gap:var(--space-2);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-1);display:flex}.compact-note-input textarea{resize:none;padding:var(--space-1);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:11px;line-height:1.4}.compact-note-input button{padding:var(--space-1) var(--space-2);height:24px}.sidebar-notes-list.compact{gap:var(--space-1)}.sidebar-note.compact{padding:var(--space-2);border-radius:var(--radius-sm)}.chat-thread-header-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex;overflow:hidden}.chat-thread-header-avatar{border-radius:var(--radius-full);width:36px;height:36px;font-weight:600;font-size:var(--text-sm);color:var(--brand-primary);background:linear-gradient(135deg,#6366f126,#8b5cf626);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-thread-header-info{flex-direction:column;min-width:0;display:flex}.chat-thread-contact-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:var(--space-1);margin:0;font-weight:600;display:flex;overflow:hidden}.verified-icon{color:var(--color-success);flex-shrink:0}.unverified-icon{color:#f59e0b;opacity:.7;flex-shrink:0}.conversation-item-name .unverified-icon{margin-inline-start:2px}.chat-thread-phone{color:var(--text-muted);align-items:center;gap:var(--space-1);font-size:11px;display:flex}.chat-thread-header-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.chat-thread-header-actions .btn-icon-sm{width:32px;height:32px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.chat-thread-header-actions .btn-icon-sm:hover{background:var(--bg-raised);color:var(--text-primary)}.chat-thread-header-actions .btn-icon-sm.active{color:var(--brand-primary);background:#6366f11a}.chat-mode-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.chat-mode-badge.ai-mode{color:var(--brand-primary);background:#6366f11a}.chat-mode-badge.human-mode{color:#f59e0b;background:#f59e0b1a}.chat-thread-messages{padding:var(--space-4);gap:var(--space-2);background-color:var(--bg-base);scroll-behavior:smooth;background-image:radial-gradient(circle at 20px 20px,#6366f108 1px,#0000 1px),radial-gradient(circle at 40px 40px,#8b5cf605 1px,#0000 1px);background-size:48px 48px;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.message-date-divider{padding:var(--space-3) 0 var(--space-2);justify-content:center;align-items:center;display:flex}.message-date-divider span{padding:var(--space-1) var(--space-3);background:var(--bg-overlay);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-muted);font-weight:500;box-shadow:0 1px 2px #0000000a}.message-date-group{flex-direction:column;gap:3px;display:flex}.message-bubble{flex-direction:column;width:fit-content;max-width:65%;margin-bottom:2px;animation:.2s bubbleFadeIn;display:flex;position:relative}@keyframes bubbleFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message-bubble.inbound{align-self:flex-start}.message-bubble.outbound{align-self:flex-end}.message-bubble.system{align-self:center;max-width:85%}.message-bubble-content{word-wrap:break-word;border-radius:12px;min-width:60px;padding:6px 10px;line-height:1.45}.message-bubble.inbound .message-bubble-content{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);border-start-start-radius:4px}.message-bubble.outbound .message-bubble-content{background:var(--brand-primary);color:#fff;border-end-end-radius:4px}.message-bubble.outbound.ai-sent .message-bubble-content{background:linear-gradient(135deg, var(--brand-primary), #7c3aed)}.message-ai-badge{opacity:.7;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:3px;margin-top:1px;font-size:9px;font-weight:600;display:inline-flex}.message-bubble.outbound .message-ai-badge{color:#fff9}.message-bubble.system .message-bubble-content{background:var(--bg-overlay);font-size:var(--text-xs);color:var(--text-muted);text-align:center;box-shadow:none}.message-text{font-size:var(--text-sm);white-space:pre-wrap;margin:0}.message-media-label{font-size:var(--text-sm);opacity:.9;margin:0;font-style:italic}.message-caption{margin-top:var(--space-1);font-style:normal;font-size:var(--text-sm);display:block}.message-image-wrapper,.message-video-wrapper{gap:var(--space-1);flex-direction:column;display:flex;position:relative}.message-image{border-radius:var(--radius-md);object-fit:cover;cursor:pointer;max-width:280px;max-height:320px;transition:opacity .15s;display:block}.message-video{border-radius:var(--radius-md);background:#000;max-width:280px;max-height:320px;display:block}.message-media-download-overlay{border-radius:var(--radius-full);color:#fff;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;top:8px;background:#00000080;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s,background .2s;display:flex;position:absolute;inset-inline-end:8px}.message-image-wrapper:hover .message-media-download-overlay,.message-video-wrapper:hover .message-media-download-overlay{opacity:1}.message-media-download-overlay:hover{background:#000000bf}.message-image:hover{opacity:.92}.message-document{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;min-width:200px;display:flex}.message-document-icon{border-radius:var(--radius-md);background:#ffffff1f;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.message-bubble.inbound .message-document-icon{color:var(--brand-primary);background:#6366f11a}.message-document-info{flex:1;min-width:0}.message-document-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.message-media-placeholder{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;opacity:.8;font-size:var(--text-sm);display:flex}.message-audio{gap:var(--space-2);flex-direction:column;min-width:220px;display:flex}.audio-player{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.audio-play-btn{border-radius:var(--radius-full);width:32px;height:32px;color:inherit;cursor:pointer;background:#ffffff26;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,transform .1s;display:flex}.audio-play-btn:hover{background:#ffffff40;transform:scale(1.08)}.message-bubble.inbound .audio-play-btn{color:var(--brand-primary);background:#6366f11f}.message-bubble.inbound .audio-play-btn:hover{background:#6366f133}.audio-waveform{cursor:pointer;flex:1;align-items:center;gap:2px;height:28px;padding:2px 0;display:flex}.audio-bar{background:#ffffff4d;border-radius:1px;flex:1;min-width:2px;max-width:4px;transition:background .15s}.audio-bar.active{background:#ffffffd9}.audio-bar.pulse{animation:.6s ease-in-out infinite alternate audioPulse}.message-bubble.inbound .audio-bar{background:var(--border-default)}.message-bubble.inbound .audio-bar.active{background:var(--brand-primary)}.audio-time{font-variant-numeric:tabular-nums;opacity:.8;flex-shrink:0;justify-content:center;align-items:center;gap:2px;min-width:56px;font-size:10px;display:flex}.audio-time-sep{opacity:.5}.audio-speed-btn{border-radius:var(--radius-sm);color:inherit;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #fff3;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600;transition:all .15s}.audio-speed-btn:hover{background:#ffffff26}.message-bubble.inbound .audio-speed-btn{border-color:var(--border-default);color:var(--text-secondary)}.message-bubble.inbound .audio-speed-btn:hover{background:var(--bg-overlay)}@keyframes audioPulse{0%{opacity:.7}to{opacity:1}}.message-transcription{align-items:flex-start;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-1) 0;border-top:1px solid #ffffff1a;line-height:1.5;display:flex}.message-bubble.inbound .message-transcription{border-top-color:var(--border-subtle)}.message-transcription-icon{color:var(--brand-primary);opacity:.7;flex-shrink:0;margin-top:2px}.message-interactive{gap:var(--space-2);flex-direction:column;display:flex}.message-interactive-options{gap:var(--space-1);flex-direction:column;display:flex}.message-interactive-btn{padding:var(--space-2);text-align:center;border-radius:var(--radius-sm);color:var(--brand-primary);font-size:var(--text-xs);background:#ffffff1a;border:1px solid #ffffff26;font-weight:600;display:block}.message-bubble.inbound .message-interactive-btn{background:#6366f114;border-color:#6366f133}.message-bubble-meta{float:inline-end;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;padding-inline-start:12px;display:flex}.message-sender-name{opacity:.65;margin-inline-end:2px;font-size:9px;font-weight:500}.message-bubble.outbound .message-sender-name{color:#fff9}.message-time{color:var(--text-muted);font-size:10px}.message-bubble.outbound .message-time{color:#ffffffa6}.message-status-icon{display:inline-flex}.message-status-icon.sent{color:#ffffff80}.message-status-icon.delivered{color:#ffffffb3}.message-status-icon.read{color:#53bdeb}.message-status-icon.failed{color:var(--color-danger)}.message-bubble-skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--bg-raised) 25%, var(--bg-overlay) 50%, var(--bg-raised) 75%);background-size:200% 100%;width:60%;height:48px;animation:1.5s infinite shimmer}.message-bubble-skeleton.outbound{align-self:flex-end}.message-bubble-skeleton.inbound{align-self:flex-start}.chat-thread-empty{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}.window-indicator{align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:500;display:inline-flex}.window-indicator.open{color:var(--color-success);background:#14b8a61a}.window-indicator.expired{color:var(--color-danger);background:#e5484d1a;flex-wrap:wrap}.window-indicator-time{opacity:.8}.window-indicator-note{opacity:.75;margin-inline-start:var(--space-1);font-size:11px}.message-composer{border-top:1px solid var(--border-subtle);padding:var(--space-3) var(--space-4)}.message-composer.window-expired{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);background:var(--bg-raised);display:flex}.composer-error{align-items:center;gap:var(--space-1);color:var(--color-danger);font-size:var(--text-xs);margin-bottom:var(--space-2);display:flex}.composer-input-row{align-items:flex-end;gap:var(--space-2);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2);display:flex}.composer-textarea{resize:none;font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-height:20px;max-height:120px;font-family:inherit;line-height:1.4}.composer-send-btn{border-radius:var(--radius-full);background:var(--brand-primary);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s,transform .1s;display:flex}.composer-send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.composer-send-btn:disabled{opacity:.4;cursor:not-allowed}.contact-sidebar-panel{border-inline-start:1px solid var(--border-default);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex;overflow-y:auto}.sidebar-contact-header{text-align:center;align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.sidebar-avatar{border-radius:var(--radius-full);background:var(--bg-overlay);width:56px;height:56px;font-size:var(--text-2xl);color:var(--text-muted);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.sidebar-contact-header h3{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.sidebar-phone{font-size:var(--text-xs);color:var(--text-muted);font-family:monospace}.sidebar-country{font-size:var(--text-xs);color:var(--text-muted)}.sidebar-section{gap:var(--space-2);flex-direction:column;display:flex}.sidebar-section h4{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-weight:600;display:flex}.sidebar-score{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.score-bar{background:var(--bg-overlay);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.score-bar-fill{background:var(--brand-primary);border-radius:var(--radius-full);height:100%;transition:width .3s}.sidebar-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.sidebar-tag-removable{align-items:center;gap:4px;display:inline-flex}.tag-remove-btn{cursor:pointer;color:var(--text-tertiary);opacity:.6;background:0 0;border:none;padding:0;transition:opacity .15s;display:inline-flex}.tag-remove-btn:hover{opacity:1;color:var(--color-danger)}.sidebar-tag-input{gap:var(--space-1);margin-top:var(--space-2);display:flex}.sidebar-tag-input input{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);flex:1}.sidebar-stage-select{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--bg-raised);border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:border-color .2s}.sidebar-stage-select:focus{border-color:var(--brand-primary);outline:none}.sidebar-note-input{gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.sidebar-note-input textarea{width:100%;padding:var(--space-2);font-size:var(--text-xs);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical;min-height:60px;font-family:inherit}.sidebar-note-input .btn{align-self:flex-end}.sidebar-notes-list{gap:var(--space-2);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.sidebar-note{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-2);font-size:var(--text-xs)}.sidebar-note.pinned{border-color:var(--color-warning);background:#f59e0b0d}.sidebar-note-header{margin-bottom:var(--space-1);color:var(--text-tertiary);justify-content:space-between;font-size:10px;display:flex}.sidebar-note-author{color:var(--text-secondary);font-weight:600}.sidebar-note-content{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.4}.sidebar-note-actions{gap:var(--space-1);margin-top:var(--space-1);justify-content:flex-end;display:flex}.sidebar-note-actions .btn-icon-sm{opacity:.4;transition:opacity .15s}.sidebar-note-actions .btn-icon-sm:hover{opacity:1}.sidebar-actions{gap:var(--space-2)}.sidebar-actions .btn{justify-content:center;width:100%}.inbox-empty-state{justify-content:center;align-items:center;gap:var(--space-4);color:var(--text-muted);padding:var(--space-8);text-align:center;background:radial-gradient(at 30% 40%,#6366f10f 0%,#0000 60%),radial-gradient(at 70% 60%,#8b5cf60a 0%,#0000 60%);flex-direction:column;animation:.5s emptyFadeIn;display:flex}@keyframes emptyFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.inbox-empty-state-icon{border-radius:var(--radius-full);width:80px;height:80px;color:var(--brand-primary);background:linear-gradient(135deg,#6366f11a,#8b5cf614);justify-content:center;align-items:center;animation:3s ease-in-out infinite emptyFloat;display:flex}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.inbox-empty-state h3{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600}.inbox-empty-state p{font-size:var(--text-sm);max-width:280px;margin:0;line-height:1.5}.scroll-to-bottom-fab{z-index:5;border-radius:var(--radius-full);background:var(--bg-raised);border:1px solid var(--border-default);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;bottom:80px;justify-content:center;align-items:center;transition:all .2s;animation:.2s fabPopIn;display:flex;position:absolute;inset-inline-end:20px;box-shadow:0 2px 8px #0000001f}@keyframes fabPopIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.scroll-to-bottom-fab:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:scale(1.08)}.scroll-to-bottom-fab .fab-badge{border-radius:var(--radius-full);background:var(--brand-primary);color:#fff;top:-4px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;inset-inline-end:-4px}.sidebar-toggle-btn{width:32px;height:32px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.sidebar-toggle-btn:hover{background:var(--bg-raised);color:var(--text-primary)}.sidebar-toggle-btn.active{color:var(--brand-primary);background:#6366f11a}.contact-sidebar-panel{border-inline-start:1px solid var(--border-subtle);animation:.2s sidebarSlideIn;overflow-y:auto}@keyframes sidebarSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}[dir=rtl] .contact-sidebar-panel{animation-name:sidebarSlideInRTL}@keyframes sidebarSlideInRTL{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sidebar-hero-card{align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:center;border-bottom:1px solid var(--border-subtle);background:linear-gradient(#6366f10a 0%,#0000 100%);flex-direction:column;display:flex}.sidebar-hero-avatar{border-radius:var(--radius-full);width:56px;height:56px;font-size:var(--text-xl);color:var(--brand-primary);background:linear-gradient(135deg,#6366f126,#8b5cf626);justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-hero-name{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.sidebar-hero-phone{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:var(--space-1);display:flex}.sidebar-hero-badges{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.sidebar-quick-actions{gap:var(--space-2);padding:0 var(--space-4) var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.sidebar-quick-actions .btn{flex:1;justify-content:center}.sidebar-accordion{border-bottom:1px solid var(--border-subtle)}.sidebar-accordion-trigger{width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-xs);color:var(--text-secondary);background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:600;transition:color .15s;display:flex}.sidebar-accordion-trigger:hover{color:var(--text-primary)}.sidebar-accordion-trigger svg:last-child{transition:transform .2s}.sidebar-accordion-trigger.open svg:last-child{transform:rotate(180deg)}.sidebar-accordion-content{padding:0 var(--space-3) var(--space-2);animation:.2s accordionOpen}@keyframes accordionOpen{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.message-bubble.note{align-self:center;max-width:85%}.message-bubble.note .message-bubble-content{border-radius:var(--radius-lg);background:#e8a3171f;border:1px dashed #e8a3174d}.message-bubble.note .message-text{color:var(--text-primary)}.message-bubble.note .message-time{color:var(--text-muted)}.message-note-label{align-items:center;gap:var(--space-1);padding:0 var(--space-3);padding-top:var(--space-1);color:var(--color-warning);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600;display:flex}.message-composer.note-mode{border-top-color:var(--color-warning)}.message-composer.note-mode .composer-input-row{border-color:var(--color-warning);background:#e8a3170f}.composer-textarea.note-textarea::placeholder{color:var(--color-warning);opacity:.7}.composer-mode-pills{background:var(--bg-raised);border-radius:var(--radius-md);margin-bottom:var(--space-2);gap:2px;padding:2px;display:flex}.composer-pill{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;flex:1;font-weight:500;transition:all .15s;display:flex}.composer-pill:hover{color:var(--text-primary)}.composer-pill.active{background:var(--bg-base);color:var(--brand-primary);box-shadow:0 1px 2px #0000000f}.composer-pill.pill-note.active{color:var(--color-warning)}.composer-bottom-row{padding-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.composer-bottom-left{align-items:center;gap:var(--space-2);display:flex}.composer-mode-pills.compact{background:var(--bg-overlay);border-radius:var(--radius-md);width:fit-content;margin-bottom:0;padding:2px;display:flex}.composer-mode-pills.compact .composer-pill{flex:none;padding:4px 10px}.composer-shortcut-hint{color:var(--text-muted);opacity:.6;font-size:10px}.composer-char-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px}.composer-char-count.warning{color:var(--color-warning)}.composer-char-count.over{color:var(--color-danger);font-weight:600}.note-send-btn{background:var(--color-warning)!important}.composer-note-hint{align-items:center;gap:var(--space-1);color:var(--color-warning);margin-top:var(--space-1);opacity:.8;padding-inline-start:var(--space-1);font-size:11px;display:flex}.window-expired-composer{gap:var(--space-2);flex-direction:column;display:flex}.window-expired-composer .composer-mode-toggle{justify-content:flex-end;display:flex}.window-expired-composer .composer-mode-btn{width:auto;padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.composer-tool-btn{border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.composer-tool-btn:hover,.composer-tool-btn.active{border-color:var(--brand-primary);color:var(--brand-primary);background:#6366f11a}.quick-panel{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:30;bottom:100%;animation:.15s slideUpPanel;position:absolute;inset-inline:0;overflow:hidden;box-shadow:0 -4px 20px #0000001f}@keyframes slideUpPanel{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quick-panel-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--brand-primary);font-size:var(--text-xs);font-weight:600;display:flex}.quick-panel-search{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-primary);outline:none;flex:1;padding:3px 8px}.quick-panel-search:focus{border-color:var(--brand-primary)}.quick-panel-list{max-height:220px;overflow-y:auto}.quick-panel-item{align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;text-align:start;background:0 0;border:none;transition:background .1s;display:flex}.quick-panel-item:hover{background:#6366f10f}.quick-panel-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.quick-panel-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.quick-panel-empty{padding:var(--space-4);text-align:center;font-size:var(--text-xs);color:var(--text-muted)}.snippet-dropdown{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-height:240px;margin-bottom:var(--space-2);z-index:100;bottom:100%;position:absolute;inset-inline:0;overflow-y:auto;box-shadow:0 -4px 16px #00000026}.message-composer{position:relative}.snippet-dropdown-header{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:flex}.snippet-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;text-align:start;background:0 0;border:none;transition:background .1s;display:flex}.snippet-item:hover,.snippet-item.selected{background:var(--bg-subtle)}.snippet-shortcut{font-family:monospace;font-size:var(--text-xs);color:var(--brand-primary);border-radius:var(--radius-sm);white-space:nowrap;background:#6366f11a;padding:2px 6px}.snippet-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.template-picker{border-radius:var(--radius-lg);overflow:hidden}.template-picker-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-danger);font-size:var(--text-sm);background:#e5484d14;font-weight:500;display:flex}.template-picker-body{padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.template-selector{position:relative}.template-selector-trigger{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;justify-content:space-between;align-items:center;transition:border-color .15s;display:flex}.template-selector-trigger:hover{border-color:var(--brand-primary)}.template-selector-dropdown{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);max-height:200px;margin-top:var(--space-1);z-index:50;top:100%;position:absolute;inset-inline:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.template-selector-empty{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.template-selector-item{width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;text-align:start;background:0 0;border:none;flex-direction:column;gap:2px;transition:background .1s;display:flex}.template-selector-item:hover,.template-selector-item.selected{background:var(--bg-subtle)}.template-selector-item-name{font-size:var(--text-sm);color:var(--text-primary);text-transform:capitalize;font-weight:500}.template-selector-item-preview{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.template-preview-inline{padding:var(--space-2) var(--space-3);background:var(--bg-overlay);border-radius:var(--radius-md);border-inline-start:3px solid var(--brand-primary)}.template-preview-text{font-size:var(--text-sm);color:var(--text-primary);white-space:pre-wrap;margin:0}.template-preview-footer{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.template-send-btn{align-items:center;gap:var(--space-2);width:auto!important;padding:var(--space-2) var(--space-4)!important;display:flex!important}.template-send-btn span{font-size:var(--text-sm)}.assignment-control{gap:var(--space-2);flex-direction:column;display:flex}.assigned-user{align-items:center;gap:var(--space-2);display:flex}.dropdown-wrapper{position:relative}.assignment-dropdown,.label-picker{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-top:var(--space-1);z-index:50;position:absolute;top:100%;box-shadow:0 4px 12px #00000026}.assignment-dropdown{min-width:220px;inset-inline-end:0}.label-picker{min-width:180px;inset-inline-start:0}.dropdown-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;text-align:start;background:0 0;border:none;transition:background .1s;display:flex}.dropdown-item:hover{background:var(--bg-subtle)}.dropdown-item.active{color:var(--brand-primary);background:#6366f11a}.dropdown-item-role{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize;margin-inline-start:auto}.dropdown-empty{padding:var(--space-3);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.btn-icon-sm{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-icon-sm:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.btn-icon-sm.danger:hover{border-color:var(--color-danger);color:var(--color-danger)}.sidebar-labels{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.label-badge{border-radius:var(--radius-full);white-space:nowrap;border:1px solid;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.label-remove-btn{cursor:pointer;opacity:.6;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:inline-flex}.label-remove-btn:hover{opacity:1}.label-add-btn{border-style:dashed!important}.label-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.conversation-item-labels{gap:3px;display:flex}.label-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.quick-reply-manager{gap:var(--space-4);flex-direction:column;display:flex}.qr-manager-header{gap:var(--space-3);align-items:center;display:flex}.qr-search-wrapper{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);flex:1;display:flex}.qr-search-wrapper .form-input{background:0 0;border:none;min-height:auto;padding:0}.qr-form{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-raised);flex-direction:column;display:flex}.qr-form-row{gap:var(--space-3);grid-template-columns:1fr 1fr 1fr;display:grid}.qr-body-textarea{resize:vertical;min-height:60px!important}.qr-form-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.qr-list{gap:var(--space-1);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.qr-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color .15s;display:flex}.qr-item:hover{border-color:var(--border-default)}.qr-item-content{flex:1;min-width:0}.qr-item-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.qr-shortcut{font-family:monospace;font-size:var(--text-xs);color:var(--brand-primary);border-radius:var(--radius-sm);background:#6366f11a;padding:2px 6px}.qr-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.qr-category{font-size:10px!important}.qr-body-preview{font-size:var(--text-xs);color:var(--text-muted);margin:0;line-height:1.4}.qr-usage{color:var(--text-muted);opacity:.7;font-size:10px}.qr-item-actions{gap:var(--space-1);flex-shrink:0;display:flex}.qr-loading,.qr-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.label-manager{gap:var(--space-4);flex-direction:column;display:flex}.label-create-form{gap:var(--space-3);flex-direction:column;display:flex}.label-color-picker{gap:var(--space-1);flex-wrap:wrap;display:flex}.label-color-swatch{border-radius:var(--radius-full);cursor:pointer;border:2px solid #0000;width:24px;height:24px;transition:all .15s}.label-color-swatch:hover{transform:scale(1.15)}.label-color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-base), 0 0 0 4px currentColor}.label-list{gap:var(--space-2);flex-direction:column;display:flex}.label-list-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex}.label-usage-count{font-size:var(--text-xs);color:var(--text-muted);text-align:end;flex:1}@media (max-width:1024px){.inbox-layout{grid-template-columns:280px 1fr}.contact-sidebar-panel{display:none}.qr-form-row{grid-template-columns:1fr 1fr}}@media (max-width:768px){.inbox-page .page-header{padding:0 var(--space-4)}.inbox-layout{border:none;border-radius:0;grid-template-columns:1fr;height:100%;overflow:hidden}.inbox-layout:has(.inbox-empty-state) .conversation-list-panel{display:flex}:is(.inbox-layout:has(.inbox-empty-state) .inbox-empty-state,.inbox-layout:has(.chat-thread-panel) .conversation-list-panel){display:none}.inbox-layout:has(.chat-thread-panel) .chat-thread-panel{width:100%;display:flex}.contact-header-back-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-inline-end:4px;padding:4px;display:flex}.qr-form-row{grid-template-columns:1fr}.message-reply-btn{display:none}}@media (min-width:769px){.contact-header-back-btn{display:none}}.conversation-search-panel{background:var(--bg-base);border-inline-start:1px solid var(--border-default);z-index:200;top:0;flex-direction:column;width:400px;height:100vh;animation:.2s slideInSearch;display:flex;position:fixed;inset-inline-end:0;box-shadow:-8px 0 24px #00000026}@keyframes slideInSearch{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}[dir=rtl] .conversation-search-panel{animation-name:slideInSearchRTL}@keyframes slideInSearchRTL{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.search-panel-header{align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.search-panel-input-wrapper{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);background:var(--bg-raised);flex:1;transition:border-color .15s;display:flex}.search-panel-input-wrapper:focus-within{border-color:var(--brand-primary)}.search-panel-input{color:var(--text-primary);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1;min-width:0}.search-panel-input::placeholder{color:var(--text-muted)}.search-clear-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .15s;display:flex}.search-clear-btn:hover{color:var(--text-primary)}.search-panel-results{padding:var(--space-2);flex:1;overflow-y:auto}.search-result-count{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.search-result-group{margin-bottom:var(--space-2)}.search-result-group-header{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);font-weight:600;display:flex}.search-result-contact-flag{font-size:14px}.search-result-contact-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.search-result-count-badge{background:var(--bg-overlay);color:var(--text-muted);border-radius:var(--radius-full);padding:1px 6px;font-size:10px}.search-result-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;text-align:start;border-radius:var(--radius-md);background:0 0;border:none;transition:background .1s;display:flex}.search-result-item:hover{background:var(--bg-subtle)}.search-result-snippet{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.4;overflow:hidden}.search-highlight{color:var(--text-primary);background:#e8a31740;border-radius:2px;padding:0 2px}.search-result-meta{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0;display:flex}.search-empty{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.search-empty p{font-size:var(--text-sm);margin:0}.search-loading{gap:var(--space-2);padding:var(--space-2);flex-direction:column;display:flex}.search-result-skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--bg-subtle) 25%, var(--bg-overlay) 50%, var(--bg-subtle) 75%);background-size:200% 100%;height:40px;animation:1.5s infinite shimmer}.conversation-item.handoff{border-inline-start:3px solid var(--color-warning)}.conversation-item.handoff:before{content:"";pointer-events:none;border-radius:inherit;background:#e8a3170d;position:absolute;inset:0}.handoff-badge{background:var(--color-warning)!important;color:#000!important}.sidebar-handoff-alert{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--text-xs);margin-bottom:var(--space-2);background:#e8a3171a;border:1px solid #e8a31740;font-weight:500;display:flex}.assignment-btn-row{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.assignment-btn-row .btn{flex:1;justify-content:center;min-width:0}.assignment-btn-row .dropdown-wrapper{flex:1;min-width:0}.assignment-btn-row .dropdown-wrapper .btn{width:100%}.message-video-wrapper{max-width:280px}.message-video{border-radius:8px;width:100%;max-width:280px;display:block}.message-document{align-items:center;gap:var(--space-2);min-width:180px;display:flex}.message-document-download{background:var(--color-primary-bg);width:32px;height:32px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:auto;transition:background .15s;display:flex}.message-document-download:hover{background:var(--color-primary);color:#fff}.message-sticker{max-width:150px}.message-sticker-img{border-radius:8px;width:100%;max-width:150px}.message-location{border-radius:8px;max-width:280px;overflow:hidden}.message-location-map{aspect-ratio:280/150;background:var(--bg-sunken);display:block;position:relative;overflow:hidden}.message-location-img{object-fit:cover;width:100%;height:100%}.message-location-overlay{color:var(--color-danger);opacity:0;background:#00000026;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.message-location-map:hover .message-location-overlay{opacity:1}.message-location-info{padding:var(--space-2);flex-direction:column;gap:2px;display:flex}.message-location-name{font-size:13px;font-weight:600}.message-location-address{color:var(--text-muted);font-size:12px}.message-location-link{color:var(--color-primary);align-items:center;gap:4px;margin-top:2px;font-size:12px;font-weight:500;display:inline-flex}.message-location-link:hover{text-decoration:underline}.message-contacts{gap:var(--space-2);flex-direction:column;min-width:180px;display:flex}.message-contact-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-2);background:#80808012;border-radius:8px;display:flex}.message-contact-avatar{background:var(--color-primary-bg);width:32px;height:32px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.message-contact-info{flex-direction:column;gap:1px;font-size:13px;display:flex}.message-contact-info strong{font-weight:600}.message-contact-org{color:var(--text-muted);font-size:11px}.message-contact-phone,.message-contact-email{color:var(--text-secondary);font-size:12px}.message-bubble{position:relative}.message-reaction-badge{background:var(--bg-card);border:1px solid var(--border-light);z-index:2;bottom:-6px;border-radius:999px;padding:1px 5px;font-size:16px;line-height:1;position:absolute;inset-inline-end:8px;box-shadow:0 1px 3px #0000001a}.message-bubble.inbound .message-reaction-badge{inset-inline:8px auto}.message-quote-strip{border-inline-start:3px solid var(--color-primary);color:var(--text-secondary);background:#0000000f;border-radius:6px;align-items:center;gap:6px;max-width:100%;margin-bottom:4px;padding:4px 8px;font-size:12px;display:flex;overflow:hidden}.message-bubble.outbound .message-quote-strip{color:#ffffffd9;background:#ffffff26;border-inline-start-color:#ffffff80}.message-quote-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.message-reply-btn{opacity:0;background:var(--bg-card);width:28px;height:28px;color:var(--text-muted);cursor:pointer;z-index:3;top:4px;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,background .15s;display:flex;position:absolute;inset-inline:-32px auto;box-shadow:0 1px 3px #0000001f}.message-bubble:hover .message-reply-btn{opacity:1}.message-reply-btn:hover{background:var(--color-primary-bg);color:var(--color-primary)}.message-bubble.inbound .message-reply-btn{inset-inline:auto -32px}.composer-reply-strip{background:var(--color-primary-bg);border-inline-start:3px solid var(--color-primary);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;margin-bottom:4px;padding:6px 10px;font-size:12px;display:flex}.composer-reply-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.composer-reply-cancel{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.composer-reply-cancel:hover{color:var(--color-danger);background:#ff00000f}.composer-attachment-strip{align-items:center;gap:var(--space-2);background:var(--bg-sunken);border-radius:8px;margin-bottom:4px;padding:8px 10px;display:flex}.attachment-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:48px}.attachment-file-icon{background:var(--color-primary-bg);width:48px;height:48px;color:var(--color-primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.attachment-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.attachment-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.attachment-size{color:var(--text-muted);font-size:11px}.attachment-uploading{color:var(--color-primary);font-size:11px;font-weight:500}.attachment-error{color:var(--color-danger);font-size:11px;font-weight:500}.attachment-remove{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:4px;display:flex}.attachment-remove:hover{color:var(--color-danger);background:#ff00000f}.composer-recording-strip{align-items:center;gap:var(--space-2);background:var(--bg-sunken);border-radius:8px;margin-bottom:4px;padding:10px 12px;display:flex}.recording-indicator{background:var(--color-danger);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite pulse-recording}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.3}}.recording-time{font-variant-numeric:tabular-nums;color:var(--text-primary);flex:1;font-size:14px;font-weight:600}.recording-cancel-btn,.recording-stop-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.recording-cancel-btn{color:var(--text-muted)}.recording-cancel-btn:hover{color:var(--color-danger);background:#ff00000f}.recording-stop-btn{color:#fff;background:var(--color-danger)}.recording-stop-btn:hover{background:var(--color-danger-hover)}.composer-emoji-picker{z-index:100;bottom:100%;border-radius:12px;max-height:320px;margin-bottom:4px;position:absolute;inset-inline-start:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.composer-emoji-picker em-emoji-picker{--em-rgb-background:var(--bg-card);max-height:320px}.composer-mic-btn{color:var(--text-muted)}.composer-mic-btn:hover{color:var(--color-primary)}.composer-tool-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.composer-tool-btn:hover,.composer-tool-btn.active{color:var(--color-primary);background:var(--color-primary-bg)}.kb-tabs{gap:var(--space-1);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-5);display:flex;overflow-x:auto}.kb-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:none;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.kb-tab:hover{color:var(--text-primary);background:var(--surface-hover)}.kb-tab.active{color:var(--color-brand);border-bottom-color:var(--color-brand);font-weight:600}.kb-tab .badge{background:var(--surface-hover);color:var(--text-muted);border-radius:10px;padding:1px 6px;font-size:10px}.kb-tab.active .badge{background:var(--color-brand-subtle);color:var(--color-brand)}.faq-list{gap:var(--space-3);flex-direction:column;display:flex}.faq-card{padding:var(--space-4);border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:10px;transition:border-color .2s}.faq-card:hover{border-color:var(--border-default)}.faq-card.inactive{opacity:.6}.faq-question{color:var(--text-primary);justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:6px;font-size:14px;font-weight:600;display:flex}.faq-answer{color:var(--text-secondary);white-space:pre-wrap;font-size:13px;line-height:1.6}.faq-meta{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.catalog-filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.catalog-filters select,.catalog-filters input{border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-primary);border-radius:8px;min-width:140px;padding:7px 12px;font-size:13px}.catalog-grid{gap:var(--space-3);flex-direction:column;display:flex}.catalog-card{padding:var(--space-4);border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:10px;transition:all .2s}.catalog-card:hover{border-color:var(--border-default);box-shadow:0 2px 8px #0000000f}.catalog-card.inactive{opacity:.6}.catalog-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.catalog-card-name{color:var(--text-primary);font-size:15px;font-weight:600}.catalog-card-status{border-radius:12px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.catalog-card-status.active{color:#16a34a;background:#22c55e1a}.catalog-card-status.inactive{color:var(--text-muted);background:#9ca3af26}.catalog-card-desc{color:var(--text-secondary);margin-bottom:var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.catalog-card-attrs{margin-bottom:var(--space-2);flex-wrap:wrap;gap:6px;display:flex}.catalog-attr-chip{background:var(--surface-hover);color:var(--text-secondary);border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.catalog-attr-chip .attr-label{color:var(--text-muted)}.catalog-card-footer{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.catalog-card-tags{flex-wrap:wrap;gap:4px;display:flex}.catalog-card-actions{gap:var(--space-1);display:flex}.doc-upload-zone{border:2px dashed var(--border-subtle);padding:var(--space-6);text-align:center;cursor:pointer;margin-bottom:var(--space-4);background:var(--surface-page);border-radius:12px;transition:all .2s}.doc-upload-zone:hover,.doc-upload-zone.dragging{border-color:var(--color-brand);background:var(--color-brand-subtle)}.doc-upload-zone .upload-icon{color:var(--text-muted);margin-bottom:var(--space-2)}.doc-upload-zone .upload-text{color:var(--text-primary);font-size:14px;font-weight:500}.doc-upload-zone .upload-hint{color:var(--text-muted);margin-top:4px;font-size:12px}.doc-list{gap:var(--space-2);flex-direction:column;display:flex}.doc-item{align-items:center;gap:var(--space-3);border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:10px;padding:12px 16px;display:flex}.doc-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.doc-icon.pdf{color:#ef4444;background:#ef44441a}.doc-icon.docx{color:#3b82f6;background:#3b82f61a}.doc-icon.txt{color:#6b7280;background:#9ca3af1a}.doc-icon.md{color:#8b5cf6;background:#8b5cf61a}.doc-info{flex:1;min-width:0}.doc-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.doc-meta{color:var(--text-muted);align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.doc-status{align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.doc-status.processing{color:#f59e0b}.doc-status.ready{color:#16a34a}.doc-status.failed{color:#ef4444}.attr-def-list{gap:var(--space-2);flex-direction:column;display:flex}.attr-def-item{align-items:center;gap:var(--space-3);border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:8px;padding:12px 16px;display:flex}.attr-def-info{flex:1;min-width:0}.attr-def-label{color:var(--text-primary);font-size:13px;font-weight:600}.attr-def-hint{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;display:-webkit-box;overflow:hidden}.attr-def-type{background:var(--surface-hover);color:var(--text-secondary);text-transform:capitalize;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:500}.template-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.template-card{padding:var(--space-4);border:2px solid var(--border-subtle);background:var(--surface-card);cursor:pointer;border-radius:12px;transition:all .2s}.template-card:hover{border-color:var(--color-brand);transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.template-card.selected{border-color:var(--color-brand);background:var(--color-brand-subtle)}.template-card-icon{background:var(--color-brand-subtle);width:44px;height:44px;color:var(--color-brand);margin-bottom:var(--space-3);border-radius:10px;justify-content:center;align-items:center;display:flex}.template-card-name{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.template-card-desc{color:var(--text-secondary);font-size:12px;line-height:1.5}.template-card-meta{gap:var(--space-2);margin-top:var(--space-2);display:flex}.catalog-form-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.catalog-form-grid .full-width{grid-column:1/-1}.kb-empty{text-align:center;padding:var(--space-8) var(--space-4)}.kb-empty-icon{background:var(--color-brand-subtle);width:56px;height:56px;color:var(--color-brand);margin:0 auto var(--space-3);border-radius:16px;justify-content:center;align-items:center;display:flex}.kb-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.kb-empty-desc{color:var(--text-secondary);max-width:400px;margin:0 auto var(--space-4);font-size:13px;line-height:1.5}@media (max-width:768px){.catalog-filters{flex-direction:column}.catalog-filters select,.catalog-filters input{width:100%}.catalog-form-grid,.template-grid{grid-template-columns:1fr}}.ai-chat-container{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-base);flex-direction:column;height:500px;display:flex;overflow:hidden}.ai-chat-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);background:var(--surface-elevated);justify-content:space-between;align-items:center;display:flex}.ai-chat-header-title{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:13px;font-weight:600;display:flex}.ai-chat-messages{padding:var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-chat-empty{justify-content:center;align-items:center;gap:var(--space-2);height:100%;color:var(--text-muted);text-align:center;flex-direction:column;font-size:13px;display:flex}.ai-chat-bubble{gap:var(--space-2);max-width:85%;animation:.2s ease-out chatFadeIn;display:flex}.ai-chat-bubble.user{flex-direction:row-reverse;align-self:flex-end}.ai-chat-bubble.assistant{align-self:flex-start}.ai-chat-bubble-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.ai-chat-bubble.user .ai-chat-bubble-icon{background:var(--color-primary);color:#fff}.ai-chat-bubble.assistant .ai-chat-bubble-icon{background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.ai-chat-bubble-content{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5}.ai-chat-bubble.user .ai-chat-bubble-content{background:var(--color-primary);color:#fff;border-end-end-radius:var(--radius-xs)}.ai-chat-bubble.assistant .ai-chat-bubble-content{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);border-end-start-radius:var(--radius-xs)}.ai-chat-typing{align-items:center;gap:var(--space-2);color:var(--text-muted);font-style:italic;display:flex}.ai-chat-input-area{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-subtle);background:var(--surface-elevated);display:flex}.ai-chat-input{flex:1;font-size:13px!important}.ai-chat-send{flex-shrink:0;padding:var(--space-2) var(--space-3)!important}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ai-embed-banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);font-size:12px;line-height:1.4;display:flex}.ai-embed-banner--warning{background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.ai-embed-banner--warning{background:color-mix(in srgb, var(--color-warning) 10%, transparent)}}.ai-embed-banner--warning{color:var(--text-primary)}.ai-embed-banner--danger{background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.ai-embed-banner--danger{background:color-mix(in srgb, var(--color-danger) 10%, transparent)}}.ai-embed-banner--danger{color:var(--text-primary)}.ai-embed-banner--success{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.ai-embed-banner--success{background:color-mix(in srgb, var(--color-success) 10%, transparent)}}.ai-embed-banner--success{color:var(--text-primary)}.ai-embed-banner-content{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.ai-embed-banner--warning .ai-embed-banner-content svg{color:var(--color-warning);flex-shrink:0}.ai-embed-banner--danger .ai-embed-banner-content svg{color:var(--color-danger);flex-shrink:0}.ai-embed-banner--success .ai-embed-banner-content svg{color:var(--color-success);flex-shrink:0}.ai-embed-banner .btn{white-space:nowrap;flex-shrink:0}.wa-page-tabs{gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:2px solid var(--border-subtle);display:flex}.wa-page-tab{padding:var(--space-2) var(--space-4);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-weight:500;transition:all .15s}.wa-page-tab:hover{color:var(--text-primary)}.wa-page-tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);font-weight:600}.wa-templates-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.wa-templates-toolbar-start{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.wa-templates-toolbar-end{align-items:center;gap:var(--space-2);display:flex}.wa-templates-search{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-base);color:var(--text-muted);display:flex}.wa-templates-search-input{font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;min-width:180px}.wa-templates-filters{align-items:center;gap:var(--space-2);color:var(--text-muted);display:flex}.wa-filter-select{padding:var(--space-1) var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer}.wa-sync-toast{padding:var(--space-2) var(--space-3);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);animation:.3s fadeIn}.wa-template-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.wa-template-card{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-base);flex-direction:column;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex;overflow:hidden}.wa-template-card:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.wa-template-card-header{padding:var(--space-3) var(--space-3) var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.wa-template-card-title{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.wa-template-cat-pill{border-radius:var(--radius-full);background:var(--bg-raised);color:var(--text-secondary);align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.wa-template-lang-pill{border-radius:var(--radius-full);background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border-subtle);align-items:center;padding:2px 7px;font-size:10px;font-weight:500;display:inline-flex}.wa-template-quality-pill{align-items:center;gap:3px;font-size:10px;font-weight:600;display:inline-flex}.wa-template-status-badge{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.wa-template-card-name{padding:0 var(--space-3) var(--space-2);font-size:var(--text-sm);color:var(--text-primary);letter-spacing:-.01em;font-family:monospace;font-weight:700}.wa-template-card-preview-wrapper{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);max-height:320px;overflow:hidden}.wa-template-card-preview-wrapper .wa-preview-root{margin:0;padding:0}.wa-template-card-preview-wrapper .wa-preview-phone{width:100%;max-width:100%;box-shadow:none;border:none;border-radius:0;margin:0}.wa-template-card-preview-wrapper .wa-preview-screen{border-radius:0}.wa-template-card-preview-wrapper .wa-preview-chat-area{min-height:0;padding:var(--space-3)}.wa-template-card-preview-wrapper .wa-preview-bubble{max-width:100%}.wa-template-card-preview-wrapper .wa-preview-label{display:none}.wa-template-card-preview-wrapper .wa-preview-carousel-outer{overflow-x:auto}.wa-template-card-preview-wrapper .wa-preview-carousel-card{flex:0 0 85%}.wa-template-card-preview-wrapper .wa-preview-bubble-carousel-top{max-width:100%!important}.wa-template-card-preview-wrapper:has(.wa-preview-carousel-wrapper){max-height:450px}.wa-template-rejected-reason{margin:0 var(--space-3) var(--space-2);padding:var(--space-2);align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-md);color:#dc2626;background:#dc26260f;font-size:11px;line-height:1.4;display:flex}.wa-template-card-footer{padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;display:flex}.wa-template-card-date{color:var(--text-muted);align-items:center;gap:var(--space-2);font-size:10px;display:flex}.wa-synced-at{color:var(--color-success);align-items:center;gap:2px;font-size:10px;display:inline-flex}.wa-template-card-actions{gap:2px;display:flex}.wa-template-card-skeleton{border-radius:var(--radius-xl);background:linear-gradient(90deg, var(--bg-raised) 25%, var(--bg-overlay) 50%, var(--bg-raised) 75%);background-size:200% 100%;height:380px;animation:1.5s infinite shimmer}.wa-template-form-container{gap:var(--space-4);grid-template-columns:1fr 360px;align-items:start;display:grid}.wa-template-form{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.wa-form-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.wa-form-header h3{font-size:var(--text-lg);margin:0;font-weight:600}.wa-form-error{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);margin-bottom:var(--space-4);background:#dc262614;border:1px solid #dc262633;display:flex}.wa-form-section{margin-bottom:var(--space-4)}.wa-form-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600;display:flex}.wa-section-num{border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border-subtle);width:20px;height:20px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.wa-form-label .optional{color:var(--text-muted);font-weight:400;font-size:var(--text-xs)}.wa-form-label-row{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.wa-form-hint{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.wa-form-hint.error{color:var(--color-danger)}.input-error{border-color:var(--color-danger)!important}.wa-category-picker{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.wa-category-option{align-items:flex-start;gap:var(--space-1);padding:var(--space-3) var(--space-3);border:2px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-base);cursor:pointer;text-align:start;flex-direction:column;min-height:110px;transition:all .15s;display:flex}.wa-category-option:hover{border-color:var(--cat-color,var(--brand-primary))}.wa-category-option.active{border-color:var(--cat-color,var(--brand-primary));background:var(--cat-color,var(--brand-primary))}@supports (color:color-mix(in lab, red, red)){.wa-category-option.active{background:color-mix(in srgb, var(--cat-color,var(--brand-primary)) 8%, transparent)}}.wa-category-icon{font-size:var(--text-xl);margin-bottom:var(--space-1)}.wa-category-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.wa-category-desc{color:var(--text-muted);white-space:normal;word-break:normal;font-size:10px;line-height:1.4}.wa-header-picker{gap:var(--space-1);margin-bottom:var(--space-2);display:flex}.wa-header-option{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;background:0 0;transition:all .15s;display:flex}.wa-header-option:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.wa-header-option.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.wa-char-counter-wrap{align-items:center;display:flex;position:relative}.wa-input-var-row{align-items:center;gap:var(--space-1);display:flex}.wa-input-var-row .form-input{flex:1}.wa-inline-var-btn{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--brand-primary);border:1px solid var(--brand-primary);flex-shrink:0;align-items:center;gap:3px;display:flex}@supports (color:color-mix(in lab, red, red)){.wa-inline-var-btn{border:1px solid color-mix(in srgb, var(--brand-primary) 30%, transparent)}}.wa-inline-var-btn{border-radius:var(--radius-sm);white-space:nowrap;transition:all .15s}.wa-inline-var-btn:hover:not(:disabled){background:var(--brand-primary)}@supports (color:color-mix(in lab, red, red)){.wa-inline-var-btn:hover:not(:disabled){background:color-mix(in srgb, var(--brand-primary) 10%, transparent)}}.wa-inline-var-btn:disabled{opacity:.35;cursor:not-allowed}.wa-char-counter{color:var(--text-muted);bottom:6px;font-size:10px;position:absolute;inset-inline-end:8px}.wa-char-counter.warn{color:var(--color-danger);font-weight:600}.wa-body-textarea{resize:vertical;min-height:120px;padding-bottom:24px!important}.wa-samples-box{margin-top:var(--space-3);padding:var(--space-3);background:var(--brand-primary)}@supports (color:color-mix(in lab, red, red)){.wa-samples-box{background:color-mix(in srgb, var(--brand-primary) 6%, transparent)}}.wa-samples-box{border:1px solid var(--brand-primary)}@supports (color:color-mix(in lab, red, red)){.wa-samples-box{border:1px solid color-mix(in srgb, var(--brand-primary) 20%, transparent)}}.wa-samples-box{border-radius:var(--radius-lg);animation:.25s fadeIn}.wa-samples-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--brand-primary);margin-bottom:var(--space-1);font-weight:600;display:flex}.wa-samples-badge{color:#fff;background:var(--brand-primary);border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;margin-inline-start:auto;padding:2px 8px;font-size:10px;font-weight:700}.wa-samples-desc{color:var(--text-muted);margin:0 0 var(--space-3) 0;font-size:11px;line-height:1.5}.wa-samples-grid{gap:var(--space-2);flex-direction:column;display:flex}.wa-sample-var-row{align-items:center;gap:var(--space-2);display:flex}.wa-sample-tag{color:var(--brand-primary);background:var(--brand-primary);font-family:monospace;font-size:11px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.wa-sample-tag{background:color-mix(in srgb, var(--brand-primary) 10%, transparent)}}.wa-sample-tag{border-radius:var(--radius-md);white-space:nowrap;text-align:center;flex-shrink:0;min-width:42px;padding:3px 8px}.wa-media-sample{margin-top:var(--space-2);gap:var(--space-2);flex-direction:column;display:flex}.wa-media-sample-label{align-items:flex-start;gap:var(--space-1);color:var(--text-muted);font-size:11px;line-height:1.5;display:flex}.wa-media-sample-label svg{color:var(--color-info);flex-shrink:0;margin-top:1px}.wa-drop-zone{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-4);border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-raised);color:var(--text-muted);cursor:pointer;text-align:center;flex-direction:column;min-height:90px;transition:all .15s;display:flex}.wa-drop-zone:hover,.wa-drop-zone.drag-over{border-color:var(--brand-primary);background:var(--brand-primary)}@supports (color:color-mix(in lab, red, red)){.wa-drop-zone:hover,.wa-drop-zone.drag-over{background:color-mix(in srgb, var(--brand-primary) 5%, transparent)}}.wa-drop-zone:hover,.wa-drop-zone.drag-over{color:var(--brand-primary)}.wa-drop-label{font-size:var(--text-sm);font-weight:500}.wa-drop-hint{color:var(--text-muted);font-size:11px}.wa-uploaded-file{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-raised);animation:.2s fadeIn;display:flex}.wa-uploaded-thumb{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-shrink:0;width:40px;height:40px}.wa-uploaded-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.wa-uploaded-name{font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.wa-upload-status{align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.wa-upload-status.uploading{color:var(--text-muted)}.wa-upload-status.success{color:var(--color-success)}.wa-upload-status.error{color:var(--color-danger)}.wa-var-btn{color:var(--brand-primary);font-family:monospace;font-size:11px}.wa-button-item{gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.wa-button-row{align-items:center;gap:var(--space-2);display:flex}.wa-var-hint-link{margin-top:var(--space-1);padding:2px var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-family:monospace;transition:color .15s,background .15s;display:inline-flex}.wa-var-hint-link:hover{color:var(--brand-primary);background:var(--brand-primary)}@supports (color:color-mix(in lab, red, red)){.wa-var-hint-link:hover{background:color-mix(in srgb, var(--brand-primary) 8%, transparent)}}.wa-auth-callout{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:#92400e;margin-bottom:var(--space-3);background:#f59e0b14;border:1px solid #f59e0b40;line-height:1.5;display:flex}.wa-auth-callout svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.wa-auth-body-card{background:var(--brand-primary)}@supports (color:color-mix(in lab, red, red)){.wa-auth-body-card{background:color-mix(in srgb, var(--brand-primary) 5%, var(--bg-raised))}}.wa-auth-body-card{border:1px solid var(--brand-primary)}@supports (color:color-mix(in lab, red, red)){.wa-auth-body-card{border:1px solid color-mix(in srgb, var(--brand-primary) 18%, transparent)}}.wa-auth-body-card{border-radius:var(--radius-md);overflow:hidden}.wa-auth-body-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--brand-primary);display:flex}@supports (color:color-mix(in lab, red, red)){.wa-auth-body-header{background:color-mix(in srgb, var(--brand-primary) 10%, transparent)}}.wa-auth-body-header{font-size:var(--text-xs);color:var(--brand-primary);font-weight:600}.wa-auth-body-preview{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}@supports (color:color-mix(in lab, red, red)){.wa-auth-body-preview{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 60%, transparent)}}.wa-auth-body-code{font-size:var(--text-sm);color:var(--text-primary);margin:0 0 var(--space-1)}.wa-auth-body-disclaimer{font-size:var(--text-xs);color:var(--text-muted);margin:0}.wa-auth-toggle-row{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);display:flex}.wa-auth-toggle-row input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--brand-primary);flex-shrink:0}.wa-auth-expiry-input{align-items:center;gap:var(--space-2);padding:0 var(--space-4) var(--space-3);display:flex}.wa-auth-expiry-input .form-input{width:80px}.wa-auth-expiry-unit{font-size:var(--text-sm);color:var(--text-muted)}.wa-otp-button-card{background:#f59e0b}@supports (color:color-mix(in lab, red, red)){.wa-otp-button-card{background:color-mix(in srgb, #f59e0b 5%, var(--bg-raised))}}.wa-otp-button-card{border-radius:var(--radius-md);border:1px solid #f59e0b40;overflow:hidden}.wa-otp-button-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:#92400e;background:#f59e0b1a;border-bottom:1px solid #f59e0b33;font-weight:600;display:flex}.wa-otp-button-card .wa-form-sublabel{padding:var(--space-3) var(--space-3) var(--space-1);display:block}.wa-otp-button-card .form-input{margin:0 var(--space-3);width:calc(100% - var(--space-6))}.wa-otp-button-card .wa-form-hint{padding:var(--space-2) var(--space-3) var(--space-3);margin:0}.wa-utility-warning{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-warning);display:flex}@supports (color:color-mix(in lab, red, red)){.wa-utility-warning{background:color-mix(in srgb, var(--color-warning) 8%, transparent)}}.wa-utility-warning{border:1px solid var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.wa-utility-warning{border:1px solid color-mix(in srgb, var(--color-warning) 30%, transparent)}}.wa-utility-warning{border-radius:var(--radius-md);font-size:var(--text-xs);color:#78350f;margin-bottom:var(--space-3);line-height:1.5}.wa-utility-warning svg{color:var(--color-warning);flex-shrink:0;margin-top:1px}.wa-url-var-sample{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--brand-primary)}@supports (color:color-mix(in lab, red, red)){.wa-url-var-sample{background:color-mix(in srgb, var(--brand-primary) 5%, var(--bg-raised))}}.wa-url-var-sample{border:1px solid var(--brand-primary)}@supports (color:color-mix(in lab, red, red)){.wa-url-var-sample{border:1px solid color-mix(in srgb, var(--brand-primary) 18%, transparent)}}.wa-url-var-sample{border-radius:var(--radius-md);gap:var(--space-1);flex-direction:column;display:flex}.wa-url-var-sample .wa-form-hint{margin:0}.wa-header-sample-wrap{margin-top:var(--space-2)}.wa-form-sublabel{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1);display:flex}.wa-button-counter{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.wa-btn-count{background:var(--brand-primary);justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.wa-btn-count{background:color-mix(in srgb, var(--brand-primary) 15%, transparent)}}.wa-btn-count{color:var(--brand-primary);border-radius:10px;margin-inline-start:var(--space-1);padding:1px 5px;font-size:10px;font-weight:600;line-height:1.4}.wa-button-type-badge{font-size:var(--text-lg);flex-shrink:0}.wa-add-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.wa-validation-errors{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);color:#dc2626;font-size:var(--text-xs);margin-bottom:var(--space-3);background:#dc26260f;border:1px solid #dc262626;line-height:1.5;display:flex}.wa-validation-errors svg{flex-shrink:0;margin-top:2px}.wa-validation-errors ul{margin:0;padding-inline-start:var(--space-3);list-style:outside}.wa-validation-errors li{margin-bottom:2px}.wa-validation-errors li:last-child{margin-bottom:0}.wa-form-actions{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);display:flex}.wa-template-preview-pane{top:var(--space-4);position:sticky}.wa-preview-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);text-align:center;font-weight:600}.wa-preview-phone{border:2px solid var(--border-default);border-radius:24px;width:100%;max-width:340px;margin:0 auto;overflow:hidden;box-shadow:0 8px 32px #0000001f}.wa-preview-screen{background:#efeae2}.wa-preview-chat-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:#fff;background:#075e54;display:flex}.wa-preview-avatar{border-radius:var(--radius-full);color:#fff;background:#fff3;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.wa-preview-business-name{font-size:var(--text-sm);font-weight:600}.wa-preview-chat-area{padding:var(--space-4) var(--space-3);background:url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='40' height='40'%3E%3Cpath d='M0 0h40v40H0z' fill='none'/%3E%3Ccircle cx='20' cy='20' r='1' fill='%23d5d0c8' opacity='0.3'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23a)'/%3E%3C/svg%3E");min-height:300px}.wa-preview-bubble{border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);background:#fff;max-width:280px;overflow:hidden;box-shadow:0 1px 2px #00000014}.wa-preview-bubble-header{padding:var(--space-2) var(--space-3) 0;color:#111;font-size:13px;font-weight:600}.wa-preview-media-placeholder{padding:var(--space-3) var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);color:#999;background:#f0f0f0;font-size:12px;display:flex}.wa-preview-media-placeholder.doc{background:#f7f7f7;justify-content:flex-start}.wa-preview-bubble-body{padding:var(--space-2) var(--space-3);color:#111;word-wrap:break-word;font-size:13px;line-height:1.5}.wa-preview-bubble-body.placeholder{color:#aaa;font-style:italic}.wa-preview-bubble-body strong{font-weight:700}.wa-preview-bubble-body em{font-style:italic}.wa-preview-bubble-body del{text-decoration:line-through}.wa-preview-bubble-body code{background:#0000000f;border-radius:3px;padding:0 3px;font-family:monospace}.wa-preview-var{color:#1a7a45;white-space:nowrap;background:#25d36626;border-radius:4px;padding:0 4px;font-size:11px;font-weight:500;display:inline-block}.wa-preview-bubble-footer{padding:0 var(--space-3) var(--space-2);color:#667781;font-size:11px}.wa-preview-time{text-align:end;padding:0 var(--space-3) var(--space-1);color:#667781;font-size:10px}.wa-preview-bubble-buttons{border-top:1px solid #e9edef;flex-direction:column;margin-top:4px;display:flex}.wa-preview-bubble-btn{color:#00a884;background:#fff;border-top:1px solid #e9edef;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.wa-preview-bubble-btn:first-child{border-top:none}.wa-preview-bubble-btn:hover{background:#f8faf9}.wa-preview-bubble-btn-otp{color:#b45309;background:#fef7eb;font-weight:600}.wa-preview-auth-expiry{color:#128c7e;align-items:center;gap:4px;font-size:10px;display:flex}.wa-preview-media-img{background:#f0f0f0;justify-content:center;align-items:center;max-height:160px;display:flex;overflow:hidden}.wa-preview-media-img img{object-fit:cover;width:100%;display:block}.spin{animation:1s linear infinite spin}@media (max-width:900px){.wa-template-form-container{grid-template-columns:1fr}.wa-template-preview-pane{position:static}.wa-category-picker{grid-template-columns:1fr}}@media (max-width:768px){.wa-template-grid{grid-template-columns:1fr}.wa-templates-toolbar{flex-direction:column;align-items:stretch}}.wa-lto-toggle-row{margin-bottom:var(--space-3)}.wa-lto-toggle-label{align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);-webkit-user-select:none;user-select:none;display:flex}.wa-lto-toggle{background:var(--border-strong);cursor:pointer;border-radius:11px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.wa-lto-toggle.on{background:var(--brand-primary)}.wa-lto-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.wa-lto-toggle.on .wa-lto-thumb{transform:translate(16px)}.wa-lto-fields{gap:var(--space-3);padding:var(--space-3);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex}.wa-lto-expiry-row{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);display:flex}.wa-lto-expiry-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand-primary);cursor:pointer}.wa-lto-info{align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-subtle);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border-inline-start:2px solid var(--color-warning);display:flex}.wa-preview-lto{background:linear-gradient(135deg,#00a88414,#00a88408);border:1px solid #00a88440;border-radius:8px;margin:6px 8px 4px;overflow:hidden}.wa-preview-lto-tag{align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.wa-preview-lto-icon-svg{color:#00a884;flex-shrink:0;margin-top:1px}.wa-preview-lto-content{flex-direction:column;gap:2px;display:flex}.wa-preview-lto-offer{color:var(--text-primary);font-size:12.5px;font-weight:700;line-height:1.3}.wa-preview-lto-expiry{color:#667781;font-size:11px;line-height:1.3}.wa-carousel-editor{gap:var(--space-2);flex-direction:column;display:flex}.wa-carousel-tabs{gap:var(--space-1);padding-bottom:var(--space-1);scrollbar-width:thin;display:flex;overflow-x:auto}.wa-carousel-tab{border-radius:var(--radius-sm);border:1.5px solid var(--border-subtle);background:var(--bg-surface);cursor:pointer;font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;justify-content:center;align-items:center;gap:4px;min-width:36px;padding:6px 12px;font-weight:600;transition:all .15s;display:flex;position:relative}.wa-carousel-tab:hover{border-color:var(--color-primary);background:var(--bg-surface-hover)}.wa-carousel-tab.active{border-color:var(--color-primary);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.wa-carousel-tab.active{background:color-mix(in srgb, var(--color-primary) 8%, transparent)}}.wa-carousel-tab.active{color:var(--color-primary)}.wa-carousel-tab-num{font-size:var(--text-xs);font-weight:700}.wa-carousel-tab-preview{color:var(--text-muted);display:flex}.wa-carousel-tab-remove{background:var(--color-error);color:#fff;cursor:pointer;opacity:0;top:-4px;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;transition:opacity .15s;display:flex;position:absolute;inset-inline-end:-4px}.wa-carousel-tab:hover .wa-carousel-tab-remove{opacity:1}.wa-carousel-tab-add{color:var(--text-muted);border-style:dashed}.wa-carousel-tab-add:hover{color:var(--color-primary)}.wa-carousel-card-editor{border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);background:var(--bg-surface);gap:var(--space-3);flex-direction:column;display:flex}.wa-carousel-card-header{justify-content:space-between;align-items:center;display:flex}.wa-carousel-card-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.wa-carousel-card-nav{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);display:flex}.wa-carousel-media-section,.wa-carousel-body-section,.wa-carousel-buttons-section{gap:var(--space-1);flex-direction:column;display:flex}.wa-carousel-media-preview{border-radius:var(--radius-sm);max-height:120px;position:relative;overflow:hidden}.wa-carousel-media-preview img{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:100px}.wa-carousel-video-placeholder{border-radius:var(--radius-sm);color:#fff;background:#1a1a2e;justify-content:center;align-items:center;width:100%;height:100px;display:flex}.wa-carousel-media-remove{color:#fff;cursor:pointer;top:4px;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;inset-inline-end:4px}.wa-carousel-drop-zone{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);border:2px dashed var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);font-size:var(--text-sm);flex-direction:column;transition:all .15s;display:flex}.wa-carousel-drop-zone:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.wa-carousel-drop-zone:hover{background:color-mix(in srgb, var(--color-primary) 4%, transparent)}}.wa-carousel-drop-hint{font-size:var(--text-xs);color:var(--text-muted)}.wa-carousel-button-row{align-items:center;gap:var(--space-1);display:flex}.wa-carousel-button-row .form-input{flex:1;min-width:0}.wa-carousel-add-buttons{gap:var(--space-1);flex-wrap:wrap;display:flex}.wa-preview-carousel-wrapper{flex-direction:column;gap:0;width:100%;display:flex}.wa-preview-bubble-carousel-top{border-radius:var(--radius-lg);width:100%;max-width:100%!important;margin-bottom:6px!important}.wa-preview-carousel-outer{width:100%;overflow:hidden}.wa-preview-carousel-strip{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.wa-preview-carousel-strip::-webkit-scrollbar{display:none}.wa-preview-carousel-card{scroll-snap-align:start;background:#fff;border-radius:10px;flex:0 0 88%;overflow:hidden;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.wa-preview-carousel-card-media{aspect-ratio:1.15;background:#c8cdd2;width:100%;position:relative;overflow:hidden}.wa-preview-carousel-card-media img{object-fit:cover;width:100%;height:100%;display:block}.wa-preview-carousel-placeholder{color:#6e7780;background:linear-gradient(135deg,#d0d7de 0%,#bfc8d1 100%);flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;font-size:11px;font-weight:500;display:flex}.wa-preview-carousel-video{color:#ffffffe6;background:linear-gradient(135deg,#1a1a2e 0%,#2d2d44 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wa-preview-carousel-nav-arrow{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;inset-inline-end:8px;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:700;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 4px #0000004d}.wa-preview-carousel-card-body{color:#111b21;padding:10px 12px 8px;font-size:13px;line-height:1.4}.wa-preview-carousel-card-buttons{border-top:1px solid #e8e8e8;margin-top:2px}.wa-preview-carousel-card-btn{color:#008069;border-top:1px solid #f0f0f0;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-size:13px;font-weight:600;display:flex}.wa-preview-carousel-card-btn:first-child{border-top:none}.wa-preview-media-placeholder.location{color:#2e7d32;background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%)}.wa-btn-guide{margin:var(--space-1) 0 0 0;border-radius:var(--radius-sm);background:var(--color-info,#3b82f6);align-items:flex-start;gap:6px;padding:6px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.wa-btn-guide{background:color-mix(in srgb, var(--color-info,#3b82f6) 8%, transparent)}}.wa-btn-guide{border-inline-start:2px solid var(--color-info,#3b82f6)}@supports (color:color-mix(in lab, red, red)){.wa-btn-guide{border-inline-start:2px solid color-mix(in srgb, var(--color-info,#3b82f6) 40%, transparent)}}.wa-btn-guide{color:var(--text-secondary);font-size:11.5px;line-height:1.45}.wa-btn-guide svg{color:var(--color-info,#3b82f6);flex-shrink:0;margin-top:1px}.wa-location-warning{margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-warning,#f59e0b)}@supports (color:color-mix(in lab, red, red)){.wa-location-warning{background:color-mix(in srgb, var(--color-warning,#f59e0b) 8%, transparent)}}.wa-location-warning{border:1px solid var(--color-warning,#f59e0b)}@supports (color:color-mix(in lab, red, red)){.wa-location-warning{border:1px solid color-mix(in srgb, var(--color-warning,#f59e0b) 25%, transparent)}}.wa-location-warning{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.wa-location-warning-header{align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);color:var(--text-primary);font-size:var(--text-sm);display:flex}.wa-location-warning-header svg{color:var(--color-warning,#f59e0b)}.wa-location-warning p{margin:0 0 var(--space-2)}.wa-location-warning-tip{color:var(--text-primary)}.wa-location-warning-url{padding:var(--space-2);border-radius:var(--radius-sm);background:var(--bg-primary);border:1px solid var(--border-color);font-family:var(--font-mono,monospace);color:var(--color-primary);word-break:break-all;margin-bottom:var(--space-2);font-size:11px;display:block}.wa-location-warning-sub{color:var(--text-muted);font-size:11px;margin:0!important}.wa-carousel-info-banner{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-warning);display:flex}@supports (color:color-mix(in lab, red, red)){.wa-carousel-info-banner{background:color-mix(in srgb, var(--color-warning) 10%, transparent)}}.wa-carousel-info-banner{border:1px solid var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.wa-carousel-info-banner{border:1px solid color-mix(in srgb, var(--color-warning) 25%, transparent)}}.wa-carousel-info-banner{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.wa-carousel-info-banner svg{color:var(--color-warning);flex-shrink:0;margin-top:1px}.wa-carousel-tab.incomplete{border-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.wa-carousel-tab.incomplete{border-color:color-mix(in srgb, var(--color-warning) 50%, var(--border-subtle))}}.wa-carousel-tab-ok{color:var(--color-success)}.wa-carousel-tab-warn{color:var(--color-warning)}.wa-carousel-upload-status{bottom:4px;position:absolute;inset-inline:4px}.wa-carousel-uploading,.wa-carousel-uploaded,.wa-carousel-upload-fail{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.wa-carousel-uploading{color:#fff;background:#0000008c}.wa-carousel-uploaded{color:#4ade80;background:#0000008c}.wa-carousel-upload-fail{color:#fbbf24;background:#0000008c}.wa-carousel-required-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;background:var(--color-error);margin-inline-start:var(--space-1);padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}@supports (color:color-mix(in lab, red, red)){.wa-carousel-required-badge{background:color-mix(in srgb, var(--color-error) 12%, transparent)}}.wa-carousel-required-badge{color:var(--color-error)}.wa-carousel-validation{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;display:flex}.wa-carousel-validation.ready{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.wa-carousel-validation.ready{background:color-mix(in srgb, var(--color-success) 10%, transparent)}}.wa-carousel-validation.ready{color:var(--color-success);border:1px solid var(--color-success)}@supports (color:color-mix(in lab, red, red)){.wa-carousel-validation.ready{border:1px solid color-mix(in srgb, var(--color-success) 20%, transparent)}}.wa-carousel-validation.pending{background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.wa-carousel-validation.pending{background:color-mix(in srgb, var(--color-warning) 10%, transparent)}}.wa-carousel-validation.pending{color:var(--color-warning);border:1px solid var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.wa-carousel-validation.pending{border:1px solid color-mix(in srgb, var(--color-warning) 20%, transparent)}}.wa-spin{animation:1s linear infinite wa-spin-anim}@keyframes wa-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wa-carousel-media-preview{position:relative}.send-method-picker{padding:var(--space-4) 0}.send-method-title{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:600}.send-method-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.send-method-cards{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.send-method-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;text-align:start;flex-direction:column;transition:all .2s;display:flex;position:relative}.send-method-card:hover:not(.disabled){border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.send-method-card.selected{border-color:var(--color-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,99, 102, 241), .15)}.send-method-card.disabled{opacity:.6;cursor:not-allowed}.send-method-card-icon{border-radius:var(--radius-lg);background:var(--bg-tertiary);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.send-method-card-content{flex:1}.send-method-card-label{font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:600}.send-method-card-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.send-method-perks{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.send-method-perks li{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);display:flex}.send-method-perks .perk-icon{color:var(--color-success);flex-shrink:0}.send-method-warning{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:#b45309;background:#f59e0b1a;display:flex}.send-method-disabled-msg{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:#dc2626;background:#ef44441a;display:flex}.send-method-selected-badge{top:var(--space-3);border-radius:var(--radius-full);background:var(--color-primary);color:#fff;width:28px;height:28px;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:var(--space-3)}.wa-template-picker{gap:var(--space-4);flex-direction:column;display:flex}.wa-template-picker-search{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex}.wa-template-picker-search .form-input{font-size:var(--text-sm);box-shadow:none;background:0 0;border:none;flex:1;padding:0}.wa-template-picker-search .form-input:focus{box-shadow:none;outline:none}.wa-template-picker-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.wa-tpl-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;text-align:start;transition:all .15s;display:flex;position:relative}.wa-tpl-card:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.wa-tpl-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:#f6f7fe}.wa-tpl-card__check{border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;transition:all .15s;display:flex}.wa-tpl-card__check--active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.wa-tpl-card__content{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.wa-tpl-card__name{align-items:center;gap:var(--space-1);font-weight:600;font-size:var(--text-sm);color:var(--text-primary);text-transform:capitalize;display:flex}.wa-tpl-card__body{font-size:var(--text-xs);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.wa-tpl-card__tags{margin-top:var(--space-1);flex-wrap:wrap;gap:4px;display:flex}.wa-tpl-tag{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;align-items:center;gap:3px;padding:1px 6px;font-size:.625rem;font-weight:600;line-height:1.6;display:inline-flex}.wa-tpl-tag--lang{color:#369;background:#e4edf6}.wa-tpl-tag--header{color:#539;background:#eae4f6}.wa-tpl-tag--carousel{color:#a15912;background:#fbeddf}.wa-tpl-tag--lto{color:#a32929;background:#f8e2e2}.wa-tpl-tag--vars{color:#2e6b44;background:#e2f3e8}.wa-tpl-tag--btns{color:#2d6886;background:#e4f0f6}.wa-template-picker-empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-secondary)}.wa-template-picker-loading{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.wa-template-selected-panel{gap:var(--space-3);flex-direction:column;display:flex}.wa-template-live-preview{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--bg-subtle)}.wa-template-live-preview-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 0 var(--space-3);font-weight:600}.wa-variable-mapping{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.wa-variable-mapping-grid{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.wa-variable-row{align-items:center;gap:var(--space-3);display:flex}.wa-variable-badge{font-family:var(--font-mono,monospace);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);background:rgba(var(--color-primary-rgb,99, 102, 241), .1);border-radius:var(--radius-md);color:var(--color-primary);white-space:nowrap;text-align:center;min-width:50px;font-weight:600}.wa-template-preview-section{padding-top:var(--space-3);border-top:1px solid var(--border-primary)}.wa-template-preview-box{margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:#e5ddd5;max-width:340px}.wa-preview-header-text{margin-bottom:var(--space-2);font-size:13px;font-weight:600}.wa-preview-body-text{white-space:pre-wrap;word-wrap:break-word;font-size:13px;line-height:1.5}.wa-preview-footer-text{color:#667781;margin-top:var(--space-2);font-size:11px}.cost-estimate{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.cost-estimate-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-weight:600;display:flex}.cost-estimate-total{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.cost-estimate-note{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.cost-estimate-breakdown{margin-top:var(--space-3);border-top:1px solid var(--border-primary);padding-top:var(--space-3)}.cost-estimate-row{padding:var(--space-1) 0;font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.cost-estimate-row .country{color:var(--text-secondary)}.delivery-tab{gap:var(--space-6);flex-direction:column;display:flex}.delivery-loading{align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-secondary);flex-direction:column;display:flex}.delivery-stat-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.delivery-stat-card{align-items:center;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--bg-primary);border:1px solid var(--border-primary);flex-direction:column;transition:transform .2s;display:flex}.delivery-stat-card:hover{transform:translateY(-2px)}.delivery-stat-card.sent{color:#6366f1;border-inline-start:3px solid #6366f1}.delivery-stat-card.delivered{color:#22c55e;border-inline-start:3px solid #22c55e}.delivery-stat-card.read{color:#3b82f6;border-inline-start:3px solid #3b82f6}.delivery-stat-card.failed{color:#ef4444;border-inline-start:3px solid #ef4444}.delivery-stat-value{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.delivery-stat-label{font-size:var(--text-sm);font-weight:500}.delivery-funnel{padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl)}.delivery-section-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-4);font-weight:600}.delivery-funnel-bars{gap:var(--space-3);flex-direction:column;display:flex}.delivery-funnel-row{align-items:center;gap:var(--space-3);grid-template-columns:90px 1fr 120px;display:grid}.delivery-funnel-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.delivery-funnel-bar-track{background:var(--bg-tertiary);border-radius:var(--radius-full);height:12px;overflow:hidden}.delivery-funnel-bar{border-radius:var(--radius-full);height:100%;transition:width .5s}.delivery-funnel-bar.sent{background:linear-gradient(90deg,#6366f1,#818cf8)}.delivery-funnel-bar.delivered{background:linear-gradient(90deg,#22c55e,#4ade80)}.delivery-funnel-bar.read{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.delivery-funnel-value{font-size:var(--text-sm);color:var(--text-secondary);text-align:end}.delivery-funnel-failed-note{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:#ef4444;background:#ef444414;display:flex}.delivery-error-groups{gap:var(--space-3);flex-direction:column;display:flex}.error-group-card{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-primary);overflow:hidden}.error-group-card.retryable{border-inline-start:3px solid #f59e0b}.error-group-card.permanent{border-inline-start:3px solid #ef4444}.error-group-header{width:100%;padding:var(--space-3) var(--space-4);cursor:pointer;text-align:start;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.error-group-header-left{align-items:flex-start;gap:var(--space-3);display:flex}.error-group-icon{flex-shrink:0;margin-top:2px}.error-group-card.retryable .error-group-icon{color:#f59e0b}.error-group-card.permanent .error-group-icon{color:#ef4444}.error-group-title{font-weight:600;font-size:var(--text-sm)}.error-group-count{color:var(--text-secondary);margin-inline-start:var(--space-2);font-weight:400}.error-group-desc{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.error-group-body{padding:0 var(--space-4) var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.error-group-action{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.error-group-contacts-header{align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:600;display:flex}.error-group-contact-list{gap:var(--space-1);flex-direction:column;display:flex}.error-group-contact{font-size:var(--text-sm);padding:var(--space-1) 0;justify-content:space-between;display:flex}.error-group-contact-name{font-weight:500}.error-group-contact-phone{color:var(--text-secondary);font-variant-numeric:tabular-nums}.error-group-more{font-size:var(--text-xs);color:var(--text-secondary);padding-top:var(--space-2)}.delivery-contacts{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden}.delivery-contacts-header{padding:var(--space-4);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.delivery-contacts-search{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary);display:flex}.delivery-search-input{font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;width:160px}.delivery-table-wrap{overflow-x:auto}.delivery-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.delivery-table th{text-align:start;padding:var(--space-2) var(--space-4);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-secondary)}.delivery-table td{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-primary)}.delivery-table .phone-cell{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.delivery-table .time-cell{color:var(--text-secondary);font-variant-numeric:tabular-nums}.delivery-status-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.delivery-status-badge.sent{color:#6366f1;background:#6366f11a}.delivery-status-badge.delivered{color:#22c55e;background:#22c55e1a}.delivery-status-badge.read{color:#3b82f6;background:#3b82f61a}.delivery-status-badge.failed{color:#ef4444;background:#ef44441a}.delivery-status-badge.pending,.delivery-status-badge.success{color:#6b7280;background:#9ca3af1a}.delivery-table-more{text-align:center;padding:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}@media (max-width:768px){.send-method-cards{grid-template-columns:1fr}.delivery-stat-grid{grid-template-columns:repeat(2,1fr)}.delivery-funnel-row{grid-template-columns:70px 1fr 80px}.wa-template-picker-grid{grid-template-columns:1fr}.campaign-config-location-grid{grid-template-columns:1fr!important}}.wa-template-selected-info{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-success-bg,#edf7f1);border:1px solid var(--color-success-border,#b8e0c7);border-radius:var(--radius-md);color:var(--color-success,#248f4b);font-size:var(--text-sm);margin-top:var(--space-3);display:flex}.wa-config-loading{align-items:center;gap:var(--space-2);padding:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-3);display:flex}.campaign-config-panel{margin-top:var(--space-5);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--card-bg)}.campaign-config-title{align-items:center;gap:var(--space-2);font-size:var(--text-base);margin:0 0 var(--space-1);font-weight:600;display:flex}.campaign-config-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-4);line-height:1.5}.campaign-config-empty{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--bg-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-4);display:flex}.campaign-config-section{padding:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-4);background:var(--bg-subtle)}.campaign-config-section-header{align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-3);color:var(--text-primary);display:flex}.campaign-config-badge{background:var(--color-primary-bg,#e8ebfc);color:var(--color-primary,#304fe8);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.campaign-config-hint{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 var(--space-3);align-items:center;gap:var(--space-1);line-height:1.5;display:flex}.campaign-config-var-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.campaign-config-var-label{font-family:SF Mono,Fira Code,monospace;font-size:var(--text-xs);color:#63c;white-space:nowrap;text-align:center;background:#f0ebfa;border-radius:4px;min-width:44px;padding:2px 8px;font-weight:600}.campaign-config-var-controls{gap:var(--space-2);flex:1;display:flex}.campaign-config-var-controls .form-select,.campaign-config-var-controls .form-input{flex:1}.campaign-config-body-preview{font-size:var(--text-sm);padding:var(--space-3);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:var(--space-3);white-space:pre-wrap;color:var(--text-secondary);max-height:120px;line-height:1.6;overflow-y:auto}.campaign-config-media-input{gap:var(--space-2);margin-bottom:var(--space-2);align-items:center;display:flex}.campaign-config-media-input .form-input{flex:1}.campaign-config-img-preview{border-radius:var(--radius-sm);object-fit:cover;max-width:200px;max-height:120px;margin-top:var(--space-2)}.campaign-config-location-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.campaign-config-location-field label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1);font-weight:500;display:block}.campaign-config-location-field.full-width{grid-column:span 2}.campaign-config-button-item,.campaign-config-card{padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:var(--space-2);background:var(--card-bg)}.campaign-config-card-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.campaign-config-card-num{font-weight:600;font-size:var(--text-sm)}.campaign-config-card-vars{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.campaign-config-upload{margin-bottom:var(--space-3)}.campaign-config-file-input{display:none}.campaign-config-upload-row{align-items:center;gap:var(--space-3);display:flex}.campaign-config-upload-limit{font-size:var(--text-xs);color:var(--text-muted)}.campaign-config-upload-error{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-error,#dd3c3c);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#fdf2f2;display:flex}.campaign-config-upload-success{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-success,#248f4b);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#f1f9f4;display:flex}.campaign-config-upload-filename{text-overflow:ellipsis;white-space:nowrap;font-family:SF Mono,Fira Code,monospace;font-size:var(--text-xs);flex:1;overflow:hidden}.campaign-config-upload-remove{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.campaign-config-upload-remove:hover{color:var(--color-error,#dd3c3c);background:#fbe9e9}.location-picker{gap:var(--space-3);flex-direction:column;display:flex}.location-picker-search{gap:var(--space-2);align-items:stretch;display:flex}.location-picker-search-input{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1;display:flex}.location-picker-search-input .form-input{font-size:var(--text-sm);box-shadow:none;background:0 0;border:none;flex:1;padding:0}.location-picker-search-input .form-input:focus{box-shadow:none;outline:none}.location-picker-results{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-lg);max-height:200px;margin-top:calc(-1 * var(--space-2));overflow-y:auto}.location-picker-result{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);text-align:start;width:100%;font-size:var(--text-xs);color:var(--text-primary);cursor:pointer;border:none;border-bottom:1px solid var(--border-color);background:0 0;line-height:1.4;display:flex}.location-picker-result:last-child{border-bottom:none}.location-picker-result:hover{background:var(--bg-subtle)}.location-picker-result svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.location-picker-result-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.location-picker-map-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-color);position:relative;overflow:hidden}.location-picker-map{z-index:0;width:100%;height:280px;cursor:crosshair!important}.location-picker-map-hint{padding:var(--space-1) var(--space-3);color:#fff;font-size:var(--text-xs);text-align:center;z-index:1;pointer-events:none;bottom:0;background:#0000008c;position:absolute;inset-inline:0}.location-picker-clear{top:var(--space-2);color:#fff;cursor:pointer;width:24px;height:24px;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:var(--space-2)}.location-picker-clear:hover{background:#000000b3}.location-picker-fields{gap:var(--space-2);flex-direction:column;display:flex}.location-picker-coord-row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.location-picker-field{flex-direction:column;gap:2px;display:flex}.location-picker-field label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.location-picker-field .form-input-sm{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.location-picker-copy-section{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.location-picker-copy-section{background:color-mix(in srgb, var(--color-primary) 5%, transparent)}}.location-picker-copy-section{border:1px solid var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.location-picker-copy-section{border:1px solid color-mix(in srgb, var(--color-primary) 15%, transparent)}}.location-picker-copy-label{font-size:var(--text-xs);color:var(--text-primary);margin:0 0 var(--space-2);font-weight:600}.location-picker-copy-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.location-picker-copy-row:last-child{margin-bottom:0}.location-picker-copy-value{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--bg-primary);border:1px solid var(--border-color);font-family:var(--font-mono,monospace);color:var(--color-primary);word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;font-size:12px}.location-picker-copy-url{color:var(--text-secondary);font-size:11px}.location-picker-copy-hint{color:var(--text-muted);margin:0 0 var(--space-1);font-size:11px}.flows-list{gap:var(--space-3);flex-direction:column;display:flex}.publish-error-banner{border-radius:var(--radius-lg);padding:var(--space-4);background:#fef5e7;border:1px solid #f0c375}.publish-error-content{gap:var(--space-2);flex-direction:column;display:flex}.publish-error-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.publish-error-header strong{color:#8a4d0f;font-size:var(--text-sm);font-weight:600}.publish-error-dismiss{color:#cc8033;cursor:pointer;font-size:var(--text-sm);background:0 0;border:none;padding:0;line-height:1}.publish-error-dismiss:hover{color:#8a4d0f}.publish-error-msg{font-size:var(--text-sm);color:#7a4d1f;margin:0;line-height:1.6}.publish-error-link{font-size:var(--text-sm);color:#8a4d0f;margin-top:var(--space-1);font-weight:600;text-decoration:underline;display:inline-block}.publish-error-link:hover{color:#5c330a}.flow-card{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--transition-normal), box-shadow var(--transition-normal)}.flow-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.flow-card-header{align-items:flex-start;gap:var(--space-3);display:flex}.flow-card-icon{border-radius:var(--radius-md);background:var(--brand-primary-subtle);width:40px;height:40px;color:var(--brand-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.flow-card-info{flex:1;min-width:0}.flow-card-title{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.flow-card-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 0}.flow-card-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.flow-card-menu-wrapper{position:relative}.flow-card-menu-wrapper.is-open{z-index:50}.flow-card-menu{z-index:50;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);padding:var(--space-1);top:calc(100% + 4px);animation:.15s fadeIn;position:absolute;inset-inline-end:0}.flow-card-menu button{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);text-align:start;white-space:nowrap;background:0 0;border:none;display:flex}.flow-card-menu button:hover{background:var(--bg-hover)}.flow-card-menu button:disabled{opacity:.5;cursor:not-allowed}.flow-card-menu-danger{color:var(--color-danger)!important}.flow-card-meta{gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.flow-card-meta-item{font-size:var(--text-xs);color:var(--text-muted)}.fb-purpose-stage{min-height:calc(100vh - 120px);padding:var(--space-6) var(--space-6) var(--space-12);flex-direction:column;display:flex}.fb-purpose-header{margin-bottom:var(--space-8)}.fb-back-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;display:inline-flex}.fb-back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.fb-purpose-hero{text-align:center;margin-bottom:var(--space-10)}.fb-purpose-title{font-size:var(--text-3xl);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:var(--space-3);font-weight:700}.fb-purpose-subtitle{font-size:var(--text-md);color:var(--text-secondary);max-width:440px;margin:0 auto}.fb-purpose-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);width:100%;max-width:900px;margin:0 auto;display:grid}.fb-purpose-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);background:var(--bg-raised);border:1.5px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;text-align:start;flex-direction:column;transition:all .2s cubic-bezier(.2,0,0,1);display:flex;position:relative;overflow:hidden}.fb-purpose-card:before{content:"";opacity:0;transition:opacity .2s;position:absolute;inset:0}.fb-purpose-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.fb-purpose-card.accent-blue{--accent:#6366f1;--accent-bg:#6366f114}.fb-purpose-card.accent-green{--accent:#14b8a6;--accent-bg:#14b8a614}.fb-purpose-card.accent-amber{--accent:#f59e0b;--accent-bg:#f59e0b14}.fb-purpose-card.accent-red{--accent:#ef4444;--accent-bg:#ef444414}.fb-purpose-card.accent-purple{--accent:#a855f7;--accent-bg:#a855f714}.fb-purpose-card.accent-gray{--accent:#6b7280;--accent-bg:#6b728014}.fb-purpose-card:hover{border-color:var(--accent)}.fb-purpose-card-icon{border-radius:var(--radius-lg);background:var(--accent-bg);width:48px;height:48px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.fb-purpose-card:hover .fb-purpose-card-icon{background:var(--accent);color:#fff;transform:scale(1.05)}.fb-purpose-card-body{flex:1}.fb-purpose-card-title{font-size:var(--text-md);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.fb-purpose-card-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.5}.fb-purpose-examples{flex-wrap:wrap;gap:6px;display:flex}.fb-purpose-example-tag{font-size:var(--text-xs);color:var(--accent);background:var(--accent-bg);border-radius:var(--radius-full);border:1px solid var(--accent-bg);padding:2px 8px}.fb-fields-stage{flex-direction:column;height:calc(100vh - 80px);min-height:600px;display:flex}.fb-fields-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--bg-raised);border-bottom:1px solid var(--border-default);flex-shrink:0;display:flex}.fb-fields-header-start{align-items:center;gap:var(--space-2);flex:none;min-width:0;display:flex}.fb-purpose-badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--brand-primary);background:var(--brand-primary-subtle);border-radius:var(--radius-full);padding:3px 10px;font-weight:500;display:inline-flex}.fb-form-name-input{font-size:var(--text-lg);color:var(--text-primary);text-align:center;min-width:0;transition:all var(--transition-fast);background:0 0;border:none;outline:none;flex:1;font-weight:600}.fb-form-name-input::placeholder{color:var(--text-muted)}.fb-form-name-input:focus{background:var(--bg-overlay);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3)}.fb-fields-header-end{flex:none;justify-content:flex-end;min-width:0;display:flex}.fb-save-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--brand-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:600;display:flex}.fb-save-btn:hover:not(:disabled){background:var(--brand-primary-hover)}.fb-save-btn:disabled{opacity:.4;cursor:not-allowed}.fb-page-sidebar{padding:0 var(--space-5);align-items:stretch;gap:0;padding-bottom:0;display:flex}.fb-page-sidebar-header{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-default);white-space:nowrap;border-inline-end:none;border-radius:8px 0 0 8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.fb-page-add-btn{border:1px solid var(--border-default);background:var(--surface-elevated);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;margin-inline-start:4px;transition:all .15s;display:flex}.fb-page-add-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.fb-page-list{flex:1;align-items:stretch;gap:0;display:flex;overflow-x:auto}.fb-page-item{cursor:pointer;background:var(--bg-subtle);border:1px solid var(--border-default);white-space:nowrap;border-inline-start:none;align-items:center;gap:6px;min-width:0;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.fb-page-item:last-child{border-radius:0 8px 8px 0}.fb-page-item.active{background:var(--surface-elevated);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 -2px 0 var(--color-primary) inset;font-weight:600}.fb-page-item:hover:not(.active){background:var(--surface-elevated)}.fb-page-item-left{align-items:center;gap:6px;min-width:0;display:flex}.fb-page-order{background:var(--border-default);width:18px;height:18px;color:var(--text-secondary);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.fb-page-item.active .fb-page-order{background:var(--color-primary);color:#fff}.fb-page-name{text-overflow:ellipsis;max-width:120px;overflow:hidden}.fb-page-count{color:var(--text-muted);background:var(--border-default);border-radius:8px;flex-shrink:0;padding:1px 5px;font-size:10px}.fb-page-rename-input{border:1px solid var(--color-primary);background:var(--surface-elevated);width:100px;color:var(--text-primary);border-radius:4px;outline:none;padding:2px 6px;font-size:12px}.fb-page-item-actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.fb-page-item:hover .fb-page-item-actions,.fb-page-item.active .fb-page-item-actions{opacity:1}.fb-page-action-btn{width:18px;height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .12s;display:flex}.fb-page-action-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.fb-page-action-btn:disabled{opacity:.3;cursor:default}.fb-page-delete-btn:hover{background:var(--color-danger-soft);color:var(--color-danger)}.fb-page-sidebar-empty{padding:0 var(--space-5)}.fb-page-enable-btn{color:var(--text-secondary);background:var(--bg-subtle);border:1px dashed var(--border-default);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.fb-page-enable-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--surface-elevated)}.fb-two-panel{flex:1;grid-template-columns:1fr 360px;display:grid;overflow:hidden}.fb-editor{gap:var(--space-4);padding:var(--space-5);border-inline-end:1px solid var(--border-default);flex-direction:column;display:flex;overflow-y:auto}.fb-add-bar{background:var(--bg-raised);border:1.5px solid var(--brand-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);position:relative}.fb-add-bar-label{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--brand-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-weight:600;display:flex}.fb-add-bar-row{align-items:center;gap:var(--space-2);display:flex}.fb-add-input{font-size:var(--text-base);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0}.fb-add-input::placeholder{color:var(--text-muted)}.fb-type-chip{background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.fb-type-chip:hover,.fb-type-selected{background:var(--brand-primary-subtle);border-color:var(--brand-primary);color:var(--brand-primary)}.fb-required-toggle{cursor:pointer;flex-shrink:0;align-items:center;gap:5px;display:flex}.fb-required-toggle input{display:none}.fb-required-toggle-label{font-size:var(--text-xs);color:var(--text-muted);transition:color var(--transition-fast)}.fb-required-toggle:has(input:checked) .fb-required-toggle-label{color:var(--brand-primary)}.fb-add-confirm-btn{background:var(--brand-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fb-add-confirm-btn:hover:not(:disabled){background:var(--brand-primary-hover);transform:scale(1.05)}.fb-add-confirm-btn:disabled{opacity:.3;cursor:not-allowed}.fb-type-drawer{background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20;padding:var(--space-3);top:calc(100% + 8px);animation:.15s slideDown;position:absolute;inset-inline:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.fb-type-drawer-grid{gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}.fb-type-drawer-item{padding:var(--space-2) var(--space-1);background:var(--bg-raised);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;display:flex}.fb-type-drawer-item:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-subtle)}.fb-type-drawer-item.selected{border-color:var(--brand-primary);background:var(--brand-primary-subtle);color:var(--brand-primary)}.fb-type-drawer-name{text-align:center;font-size:10px;font-weight:600}.fb-type-drawer-hint{color:var(--text-muted);text-align:center;font-size:9px;display:none}.fb-field-list{gap:var(--space-2);flex-direction:column;display:flex}.fb-field-empty{padding:var(--space-12) var(--space-6);text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.fb-field-empty-icon{color:var(--text-muted);opacity:.5}.fb-field-empty-title{font-size:var(--text-base);color:var(--text-secondary);font-weight:600}.fb-field-empty-hint{font-size:var(--text-sm);color:var(--text-muted);max-width:300px}.fb-field-card{background:var(--bg-raised);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);animation:.2s fieldAppear;overflow:hidden}@keyframes fieldAppear{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fb-field-card:hover{border-color:var(--border-strong)}.fb-field-card.expanded{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-subtle)}.fb-field-card-header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:52px;display:flex}.fb-field-card-left{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.fb-field-drag-handle{color:var(--text-muted);cursor:grab;flex-shrink:0;padding:2px}.fb-field-type-icon{border-radius:var(--radius-sm);background:var(--bg-overlay);width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.fb-field-card-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.fb-field-card-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.fb-field-type-badge{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-overlay);border-radius:var(--radius-full);padding:2px 8px}.fb-field-required-dot{background:var(--color-warning);border-radius:50%;flex-shrink:0;width:6px;height:6px}.fb-field-card-actions{opacity:0;transition:opacity var(--transition-fast);align-items:center;gap:2px;display:flex}.fb-field-card-header:hover .fb-field-card-actions{opacity:1}.fb-field-move-btn,.fb-field-delete-btn{cursor:pointer;border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.fb-field-move-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.fb-field-move-btn:disabled{opacity:.3;cursor:not-allowed}.fb-field-delete-btn:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.fb-field-chevron{color:var(--text-muted);transition:transform .2s}.fb-field-chevron.rotated{transform:rotate(180deg)}.fb-field-card-body{padding:var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-base);gap:var(--space-4);flex-direction:column;animation:.2s expandBody;display:flex}@keyframes expandBody{0%{opacity:0}to{opacity:1}}.fb-field-edit-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.fb-field-edit-row--compact{grid-template-columns:1fr auto;align-items:start}.fb-field-edit-group{gap:var(--space-1);flex-direction:column;display:flex}.fb-field-edit-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.fb-field-edit-input{background:var(--bg-raised);border:1.5px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none}.fb-field-edit-input:focus{border-color:var(--brand-primary)}.fb-field-edit-input::placeholder{color:var(--text-muted)}.fb-type-chips-row{flex-wrap:wrap;gap:6px;display:flex}.fb-type-chip-small{background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.fb-type-chip-small:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.fb-type-chip-small.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.fb-required-pill{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);padding-top:20px;display:flex}.fb-required-pill input{display:none}.fb-required-pill-track{background:var(--bg-hover);border-radius:var(--radius-full);width:36px;height:20px;transition:background var(--transition-fast);position:relative}.fb-required-pill:has(input:checked) .fb-required-pill-track{background:var(--brand-primary)}.fb-required-pill-thumb{width:14px;height:14px;transition:inset-inline-start var(--transition-fast);top:3px;background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px}.fb-required-pill:has(input:checked) .fb-required-pill-thumb{inset-inline-start:19px}.fb-options-editor{gap:var(--space-2);flex-direction:column;display:flex}.fb-option-row{align-items:center;gap:var(--space-2);display:flex}.fb-option-bullet{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:8px;height:8px}.fb-option-input{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);outline:none;flex:1}.fb-option-input:focus{border-color:var(--brand-primary)}.fb-option-remove{cursor:pointer;width:24px;height:24px;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fb-option-remove:hover{color:var(--color-danger);background:var(--color-danger-subtle)}.fb-option-add{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-1);background:0 0;align-self:flex-start;display:inline-flex}.fb-option-add:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.fb-repeat-card{background:var(--bg-raised);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-2)}.fb-repeat-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.fb-repeat-card-icon{border-radius:var(--radius-md);background:var(--bg-overlay);width:36px;height:36px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.fb-repeat-card-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.fb-repeat-card-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.fb-repeat-options{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.fb-repeat-option{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-base);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:start;transition:all var(--transition-fast);display:flex;position:relative}.fb-repeat-option:hover{border-color:var(--border-strong)}.fb-repeat-option.active{border-color:var(--brand-primary);background:var(--brand-primary-subtle)}.fb-repeat-option-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.fb-repeat-option-desc{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.fb-repeat-option-check{color:var(--brand-primary);inset-inline-end:var(--space-3);position:absolute;top:50%;transform:translateY(-50%)}.fb-repeat-count-row{align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.fb-repeat-ai-note{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);background:var(--brand-primary-subtle);border:1px solid var(--brand-primary-muted);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--brand-primary);line-height:1.5;display:flex}.fb-preview-panel{background:var(--bg-base);padding:var(--space-6) var(--space-4);justify-content:flex-start;align-items:center;gap:var(--space-3);flex-direction:column;display:flex;overflow-y:auto}.fpp-wrapper{align-items:center;gap:var(--space-3);flex-direction:column;display:flex;position:sticky;top:0}.fpp-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.fpp-phone{background:#1a1a2e;border-radius:36px;flex-direction:column;width:280px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 20px 60px #00000080,inset 0 1px #ffffff14}.fpp-status-bar{background:#075e54;justify-content:space-between;align-items:center;padding:8px 20px 4px;display:flex}.fpp-time{color:#fff;font-size:11px;font-weight:700}.fpp-status-icons{align-items:center;gap:6px;display:flex}.fpp-wa-header{background:#075e54;align-items:center;gap:10px;padding:10px 12px;display:flex}.fpp-wa-back{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;display:flex}.fpp-wa-avatar{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.fpp-wa-info{flex:1;min-width:0}.fpp-wa-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.fpp-wa-sub{color:#ffffffb3;font-size:10px}.fpp-screen-indicator{background:#f0f2f5;border-bottom:1px solid #e5e7eb;align-items:center;gap:6px;padding:6px 14px;display:flex}.fpp-screen-dot{cursor:pointer;background:#cbd5e1;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .15s}.fpp-screen-dot.active{background:#25d366;border-radius:3px;width:16px}.fpp-screen-label{color:#6b7280;margin-inline-start:auto;font-size:10px}.fpp-page-title{color:#1f2937;letter-spacing:.01em;background:#f0f2f5;padding:8px 14px 4px;font-size:12px;font-weight:600}.fpp-content{background:#fff;flex-direction:column;flex:1;gap:12px;min-height:360px;padding:16px 14px;display:flex;overflow-y:auto}.fpp-empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 0;display:flex}.fpp-empty-lines{opacity:.15;flex-direction:column;gap:8px;width:100%;display:flex}.fpp-empty-line{background:#94a3b8;border-radius:6px;height:10px;margin:0 auto}.fpp-empty-text{color:#9ca3af;text-align:center;font-size:12px}.fpp-field{flex-direction:column;gap:5px;display:flex}.fpp-field-label{color:#1f2937;font-size:12px;font-weight:600}.fpp-required{color:#ef4444;margin-inline-start:2px}.fpp-input{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;height:36px}.fpp-textarea{height:56px}.fpp-date{justify-content:space-between;align-items:center;padding:0 10px;display:flex}.fpp-date-placeholder{color:#9ca3af;font-size:11px}.fpp-date-icon{color:#6b7280}.fpp-dropdown{justify-content:space-between;align-items:center;padding:0 10px;display:flex}.fpp-dropdown-placeholder,.fpp-dropdown-arrow{color:#9ca3af;font-size:11px}.fpp-phone{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;align-items:center;height:36px;display:flex;overflow:hidden}.fpp-phone-code{color:#374151;white-space:nowrap;padding:0 8px;font-size:11px;font-weight:600}.fpp-phone-divider{background:#e5e7eb;width:1px;height:20px}.fpp-phone-input{flex:1}.fpp-email-input{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 10px;display:flex}.fpp-input-icon{color:#9ca3af}.fpp-input-line{background:#e5e7eb;flex:1;height:1px}.fpp-upload-box{background:#f8fafc;border:1.5px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:60px;display:flex}.fpp-upload-doc{background:#eff6ff;border-color:#93c5fd}.fpp-upload-icon{color:#9ca3af}.fpp-upload-doc .fpp-upload-icon{color:#60a5fa}.fpp-upload-hint{color:#9ca3af;font-size:10px}.fpp-checkbox-row,.fpp-radio-row{align-items:center;gap:8px;display:flex}.fpp-checkbox{border:1.5px solid #d1d5db;border-radius:3px;flex-shrink:0;width:14px;height:14px}.fpp-radio{border:1.5px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.fpp-radio.selected{border-color:#25d366}.fpp-radio-dot{background:#25d366;border-radius:50%;width:6px;height:6px}.fpp-option-label{color:#374151;font-size:11px}.fpp-action-area{background:#fff;border-top:1px solid #f3f4f6;padding:10px 14px}.fpp-action-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:8px;width:100%;padding:10px;font-size:13px;font-weight:700;transition:background .15s}.fpp-action-btn:hover{background:#22c55e}.fpp-screens-note{font-size:var(--text-xs);color:var(--text-muted);text-align:center}@media (max-width:900px){.fb-purpose-grid{grid-template-columns:repeat(2,1fr)}.fb-two-panel{grid-template-columns:1fr}.fb-preview-panel{display:none}}@media (max-width:600px){.fb-purpose-grid{grid-template-columns:1fr;max-width:400px}.fb-purpose-title{font-size:var(--text-2xl)}.fb-fields-header{gap:var(--space-2);flex-wrap:wrap}.fb-form-name-input{text-align:start;order:-1;width:100%}.fb-field-edit-row,.fb-repeat-options{grid-template-columns:1fr}}.badge-sm{padding:1px 6px;font-size:10px}.ftw-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.2s ftw-fade-in;display:flex;position:fixed;inset:0}@keyframes ftw-fade-in{0%{opacity:0}to{opacity:1}}.ftw-modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:560px;max-width:90vw;max-height:85vh;animation:.25s ftw-slide-up;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes ftw-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ftw-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.ftw-header-left{align-items:center;gap:var(--space-2);color:var(--color-success);font-size:14px;font-weight:600;display:flex}.ftw-header-title{color:var(--text-primary)}.ftw-close-btn{color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);background:0 0;border:none;transition:all .15s}.ftw-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ftw-setup{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.ftw-setup-label{color:var(--text-secondary);font-size:13px;font-weight:500}.ftw-item-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);color:var(--text-primary);outline:none;font-size:13px}.ftw-item-select:focus{border-color:var(--color-success);box-shadow:0 0 0 2px #10b98126}.ftw-start-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-success);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;font-size:13px;font-weight:600;transition:all .15s;display:flex}.ftw-start-btn:hover:not(:disabled){background:#17ab66}.ftw-start-btn:disabled{opacity:.5;cursor:not-allowed}.ftw-flow{padding:var(--space-4) var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.ftw-progress{gap:var(--space-2);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.ftw-progress-step{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--text-tertiary);background:var(--bg-subtle);cursor:pointer;white-space:nowrap;font-size:11px;font-weight:500;transition:all .15s;display:flex}.ftw-progress-step.active{background:var(--color-success);color:#fff}.ftw-progress-step.done{color:var(--color-success);background:#d9f2e6}.ftw-screen{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--bg-base)}.ftw-screen-title{align-items:center;gap:var(--space-2);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default);font-size:15px;font-weight:600;display:flex}.ftw-screen-body{min-height:80px}.ftw-field{margin-bottom:var(--space-3)}.ftw-field-label{color:var(--text-secondary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;display:block}.ftw-field-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;outline:none;font-size:13px}.ftw-field-select:focus{border-color:var(--color-success);box-shadow:0 0 0 2px #10b98126}.ftw-field-empty{color:var(--text-tertiary);padding:var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-md);font-size:13px;font-style:italic}.ftw-nav{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.ftw-nav-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;transition:all .15s;display:flex}.ftw-nav-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.ftw-nav-btn:disabled{opacity:.4;cursor:not-allowed}.ftw-nav-next{background:var(--color-success);color:#fff;border-color:var(--color-success)}.ftw-nav-next:hover:not(:disabled){color:#fff;background:#17ab66}.ftw-nav-reset{margin-inline:auto}.ftw-summary-card{background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.ftw-summary-line{color:var(--text-primary);padding:var(--space-1) 0;font-size:14px}.ftw-summary-price{color:var(--color-success);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-default);font-size:18px;font-weight:700}.ftw-summary-note{color:var(--text-tertiary);margin-top:var(--space-3);font-size:12px}.ftw-success{text-align:center;padding:var(--space-5)}.ftw-success-icon{color:var(--color-success);margin-bottom:var(--space-3)}.ftw-success-text{color:var(--text-primary);margin-bottom:var(--space-3);font-size:15px;font-weight:600}.ftw-debug{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.ftw-debug-summary{color:var(--text-tertiary);padding:var(--space-2) var(--space-3);cursor:pointer;background:var(--bg-subtle);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.ftw-debug-json{color:var(--text-secondary);padding:var(--space-3);background:var(--bg-base);max-height:200px;margin:0;font-family:SF Mono,Fira Code,monospace;font-size:11px;overflow:auto}.ftw-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);color:var(--color-danger);background:#feecec;border-top:1px solid #f4bebe;font-size:13px;display:flex}.ftw-spin{animation:.8s linear infinite ftw-spin}@keyframes ftw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.opp-container{gap:var(--space-3);flex-direction:column;display:flex}.opp-toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-primary,#fff);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.opp-search{align-items:center;gap:var(--space-2);min-width:160px;color:var(--text-tertiary);flex:1;display:flex}.opp-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.85rem}.opp-toolbar-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.opp-view-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;overflow:hidden}.opp-view-btn{width:32px;height:30px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.opp-view-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.opp-view-btn.active{background:var(--color-primary);color:#fff}.opp-filter-select{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-primary,#fff);color:var(--text-primary);cursor:pointer;padding:5px 10px;font-family:inherit;font-size:.8rem}.opp-toggle-expired{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;background:0 0;padding:4px 10px;font-size:.75rem;transition:all .15s}.opp-toggle-expired:hover{background:var(--bg-hover)}.opp-toggle-expired.active{background:var(--bg-secondary);color:var(--text-primary)}.opp-total{color:var(--text-tertiary);white-space:nowrap;font-size:.8rem;font-weight:500}.opp-timeline{flex-direction:column;gap:2px;display:flex}.opp-card{padding:var(--space-3) var(--space-4);background:var(--bg-primary,#fff);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.opp-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.opp-card:hover{box-shadow:0 2px 8px color-mix(in srgb, var(--color-primary) 8%, transparent)}}.opp-card-nested{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-color:#0000}.opp-card-nested:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.opp-card-main{align-items:center;gap:var(--space-3);display:flex}.opp-card-avatar{border-radius:var(--radius-full);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.opp-card-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.opp-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.opp-card-offering{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.opp-card-time{color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:4px;font-size:.75rem;display:flex}.opp-card-chevron{color:var(--text-tertiary);flex-shrink:0}.opp-status-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.opp-grouped{gap:var(--space-3);flex-direction:column;display:flex}.opp-group{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.opp-group-header{padding:var(--space-3) var(--space-4);background:var(--bg-primary,#fff);cursor:pointer;justify-content:space-between;align-items:center;transition:background .15s;display:flex}.opp-group-header:hover{background:var(--bg-hover)}.opp-group-header-left{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:.9rem;font-weight:600;display:flex}.opp-group-name{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.opp-group-count{background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-full);padding:2px 7px;font-size:.7rem;font-weight:700}.opp-funnel-counts{gap:var(--space-2);display:flex}.opp-funnel-pill{border-radius:var(--radius-full);align-items:center;gap:3px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.opp-group-body{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-subtle);flex-direction:column;gap:2px;display:flex}.opp-no-results{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-tertiary);font-size:.9rem}@media (max-width:640px){.opp-toolbar{gap:var(--space-2);flex-direction:column}.opp-search{width:100%}.opp-card-offering{display:none}.opp-group-name{max-width:180px}}.workflows-container{gap:var(--space-4);flex-direction:column;display:flex}.workflows-filters{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex}.workflows-search{align-items:center;gap:var(--space-2);color:var(--text-muted);flex:1;display:flex}.workflows-search input{font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.workflows-filter-group{align-items:center;gap:var(--space-2);color:var(--text-muted);display:flex}.workflows-filter-group select{font-size:var(--text-sm);padding:var(--space-1) var(--space-2);min-width:140px}.workflows-count{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.workflows-row{cursor:pointer;transition:background .15s}.workflows-row:hover{background:var(--surface-hover)}.workflows-contact{flex-direction:column;gap:2px;display:flex}.workflows-contact-name{color:var(--text-primary);font-weight:500}.workflows-contact-phone{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.workflows-form-name{font-size:var(--text-sm);color:var(--text-secondary)}.workflows-date{font-size:var(--text-xs);color:var(--text-muted)}.workflows-chevron{color:var(--text-muted)}.workflows-no-results{text-align:center;padding:var(--space-6);color:var(--text-muted)}.wf-detail{gap:var(--space-4);flex-direction:column;display:flex}.wf-detail-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex}.wf-detail-header-info{flex:1}.wf-detail-header-info h2{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600}.wf-detail-form-name{font-size:var(--text-sm);color:var(--text-secondary)}.wf-detail-actions{gap:var(--space-2);display:flex}.wf-detail-grid{gap:var(--space-4);grid-template-columns:1fr 380px;align-items:start;display:grid}.wf-detail-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.wf-detail-card+.wf-detail-card{margin-top:var(--space-3)}.wf-detail-card-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:flex}.wf-detail-fields{gap:var(--space-1);flex-direction:column;display:flex}.wf-detail-field{padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;display:flex}.wf-detail-field:last-child{border-bottom:none}.wf-detail-field-label{font-size:var(--text-sm);color:var(--text-secondary);flex-shrink:0}.wf-detail-field-value{font-size:var(--text-sm);color:var(--text-primary);text-align:end;word-break:break-word;font-weight:500}.wf-cart-items{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.wf-cart-item{padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.wf-cart-item-name{color:var(--text-primary);font-weight:500}.wf-cart-item-variant{color:var(--text-secondary);font-weight:400;font-size:var(--text-xs)}.wf-cart-item-price{color:var(--color-success);white-space:nowrap;margin-inline-start:var(--space-3);font-weight:600}.wf-detail-empty{color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-4);margin:0}.wf-detail-empty-state{gap:var(--space-2);flex-direction:column;display:flex}.wf-detail-empty-hint{font-size:var(--text-xs);color:var(--color-warning);background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.wf-detail-empty-hint{background:color-mix(in srgb, var(--color-warning) 10%, transparent)}}.wf-detail-empty-hint{border:1px solid var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.wf-detail-empty-hint{border:1px solid color-mix(in srgb, var(--color-warning) 25%, transparent)}}.wf-detail-empty-hint{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:0 var(--space-4) var(--space-4);line-height:1.5}.wf-detail-meta{opacity:.7}.wf-mono{font-family:var(--font-mono);font-size:var(--text-xs)}.wf-timeline{flex-direction:column;gap:0;padding-inline-start:var(--space-4);display:flex;position:relative}.wf-timeline:before{content:"";background:var(--border-subtle);inset-inline-start:9px;width:2px;position:absolute;top:4px;bottom:4px}.wf-timeline-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;display:flex;position:relative}.wf-timeline-dot{background:var(--surface-raised);border:2px solid var(--border-subtle);width:20px;height:20px;color:var(--text-muted);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:calc(-1 * var(--space-4) - 1px);display:flex}.wf-timeline-item.active .wf-timeline-dot{border-color:var(--color-brand);color:var(--color-brand);background:var(--color-brand-subtle)}.wf-timeline-item.success .wf-timeline-dot{border-color:var(--color-success);color:var(--color-success);background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.wf-timeline-item.success .wf-timeline-dot{background:color-mix(in srgb, var(--color-success) 10%, transparent)}}.wf-timeline-item.danger .wf-timeline-dot{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.wf-timeline-item.danger .wf-timeline-dot{background:color-mix(in srgb, var(--color-danger) 10%, transparent)}}.wf-timeline-content{flex-direction:column;gap:2px;display:flex}.wf-timeline-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.wf-timeline-date{font-size:var(--text-xs);color:var(--text-muted)}.badge-info{background:var(--color-brand)}@supports (color:color-mix(in lab, red, red)){.badge-info{background:color-mix(in srgb, var(--color-brand) 12%, transparent)}}.badge-info{color:var(--color-brand)}.badge-danger{background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.badge-danger{background:color-mix(in srgb, var(--color-danger) 12%, transparent)}}.badge-danger{color:var(--color-danger)}.btn-danger{background:var(--color-danger);color:#fff;border:none}.btn-danger:hover{background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.btn-danger:hover{background:color-mix(in srgb, var(--color-danger) 85%, black)}}.wf-amendment-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.wf-amendment-badge.pending{background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.wf-amendment-badge.pending{background:color-mix(in srgb, var(--color-warning) 12%, transparent)}}.wf-amendment-badge.pending{color:var(--color-warning)}.btn-warning{background:var(--color-warning);color:#1a1a2e;border:none;font-weight:600}.btn-warning:hover{background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.btn-warning:hover{background:color-mix(in srgb, var(--color-warning) 85%, black)}}.btn-warning:disabled{opacity:.5;cursor:not-allowed}.wf-amendment-bar{border-radius:var(--radius-lg);background:var(--color-warning);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.wf-amendment-bar{background:color-mix(in srgb, var(--color-warning) 8%, var(--surface-card))}}.wf-amendment-bar{border:1px solid var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.wf-amendment-bar{border:1px solid color-mix(in srgb, var(--color-warning) 30%, transparent)}}.wf-amendment-bar{margin-bottom:var(--space-3)}.wf-amendment-bar-label{color:var(--color-warning);align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.wf-amendment-bar-actions{gap:8px;display:flex}.wf-detail-field.amendment-pending{border-inline-start:3px solid var(--color-warning);padding-inline-start:12px}.wf-detail-field.amendment-resolved{border-inline-start:3px solid var(--color-success);padding-inline-start:12px}.wf-detail-field.amendment-selected{background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.wf-detail-field.amendment-selected{background:color-mix(in srgb, var(--color-warning) 6%, transparent)}}.wf-detail-field.amendment-selected{border-radius:var(--radius-md);padding:8px 12px}.wf-detail-field-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wf-amendment-field-badge{white-space:nowrap;text-overflow:ellipsis;border-radius:12px;align-items:center;gap:4px;max-width:200px;padding:2px 8px;font-size:.7rem;font-weight:500;display:inline-flex;overflow:hidden}.wf-amendment-field-badge.pending{background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.wf-amendment-field-badge.pending{background:color-mix(in srgb, var(--color-warning) 12%, transparent)}}.wf-amendment-field-badge.pending{color:var(--color-warning)}.wf-amendment-field-badge.resolved{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.wf-amendment-field-badge.resolved{background:color-mix(in srgb, var(--color-success) 12%, transparent)}}.wf-amendment-field-badge.resolved{color:var(--color-success)}.wf-amendment-toggle{appearance:none;border:1px solid var(--border-subtle);cursor:pointer;width:24px;height:24px;color:var(--text-tertiary);background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-inline-start:auto;transition:all .15s;display:flex}.wf-amendment-toggle:hover{border-color:var(--color-warning);color:var(--color-warning)}.wf-amendment-toggle.selected{background:var(--color-warning);border-color:var(--color-warning);color:#1a1a2e}.wf-amendment-reason-input{border:1px solid var(--color-warning);width:100%;margin-top:6px;padding:6px 10px}@supports (color:color-mix(in lab, red, red)){.wf-amendment-reason-input{border:1px solid color-mix(in srgb, var(--color-warning) 40%, transparent)}}.wf-amendment-reason-input{border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--text-primary);outline:none;font-size:.82rem}.wf-amendment-reason-input:focus{border-color:var(--color-warning);box-shadow:0 0 0 2px var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.wf-amendment-reason-input:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-warning) 15%, transparent)}}.wf-amendment-history{flex-direction:column;gap:8px;display:flex}.wf-amendment-item{border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:8px 12px}.wf-amendment-item.pending{border-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.wf-amendment-item.pending{border-color:color-mix(in srgb, var(--color-warning) 30%, transparent)}}.wf-amendment-item.pending{background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.wf-amendment-item.pending{background:color-mix(in srgb, var(--color-warning) 4%, transparent)}}.wf-amendment-item.resolved{border-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.wf-amendment-item.resolved{border-color:color-mix(in srgb, var(--color-success) 30%, transparent)}}.wf-amendment-item.resolved{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.wf-amendment-item.resolved{background:color-mix(in srgb, var(--color-success) 4%, transparent)}}.wf-amendment-item-header{align-items:center;gap:6px;font-size:.82rem;display:flex}.amendment-icon-pending{color:var(--color-warning)}.amendment-icon-resolved{color:var(--color-success)}.wf-amendment-item-reason{color:var(--text-secondary);margin:4px 0 2px 20px;font-size:.78rem}.wf-amendment-item-date{color:var(--text-tertiary);margin-inline-start:20px;font-size:.72rem}.wf-timeline-item.warning .wf-timeline-dot{background:var(--color-warning);color:#1a1a2e}@media (max-width:900px){.wf-detail-grid{grid-template-columns:1fr}.wf-detail-sidebar>.wf-detail-card+.wf-detail-card{margin-top:var(--space-3)}}@media (max-width:768px){.workflows-filters{flex-direction:column;align-items:stretch}.wf-detail-header{flex-wrap:wrap}.wf-detail-actions{justify-content:flex-end;width:100%}.wf-amendment-bar{flex-direction:column;align-items:flex-start;gap:8px}}.extraction-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.extraction-modal{background:var(--bg-primary,#fff);border-radius:var(--radius-xl);flex-direction:column;width:95vw;max-width:1400px;height:90vh;animation:.2s ease-out scaleIn;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000004d}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.extraction-modal-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.extraction-modal-header-left{align-items:center;gap:var(--space-2);font-size:.95rem;font-weight:600;display:flex}.extraction-modal-header-actions{align-items:center;gap:var(--space-2);display:flex}.extraction-confidence-badge{border-radius:var(--radius-full);text-transform:capitalize;padding:2px 8px;font-size:.7rem;font-weight:600}.extraction-flags-bar{gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-wrap:wrap;flex-shrink:0;display:flex}.extraction-flag{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;display:flex}.extraction-flag-error{background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.extraction-flag-error{background:color-mix(in srgb, var(--color-danger) 10%, transparent)}}.extraction-flag-error{color:var(--color-danger)}.extraction-flag-warning{background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.extraction-flag-warning{background:color-mix(in srgb, var(--color-warning) 10%, transparent)}}.extraction-flag-warning{color:var(--color-warning)}.extraction-flag-info{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.extraction-flag-info{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}}.extraction-flag-info{color:var(--color-primary)}.extraction-modal-body{flex:1;min-height:0;display:flex}.extraction-image-pane{border-inline-end:1px solid var(--border-subtle);flex-direction:column;flex:1;min-width:0;display:flex}.extraction-image-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0;display:flex}.extraction-zoom-label{color:var(--text-secondary);text-align:center;min-width:36px;font-size:.75rem}.extraction-image-divider{background:var(--border-subtle);width:1px;height:18px;margin:0 var(--space-1)}.btn-icon-sm{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-primary,#fff);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-icon-sm:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-icon-sm:disabled{opacity:.3;cursor:not-allowed}.extraction-image-viewer{background:var(--bg-secondary);padding:var(--space-4);flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.extraction-image{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:100%;transition:transform .2s;box-shadow:0 4px 16px #00000026}.extraction-image-placeholder{align-items:center;gap:var(--space-2);color:var(--text-tertiary);flex-direction:column;display:flex}.extraction-fields-pane{width:380px;padding:var(--space-4);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.extraction-fields-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);text-transform:capitalize;color:var(--text-secondary);font-size:.85rem;font-weight:600;display:flex}.extraction-fields-grid{gap:var(--space-3);flex-direction:column;display:flex}.extraction-field-row{flex-direction:column;gap:4px;display:flex}.extraction-field-label{color:var(--text-secondary);text-transform:capitalize;font-size:.75rem;font-weight:600}.extraction-field-input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-primary,#fff);width:100%;color:var(--text-primary);padding:8px 10px;font-family:inherit;font-size:.85rem;transition:border-color .15s}.extraction-field-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary);outline:none}@supports (color:color-mix(in lab, red, red)){.extraction-field-input:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent)}}.extraction-field-input::placeholder{color:var(--text-tertiary)}.extraction-empty-state{justify-content:center;align-items:center;gap:var(--space-3);color:var(--text-secondary);text-align:center;flex-direction:column;flex:1;display:flex}.extraction-empty-state p{font-size:.9rem}@media (max-width:768px){.extraction-modal{border-radius:0;width:100vw;height:100vh}.extraction-modal-body{flex-direction:column}.extraction-image-pane{border-inline-end:none;border-bottom:1px solid var(--border-subtle);max-height:45vh}.extraction-fields-pane{width:100%}}.pipeline-page{flex-direction:column;height:100%;display:flex;overflow:hidden auto}.pipeline-filters{align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;flex-shrink:0;display:flex}.pipeline-search{flex:0 0 260px;position:relative}.pipeline-search input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);padding-inline-start:var(--space-8)}.pipeline-search input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 2px #6366f11f}.pipeline-search .search-icon{color:var(--text-tertiary);pointer-events:none;inset-inline-start:var(--space-2);position:absolute;top:50%;transform:translateY(-50%)}.pipeline-tag-filter{padding:var(--space-2) var(--space-3);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);min-width:140px}.pipeline-total{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:4px;display:flex}.pipeline-drag-hint{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.2px;opacity:.7;align-items:center;gap:4px;margin-inline-start:auto;display:flex}.kanban-board{gap:var(--space-3);padding-top:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:start;width:100%;display:grid}.kanban-column{border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--border-subtle);flex-direction:column;min-width:0;max-height:520px;transition:border-color .2s,box-shadow .2s;display:flex}.kanban-column.drag-over{border-color:var(--brand-primary);box-shadow:0 0 0 2px #6366f126}.kanban-column-header{align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--bg-raised);flex-shrink:0;display:flex}.kanban-column-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.kanban-column-title{font-size:var(--text-sm);color:var(--text-primary);flex:1;font-weight:600}.kanban-column-count{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-subtle);border-radius:var(--radius-full);text-align:center;min-width:22px;padding:1px 7px;font-weight:600}.kanban-column-body{padding:var(--space-2);gap:var(--space-2);flex-direction:column;flex:1;min-height:80px;display:flex;overflow-y:auto}.pipeline-card{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);cursor:grab;-webkit-user-select:none;user-select:none;transition:all .15s;position:relative}.pipeline-card-grip{color:var(--text-tertiary);opacity:.35;pointer-events:none;inset-inline-end:var(--space-2);flex-direction:column;gap:2px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pipeline-card:hover .pipeline-card-grip{opacity:.7}.pipeline-card:hover{border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.pipeline-card:active{cursor:grabbing;transform:none}.pipeline-card.dragging{opacity:.35;border-color:var(--brand-primary);cursor:grabbing;transform:rotate(1deg)scale(1.02);box-shadow:0 4px 16px #6366f140}.pipeline-card-name{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1);align-items:center;gap:var(--space-2);padding-inline-end:var(--space-4);font-weight:600;display:flex}.pipeline-card-name .flag{font-size:var(--text-xs)}.pipeline-card-phone{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono,monospace);margin-bottom:var(--space-2);text-align:start;direction:ltr}.pipeline-card-tags{margin-bottom:var(--space-2);flex-wrap:wrap;gap:3px;display:flex}.pipeline-card-tag{border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100px;padding:1px 6px;font-size:10px;overflow:hidden}.pipeline-card-footer{font-size:var(--text-xs);color:var(--text-tertiary);justify-content:space-between;align-items:center;padding-inline-end:var(--space-4);display:flex}.pipeline-card-time,.pipeline-card-intent{align-items:center;gap:3px;display:flex}.pipeline-card-intent .intent-dot{border-radius:50%;width:6px;height:6px}.pipeline-card-intent .intent-low{background:var(--text-tertiary)}.pipeline-card-intent .intent-med{background:var(--color-warning)}.pipeline-card-intent .intent-high{background:var(--color-success)}.kanban-empty{padding:var(--space-6) var(--space-3);color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;min-height:100px;display:flex}@media (max-width:900px){.pipeline-drag-hint{display:none}}@media (max-width:600px){.pipeline-filters{gap:var(--space-2)}.pipeline-search{flex:100%}.kanban-board{grid-template-columns:1fr}.kanban-column{max-height:400px}}.order-list{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-overlay);flex-direction:column;display:flex;overflow:hidden}.order-list-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;text-align:start;background:0 0;grid-template-columns:120px 1fr 1.2fr auto auto 20px;align-items:center;width:100%;font-size:.9rem;transition:background .15s;display:grid}.order-list-row:last-child{border-bottom:none}.order-list-row:hover{background:var(--bg-hover)}.order-list-id{flex-direction:column;gap:2px;display:flex}.order-list-hash{font-family:var(--font-mono,"SF Mono", "Menlo", monospace);color:var(--text-primary);font-size:.8rem;font-weight:600}.order-list-date{color:var(--text-muted);font-size:.7rem}.order-list-customer{align-items:center;gap:var(--space-2);color:var(--text-primary);min-width:0;font-weight:500;display:flex}.order-list-customer span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-list-items{align-items:center;gap:var(--space-2);min-width:0;display:flex}.order-list-item-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.order-list-item-more{color:var(--color-primary);background:var(--color-primary);font-size:.7rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.order-list-item-more{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}}.order-list-item-more{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:1px 6px}.order-list-total{color:var(--text-primary);white-space:nowrap;text-align:end;font-size:.9rem;font-weight:700}.order-list-status{white-space:nowrap;align-items:center;gap:4px;font-size:.8rem;font-weight:500;display:inline-flex}@media (max-width:768px){.order-list-row{grid-template-columns:90px 1fr auto auto 16px}.order-list-items{display:none}}@media (max-width:480px){.order-list-row{grid-template-rows:auto auto;grid-template-columns:1fr auto 16px}.order-list-id,.order-list-items{display:none}}.booking-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:400;background:#00000080;animation:.2s overlayFadeIn;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.booking-drawer{background:var(--bg-raised);border-inline-start:1px solid var(--border-default);z-index:401;top:0;flex-direction:column;width:520px;max-width:95vw;height:100vh;animation:.25s cubic-bezier(.22,1,.36,1) drawerSlideIn;display:flex;position:fixed;inset-inline-end:0;overflow:hidden;box-shadow:-8px 0 32px #0000004d}@keyframes drawerSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[dir=rtl] .booking-drawer{animation-name:drawerSlideInRTL}@keyframes drawerSlideInRTL{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.booking-drawer-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--bg-overlay);flex-shrink:0;display:flex}.booking-drawer-title{font-size:var(--text-base);color:var(--text-primary);flex:1;font-weight:700}.booking-drawer-close{cursor:pointer;color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;transition:color .15s,background .15s;display:flex}.booking-drawer-close:hover{color:var(--text-primary);background:var(--bg-hover)}.booking-drawer-body{padding:var(--space-4) var(--space-5);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.booking-section{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-overlay);overflow:hidden}.booking-section-header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;transition:background .15s;display:flex}.booking-section-header:hover{background:var(--bg-hover)}.booking-section-body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.booking-status-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.booking-status-select{font-size:var(--text-xs);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:1px solid;padding:3px 8px;font-weight:600;transition:opacity .15s}.booking-status-select:focus{outline:2px solid var(--primary);outline-offset:1px}.booking-status-select.status-ACTIVE{border-color:var(--color-success);color:var(--color-success)}.booking-status-select.status-COMPLETED{border-color:var(--color-primary);color:var(--color-primary)}.booking-status-select.status-CANCELLED{border-color:var(--color-danger);color:var(--color-danger)}.booking-status-select.status-NO_SHOW{border-color:var(--color-warning);color:var(--color-warning)}.booking-catalogue-card{align-items:flex-start;gap:var(--space-3);display:flex}.booking-catalogue-image{border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border-subtle);flex-shrink:0;width:56px;height:56px}.booking-catalogue-placeholder{border-radius:var(--radius-md);background:var(--bg-hover);width:56px;height:56px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.booking-catalogue-info{flex:1;min-width:0}.booking-catalogue-name{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px;font-weight:700}.booking-catalogue-category{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.booking-catalogue-attrs{flex-wrap:wrap;gap:6px;display:flex}.booking-catalogue-attr{font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--bg-hover);color:var(--text-secondary);padding:2px 8px}.booking-price-total{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:800}.booking-price-currency{font-size:var(--text-sm);color:var(--text-secondary);margin-inline-start:4px;font-weight:500}.price-breakdown-toggle{font-size:var(--text-xs);color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;transition:opacity .15s;display:flex}.price-breakdown-toggle:hover{opacity:.75}.price-breakdown-table{margin-top:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);overflow:hidden}.price-breakdown-row{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);grid-template-columns:1fr auto auto auto;align-items:center;display:grid}.price-breakdown-row:last-child{border-bottom:none}.price-breakdown-row .tier-name{color:var(--text-primary);font-weight:600}.price-breakdown-row .tier-calc{color:var(--text-muted);font-family:monospace}.price-breakdown-row .tier-total{color:var(--text-primary);text-align:end;font-weight:700}.form-answer-row{gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);grid-template-columns:140px 1fr auto;align-items:start;display:grid}.form-answer-row:last-child{border-bottom:none}.form-answer-label{font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;padding-top:2px;font-weight:600;overflow:hidden}.form-answer-value{color:var(--text-primary);word-break:break-word;line-height:1.5}.form-answer-edit-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);opacity:0;background:0 0;border:none;flex-shrink:0;padding:2px;transition:opacity .15s,color .15s}.form-answer-row:hover .form-answer-edit-btn{opacity:1}.form-answer-edit-btn:hover{color:var(--primary)}.form-answer-editing{gap:var(--space-2);grid-column:2/-1;align-items:flex-start;display:flex}.form-answer-editing input{font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);flex:1}.form-item-group{margin-bottom:var(--space-4)}.form-item-group-title{font-size:var(--text-xs);color:var(--primary);margin-bottom:var(--space-2);align-items:center;gap:6px;font-weight:700;display:flex}.doc-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.doc-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);background:var(--bg-base);gap:var(--space-2);flex-direction:column;transition:border-color .15s;display:flex}.doc-card:hover{border-color:var(--primary)}.doc-card-icon{color:var(--primary)}.doc-card-name{font-size:var(--text-xs);color:var(--text-primary);word-break:break-word;font-weight:600;line-height:1.4}.doc-card-meta{color:var(--text-muted);font-size:10px}.doc-card-download{font-size:var(--text-xs);color:var(--primary);align-items:center;gap:4px;margin-top:auto;font-weight:600;text-decoration:none;transition:opacity .15s;display:flex}.doc-card-download:hover{opacity:.75}.extraction-block{border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.extraction-block:last-child{margin-bottom:0}.extraction-block-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-secondary);font-weight:600;display:flex}.extraction-confidence{border-radius:var(--radius-full);margin-inline-start:auto;padding:1px 6px;font-size:10px;font-weight:700}.extraction-confidence.high{color:var(--color-success);background:#14b8a626}.extraction-confidence.medium{color:var(--color-warning);background:#e8a31726}.extraction-confidence.low{color:var(--color-danger);background:#e5484d26}.extraction-table{width:100%;font-size:var(--text-xs);border-collapse:collapse}.extraction-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);vertical-align:top}.extraction-table td:first-child{color:var(--text-muted);width:40%;font-weight:600}.extraction-table td:last-child{color:var(--text-primary);word-break:break-word}.extraction-table tr:last-child td{border-bottom:none}.flag-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);background:#e8a3170f;border:1px solid #e8a31740;display:flex}.flag-item-icon{color:var(--color-warning);flex-shrink:0;margin-top:1px}.flag-item-body strong{color:var(--text-primary);margin-bottom:2px;font-weight:600;display:block}.flag-item-body span{color:var(--text-secondary);line-height:1.5}.amendment-entry{gap:var(--space-3);padding-bottom:var(--space-3);display:flex;position:relative}.amendment-entry:before{content:"";background:var(--border-subtle);inset-inline-start:10px;width:1px;position:absolute;top:24px;bottom:0}.amendment-entry:last-child:before{display:none}.amendment-dot{background:var(--bg-hover);border:2px solid var(--border-default);width:20px;height:20px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.amendment-body{font-size:var(--text-xs);flex:1}.amendment-meta{color:var(--text-muted);margin-bottom:4px}.amendment-diff{align-items:center;gap:var(--space-2);background:var(--bg-base);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);flex-wrap:wrap;padding:4px 8px;display:flex}.amendment-old{color:var(--color-danger);opacity:.7;text-decoration:line-through}.amendment-new{color:var(--color-success);font-weight:600}.order-mode .booking-section{padding-bottom:var(--space-2);border:none!important;border-bottom:1px solid var(--border-subtle)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;overflow:visible!important}.order-mode .booking-section:last-child{border-bottom:none!important}.order-mode .booking-section-header{padding:var(--space-3) 0 var(--space-1)!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important;font-size:.85rem!important;font-weight:600!important}.order-mode .booking-section-header:hover{opacity:.7;background:0 0!important}.order-mode .booking-section-header svg:first-child{color:var(--color-primary)!important}.order-mode .booking-section-body{padding:var(--space-1) 0 var(--space-3)!important}.order-status-steps{padding:var(--space-4) var(--space-3);margin-bottom:var(--space-2);background:var(--bg-subtle);border-radius:var(--radius-lg);align-items:flex-start;gap:0;display:flex}.order-step{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.order-step-icon{border-radius:var(--radius-full);background:var(--bg-primary);width:36px;height:36px;color:var(--text-muted);border:2px solid var(--border-color);z-index:1;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.order-step.active .order-step-icon{background:var(--color-success);color:#fff;border-color:var(--color-success);box-shadow:0 2px 8px var(--color-success)}@supports (color:color-mix(in lab, red, red)){.order-step.active .order-step-icon{box-shadow:0 2px 8px color-mix(in srgb, var(--color-success) 30%, transparent)}}.order-step.current .order-step-icon{box-shadow:0 0 0 4px var(--color-success), 0 2px 8px var(--color-success)}@supports (color:color-mix(in lab, red, red)){.order-step.current .order-step-icon{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-success) 20%, transparent), 0 2px 8px color-mix(in srgb, var(--color-success) 30%, transparent)}}.order-step.current .order-step-icon{animation:2s ease-in-out infinite stepPulse}@keyframes stepPulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-success) 20%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-success) 10%, transparent)}}.order-step-label{color:var(--text-muted);white-space:nowrap;font-size:.7rem;font-weight:500}.order-step.active .order-step-label{color:var(--text-primary);font-weight:600}.order-step-line{background:var(--border-color);z-index:0;top:18px;border-radius:1px;width:calc(100% - 40px);height:2px;position:absolute;inset-inline-start:calc(50% + 20px)}.order-step-line.active{background:var(--color-success)}.order-cancelled-banner{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-danger);display:flex}@supports (color:color-mix(in lab, red, red)){.order-cancelled-banner{background:color-mix(in srgb, var(--color-danger) 8%, var(--bg-primary))}}.order-cancelled-banner{border:1px solid var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.order-cancelled-banner{border:1px solid color-mix(in srgb, var(--color-danger) 20%, transparent)}}.order-cancelled-banner{border-radius:var(--radius-lg);color:var(--color-danger);font-weight:600;font-size:var(--text-sm)}.order-items-table{flex-direction:column;display:flex}.order-item-row{gap:var(--space-3);padding:var(--space-3) 0;grid-template-columns:1fr auto auto auto;align-items:center;display:grid}.order-item-row+.order-item-row{border-top:1px dashed var(--border-subtle)}.order-item-main{flex-direction:column;gap:4px;min-width:0;display:flex}.order-item-name{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.3}.order-item-variants{flex-wrap:wrap;gap:4px;display:flex}.order-variant-chip{background:var(--color-primary);align-items:center;padding:2px 8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.order-variant-chip{background:color-mix(in srgb, var(--color-primary) 8%, var(--bg-primary))}}.order-variant-chip{border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--color-primary);font-size:.7rem}@supports (color:color-mix(in lab, red, red)){.order-variant-chip{border:1px solid color-mix(in srgb, var(--color-primary) 15%, transparent)}}.order-variant-chip{text-transform:capitalize;font-weight:500}.order-item-qty{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;text-align:center;background:var(--bg-secondary);border-radius:var(--radius-sm);min-width:28px;padding:2px 6px;font-weight:600}.order-item-price{color:var(--text-muted);white-space:nowrap;text-align:end;font-size:.75rem}.order-item-total{color:var(--text-primary);white-space:nowrap;text-align:end;min-width:60px;font-size:.9rem;font-weight:700}.order-total-row{padding:var(--space-3) var(--space-3);margin-top:var(--space-3);background:var(--color-success);justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.order-total-row{background:color-mix(in srgb, var(--color-success) 6%, var(--bg-primary))}}.order-total-row{border:1px solid var(--color-success)}@supports (color:color-mix(in lab, red, red)){.order-total-row{border:1px solid color-mix(in srgb, var(--color-success) 15%, transparent)}}.order-total-row{border-radius:var(--radius-md)}.order-total-label{font-size:var(--text-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.order-total-value{color:var(--color-success);font-size:1.2rem;font-weight:800}.order-address-card{gap:var(--space-3) var(--space-4);grid-template-columns:1fr 1fr;display:grid}.order-address-field{flex-direction:column;gap:2px;display:flex}.order-address-label{color:var(--text-muted);text-transform:capitalize;letter-spacing:.02em;font-size:.7rem;font-weight:500}.order-address-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.order-customer-card{gap:var(--space-3);flex-direction:column;display:flex}.order-customer-row{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-primary);font-weight:500;display:flex}.booking-status-select.status-PROCESSING{background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.booking-status-select.status-PROCESSING{background:color-mix(in srgb, var(--color-warning) 12%, var(--bg-primary))}}.booking-status-select.status-PROCESSING{border-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.booking-status-select.status-PROCESSING{border-color:color-mix(in srgb, var(--color-warning) 30%, transparent)}}.booking-status-select.status-PROCESSING{color:var(--color-warning)}.booking-status-select.status-DISPATCHED{background:var(--color-info,#3b82f6)}@supports (color:color-mix(in lab, red, red)){.booking-status-select.status-DISPATCHED{background:color-mix(in srgb, var(--color-info,#3b82f6) 12%, var(--bg-primary))}}.booking-status-select.status-DISPATCHED{border-color:var(--color-info,#3b82f6)}@supports (color:color-mix(in lab, red, red)){.booking-status-select.status-DISPATCHED{border-color:color-mix(in srgb, var(--color-info,#3b82f6) 30%, transparent)}}.booking-status-select.status-DISPATCHED{color:var(--color-info,#3b82f6)}@media (max-width:480px){.order-item-row{grid-template-rows:auto auto;grid-template-columns:1fr auto}.order-item-price{display:none}.order-address-card{grid-template-columns:1fr}}.appointments-tabs{gap:var(--space-1);padding:0 var(--space-1);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-5);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.appointments-tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;font-size:.85rem;font-weight:500;transition:color .15s,border-color .15s;display:flex}.appointments-tab:hover{color:var(--text-primary)}.appointments-tab--active{color:var(--color-brand);border-bottom-color:var(--color-brand);font-weight:600}.appointments-tab-content{min-height:300px}.appt-loading{padding:var(--space-8);justify-content:center;display:flex}.appt-spinner{animation:1s linear infinite spin}.empty-state-card{text-align:center;padding:var(--space-8) var(--space-6);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-card .empty-state-icon{color:var(--text-muted);margin-bottom:var(--space-4);opacity:.5}.empty-state-card h3{color:var(--text-primary);margin:0 0 var(--space-2);font-size:1rem;font-weight:600}.empty-state-card p{color:var(--text-muted);max-width:400px;margin:0;font-size:.85rem;line-height:1.5}.appt-cal-category-label{opacity:.6;font-size:.75rem}.appt-cal-color--sm{border-radius:3px;flex-shrink:0;width:6px;height:16px}.appt-cal-color--inline{border-radius:4px;flex-shrink:0;width:6px;height:24px}.appt-row--past{opacity:.6}.appt-form-card--spaced{margin-bottom:var(--space-4)}.appt-list-header--pool,.appt-create-first-btn{margin-top:var(--space-4)}.appt-list-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.appt-list-count{color:var(--text-muted);font-size:.85rem;font-weight:500}.appt-calendar-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.appt-cal-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);transition:border-color .15s,box-shadow .15s;overflow:hidden}.appt-cal-card:hover{border-color:var(--border-default);box-shadow:0 2px 8px #0000000f}.appt-cal-card-header{align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex}.appt-cal-color{border-radius:4px;flex-shrink:0;width:8px;height:40px}.appt-cal-info{flex:1;min-width:0}.appt-cal-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.appt-cal-display{color:var(--text-muted);margin-top:2px;font-size:.8rem}.appt-cal-actions{gap:var(--space-1);flex-shrink:0;display:flex}.appt-cal-stats{gap:var(--space-4);padding:0 var(--space-4) var(--space-3);display:flex}.appt-cal-stat{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:.8rem;display:flex}.appt-cal-expand{align-items:center;gap:var(--space-1);width:100%;padding:var(--space-2) var(--space-4);border:none;border-top:1px solid var(--border-subtle);background:var(--surface-hover);color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:500;transition:background .15s;display:flex}.appt-cal-expand:hover{background:var(--bg-hover)}.appt-cal-details{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-subtle)}.appt-cal-detail-row{padding:var(--space-1) 0;color:var(--text-secondary);justify-content:space-between;font-size:.8rem;display:flex}.appt-cal-detail-row span:last-child{color:var(--text-primary);font-weight:600}.appt-form-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);max-width:560px;padding:var(--space-5)}.appt-form-title{color:var(--text-primary);margin:0 0 var(--space-4);font-size:1rem;font-weight:700}.appt-form-error{color:var(--color-danger);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3);background:#e5484d14;font-size:.8rem}.appt-form-success{color:var(--color-success);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3);background:#14b8a614;font-size:.8rem}.appt-field{margin-bottom:var(--space-4)}.appt-label{align-items:center;gap:var(--space-1);color:var(--text-secondary);margin-bottom:var(--space-1);font-size:.8rem;font-weight:600;display:flex}.appt-tooltip-trigger{color:var(--text-muted);cursor:help;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.appt-tooltip-trigger:hover{color:var(--color-brand)}.appt-tooltip{background:var(--bg-raised,#1a1a2e);color:var(--text-on-dark,#e0e0e0);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);white-space:normal;z-index:100;pointer-events:none;bottom:calc(100% + 8px);width:220px;max-width:280px;font-size:.75rem;font-weight:400;line-height:1.5;animation:.15s tooltipFadeIn;position:absolute;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.appt-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--bg-raised,#1a1a2e);top:100%;position:absolute;inset-inline-start:50%;transform:translate(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.appt-field-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.appt-color-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.appt-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s,border-color .15s}.appt-color-dot:hover{transform:scale(1.15)}.appt-color-dot--active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-base);transform:scale(1.15)}.appt-toggle-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);cursor:pointer;color:var(--text-secondary);font-size:.8rem;font-weight:500;display:flex}.appt-toggle-on{color:var(--color-success)}.appt-toggle-off{color:var(--text-muted)}.appt-form-actions{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);margin-top:var(--space-4);justify-content:flex-end;display:flex}.appt-stats-strip{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.appt-stat-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);min-width:140px;display:flex}.appt-stat-icon{color:var(--color-brand);flex-shrink:0}.appt-stat-value{color:var(--text-primary);font-size:1.2rem;font-weight:700}.appt-stat-label{color:var(--text-muted);font-size:.75rem}.appt-filters{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.appt-search-wrap{flex:1;min-width:200px;position:relative}.appt-search-icon{color:var(--text-muted);pointer-events:none;inset-inline-start:12px;position:absolute;top:50%;transform:translateY(-50%)}.appt-search-input{padding-inline-start:32px!important}.appt-filter-select-wrap{align-items:center;gap:var(--space-2);color:var(--text-muted);display:flex}.appt-filter-select{min-width:160px}.appt-list{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-overlay);flex-direction:column;display:flex;overflow:hidden}.appt-card-list{gap:var(--space-2);flex-direction:column;display:flex}.appt-card{background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;text-align:start;width:100%;font:inherit;color:inherit;align-items:stretch;padding:0;transition:all .2s;display:flex;overflow:hidden}.appt-card:hover{border-color:var(--border-default);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.appt-card:active{box-shadow:none;transform:translateY(0)}.appt-card-accent{flex-shrink:0;width:4px}.appt-card-body{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);flex:1;min-width:0;display:flex}.appt-card-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.appt-card-avatar{color:#fff;letter-spacing:.03em;opacity:.9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.72rem;font-weight:700;display:flex}.appt-card-info{flex-direction:column;gap:3px;min-width:0;display:flex}.appt-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.appt-card-datetime{color:var(--text-muted);align-items:center;gap:5px;font-size:.76rem;display:flex}.appt-card-datetime svg{opacity:.6;flex-shrink:0}.appt-card-service-row{margin-top:1px}.appt-card-service-pill{background:var(--color-primary);border-radius:10px;padding:1px 8px;font-size:.68rem;font-weight:500;display:inline-block}@supports (color:color-mix(in lab, red, red)){.appt-card-service-pill{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}}.appt-card-service-pill{color:var(--color-primary);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.appt-card-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.appt-card-status{letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.appt-card-status--confirmed{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.appt-card-status--confirmed{background:color-mix(in srgb, var(--color-primary) 12%, transparent)}}.appt-card-status--confirmed{color:var(--color-primary)}.appt-card-status--attendance_confirmed{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.appt-card-status--attendance_confirmed{background:color-mix(in srgb, var(--color-success) 12%, transparent)}}.appt-card-status--attendance_confirmed{color:var(--color-success)}.appt-card-status--completed{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.appt-card-status--completed{background:color-mix(in srgb, var(--color-success) 12%, transparent)}}.appt-card-status--completed{color:var(--color-success)}.appt-card-status--cancelled{background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.appt-card-status--cancelled{background:color-mix(in srgb, var(--color-danger) 12%, transparent)}}.appt-card-status--cancelled{color:var(--color-danger)}.appt-card-status--no_show{background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.appt-card-status--no_show{background:color-mix(in srgb, var(--color-warning) 12%, transparent)}}.appt-card-status--no_show{color:var(--color-warning)}.appt-card-status--rescheduled{background:var(--bg-muted);color:var(--text-muted)}.appt-card-duration{color:var(--text-muted);white-space:nowrap;font-size:.73rem;font-weight:500}.appt-card-via{color:var(--text-muted);opacity:.6;align-items:center;display:flex}@media (max-width:640px){.appt-card-body{align-items:flex-start;gap:var(--space-2);flex-direction:column}.appt-card-right{gap:var(--space-2);padding-inline-start:calc(38px + var(--space-3))}}.appt-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:.85rem;transition:background .15s,box-shadow .15s;display:flex}.appt-row:last-child{border-bottom:none}.appt-row:hover{background:var(--bg-hover);box-shadow:inset 0 0 0 1px var(--border-default)}.appt-row-color{border-radius:3px;flex-shrink:0;width:4px;height:36px}.appt-row-time{flex-direction:column;gap:2px;min-width:160px;display:flex}.appt-row-date{color:var(--text-primary);font-size:.82rem;font-weight:600}.appt-row-range{color:var(--text-muted);letter-spacing:.01em;font-size:.73rem}.appt-row-contact{align-items:center;gap:var(--space-1);color:var(--text-primary);flex:1;min-width:120px;font-weight:500;display:flex}.appt-row-service{min-width:110px}.appt-service-tag{background:var(--color-primary);border-radius:12px;padding:2px 10px;font-size:.72rem;font-weight:500;display:inline-block}@supports (color:color-mix(in lab, red, red)){.appt-service-tag{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}}.appt-service-tag{color:var(--color-primary);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.appt-service-tag--muted{background:var(--bg-muted);color:var(--text-secondary)}.appt-row-calendar{color:var(--text-secondary);min-width:100px;font-size:.8rem}.appt-row-host{color:var(--text-muted);min-width:80px;font-size:.8rem}.appt-status-pill{text-align:center;letter-spacing:.02em;text-transform:capitalize;border-radius:12px;min-width:80px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-block}.appt-status-pill--confirmed{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.appt-status-pill--confirmed{background:color-mix(in srgb, var(--color-primary) 12%, transparent)}}.appt-status-pill--confirmed{color:var(--color-primary)}.appt-status-pill--attendance_confirmed{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.appt-status-pill--attendance_confirmed{background:color-mix(in srgb, var(--color-success) 12%, transparent)}}.appt-status-pill--attendance_confirmed{color:var(--color-success)}.appt-status-pill--completed{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.appt-status-pill--completed{background:color-mix(in srgb, var(--color-success) 12%, transparent)}}.appt-status-pill--completed{color:var(--color-success)}.appt-status-pill--cancelled{background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.appt-status-pill--cancelled{background:color-mix(in srgb, var(--color-danger) 12%, transparent)}}.appt-status-pill--cancelled{color:var(--color-danger)}.appt-status-pill--no_show{background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.appt-status-pill--no_show{background:color-mix(in srgb, var(--color-warning) 12%, transparent)}}.appt-status-pill--no_show{color:var(--color-warning)}.appt-status-pill--rescheduled{background:var(--bg-muted);color:var(--text-muted)}.appt-row-status{text-align:center;min-width:80px;font-size:.75rem;font-weight:600}.appt-row-via{color:var(--text-muted);flex-shrink:0}.appt-row-meta{color:var(--text-muted);text-align:end;min-width:90px;font-size:.75rem}.appt-pagination{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.appt-page-info{color:var(--text-muted);font-size:.8rem}.appt-avail-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.appt-avail-grid{gap:var(--space-2);flex-direction:column;display:flex}.appt-avail-day{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);overflow:hidden}.appt-avail-day-header{padding:var(--space-2) var(--space-3);background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.appt-avail-day-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.appt-avail-closed{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:.8rem;font-style:italic}.appt-avail-slot{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.appt-avail-slot:last-child{border-bottom:none}.appt-avail-slot-icon{color:var(--text-muted);flex-shrink:0}.appt-time-input{width:110px!important;padding:var(--space-1) var(--space-2)!important;font-size:.85rem!important}.appt-avail-to{color:var(--text-muted);font-size:.85rem}.btn-icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon--danger:hover{color:var(--color-danger);background:#e5484d14}.btn-icon--sm{width:26px;height:26px}@media (max-width:768px){.appointments-tab{padding:var(--space-2) var(--space-3);font-size:.8rem}.appt-stats-strip{grid-template-columns:1fr 1fr;display:grid}.appt-field-row,.appt-calendar-grid{grid-template-columns:1fr}.appt-row{gap:var(--space-2);flex-wrap:wrap}.appt-row-calendar,.appt-row-host{display:none}.appt-filters{flex-direction:column}.appt-drawer{width:100%!important}.appt-modal{max-height:90vh;width:95%!important}.appt-book-slots{grid-template-columns:1fr}.appt-lifecycle-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:480px){.appt-stats-strip{grid-template-columns:1fr}}.appt-row--clickable{cursor:pointer;text-align:start;background:0 0;width:100%}.appt-row--clickable:active{background:var(--bg-hover)}.appt-stat-card--warn .appt-stat-icon{color:var(--color-warning)}.appt-drawer-backdrop{z-index:200;background:#0000004d;animation:.15s fadeIn;position:fixed;inset:0}.appt-drawer{background:var(--bg-base);border-inline-start:1px solid var(--border-subtle);z-index:201;top:0;inset-inline-end:0;flex-direction:column;width:420px;max-width:100%;animation:.2s slideInEnd;display:flex;position:fixed;bottom:0;overflow-y:auto}@keyframes slideInEnd{0%{transform:translate(100%)}to{transform:translate(0)}}[dir=rtl] .appt-drawer{animation-name:slideInStart}@keyframes slideInStart{0%{transform:translate(-100%)}to{transform:translate(0)}}.appt-drawer-header{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.appt-drawer-header-left{align-items:center;gap:var(--space-3);display:flex}.appt-drawer-color{border-radius:3px;flex-shrink:0;width:6px;height:36px}.appt-drawer-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.appt-drawer-sub{color:var(--text-muted);margin-top:2px;font-size:.8rem}.appt-drawer-status-section{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.appt-drawer-status-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin-bottom:var(--space-2);border:1px solid;font-size:.75rem;font-weight:700;display:inline-block}.appt-drawer-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.appt-drawer-action-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--action-color,var(--text-secondary));cursor:pointer;font-size:.75rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.appt-drawer-action-btn:hover{background:var(--bg-hover);border-color:var(--action-color)}.appt-drawer-details{padding:var(--space-4);flex:1}.appt-drawer-detail-row{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);font-size:.85rem;display:flex}.appt-drawer-detail-row:last-child{border-bottom:none}.appt-drawer-detail-label{color:var(--text-muted);min-width:80px;font-weight:500}.appt-drawer-detail-value{color:var(--text-primary);font-weight:600}.appt-drawer-notes{gap:var(--space-2);padding:var(--space-3);margin-top:var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;display:flex}.appt-drawer-notes p{margin:0;line-height:1.5}.appt-drawer-meta{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);color:var(--text-muted);flex-direction:column;font-size:.75rem;display:flex}.appt-modal-backdrop{z-index:300;background:#0006;animation:.15s fadeIn;position:fixed;inset:0}.appt-modal{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);z-index:301;top:50%;flex-direction:column;width:480px;max-width:95%;max-height:85vh;animation:.2s modalIn;display:flex;position:fixed;inset-inline-start:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 16px 48px #0003}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.appt-modal-header{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.appt-modal-header h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.appt-modal-body{padding:var(--space-4);flex:1;overflow-y:auto}.appt-modal-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle)}.appt-book-steps{padding:var(--space-3) var(--space-4);gap:var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.appt-book-step{align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:.75rem;display:flex}.appt-book-step--active{color:var(--color-brand);font-weight:600}.appt-book-step--done{color:var(--color-success)}.appt-book-step-num{background:var(--bg-subtle);width:20px;height:20px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.appt-book-step--active .appt-book-step-num{background:var(--color-brand);color:#fff}.appt-book-step--done .appt-book-step-num{background:var(--color-success);color:#fff}.appt-book-options{gap:var(--space-1);margin-top:var(--space-3);flex-direction:column;display:flex}.appt-book-option{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);cursor:pointer;text-align:start;width:100%;transition:border-color .15s,background .1s;display:flex}.appt-book-option:hover{border-color:var(--color-brand);background:var(--bg-hover)}.appt-book-option-info{flex:1;min-width:0}.appt-book-option-name{color:var(--text-primary);font-size:.85rem;font-weight:600;display:block}.appt-book-option-sub{color:var(--text-muted);margin-top:1px;font-size:.75rem;display:block}.appt-book-empty{text-align:center;color:var(--text-muted);padding:var(--space-6);font-size:.85rem}.appt-book-slots{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.appt-book-slot{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);cursor:pointer;text-align:start;width:100%;font-size:.8rem;transition:border-color .15s;display:flex}.appt-book-slot:hover{border-color:var(--color-brand)}.appt-book-slot--selected{border-color:var(--color-brand);background:#6366f10f}.appt-book-slot-date{color:var(--text-primary);font-weight:600}.appt-book-slot-time{color:var(--text-muted)}.appt-book-confirm{gap:var(--space-3);flex-direction:column;display:flex}.appt-book-confirm-row{align-items:center;gap:var(--space-2);color:var(--text-primary);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);font-size:.9rem;font-weight:500;display:flex}.appt-book-confirm-btn{margin-top:var(--space-3)}.wh-editor{gap:var(--space-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.wh-day{border-bottom:1px solid var(--border-subtle)}.wh-day:last-child{border-bottom:none}.wh-day--closed{opacity:.7}.wh-day-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-subtle);display:flex}.wh-day-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.wh-toggle-on{color:var(--color-success)}.wh-toggle-off{color:var(--text-muted)}.wh-day-name{color:var(--text-primary);flex:1;font-size:.8rem;font-weight:600}.wh-day-closed-label{padding:var(--space-1) var(--space-3);color:var(--text-muted);font-size:.75rem;font-style:italic}.wh-day-slots{padding:var(--space-1) 0}.wh-slot{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);display:flex}.wh-slot-icon{color:var(--text-muted);flex-shrink:0}.wh-slot-dash{color:var(--text-muted);font-size:.8rem}.wh-time-input{width:100px!important;padding:var(--space-1) var(--space-2)!important;font-size:.8rem!important}.appt-form-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-3) 0 var(--space-1);border-top:1px solid var(--border-subtle);margin-top:var(--space-3);font-size:.75rem;font-weight:700}.appt-form-section{margin-top:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.appt-form-section-toggle{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--bg-subtle);cursor:pointer;color:var(--text-primary);text-align:start;border:none;font-size:.85rem;font-weight:600;transition:background .15s;display:flex}.appt-form-section-toggle:hover{background:var(--bg-hover)}.appt-form-section-badge{color:var(--color-brand);margin-inline-start:auto;margin-inline-end:var(--space-2);font-size:.7rem;font-weight:500}.appt-form-section-body{padding:var(--space-3)}.appt-form-section-hint{color:var(--text-muted);margin:0 0 var(--space-3);font-size:.8rem;line-height:1.5}.appt-form-title-row{justify-content:space-between;align-items:center;display:flex}.appt-closure-type-row{gap:var(--space-3);display:flex}.appt-closure-type-option{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);font-size:.85rem;transition:border-color .15s;display:flex}.appt-closure-type-option:has(input:checked){border-color:var(--color-brand);color:var(--color-brand)}.appt-closure-type-option input{display:none}.appt-closure-exclusions{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);flex-direction:column;display:flex}.appt-closure-excl-item{align-items:center;gap:var(--space-2);color:var(--text-secondary);cursor:pointer;font-size:.8rem;display:flex}.appt-past-closures{margin-top:var(--space-4)}.appt-past-closures-summary{color:var(--text-muted);cursor:pointer;padding:var(--space-2) 0;font-size:.8rem}.appt-waitlist-section{margin-top:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.appt-waitlist-toggle{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-subtle);cursor:pointer;color:var(--text-primary);text-align:start;border:none;font-size:.85rem;font-weight:600;display:flex}.appt-waitlist-badge{background:var(--color-warning);color:#fff;border-radius:10px;margin-inline-start:var(--space-1);padding:1px 6px;font-size:.7rem;font-weight:700}.appt-duration-modes{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.appt-duration-mode-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .1s;display:flex;position:relative}.appt-duration-mode-card:hover{border-color:var(--color-brand);background:var(--bg-hover)}.appt-duration-mode-card--active{border-color:var(--color-brand);background:#6366f10a}.appt-duration-mode-card input{display:none}.appt-duration-mode-info{flex-direction:column;display:flex}.appt-duration-mode-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.appt-duration-mode-desc{color:var(--text-muted);margin-top:2px;font-size:.7rem;line-height:1.3}@media (max-width:640px){.appt-duration-modes{grid-template-columns:1fr}}.appt-pools-section{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.appt-pool-form{gap:var(--space-2);padding:var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.appt-pool-form .form-input{flex:1;min-width:160px}.appt-pool-form-actions{gap:var(--space-2);align-items:center;display:flex}.appt-pool-list{gap:var(--space-2);display:grid}.appt-pool-card{padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}.appt-pool-card-header{align-items:center;gap:var(--space-2);display:flex}.appt-pool-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.appt-pool-desc{color:var(--text-muted);font-size:.75rem}.appt-pool-members{gap:var(--space-1);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.appt-pool-member-tag{align-items:center;gap:var(--space-1);color:var(--text-secondary);border:1px solid;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:500;display:inline-flex}.appt-cal-pool-badge{color:var(--color-brand);align-items:center;gap:3px;margin-top:2px;font-size:.65rem;font-weight:600;display:inline-flex}.appt-pool-sync-notice{align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-brand);background:#6366f114;border:1px solid #6366f133;font-size:.75rem;line-height:1.4;display:flex}.wh-breaks-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--border-subtle)}.wh-breaks-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--text-muted);display:flex}.wh-breaks-title{color:var(--text-primary);font-size:.8rem;font-weight:600}.wh-breaks-hint{color:var(--text-muted);font-size:.7rem}.wh-break-slot{border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);background:#f59e0b0a;border:1px dashed #f59e0b4d}.wh-slot-icon--break{color:var(--color-warning)}.wh-break-label-input{width:100px;font-size:.75rem}.wh-add-break{margin-top:var(--space-2)}.appt-avatar-input{align-items:center;gap:var(--space-2);display:flex}.appt-avatar-preview{object-fit:cover;border:2px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:40px;height:40px}.appt-drawer-reassign-btn{border:1px solid var(--color-brand);color:var(--color-brand);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:3px;margin-inline-start:var(--space-2);padding:2px 8px;font-size:.65rem;font-weight:600;transition:background .15s;display:inline-flex}.appt-drawer-reassign-btn:hover{background:#6366f114}.appt-drawer-reassign-panel{padding:var(--space-2) var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-md);margin-top:var(--space-1);margin-inline-start:28px}.appt-drawer-reassign-loading{padding:var(--space-2);justify-content:center;display:flex}.appt-drawer-reassign-list{flex-direction:column;gap:2px;display:flex}.appt-drawer-reassign-item{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:.8rem;transition:background .15s;display:flex}.appt-drawer-reassign-item:hover{background:var(--surface-hover);color:var(--text-primary)}.appt-lifecycle-header{margin-bottom:var(--space-5)}.appt-lifecycle-title{color:var(--text-primary);margin:0 0 var(--space-1);font-size:1rem;font-weight:700}.appt-lifecycle-desc{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.5}.appt-lifecycle-flow{align-items:center;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-subtle);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.appt-lifecycle-node-wrapper{align-items:center;gap:var(--space-2);display:flex}.appt-lifecycle-node--branch{border-inline-start:2px dashed var(--border-subtle);padding-inline-start:var(--space-2)}.appt-lifecycle-connector{color:var(--text-muted);display:flex}.appt-lifecycle-node{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);cursor:pointer;flex-direction:column;min-width:90px;transition:border-color .15s,box-shadow .15s;display:flex}.appt-lifecycle-node:hover{border-color:var(--lc-color,var(--color-brand));box-shadow:0 0 0 2px #6366f11a}.appt-lifecycle-node--active{border-color:var(--lc-color,var(--color-brand));box-shadow:0 0 0 3px #6366f126}.appt-lifecycle-node-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.appt-lifecycle-node-label{color:var(--text-primary);text-align:center;max-width:80px;font-size:.7rem;font-weight:600;line-height:1.2}.appt-lifecycle-detail{border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--surface-card);border:1.5px solid}.appt-lifecycle-detail-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.appt-lifecycle-detail-header h4{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.appt-lifecycle-detail-desc{color:var(--text-muted);margin:0 0 var(--space-3);font-size:.85rem;line-height:1.5}.appt-lifecycle-detail-section{padding:var(--space-3) 0;border-top:1px solid var(--border-subtle)}.appt-lifecycle-detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-size:.75rem;font-weight:700}.appt-lifecycle-detail-value{color:var(--text-primary);font-size:.85rem}.appt-lifecycle-template-box{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--color-brand);font-size:.85rem;display:inline-flex}.appt-lifecycle-template-box code{font-weight:600}.appt-lifecycle-template-hint{color:var(--text-muted);margin:var(--space-2) 0 0;font-size:.75rem}.appt-lifecycle-vars{gap:var(--space-1) var(--space-2);color:var(--text-secondary);grid-template-columns:auto 1fr;font-size:.8rem;display:grid}.appt-lifecycle-vars code{color:var(--color-brand);background:var(--bg-subtle);border-radius:3px;padding:1px 4px;font-weight:600}.appt-lifecycle-buttons-preview{gap:var(--space-2);margin-top:var(--space-1);display:flex}.appt-lifecycle-btn-preview{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:1px solid;font-size:.75rem;font-weight:600}.appt-lifecycle-btn-preview--success{color:var(--color-success);border-color:var(--color-success)}.appt-lifecycle-btn-preview--warn{color:var(--color-warning);border-color:var(--color-warning)}.appt-lifecycle-btn-preview--danger{color:var(--color-danger);border-color:var(--color-danger)}.appt-lifecycle-summary{margin-top:var(--space-4)}.appt-lifecycle-summary h4{margin:0 0 var(--space-3);color:var(--text-primary);font-size:.9rem;font-weight:700}.appt-lifecycle-table{border-collapse:collapse;width:100%;font-size:.8rem}.appt-lifecycle-table th{text-align:start;padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--border-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.appt-lifecycle-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.appt-lifecycle-table code{color:var(--color-brand);background:var(--bg-subtle);border-radius:3px;padding:2px 6px;font-size:.75rem}.appt-lifecycle-table-event{align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:500;display:flex}.appt-lifecycle-table-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (max-width:640px){.appt-lifecycle-flow{flex-direction:column;align-items:stretch}.appt-lifecycle-node-wrapper{flex-direction:column}.appt-lifecycle-connector{transform:rotate(90deg)}}@media (max-width:1200px){.sidebar{width:var(--sidebar-collapsed);padding:var(--space-3) 0}.sidebar-logo{padding:0 var(--space-2) var(--space-3);text-align:center;overflow:hidden}.sidebar-logo-inner{display:none}.sidebar-logo-stacked{gap:0;display:flex}.sidebar-logo-mark{border-radius:7px;width:28px;height:28px}.sidebar-logo-wordmark,.sidebar-logo span{display:none}.sidebar-nav{padding:0 var(--space-2)}.nav-item{padding:var(--space-2);justify-content:center;gap:0;font-size:0}.nav-icon{width:auto;font-size:20px}.nav-item.active:before{left:-8px}.sidebar-footer{padding:var(--space-3);text-align:center}.sidebar-user{display:none}.theme-toggle{padding:var(--space-2);justify-content:center;font-size:0}.theme-toggle .theme-label{display:none}.main-area{margin-left:var(--sidebar-collapsed);max-width:calc(100vw - var(--sidebar-collapsed))}.main-content{padding:var(--space-6)}.stat-grid{grid-template-columns:repeat(2,1fr)}.table-compact th,.table-compact td{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.filter-select{min-width:100px;max-width:150px}.filter-search{max-width:200px}}@media (max-width:768px){.sidebar{z-index:200;width:280px;box-shadow:var(--shadow-xl);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.open~.sidebar-backdrop{display:block}.sidebar.open .sidebar-logo{display:none}.sidebar.open .nav-item{font-size:var(--text-sm);justify-content:flex-start;gap:var(--space-3)}.sidebar.open .sidebar-user{display:block}.sidebar.open .theme-toggle{font-size:var(--text-sm)}.sidebar.open .theme-toggle .theme-label{display:inline}.sidebar-footer-collapse,.mobile-menu-btn{display:none}.mobile-menu-btn-inline{display:flex}.sidebar-backdrop{display:none}.top-bar-center{justify-content:center;align-items:center;display:flex}.top-bar-name-desktop{display:inline}.top-bar{padding:0 var(--space-3)}.main-area,.main-area.collapsed{max-width:100vw;margin-left:0;overflow-x:hidden}.main-content{padding:var(--space-4)}.main-content:has(.inbox-page){padding:0}.page-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column}.page-title{font-size:var(--text-xl)}.stat-grid{gap:var(--space-3);grid-template-columns:1fr 1fr}.stat-card{padding:var(--space-3);gap:var(--space-2)}.stat-value{font-size:var(--text-lg)}.stat-icon{width:32px;height:32px;font-size:14px}.stat-label{font-size:9px}.dash-stat-card{padding:var(--space-3)}.dash-stat-card:hover{transform:none}.dash-stat-value{font-size:var(--text-xl)}.dash-stat-header{margin-bottom:var(--space-2)}.dash-stat-divider{margin:var(--space-2) 0}.dash-job-name{max-width:60px}.card{padding:var(--space-3);border-radius:var(--radius-md)}.card-header{margin-bottom:var(--space-3);gap:var(--space-2);flex-wrap:wrap}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);flex:0}.modal-content{padding:var(--space-5);max-width:95%}.mobile-card-list{gap:var(--space-3);flex-direction:column;display:flex}.contact-card{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.contact-card-header{justify-content:space-between;align-items:flex-start;display:flex}.contact-card-name{font-weight:600;font-size:var(--text-sm)}.contact-card-phone{font-size:var(--text-xs);color:var(--text-muted);font-family:SF Mono,Fira Code,monospace}.contact-card-meta{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.contact-card-row{font-size:var(--text-xs);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.desktop-table{display:none!important}.mobile-card-list{display:flex!important}.mobile-stack{grid-template-columns:1fr!important}.pagination{gap:var(--space-2);flex-direction:column;align-items:stretch}.pagination-info{text-align:center}.pagination-btns{justify-content:center}.batch-header{gap:var(--space-2);flex-direction:column;align-items:flex-start}.alert{font-size:var(--text-xs)}td,th{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.mobile-filters{flex-direction:column!important}.mobile-filters .form-input{max-width:100%!important}.contacts-header-actions{width:100%}.contacts-header-actions .btn{font-size:var(--text-xs);flex:1}.desktop-filters{display:none}.mobile-filter-bar{display:flex}.export-format-grid{grid-template-columns:1fr}.export-field-row{align-items:flex-start;gap:var(--space-1);flex-direction:column}.export-alias-input{max-width:100%}}@media (max-width:420px){.stat-grid{gap:var(--space-2);grid-template-columns:1fr 1fr}.stat-card{padding:var(--space-2)}.stat-value{font-size:var(--text-base)}.dash-stat-card{padding:var(--space-2)}.dash-stat-value,.page-title{font-size:var(--text-lg)}.page-subtitle{font-size:var(--text-xs)}.btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.btn-lg{padding:var(--space-2) var(--space-4)}}[dir=rtl]{font-family:var(--font-arabic), var(--font-inter), sans-serif}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border-default);left:auto;right:0}[dir=rtl] .main-area{margin-left:0;margin-right:var(--sidebar-width)}[dir=rtl] .nav-item{text-align:right}[dir=rtl] .nav-item.active:before{border-radius:var(--radius-full) 0 0 var(--radius-full);left:auto;right:-12px}[dir=rtl] .mobile-menu-btn{left:auto;right:var(--space-3)}@media (max-width:1200px){[dir=rtl] .main-area{margin-left:0;margin-right:var(--sidebar-collapsed)}}@media (max-width:768px){[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%)}[dir=rtl] .sidebar.open{transform:translate(0)}[dir=rtl] .main-area{margin-left:0;margin-right:0}}[dir=rtl] .form-input,[dir=rtl] .form-select,[dir=rtl] textarea,[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] .alert svg{margin-left:6px;margin-right:0}[dir=rtl] .tab-btn{text-align:right}