:root{--bg:#f7f9fb;--surface:#fff;--surface-2:#f3f5f7;--sidebar:#fcfcfd;--border:#e4e7ec;--border-2:#cdd2d9;--ring:#e4e7ec;--input-border:#d0d5dd;--text-primary:#101828;--text-secondary:#667085;--text-muted:#98a2b3;--placeholder:#98a2b3;--text-1:#101828;--text-2:#667085;--primary:#25d366;--primary-pressed:#1ebe5d;--primary-soft:#25d3661a;--primary-border:#25d36640;--success:#12b76a;--success-soft:#12b76a1a;--warning:#f79009;--warning-soft:#f790091a;--danger:#f04438;--danger-soft:#f044381a;--bg-panel:var(--surface);--bg-subtle:var(--surface-2);--border-strong:var(--border-2);--sidebar-bg:var(--sidebar);--sidebar-text:#667085;--sidebar-active:#101828;--sidebar-hover:#f0f2f5;--pastel-coral:#fee4e2;--pastel-rose:#fce7f6;--pastel-teal:#d1fae5;--pastel-orange:#fef0c7;--pastel-pink:#fdf2fa;--pastel-yellow:#fef9c3;--pastel-teal-dark:#065f46;--pastel-coral-dark:#912018;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-display:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 3px #1018281a, 0 1px 2px #1018280f;--shadow-md:0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;--shadow-lg:0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;--shadow-xl:0 20px 24px -4px #10182814, 0 8px 8px -4px #10182808;--surface-soft:var(--surface);--chat-bg:#eff6f1;--chat-outgoing:#d9f3e4;--msg-tick-sent:#667781;--msg-tick-delivered:#54656f;--msg-tick-read:#34b7f1;--chat-incoming:#fff;--chat-note:#fffbeb;--transition:.15s ease;--transition-md:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;font-family:var(--font-body);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);font-size:14px;line-height:1.5}#root{height:100dvh;min-height:100dvh}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600}button,input,select,textarea{font-family:var(--font-body)}button{cursor:pointer;background:0 0;border:none}.wd-btn{border-radius:var(--radius-sm);height:36px;font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;line-height:1;text-decoration:none;display:inline-flex}.wd-btn:disabled{opacity:.46;cursor:not-allowed;pointer-events:none}.wd-btn-sm{border-radius:var(--radius-xs);height:30px;padding:0 10px;font-size:12px}.wd-btn-lg{height:44px;padding:0 20px;font-size:14px}.wd-btn-icon{width:36px;padding:0}.wd-btn-icon.wd-btn-sm{width:30px}.wd-btn-icon.wd-btn-lg{width:44px}.wd-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-xs)}.wd-btn-primary:hover:not(:disabled){background:var(--primary-pressed);border-color:var(--primary-pressed)}.wd-btn-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border);box-shadow:var(--shadow-xs)}.wd-btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-2)}.wd-btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.wd-btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.wd-btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.wd-btn-danger:hover:not(:disabled){background:#c0392b}.wd-btn-danger-ghost{color:var(--danger);background:0 0;border-color:#0000}.wd-btn-danger-ghost:hover:not(:disabled){background:var(--danger-soft)}.wd-input{border:1px solid var(--input-border);border-radius:var(--radius-sm);width:100%;height:38px;font-size:14px;font-family:var(--font-body);color:var(--text-primary);background:var(--surface);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:0 12px}.wd-input::placeholder{color:var(--placeholder)}.wd-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #25d3661f}.wd-input-sm{height:32px;padding:0 10px;font-size:13px}.wd-textarea{border:1px solid var(--input-border);border-radius:var(--radius-sm);width:100%;font-size:14px;font-family:var(--font-body);color:var(--text-primary);background:var(--surface);resize:none;transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:10px 12px;line-height:1.5}.wd-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #25d3661f}.wd-badge{border-radius:var(--radius-full);align-items:center;gap:4px;height:20px;padding:0 7px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.wd-badge-green{background:var(--success-soft);color:var(--success)}.wd-badge-orange{background:var(--warning-soft);color:var(--warning)}.wd-badge-red{background:var(--danger-soft);color:var(--danger)}.wd-badge-gray{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.wd-badge-blue{color:#1d4ed8;background:#2563eb14}.wd-avatar{border-radius:var(--radius-full);background:var(--surface-2);width:36px;height:36px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;border:1px solid #0f172a0f;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid;overflow:hidden}.wd-avatar-sm{width:28px;height:28px;font-size:11px}.wd-avatar-md{width:36px;height:36px;font-size:13px}.wd-avatar-lg{width:44px;height:44px;font-size:16px}.wd-avatar-xl{width:56px;height:56px;font-size:20px}.wd-avatar-green{background:var(--primary-soft);color:var(--primary-pressed)}.wd-avatar-orange{background:var(--warning-soft);color:var(--warning)}.wd-avatar-muted{background:var(--surface-2);color:var(--text-secondary)}.wd-avatar.has-image{color:#0000}.wd-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.cx-avatar-wrap{flex-shrink:0;position:relative}.cx-online-dot{border:2px solid var(--surface);background:#12b76a;border-radius:50%;justify-content:center;align-items:center;width:10px;height:10px;font-size:7px;line-height:1;animation:2s ease-in-out infinite cx-dot-pulse;display:inline-flex;position:absolute;bottom:1px;right:1px;box-shadow:0 0 0 1px #12b76a40}.cx-online-dot--typing{background:#0ea5e9;animation:.8s ease-in-out infinite cx-dot-pulse}.cx-online-dot--recording{background:#ec4899;animation:.8s ease-in-out infinite cx-dot-pulse;box-shadow:0 0 0 1px #ec489947}.cx-online-dot--offline{background:#94a3b8;animation:none;box-shadow:0 0 0 1px #94a3b84d}@keyframes cx-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.88)}}.cx-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.cx-toast{background:var(--surface);border:1px solid var(--border);cursor:pointer;pointer-events:all;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;align-items:center;gap:10px;min-width:200px;max-width:280px;padding:10px 14px;animation:.28s cubic-bezier(.16,1,.3,1) cx-toast-in;display:flex;box-shadow:0 8px 24px #0f172a24}@keyframes cx-toast-in{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.cx-toast--online{border-left:3px solid #12b76a}.cx-toast-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.cx-toast-body strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.cx-toast-body span{color:#027a48;font-size:11px;font-weight:600}.cx-toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:16px;line-height:1;transition:background .12s}.cx-toast-close:hover{background:var(--surface-2)}.cx-presence-debug-toggle{z-index:9998;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;position:fixed;bottom:16px;left:16px;box-shadow:0 4px 14px #0f172a1f}.cx-presence-debug-toggle:hover{background:var(--surface-2)}.cx-presence-debug{z-index:9998;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:240px;color:var(--text-secondary);background:#fffffff5;border-radius:12px;font-size:11px;position:fixed;bottom:16px;left:16px;box-shadow:0 10px 28px #0f172a29}.cx-presence-debug-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.cx-presence-debug-head strong{color:var(--text-primary);font-size:12px}.cx-presence-debug-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.cx-presence-debug-row{justify-content:space-between;align-items:center;gap:8px;padding:5px 10px;display:flex}.cx-presence-debug-row b{color:var(--text-primary);font-variant-numeric:tabular-nums}.cx-presence-debug-row b.ok{color:#027a48}.cx-presence-debug-row b.warn{color:#b45309}.cx-presence-debug-foot{border-top:1px solid var(--border);color:var(--text-muted);padding:6px 10px 8px;font-size:10px}.wd-divider{background:var(--border);height:1px;margin:0}.wd-divider-v{background:var(--border);align-self:stretch;width:1px}.wd-toast{background:var(--text-primary);color:#fff;border-radius:var(--radius-md);z-index:9999;box-shadow:var(--shadow-lg);padding:10px 16px;font-size:13px;font-weight:500;animation:.2s toastIn;position:fixed;bottom:24px;right:24px}.wd-toast.is-error{background:var(--danger)}.wd-toast.is-success{background:var(--success)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.saas-layout,.inbox-layout,.auth-layout{color:var(--text-primary)}.saas-layout :is(.btn,.tbl-btn,.inbox-action-btn,.inbox-send-btn,.inbox-filter-btn,.inbox-footer-btn){border-radius:var(--radius-md);letter-spacing:0}.saas-layout :is(input,select,textarea),.inbox-layout :is(input,select,textarea),.auth-layout :is(input,select,textarea){border-color:var(--input-border)}.saas-layout :is(input,select,textarea):focus,.inbox-layout :is(input,select,textarea):focus,.auth-layout :is(input,select,textarea):focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #25d36624}.saas-layout :is(.kpi-card,.overview-panel,.saas-table-wrap,.settings-card,.settings-group,.module-card),.inbox-layout :is(.inbox-conv-panel,.inbox-chat-panel,.inbox-detail-panel,.inbox-sidebar){box-shadow:0 0 0 1px #e0e2e8}.saas-layout :is(.kpi-card,.overview-panel,.settings-card,.settings-group,.module-card){background:var(--surface-soft)}.saas-layout .section-header h1,.inbox-layout .inbox-chat-contact-name,.inbox-layout .inbox-contact-title{font-family:var(--font-display);letter-spacing:-.5px}.saas-layout .section-header p,.inbox-layout :is(.inbox-chat-contact-sub,.inbox-contact-phone,.inbox-user-role,.inbox-conv-preview){color:var(--text-secondary)}.auth-layout{background:var(--bg);grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.auth-showcase{background:var(--text-primary);isolation:isolate;flex-direction:column;padding:48px 52px;display:flex;position:relative;overflow:hidden}.auth-showcase:before{content:"";z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.auth-showcase:after{content:"";z-index:0;background:radial-gradient(circle,#25d3662e 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-80px;right:-80px}.brand{letter-spacing:-.2px;color:#fff;z-index:3;align-items:center;gap:10px;font-size:15px;font-weight:700;display:inline-flex;position:relative}.brand-badge{background:var(--primary);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid;box-shadow:0 0 0 1px #ffffff26}.hero-copy{z-index:3;flex-direction:column;flex:1;justify-content:center;max-width:480px;padding:40px 0;display:flex;position:relative}.hero-copy h1{font-family:var(--font-display);letter-spacing:-.8px;color:#fff;margin-bottom:16px;font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.2}.hero-copy p{color:#fff9;font-size:15px;line-height:1.65}.pastel-shape,.halo{display:none}.auth-showcase.login-feedback-success{border-right:2px solid var(--primary)}.auth-showcase.login-feedback-error{border-right:2px solid var(--danger)}.auth-features{z-index:3;flex-direction:column;gap:12px;display:flex;position:relative}.auth-feature-item{color:#ffffffb3;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.auth-feature-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.auth-panel-wrap{background:var(--surface);place-items:center;padding:32px;display:grid;overflow-y:auto}.auth-panel-wrap:before{display:none}.auth-panel{flex-direction:column;width:100%;max-width:420px;display:flex}.panel-header{margin-bottom:24px}.auth-switch{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid;position:relative}.switch-pill{background:var(--surface);width:calc(50% - 5px);height:calc(100% - 6px);box-shadow:var(--shadow-xs);z-index:0;border-radius:6px;transition:transform .25s;position:absolute;top:3px;left:3px}.auth-panel.is-register .switch-pill{transform:translate(calc(100% + 2px))}.switch-btn{z-index:1;color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:600;position:relative}.switch-btn.is-active{color:var(--text-primary)}.auth-panel h2{letter-spacing:-.4px;color:var(--text-primary);margin-bottom:4px;font-size:22px;font-weight:700}.auth-panel .sub{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.55}.auth-viewport{overflow:hidden}.auth-track{width:200%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.auth-panel.is-register .auth-track{transform:translate(-50%)}.auth-form{width:50%;padding-right:0;overflow:visible}.register-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.register-span-2{grid-column:span 2}.auth-form-register .auth-row,.auth-form-register .btn{z-index:1;position:relative}.input-group{margin-bottom:14px}.input-group label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input-group input,.input-group select,.input-group textarea{border:1px solid var(--input-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--surface);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.input-group textarea{resize:vertical;min-height:88px;line-height:1.5}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--placeholder)}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #25d3661f}.input-group .input-optional{color:var(--text-muted);margin-left:4px;font-size:12px;font-weight:500}.input-counter{color:var(--text-muted);text-align:right;letter-spacing:.02em;margin-top:6px;font-size:11px}.reject-modal-summary{background:linear-gradient(#ef44440f 0%,#ef444400 100%);border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex;box-shadow:0 0 0 1px #e8eaf0}.reject-modal-avatar{width:40px;height:40px;font-family:var(--font-display);color:var(--text-primary);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:500;display:flex;box-shadow:0 0 0 1px #e8eaf0}.reject-modal-summary strong{color:var(--text-primary);letter-spacing:-.1px;font-size:14px;display:block}.reject-modal-sub{color:var(--text-secondary);margin-top:2px;font-size:12px}.reject-modal-hint{color:var(--text-secondary);margin:0 0 14px;font-size:13px;line-height:1.5}.auth-row{justify-content:space-between;align-items:center;margin:6px 0 20px;font-size:13px;display:flex}.auth-form-actions{flex-direction:column;gap:0;display:flex}.auth-info-box{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);margin:0 0 16px;padding:12px 14px;font-size:13px;line-height:1.55}.auth-info-box-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.auth-flow-badge{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.auth-reset-status{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);padding:14px 16px;font-size:14px}.auth-reset-status.is-loading{color:var(--text-primary)}.password-rules{gap:6px;margin:-8px 0 16px;padding:0;list-style:none;display:grid}.password-rules li{color:var(--text-secondary);padding-left:18px;font-size:12px;position:relative}.password-rules li:before{content:"○";color:#9ca3af;position:absolute;left:0}.password-rules li.is-met{color:var(--primary-pressed)}.password-rules li.is-met:before{content:"●";color:var(--primary)}.field-hint{color:var(--text-secondary);margin-top:6px;font-size:12px;display:block}.field-hint-error{color:var(--danger)}.checkbox{color:var(--text-secondary);-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:8px;display:inline-flex}.checkbox input{accent-color:var(--primary)}.btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition);font-size:14px;font-weight:600;line-height:1;font-family:var(--font-body);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:11px 16px;display:flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-xs);margin-bottom:8px}.btn-primary:hover:not(:disabled){background:var(--primary-pressed)}.btn-outline{background:var(--surface);color:var(--text-primary);border-color:var(--border);box-shadow:var(--shadow-xs)}.btn-outline:hover:not(:disabled){border-color:var(--border-2);background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-danger-outline{color:var(--danger);border-color:#fecaca}.btn-danger-outline:hover:not(:disabled){background:var(--danger-soft)}.btn:disabled{opacity:.46;cursor:not-allowed}.btn-link{color:var(--primary);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);background:0 0;border:none;padding:0}.brand-slider-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:center;align-items:center;gap:10px;margin-top:8%;margin-bottom:6px;font-size:10px;font-weight:600;display:flex;position:relative}.brand-slider-label:before,.brand-slider-label:after{content:"";background:linear-gradient(to right, transparent, var(--ring), transparent);flex:1;height:1px}.brand-slider{background:linear-gradient(#fff 0%,#fbfbfd 100%);border-radius:14px;margin-top:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e0e2e8}.brand-slider:before,.brand-slider:after{content:"";z-index:2;pointer-events:none;width:44px;position:absolute;top:0;bottom:0}.brand-slider:before{background:linear-gradient(90deg,#fff 0%,#fff0 100%);left:0}.brand-slider:after{background:linear-gradient(270deg,#fff 0%,#fff0 100%);right:0}.brand-slider-track{align-items:center;gap:6px;min-width:max-content;padding:10px;animation:26s linear infinite brandMarquee;display:inline-flex}.brand-chip{letter-spacing:.01em;color:var(--text-secondary);white-space:nowrap;background:#f6f7fb;border-radius:50px;justify-content:center;align-items:center;padding:6px 11px;font-size:11px;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex;box-shadow:0 0 0 1px #e8eaf0}.brand-chip:hover{color:var(--primary-pressed);background:#25d3660f}@keyframes brandMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.trust-panel{background:linear-gradient(#fff 0%,#fbfbfd 100%);border-radius:14px;margin-top:10px;padding:12px;box-shadow:0 0 0 1px #e0e2e8}.trust-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.trust-stat-card{background:#fff;border-radius:12px;justify-items:center;gap:3px;padding:10px 8px 9px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e8eaf0}.trust-stat-card:before{content:"";pointer-events:none;background:linear-gradient(#25d3660d 0%,#25d36600 70%);position:absolute;inset:0}.trust-stat-card:first-child:before{background:linear-gradient(#ffc6c659 0%,#ffc6c600 70%)}.trust-stat-card:nth-child(2):before{background:linear-gradient(#c3faf573 0%,#c3faf500 70%)}.trust-stat-card:nth-child(3):before{background:linear-gradient(#ffe6cd73 0%,#ffe6cd00 70%)}.trust-stat-card:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #dcdfe8,0 4px 12px #1c1c1e0a}.trust-stat-card strong{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.4px;font-size:17px;font-weight:500;line-height:1.15;position:relative}.trust-stat-card span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600;position:relative}.trust-tags{flex-wrap:wrap;gap:6px;display:flex}.trust-tag{color:var(--text-secondary);background:#f6f7fb;border-radius:50px;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:11px;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex;box-shadow:0 0 0 1px #e8eaf0}.trust-tag:before{content:"";background:var(--primary);border-radius:50%;flex:none;width:6px;height:6px}.trust-tag:first-child:before{background:#00b473}.trust-tag:nth-child(2):before{background:var(--primary)}.trust-tag:nth-child(3):before{background:#187574}.trust-tag:nth-child(4):before{background:#e0708a}.trust-tag:hover{color:var(--text-primary);background:#fff}.btn-link:hover{color:var(--primary-pressed)}.status{justify-content:center;margin-top:16px;display:flex}.status-badge{color:#065f46;background:#ecfdf5;border:1px solid #10b98140;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #10b98133}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f0f1473;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-backdrop[aria-hidden=false]{display:flex}.modal{border-radius:var(--radius-lg);border:1px solid var(--ring);background:#fff;width:min(100%,460px);padding:24px;box-shadow:0 20px 60px #00000026}.modal h3{letter-spacing:-.4px;margin-bottom:8px;font-family:Roobert PRO Medium,Segoe UI,Arial,sans-serif;font-size:22px}.modal p{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-actions .btn{width:auto;min-width:110px;margin:0;padding:10px 16px;font-size:14px}.modal-actions .modal-action-full{width:100%;min-width:0}.modal.modal-success{text-align:center;padding:32px 28px 24px;animation:.38s cubic-bezier(.2,.9,.3,1.2) both modalPop}.modal.modal-success .modal-actions{justify-content:stretch;margin-top:6px}.modal.modal-success h3{margin-top:18px;font-size:22px}.modal.modal-success p{max-width:360px;margin-bottom:22px;margin-left:auto;margin-right:auto;line-height:1.55}.success-check{background:radial-gradient(circle at 50% 45%,#00b47324 0%,#00b4730d 55%,#00b47300 75%);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto;display:flex;position:relative}.success-check:after{content:"";background:#00b47314;border-radius:50%;animation:1.8s ease-out infinite successPulse;position:absolute;inset:16px}.success-check-svg{z-index:1;width:56px;height:56px;position:relative}.success-check-circle{stroke:#00b473;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:151;stroke-dashoffset:151px;transform-origin:50%;animation:.55s cubic-bezier(.65,0,.45,1) 50ms forwards successCircle}.success-check-path{stroke:#00b473;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:.42s cubic-bezier(.65,0,.45,1) .55s forwards successPath}@keyframes successCircle{to{stroke-dashoffset:0}}@keyframes successPath{to{stroke-dashoffset:0}}@keyframes successPulse{0%{opacity:.6;transform:scale(.9)}70%{opacity:0;transform:scale(1.25)}to{opacity:0;transform:scale(1.25)}}@keyframes modalPop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.dashboard-layout{min-height:100vh;padding:28px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-role{border:1px solid var(--ring);color:var(--text-secondary);background:#fff;border-radius:999px;padding:7px 14px;font-size:13px}.dashboard-content{border:1px solid var(--ring);border-radius:var(--radius-lg);background:#fffc;padding:28px}.dashboard-content h1{letter-spacing:-1px;margin-bottom:8px;font-family:Roobert PRO Medium,Segoe UI,Arial,sans-serif;font-size:clamp(28px,3vw,40px)}.dashboard-content>p{color:var(--text-secondary);margin-bottom:20px}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.module-card{border:1px solid var(--ring);background:#fff;border-radius:14px;padding:16px}.module-card h3{margin-bottom:6px;font-size:17px}.module-card p{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.module-link{color:var(--primary);font-size:13px;font-weight:700;text-decoration:none}.module-link:hover{text-decoration:underline}.dashboard-switch{width:auto}.saas-layout{background:var(--bg);height:100vh;display:flex;overflow:hidden}.saas-sidebar{background:var(--sidebar);border-right:1px solid var(--border);width:232px;min-width:232px;height:100vh;font-family:var(--font-body);flex-direction:column;flex-shrink:0;padding:0;display:flex;overflow-y:auto}.saas-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:18px 16px 14px;display:flex}.saas-brand .brand-badge{background:var(--primary);color:#fff;width:32px;height:32px;font-size:14px;font-weight:700;font-family:var(--font-display);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.saas-brand-text{flex-direction:column;gap:1px;display:flex}.saas-brand-text strong{color:var(--text-primary);letter-spacing:-.01em;font-size:13px;font-weight:700;line-height:1.2;font-family:var(--font-display)}.saas-brand-text span{color:var(--muted);letter-spacing:.01em;font-size:10.5px;font-weight:500}.saas-nav{flex-direction:column;flex:1;gap:1px;padding:10px 8px;display:flex;overflow-y:auto}.saas-nav>div{flex-direction:column;gap:1px;display:flex}.saas-nav-label{letter-spacing:.07em;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:600;font-family:var(--font-body);-webkit-user-select:none;user-select:none;padding:14px 8px 5px}.saas-nav-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);letter-spacing:-.005em;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;min-height:34px;padding:7px 9px;transition:background .12s,color .12s;display:flex}.saas-nav-item:hover{background:var(--surface-2);color:var(--text-primary)}.saas-nav-item.is-active{background:var(--primary-soft);color:#15803d;font-weight:600}.saas-nav-item.is-active .nav-icon{color:var(--primary);opacity:1}.nav-icon{width:18px;height:18px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;transition:color .12s;display:flex}.saas-nav-item:hover .nav-icon{color:var(--text-secondary)}.saas-sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:6px;padding:10px 8px 14px;display:flex}.saas-user-chip{flex:1;align-items:center;gap:9px;min-width:0;padding:4px 2px;display:flex}.saas-avatar{background:var(--primary-soft);color:#15803d;border:1px solid var(--primary-border);width:30px;height:30px;font-size:12px;font-weight:700;font-family:var(--font-display);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.saas-user-info{flex-direction:column;gap:1px;min-width:0;display:flex}.saas-user-info strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.005em;font-size:12px;font-weight:600;overflow:hidden}.saas-user-info span{color:var(--muted);font-size:10.5px;font-weight:500}.saas-footer-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.saas-footer-icon-btn{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;place-items:center;transition:background .12s,color .12s;display:grid}.saas-footer-icon-btn:hover{background:var(--surface-2);color:var(--text-primary)}.saas-footer-icon-btn--danger:hover{color:#dc2626;background:#fff0f0}.saas-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.saas-topbar{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 24px;display:flex}.saas-breadcrumb{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.bc-sep{color:var(--border)}.bc-current{color:var(--text-primary);font-weight:700}.saas-topbar-right{align-items:center;gap:10px;display:flex}.saas-refresh-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);letter-spacing:-.005em;border-radius:7px;align-items:center;gap:5px;padding:6px 11px;transition:all .12s;display:inline-flex}.saas-refresh-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.saas-refresh-btn:disabled{opacity:.45;cursor:not-allowed}.saas-toast{z-index:200;background:var(--text-primary);color:#fff;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:600;animation:.3s slideInToast;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #0003}.saas-toast.is-error{background:var(--danger)}@keyframes slideInToast{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.saas-content{background:radial-gradient(circle at 85% 10%,#ffd6d647 0%,#ffd6d600 34%),radial-gradient(circle at 12% 14%,#c3faf559 0%,#c3faf500 28%),#fff;flex:1;padding:28px 28px 40px;overflow-y:auto}.section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.section-header h1{font-family:var(--font-display);letter-spacing:-.8px;margin-bottom:4px;font-size:clamp(26px,2.5vw,34px);font-weight:600;line-height:1.15}.section-header p{color:var(--text-secondary);font-size:14px}.section-add-btn{flex-shrink:0;width:auto;margin:0;padding:10px 18px;font-size:13px}.dashboard-surface{background:#fff}.dashboard-header h1{letter-spacing:-1.2px}.dashboard-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--pastel-teal-dark);background:var(--pastel-teal);border-radius:50px;align-items:center;margin-bottom:8px;padding:5px 12px;font-size:10.5px;font-weight:600;display:inline-flex;box-shadow:0 0 0 1px #e0e2e8}.dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dashboard-kpi-grid-secondary{margin-top:14px}.dashboard-overview-panels{margin-top:16px}.dashboard-panel-wide{grid-column:1/-1}.dashboard-panel-standalone{margin-top:16px}.dashboard-kpi-grid .kpi-card{border:1px solid var(--ring);box-shadow:none}.dashboard-kpi-grid .kpi-card:nth-child(4n+1) .kpi-icon-wrap{background:var(--primary-soft)}.dashboard-kpi-grid .kpi-card:nth-child(4n+2) .kpi-icon-wrap{background:var(--pastel-rose);color:#8b5cf6}.dashboard-kpi-grid .kpi-card:nth-child(4n+3) .kpi-icon-wrap{background:var(--pastel-teal);color:#0f766e}.dashboard-kpi-grid .kpi-card:nth-child(4n+4) .kpi-icon-wrap{background:var(--pastel-orange);color:#b45309}.dashboard-quick-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.dashboard-quick-actions .btn{flex-shrink:0;width:auto;margin:0;padding:9px 16px;font-size:13px}.overview-row--clickable{cursor:pointer;transition:background .15s,box-shadow .15s}.overview-row--clickable:hover{background:#f9fafb;box-shadow:inset 0 0 0 1px #e0e2e8}.overview-row--clickable:focus-visible{outline-offset:2px;outline:2px solid #25d366}.dashboard-chart-box{background:#fff;border-radius:12px;padding:12px 10px 6px;box-shadow:0 0 0 1px #e0e2e8}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.kpi-card{border:1px solid var(--ring);border-radius:var(--radius-md);cursor:pointer;background:#fff;align-items:center;gap:14px;padding:16px;transition:border-color .15s,background .15s;display:flex}.kpi-card:hover{border-color:var(--primary);background:#fcfcff}.kpi-icon-wrap{border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.kpi-icon-blue{background:var(--primary-soft);color:var(--primary)}.kpi-icon-purple{color:#7c3aed;background:#8b5cf61f}.kpi-icon-green{background:var(--success-soft);color:#059669}.kpi-icon-orange{color:#d97706;background:#f59e0b1f}.kpi-body{flex:1;min-width:0;overflow:hidden}.kpi-body p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:12px;font-weight:600;overflow:hidden}.kpi-body strong{font-family:var(--font-display);letter-spacing:-.6px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:28px;line-height:1.1;display:block;overflow:hidden}.kpi-body span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.kpi-scroll-zone{display:contents}.auth-mobile-brand{display:none}.overview-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.overview-panel{border:1px solid var(--ring);background:#fff;border-radius:12px;padding:18px}.overview-panel-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.overview-panel h3{color:var(--text-primary);font-size:15px;font-weight:700}.overview-more-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.overview-more-btn:hover{text-decoration:underline}.overview-row{border-bottom:1px solid var(--bg);align-items:center;gap:10px;padding:8px 0;display:flex}.overview-row:last-of-type{border-bottom:none}.overview-avatar{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.overview-avatar-green{background:var(--success-soft);color:#059669}.overview-row-body{flex:1;min-width:0}.overview-row-body strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;display:block;overflow:hidden}.overview-row-body p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.dashboard-chart-box{margin-top:8px}.dashboard-chart-empty{min-height:240px;color:var(--text-muted);text-align:center;place-items:center;padding:12px;font-size:13px;display:grid}.empty-state{color:var(--text-muted);text-align:center;padding:16px 0;font-size:13px}.badge{white-space:nowrap;vertical-align:middle;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.badge-green{background:var(--success-soft);color:#065f46}.badge-red{background:var(--danger-soft);color:#991b1b}.badge-yellow{background:var(--warning-soft);color:#92400e}.badge-blue{background:var(--primary-soft);color:#1d4ed8}.badge-purple{color:#5b21b6;background:#8b5cf61a}.badge-teal{color:#0f766e;background:#14b8a61a}.badge-gray{color:#374151;background:#f3f4f6}.firm-tags-grid{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.firm-tag-card{border:1px solid var(--ring);border-radius:var(--radius-md);background:#fff;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.firm-tag-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.firm-tag-name{color:var(--text-primary)}.firm-tag-actions{gap:4px;margin-left:8px;display:flex}.saas-table-wrap{border:1px solid var(--ring);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;background:#fff;overflow:auto hidden}.saas-table{border-collapse:collapse;width:100%;font-size:13px}.saas-table thead th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;background:#f9fafb;padding:10px 14px;font-size:11px;font-weight:700;line-height:1.25}.saas-table tbody tr{transition:background .1s}.saas-table tbody tr:hover{background:#fafafa}.saas-table tbody tr:not(:last-child) td{border-bottom:1px solid #f3f4f6}.saas-table td{color:var(--text-primary);vertical-align:middle;padding:11px 14px;line-height:1.25}.td-id{color:var(--text-muted);width:40px;font-size:12px;font-weight:600}.td-empty{color:var(--text-muted)}.td-empty-row{text-align:center;color:var(--text-muted);padding:28px!important}.td-user{align-items:center;gap:8px;display:flex}.td-avatar{background:var(--primary-soft);width:28px;height:28px;color:var(--primary);text-align:center;box-sizing:border-box;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.td-avatar--firm,.td-avatar--user{color:#25d366;letter-spacing:0;width:32px;height:32px;font-size:13px;font-weight:700;line-height:1;font-family:var(--font-body);background:#25d3661f;border-radius:12px;justify-content:center;align-items:center;display:flex}.table-actions{align-items:center;gap:6px;display:flex}.tbl-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;vertical-align:middle;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:600;line-height:1.2;transition:all .15s;display:inline-flex}.tbl-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.tbl-btn:disabled{opacity:.5;cursor:not-allowed}.tbl-btn-danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.tbl-btn-wa{background:var(--primary);border-color:var(--primary);color:#fff}.tbl-btn-wa:hover:not(:disabled){background:var(--primary-pressed,#1fb457);border-color:var(--primary-pressed,#1fb457);color:#fff}.tbl-row-menu{vertical-align:middle;justify-content:center;align-items:center;display:inline-flex;position:relative}.tbl-row-menu-trigger{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:border-color .18s,color .18s,background .18s,transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;display:inline-flex}.tbl-row-menu-trigger.is-active{color:#25d366;background:#25d36614;border-color:#25d366;transform:scale(1.04);box-shadow:0 0 0 3px #25d36624}.tbl-row-menu-trigger:active{background:#f8fafc;transform:scale(.96)}.tbl-row-menu-backdrop{z-index:90;background:0 0;position:fixed;inset:0}.tbl-row-menu-panel{z-index:100;border:1px solid var(--border);background:#fff;border-radius:10px;min-width:148px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 24px #0f172a24}.tbl-row-menu-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.25;display:block}.tbl-row-menu-item:hover:not(:disabled),.tbl-row-menu-item:active:not(:disabled){background:var(--surface-2)}.tbl-row-menu-item:disabled{opacity:.45;cursor:not-allowed}.tbl-row-menu-item--danger{color:var(--danger)}.tbl-row-menu-item--danger:active:not(:disabled){background:#fff0f0}@keyframes rowActionBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes rowActionSheetIn{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes rowActionItemIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rowActionHandlePulse{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.08)}}.row-action-backdrop,.row-action-sheet{display:none}.instance-key{color:var(--text-secondary);background:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.saas-modal-backdrop{z-index:150;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a0f80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.saas-modal{border-radius:var(--radius-lg);width:min(100%,500px);max-height:calc(100vh - 40px);box-shadow:0 0 0 1px var(--ring), 0 10px 26px #1c1c1e14;background:#fff;flex-direction:column;animation:.22s modalIn;display:flex;overflow:hidden}.saas-modal--wide{width:min(100%,640px)}.saas-modal--channel{width:min(100%,620px)}.saas-modal--detail{width:min(100%,720px)}.saas-modal--billing-plans{width:min(100%,920px);max-height:calc(100vh - 32px)}.saas-modal--email-templates{width:min(100%,1120px);max-height:calc(100vh - 24px)}.email-templates-body{padding-top:0!important}.email-templates-loading,.email-templates-empty{color:var(--text-secondary);padding:24px 0;font-size:14px}.email-templates-layout{grid-template-columns:260px minmax(0,1fr);gap:16px;min-height:520px;display:grid}.email-templates-sidebar{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;max-height:70vh;padding:12px;overflow:auto}.email-templates-global{border-bottom:1px solid var(--border);gap:8px;margin-bottom:14px;padding-bottom:14px;display:grid}.email-templates-global label{color:var(--text-secondary);font-size:12px;font-weight:600}.email-templates-global input{border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 10px;font-size:13px}.email-templates-category+.email-templates-category{margin-top:12px}.email-templates-category-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 6px;font-size:11px;font-weight:700}.email-templates-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.email-templates-item:hover{border-color:var(--border);background:#fff}.email-templates-item.is-active{background:#fff;border-color:#25d36673;box-shadow:0 0 0 1px #25d3661f}.email-templates-item em{color:var(--primary-pressed);background:#25d3661f;border-radius:999px;padding:2px 6px;font-size:10px;font-style:normal;font-weight:700}.email-templates-editor{border:1px solid var(--border);background:#fff;border-radius:12px;max-height:70vh;padding:16px;overflow:auto}.email-templates-editor-head h4{margin:0 0 4px;font-size:16px}.email-templates-editor-head p{color:var(--text-secondary);margin:0;font-size:13px}.email-templates-vars{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0;font-size:12px;display:flex}.email-templates-var{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:999px;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.email-templates-var:hover{color:var(--primary-pressed);border-color:#25d36673}.email-templates-vars-hint{width:100%;font-size:11px}.email-templates-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.email-templates-actions .btn{width:auto;margin:0}.email-templates-preview{border:1px solid var(--border);border-radius:12px;margin-top:16px;overflow:hidden}.email-templates-preview-head{background:var(--surface-2);border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding:10px 12px;font-size:12px;display:flex}.email-templates-preview-head span{color:var(--text-secondary)}.email-templates-preview-frame{background:#fff;border:0;width:100%;min-height:360px}@media (width<=900px){.email-templates-layout{grid-template-columns:1fr;min-height:auto}.email-templates-sidebar,.email-templates-editor{max-height:none}}.newsletter-section .section-header{margin-bottom:16px}.newsletter-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.newsletter-kpi{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.newsletter-kpi strong{font-size:22px;line-height:1}.newsletter-kpi span{color:var(--text-secondary);font-size:12px}.newsletter-upcoming{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:16px;padding:14px 16px}.newsletter-upcoming-head{align-items:center;gap:8px;margin-bottom:10px;font-size:14px;display:flex}.newsletter-upcoming-list{gap:8px;display:grid}.newsletter-upcoming-item{background:var(--surface-2);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.newsletter-upcoming-item strong{font-size:13px;display:block}.newsletter-upcoming-item span{color:var(--text-secondary);font-size:12px}.newsletter-form-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.newsletter-form-tab{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px}.newsletter-form-tab.is-active{color:var(--primary-pressed);background:#25d36614;border-color:#25d36673;font-weight:600}.newsletter-vars-hint{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.newsletter-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.newsletter-audience-estimate{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;display:flex}.newsletter-schedule-options{gap:10px;display:grid}.newsletter-schedule-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;padding:12px 14px;display:block}.newsletter-schedule-card.is-active{border-color:#25d36673;box-shadow:0 0 0 1px #25d3661f}.newsletter-schedule-card input{margin-right:8px}.newsletter-schedule-card strong{margin-bottom:2px;font-size:14px;display:block}.newsletter-schedule-card span{color:var(--text-secondary);font-size:12px}.newsletter-preview-pane{min-height:360px}.newsletter-preview-empty{color:var(--text-secondary);padding:24px 0;font-size:14px}.newsletter-form-actions{margin-top:12px}.saas-modal--newsletter-report{width:min(96vw,920px);max-width:920px}.newsletter-report-kpis{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px;display:grid}.newsletter-report-kpi{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.newsletter-report-kpi:hover,.newsletter-report-kpi.is-active{border-color:#25d366;box-shadow:0 0 0 1px #25d36626}.newsletter-report-kpi strong{color:#111827;font-size:1.35rem;line-height:1.2}.newsletter-report-kpi span{color:#6b7280;font-size:.78rem}.newsletter-report-kpi--danger.is-active,.newsletter-report-kpi--danger:hover{border-color:#ef4444;box-shadow:0 0 0 1px #ef44441f}.newsletter-report-kpi--success.is-active,.newsletter-report-kpi--success:hover{border-color:#10b981;box-shadow:0 0 0 1px #10b9811f}.newsletter-report-kpi--rate{cursor:default;background:#f8fafc}.newsletter-report-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.newsletter-report-table-wrap{max-height:360px;overflow:auto}.newsletter-report-error{margin-top:4px;font-size:.75rem;display:block}.newsletter-report-opened{color:#059669;font-size:.85rem}.newsletter-report-pagination{color:#6b7280;justify-content:center;align-items:center;gap:12px;margin-top:12px;font-size:.85rem;display:flex}@media (width<=900px){.newsletter-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.fp-billing-modal-backdrop{z-index:220;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fp-billing-modal-header{border-bottom:1px solid #eceff6;padding:22px 24px 14px}.fp-billing-modal-body{padding:16px 24px 8px;overflow-y:auto}.fp-billing-modal-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.fp-billing-modal-trust{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.fp-billing-modal-plans{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.fp-plan-modal-card{cursor:pointer;background:#fff;border:2px solid #e0e2e8;border-radius:16px;flex-direction:column;min-height:280px;padding:18px 16px 16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.fp-plan-modal-card:hover:not(.is-current){border-color:#25d36673;transform:translateY(-2px);box-shadow:0 8px 24px #25d3661a}.fp-plan-modal-card.is-featured{background:linear-gradient(#f8fffb 0%,#fff 40%)}.fp-plan-modal-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px #25d36629}.fp-plan-modal-card.is-current{opacity:.72;cursor:default}.fp-plan-modal-badge{letter-spacing:.04em;text-transform:uppercase;color:#128c7e;background:#25d3661f;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:12px;right:12px}.fp-plan-modal-badge.is-current{background:var(--primary);color:#fff}.fp-plan-modal-card-top{align-items:center;gap:10px;margin-bottom:12px;display:flex}.fp-plan-modal-icon{color:#25d366;background:#f3f6ff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.fp-plan-modal-card-top h4{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.fp-plan-modal-price{align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.fp-plan-modal-price strong{font-family:var(--font-display);letter-spacing:-.8px;font-size:32px}.fp-plan-modal-price span{color:var(--text-muted);font-size:13px;font-weight:600}.fp-plan-modal-desc{color:var(--text-secondary);min-height:34px;margin:0 0 12px;font-size:12px;line-height:1.45}.fp-plan-modal-features{flex-direction:column;flex:1;gap:7px;margin:0;padding:0;list-style:none;display:flex}.fp-plan-modal-features li{color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;display:flex}.fp-plan-modal-features li svg{color:var(--primary);flex-shrink:0}.fp-plan-modal-selected-mark{color:#128c7e;align-items:center;gap:5px;margin-top:10px;font-size:11px;font-weight:700;display:inline-flex}.fp-billing-modal-footer{padding:14px 24px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#fafbfc 0%,#fff 100%);border-top:1px solid #eceff6;justify-content:space-between;align-items:center;gap:16px;display:flex}.fp-billing-modal-footer-info{flex-direction:column;gap:2px;min-width:0;display:flex}.fp-billing-modal-footer-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:700}.fp-billing-modal-footer-info strong{color:var(--text-primary);font-size:15px}.fp-billing-modal-footer-price{color:var(--text-secondary);font-size:12px;font-weight:600}.fp-billing-modal-footer-hint{color:var(--text-muted);font-size:13px}.fp-billing-modal-footer-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.fp-billing-modal-footer-actions .btn{white-space:nowrap;width:auto;min-width:120px;margin:0}.fp-billing-cta-card{background:linear-gradient(135deg,#f8fffb 0%,#f4f7ff 100%);border:1px solid #25d36647;border-radius:16px;align-items:center;gap:16px;margin-bottom:16px;padding:18px 20px;display:flex}.fp-billing-cta-card-icon{color:#128c7e;background:#25d3661f;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.fp-billing-cta-card-body{flex:1;min-width:0}.fp-billing-cta-card-body strong{color:var(--text-primary);margin-bottom:4px;font-size:15px;display:block}.fp-billing-cta-card-body p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.fp-billing-cta-card .btn{flex-shrink:0;width:auto;margin:0}.saas-modal-header-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.saas-modal-subtitle{color:var(--text-muted);margin:0;font-size:13px;font-weight:400;line-height:1.45}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.saas-modal-header{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.saas-modal-header h3{letter-spacing:-.3px;font-family:Roobert PRO Medium,Segoe UI,Arial,sans-serif;font-size:18px;font-weight:600}.saas-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:28px;height:28px;font-size:14px;transition:background .15s;display:grid}.saas-modal-close:hover{color:var(--text-primary);background:#f3f4f6}.saas-modal-body{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:22px;overflow-y:auto}.saas-modal-footer{border-top:1px solid var(--border);background:#fff;flex-shrink:0;padding:14px 22px 20px}.saas-modal-footer .saas-modal-actions{background:0 0;padding-top:0;position:static}.saas-modal-form{flex-direction:column;gap:14px;display:flex}.saas-field{flex-direction:column;gap:6px;display:flex}.saas-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.saas-field input,.saas-field select,.saas-field textarea{border:1px solid var(--input-border);color:var(--text-primary);background:#fff;border-radius:8px;width:100%;padding:10px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.saas-field textarea{resize:vertical;min-height:88px;font-family:inherit;line-height:1.45}.saas-field input:focus,.saas-field select:focus,.saas-field textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #25d36626}.saas-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ann-media-type-picker{gap:6px;display:flex}.ann-media-type-btn{border:1px solid var(--input-border);color:#4b5563;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ann-media-type-btn:hover{background:#f8fafc;border-color:#bbf7d0}.ann-media-type-btn.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-pressed)}.rte-wrap{border:1px solid var(--input-border);background:#fff;border-radius:8px;overflow:hidden}.rte-toolbar{border-bottom:1px solid var(--input-border);background:#f8fafc;flex-wrap:wrap;align-items:center;gap:3px;padding:6px 8px;display:flex}.rte-toolbar button{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 6px;font-size:11px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.rte-toolbar button:hover{background:#fff;border-color:#e5e7eb}.rte-toolbar button.is-active{background:var(--primary-soft);color:var(--primary-pressed);border-color:#bbf7d0}.rte-toolbar-sep{background:#e5e7eb;flex-shrink:0;width:1px;height:18px;margin:0 4px}.rte-link-control{display:inline-flex;position:relative}.rte-link-popover{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 6px 18px #0f172a1f}.rte-link-popover input{border:1px solid var(--input-border);border-radius:6px;width:220px;height:28px;padding:0 8px;font-size:12px}.rte-link-popover button{color:#374151;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.rte-link-popover button:hover{color:#16803c;background:#ecfdf5}.rte-content{min-height:140px;max-height:320px;color:var(--text-primary);padding:12px 14px;font-size:14px;line-height:1.55;overflow-y:auto}.rte-content:focus{outline:none}.rte-content p{margin:0 0 8px}.rte-content p:last-child{margin-bottom:0}.rte-content h2{margin:4px 0 8px;font-size:17px;font-weight:700}.rte-content ul,.rte-content ol{margin:0 0 8px;padding-left:20px}.rte-content a{color:var(--primary);text-decoration:underline}.rte-content .is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#9ca3af;pointer-events:none;height:0}.saas-checkbox{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.saas-checkbox input{accent-color:var(--primary)}.saas-checkbox-disabled{opacity:.6;cursor:not-allowed}.saas-checkbox-disabled input{cursor:not-allowed}.saas-modal-actions{background:#fff;justify-content:flex-end;gap:8px;padding-top:4px;display:flex;position:sticky;bottom:0}.saas-modal-actions .btn{width:auto;min-width:90px;margin:0;padding:10px 16px;font-size:13px}.saas-confirm-text{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.6}.billing-current{border-radius:var(--radius-md);background:linear-gradient(135deg,#f0f4ff 0%,#e8f5ff 100%);border:1px solid #25d36633;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:20px 22px;display:flex}.billing-current-info h2{letter-spacing:-.5px;margin:6px 0 4px;font-family:Roobert PRO Medium,Segoe UI,Arial,sans-serif;font-size:24px;font-weight:400}.billing-current-info p{color:var(--text-secondary);font-size:13px}.billing-current-actions{text-align:right}.billing-current-btn-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.billing-renew{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.billing-renew--muted{color:var(--text-muted)}.billing-cancel-btn{width:auto;margin:0;padding:8px 14px;font-size:12px}.fp-billing-cancel-trigger,.fp-billing-resume-trigger{cursor:pointer;background:#fff;border:1px solid #e0e2e8;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.fp-billing-cancel-trigger{color:#b91c1c;border-color:#fecaca}.fp-billing-cancel-trigger:hover{background:#fff5f5;border-color:#fca5a5}.fp-billing-resume-trigger{color:#128c7e;border-color:#25d36659}.fp-billing-resume-trigger:hover:not(:disabled){background:#f8fffb;border-color:#25d3668c}.fp-billing-cancel-body p{color:var(--text-secondary);margin:0 0 12px;font-size:14px;line-height:1.6}.fp-billing-cancel-list{color:var(--text-secondary);margin:0;padding-left:18px;font-size:13px;line-height:1.7}.fp-billing-cancel-modal{max-width:480px}.billing-plans-title{letter-spacing:-.3px;margin-bottom:14px;font-family:Roobert PRO Medium,Segoe UI,Arial,sans-serif;font-size:20px;font-weight:400}.billing-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:32px;display:grid}.plan-card{border:1px solid var(--ring);border-radius:var(--radius-md);background:#fff;padding:20px;transition:border-color .15s;position:relative}.plan-card:hover{border-color:var(--primary)}.plan-card.is-current{border-color:var(--primary);border-width:2px}.plan-current-badge{background:var(--primary);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:0 0 8px 8px;padding:3px 10px;font-size:10px;font-weight:800;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.plan-card h3{margin-top:8px;margin-bottom:10px;font-size:18px;font-weight:700}.plan-price{align-items:baseline;gap:4px;margin-bottom:14px;display:flex}.plan-price strong{letter-spacing:-.8px;font-family:Roobert PRO Medium,Segoe UI,Arial,sans-serif;font-size:30px}.plan-price span{color:var(--text-muted);font-size:13px}.plan-features{flex-direction:column;gap:7px;margin-bottom:16px;list-style:none;display:flex}.plan-features li{color:var(--text-secondary);align-items:center;gap:7px;font-size:13px;display:flex}.plan-check{color:var(--success);flex-shrink:0;font-size:12px;font-weight:700}.billing-invoices h2{margin-bottom:12px;font-size:18px;font-weight:700}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-card--wide{grid-column:1/-1}.settings-smtp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=768px){.settings-smtp-grid{grid-template-columns:1fr}}.settings-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;padding:20px}.settings-card-full{grid-column:1/-1}.settings-card h3{margin-bottom:4px;font-size:16px;font-weight:700}.settings-desc{color:var(--text-secondary);margin-bottom:14px;font-size:13px}.api-key-row{gap:8px;display:flex}.api-key-row input{flex:1}.settings-btn{width:auto;margin:10px 0 0;padding:9px 16px;font-size:13px}.settings-toggles{flex-direction:column;gap:10px;margin-bottom:4px;display:flex}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.integration-card{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.integration-card strong{font-size:13px}.integration-card--catalog{flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px}.integration-card-head{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.integration-card-meta{align-items:center;gap:10px;min-width:0;display:flex}.integration-card-icon{background:#25d3661a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.integration-card-name{font-size:14px;display:block}.integration-card-category{color:var(--text-muted);margin:0;font-size:11px}.integration-card-action{text-align:center;width:100%;min-height:40px}.ann-body-preview{white-space:nowrap;text-overflow:ellipsis;max-width:260px;overflow:hidden}.logs-list{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;overflow:hidden}.log-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:13px 16px;transition:background .1s;display:flex}.log-row:last-child{border-bottom:none}.log-row:hover{background:#fafafa}.log-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.log-info{background:var(--primary)}.log-success{background:var(--success)}.log-warning{background:var(--warning)}.log-error{background:var(--danger)}.log-content{flex:1;min-width:0}.log-content strong{font-size:13px;font-weight:600;display:block}.log-content p{color:var(--text-muted);font-size:12px}.log-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.filter-bar{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.filter-pill{border:1px solid var(--ring);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.filter-pill:hover{border-color:var(--primary);color:var(--primary)}.filter-pill.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.filter-pill.is-active .filter-count{color:#fff;background:#ffffff38}.filter-count{color:var(--text-muted);background:#f3f4f6;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.filter-select{align-items:center;gap:8px;margin-left:auto;padding:0 2px;display:inline-flex}.filter-select label{color:var(--text-secondary);font-size:12px;font-weight:600}.filter-select select{border:1px solid var(--input-border);height:34px;color:var(--text-primary);background:#fff;border-radius:8px;padding:0 11px;font-size:13px}.filter-select select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #25d36624}.section-toolbar,.users-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.section-toolbar-add,.users-toolbar-add{width:auto;margin:0;display:none}.section-filter-pills,.users-filter-pills{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.section-field-filter,.users-firm-filter{align-items:center;gap:8px;min-width:0;margin-left:auto;display:inline-flex}.section-field-filter label,.users-firm-filter label{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;margin:0;font-size:12px;font-weight:600;line-height:1}.section-field-filter select,.section-field-filter input[type=date],.section-field-filter input[type=text],.users-firm-filter select{border:1px solid var(--input-border);height:34px;color:var(--text-primary);background:#fff;border-radius:8px;min-width:160px;max-width:220px;padding:0 11px;font-size:13px}.section-field-filter select:focus,.section-field-filter input:focus,.users-firm-filter select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #25d36624}.section-toolbar-search{flex:1;min-width:180px}.section-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.section-toolbar-actions .btn{flex-shrink:0;width:auto;margin:0;padding:9px 14px;font-size:13px}.section-active-filters{flex-wrap:wrap;gap:6px;margin:-8px 0 14px;display:flex}.section-active-filters .filter-pill{cursor:default;pointer-events:none}.td-user-name{color:var(--text-primary);word-break:break-word;vertical-align:middle;font-weight:600;line-height:1.25;display:inline}.td-stack{vertical-align:middle;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;max-width:100%;margin:0;padding:0;line-height:1.25;display:inline-flex}.td-muted{color:var(--text-muted);margin:0;padding:0;font-size:11px;line-height:1.25}.td-cell-inline{vertical-align:middle;align-items:center;gap:6px;line-height:1.25;display:inline-flex}.td-badge-row{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:3px;display:inline-flex}.td-limits{color:var(--text-secondary);font-size:11px;line-height:1.35}.td-danger{color:var(--danger);margin:0;padding:0;font-size:10px;line-height:1.25}.td-nowrap{white-space:nowrap;font-size:12px;line-height:1.25}.td-secondary{color:var(--text-secondary);font-size:11px;line-height:1.25}.saas-table tbody td .td-stack,.saas-table tbody td .td-cell-inline,.saas-table tbody td .td-badge-row,.saas-table tbody td .quota-cell{vertical-align:middle}.quota-cell{color:var(--text-secondary);vertical-align:middle;flex-direction:column;justify-content:center;gap:3px;min-width:100px;font-size:12px;line-height:1.25;display:inline-flex}.quota-bar{background:#f3f4f6;border-radius:999px;width:100%;height:4px;overflow:hidden}.quota-fill{border-radius:999px;height:100%;transition:width .35s}.alert-banner{border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:20px;padding:11px 16px;font-size:13px;font-weight:600;display:flex}.alert-warning{background:var(--warning-soft);color:#92400e;border:1px solid #f59e0b4d}.alert-banner .tbl-btn{flex-shrink:0;margin-left:auto}.billing-tabs{border-bottom:2px solid var(--ring);gap:0;margin-bottom:24px;display:flex}.billing-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:color .18s;position:relative}.billing-tab:hover{color:var(--text-primary)}.billing-tab.is-active{color:var(--primary)}.billing-tab.is-active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-2px;left:0;right:0}.billing-overview-split{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.billing-reports-split{grid-template-columns:1fr 1fr;gap:16px;display:grid}.col-mobile-show-inline{display:none}.plan-private-badge{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#6b7280;border-radius:0 0 8px 8px;padding:3px 10px;font-size:10px;font-weight:800;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.plan-form-section-title{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--ring);margin-bottom:2px;padding:4px 0 2px;font-size:11px;font-weight:800}.wa-tenant-modal-form,.wa-tenant-detail{flex-direction:column;gap:16px;display:flex}.wa-tenant-modal-banner{background:linear-gradient(135deg,#c3faf5 0%,#e8f5ff 100%);border-radius:12px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex;box-shadow:0 0 0 1px #1875741f}.wa-tenant-modal-banner--rose{background:linear-gradient(135deg,#ffd8f4 0%,#f0f4ff 100%);box-shadow:0 0 0 1px #7a2f621a}.wa-tenant-modal-banner--coral{background:linear-gradient(135deg,#ffc6c6 0%,#fff5f5 100%);box-shadow:0 0 0 1px #60000014}.wa-tenant-modal-banner-icon{color:#187574;background:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 0 0 1px #e0e2e8}.wa-tenant-modal-banner-icon--rose{color:#7a2f62}.wa-tenant-modal-banner-icon--coral{color:#600000;background:#ffffffbf}.wa-tenant-modal-banner strong{color:#1c1c1e;margin-bottom:4px;font-family:Roobert PRO Medium,Segoe UI,Arial,sans-serif;font-size:15px;font-weight:600;display:block}.wa-tenant-modal-banner p{color:#555a6a;margin:0;font-size:13px;line-height:1.5}.wa-tenant-modal-section{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #e0e2e8}.wa-tenant-modal-section-head{background:#fafbfc;border-bottom:1px solid #e0e2e8;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.wa-tenant-modal-section-head h4{letter-spacing:-.2px;color:#1c1c1e;margin:0;font-family:Roobert PRO Medium,Segoe UI,Arial,sans-serif;font-size:15px;font-weight:600}.wa-tenant-modal-section-head p{color:#555a6a;margin:2px 0 0;font-size:12px;line-height:1.4}.wa-tenant-modal-section-icon{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.wa-tenant-modal-section-icon--teal{color:#187574;background:#c3faf5}.wa-tenant-modal-section-icon--rose{color:#7a2f62;background:#ffd8f4}.wa-tenant-modal-section-icon--coral{color:#600000;background:#ffc6c6}.wa-tenant-modal-section-icon--purple{color:#4a2f8a;background:#e8e0ff}.wa-tenant-modal-section-icon--orange{color:#746019;background:#ffe6cd}.wa-tenant-modal-section-body{flex-direction:column;gap:12px;padding:16px;display:flex}.wa-tenant-field-hint{color:#a5a8b5;font-size:12px;line-height:1.45}.wa-tenant-toggle-card{cursor:pointer;background:#f9fafb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:background .15s,box-shadow .15s;display:flex;box-shadow:0 0 0 1px #e0e2e8}.wa-tenant-toggle-card.is-on{background:#f0f4ff;box-shadow:0 0 0 1px #25d36640}.wa-tenant-toggle-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.wa-tenant-toggle-copy strong{color:#1c1c1e;font-size:14px;font-weight:600}.wa-tenant-toggle-copy span{color:#555a6a;font-size:12px}.wa-tenant-modal-actions{z-index:1;background:#fff;border-top:1px solid #e0e2e8;margin-top:4px;padding:12px 0 4px;position:sticky;bottom:0}.wa-tenant-detail-hero{background:linear-gradient(135deg,#f0f4ff 0%,#fde0f0 55%,#fff 100%);border-radius:16px;align-items:flex-start;gap:16px;padding:18px;display:flex;box-shadow:0 0 0 1px #e0e2e8}.wa-tenant-detail-hero--user{background:linear-gradient(135deg,#e8e0ff 0%,#c3faf5 50%,#fff 100%)}.wa-tenant-detail-hero--app-pending{background:linear-gradient(135deg,#ffe6cd 0%,#c3faf5 45%,#fff 100%)}.wa-tenant-detail-hero--app-approved{background:linear-gradient(135deg,#c3faf5 0%,#e8fff4 55%,#fff 100%)}.wa-tenant-detail-hero--app-rejected{background:linear-gradient(135deg,#ffc6c6 0%,#ffd8f4 50%,#fff 100%)}.wa-tenant-detail-avatar--app{color:#746019;box-shadow:0 0 0 1px #7460192e}.wa-tenant-detail-hero--channel-pending{background:linear-gradient(135deg,#ffe6cd 0%,#c3faf5 45%,#fff 100%)}.wa-tenant-detail-hero--channel-connected{background:linear-gradient(135deg,#c3faf5 0%,#e8fff4 55%,#fff 100%)}.wa-tenant-detail-hero--channel-disconnected{background:linear-gradient(135deg,#ffc6c6 0%,#ffd8f4 50%,#fff 100%)}.wa-tenant-detail-avatar--channel{color:#0f766e;box-shadow:0 0 0 1px #0f766e33}.wa-tenant-detail-avatar{color:#25d366;background:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:56px;height:56px;font-family:Roobert PRO Medium,Segoe UI,Arial,sans-serif;font-size:22px;font-weight:700;display:grid;box-shadow:0 0 0 1px #25d36633}.wa-tenant-detail-avatar--user{color:#4a2f8a;box-shadow:0 0 0 1px #4a2f8a33}.wa-tenant-detail-hero-copy{flex:1;min-width:0}.wa-tenant-detail-hero-copy h4{letter-spacing:-.4px;color:#1c1c1e;margin:0;font-family:Roobert PRO Medium,Segoe UI,Arial,sans-serif;font-size:20px;font-weight:600}.wa-tenant-detail-hero-copy>p{color:#555a6a;margin:4px 0 10px;font-size:13px}.wa-tenant-detail-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wa-tenant-detail-chip{color:#555a6a;background:#ffffffd9;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 0 0 1px #e0e2e8}.wa-tenant-detail-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.wa-tenant-detail-stat{background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex;box-shadow:0 0 0 1px #e0e2e8}.wa-tenant-detail-stat strong{letter-spacing:-.3px;color:#1c1c1e;font-family:Roobert PRO Medium,Segoe UI,Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.1}.wa-tenant-detail-stat span{text-transform:uppercase;letter-spacing:.05em;color:#555a6a;font-size:11px;font-weight:700}.wa-tenant-detail-stat--teal{background:#c3faf5}.wa-tenant-detail-stat--coral{background:#ffc6c6}.wa-tenant-detail-stat--rose{background:#ffd8f4}.wa-tenant-detail-stat--orange{background:#ffe6cd}.wa-tenant-detail-stat--purple{background:#e8e0ff}.wa-user-stat-email{word-break:break-all;font-size:13px!important;line-height:1.25!important}.wa-tenant-detail-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.wa-tenant-detail-item{background:#f9fafb;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex;box-shadow:0 0 0 1px #e0e2e8}.wa-tenant-detail-item--full{grid-column:1/-1}.wa-tenant-detail-item--danger{background:#fff5f5;box-shadow:0 0 0 1px #dc262626}.wa-tenant-detail-item--danger span{color:#dc2626}.wa-tenant-detail-item--danger strong{color:#991b1b}.wa-tenant-detail-item span{text-transform:uppercase;letter-spacing:.06em;color:#a5a8b5;font-size:10.5px;font-weight:700}.wa-tenant-detail-item strong{color:#1c1c1e;word-break:break-word;font-size:14px;font-weight:500;line-height:1.45}@media (width<=768px){.wa-tenant-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-tenant-detail-grid{grid-template-columns:1fr}.wa-tenant-modal-banner{flex-direction:column}}.plan-features-grid{grid-template-columns:1fr 1fr;gap:10px 16px;padding:4px 0;display:grid}.plan-preview{border:1px solid var(--ring);border-radius:var(--radius-sm);background:#f9fafb;padding:12px 14px}.plan-preview-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:700}.plan-preview-card{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.plan-preview-name{color:var(--text-primary);min-width:80px;font-size:16px;font-weight:800}.plan-preview-price{color:var(--primary);letter-spacing:-.5px;font-size:20px;font-weight:700}.plan-preview-limits{color:var(--text-secondary);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.plan-preview-limits span{border:1px solid var(--ring);background:#fff;border-radius:6px;padding:2px 8px;font-weight:600}.plan-preview-badges{flex-wrap:wrap;gap:4px;display:flex}.billing-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.billing-kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.billing-kpi-large{padding:20px 24px}.billing-kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.billing-kpi-value{color:var(--text-primary);letter-spacing:-.02em;font-size:22px;font-weight:700}.billing-kpi-large .billing-kpi-value{font-size:28px}.billing-kpi-warn{color:var(--warning,#f59e0b)}.billing-kpi-success{color:var(--success,#10b981)}.announcement-banner-stack{flex-direction:column;gap:8px;padding:10px 16px 0;display:flex}.announcement-banner{border:1px solid #e5e7eb;border-left:3px solid var(--primary,#25d366);background:#fff;border-radius:12px;align-items:flex-start;gap:12px;padding:13px 16px;transition:box-shadow .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);animation:.3s cubic-bezier(.16,1,.3,1) both annBannerIn;display:flex;position:relative;box-shadow:0 1px 2px #0f172a0a,0 4px 14px #0f172a0d}.announcement-banner:hover{transform:translateY(-1px);box-shadow:0 4px 18px #0f172a17}.announcement-banner-stack .announcement-banner:nth-child(2){animation-delay:50ms}.announcement-banner-stack .announcement-banner:nth-child(3){animation-delay:.1s}@keyframes annBannerIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.announcement-banner-icon{color:#fff;background:linear-gradient(135deg,#25d366,#17a952);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;animation:2.6s ease-in-out infinite annIconPulse;display:inline-flex}@keyframes annIconPulse{0%,to{box-shadow:0 0 #25d36652}50%{box-shadow:0 0 0 5px #25d36600}}.announcement-banner-body{flex-direction:column;flex:1;gap:2px;min-width:0;padding-top:2px;font-size:13px;display:flex}.announcement-banner-body strong{color:var(--text-primary);font-size:13.5px}.announcement-banner-body span{color:var(--text-secondary);word-break:break-word;line-height:1.45}.announcement-banner-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;padding:4px;transition:background .15s,color .15s,transform .15s;display:flex}.announcement-banner-close:hover{color:#dc2626;background:#fef2f2;transform:rotate(90deg)}@media (width<=768px){.announcement-banner-stack{padding:8px 10px 0}.announcement-banner-body strong,.announcement-banner-body span{font-size:12.5px}}.resource-tabs{background:var(--surface-2);border-radius:var(--radius-md);gap:4px;margin-bottom:20px;padding:4px;display:inline-flex}.resource-tabs button{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:6px;padding:9px 16px;display:flex}.resource-tabs button:hover{color:var(--text-primary)}.resource-tabs button.is-active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.resource-save-btn{flex-shrink:0;width:auto;margin:0;padding:10px 18px;font-size:13px}.resource-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.resource-card-header h3,.resource-card-header p{margin-bottom:0}.resource-toolbar{flex-wrap:wrap;gap:8px;display:flex}.resource-toolbar .btn{flex-shrink:0;width:auto;margin:0;padding:9px 14px;font-size:13px}.resource-toolbar-stack{flex-direction:column;align-items:stretch}.resource-toolbar-stack .btn{width:100%}.resource-kpi-grid{margin-top:0}.resource-empty{color:var(--text-secondary);margin:8px 0 0;font-size:13px}.resource-meter{min-width:108px}.resource-meter-value{color:var(--text-primary);white-space:nowrap;margin-bottom:4px;font-size:12px;font-weight:600}.resource-meter-bar{background:var(--border);border-radius:4px;height:6px;overflow:hidden}.resource-meter-bar>div{height:100%;transition:width var(--transition);border-radius:4px}.resource-node-list{flex-direction:column;gap:10px;display:flex}.resource-node-row{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px;display:flex}.resource-node-icon{color:var(--text-secondary);flex-shrink:0}.resource-node-info{flex:1;min-width:0}.resource-node-name{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.resource-node-bar{background:var(--border);border-radius:4px;height:6px;overflow:hidden}.resource-node-bar>div{border-radius:4px;height:100%}.resource-node-count{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:600}.resource-slot-list{flex-direction:column;gap:8px;display:flex}.resource-slot-chip{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:10px 12px;font-size:13px;display:flex}.resource-event-feed{border:1px solid var(--border);border-radius:var(--radius-md);max-height:420px;margin-top:4px;overflow-y:auto}.resource-event-row{border-bottom:1px solid var(--border);gap:10px;padding:12px;display:flex}.resource-event-row:last-child{border-bottom:none}.resource-event-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.resource-event-time{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;width:64px;font-size:11px}.resource-event-body{flex:1;min-width:0}.resource-event-title{margin-bottom:2px;font-size:12px}.resource-event-message{color:var(--text-primary);font-size:13px}.resource-field-group{margin-bottom:22px}.resource-field-group:last-child{margin-bottom:0}.resource-field-group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.resource-default-tier{max-width:320px;margin-bottom:18px}.resource-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.resource-tier-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:16px}.resource-tier-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.resource-tier-header input{background:0 0;border:none;flex:1;min-width:0;padding:4px 0;font-size:14px;font-weight:700}.resource-tier-header input:focus{box-shadow:none;border-bottom:1px solid var(--primary);outline:none}@media (width<=900px){.resource-tier-grid{grid-template-columns:1fr}}@media (width<=768px){.resource-tabs{width:100%}.resource-tabs button{flex:1;justify-content:center}.resource-toolbar{width:100%}.resource-toolbar .btn{flex:1;min-height:44px}.resource-save-btn{width:100%;min-height:44px}.resource-event-row{gap:8px}.resource-event-time{width:52px}.resource-node-row{flex-wrap:wrap}}.saas-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);outline:none;padding:7px 12px;font-size:13px}.saas-search:focus{border-color:var(--accent)}.saas-select-inline{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);cursor:pointer;outline:none;padding:7px 10px;font-size:13px}.saas-select-inline:focus{border-color:var(--accent)}.logs-filter-actions{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.logs-filter-btn{letter-spacing:.01em;border-radius:10px;min-width:96px;height:34px;padding:0 14px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .18s,border-color .18s,background .18s,color .18s}.logs-filter-btn:hover:not(:disabled){transform:translateY(-1px)}.logs-filter-btn-primary{border-color:var(--primary);color:#fff;background:linear-gradient(135deg,#25d366 0%,#1ebe5d 100%);box-shadow:0 7px 16px #25d36638}.logs-filter-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#506dfd 0%,#5f82ff 100%);box-shadow:0 9px 18px #25d36642}.logs-filter-btn-ghost{border-color:var(--ring);color:var(--text-secondary);background:linear-gradient(#fff 0%,#f8f9fd 100%)}.logs-filter-btn-ghost:hover:not(:disabled){color:var(--primary);background:#f5f7ff;border-color:#25d36657}@media (width<=1280px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-panels,.billing-plans{grid-template-columns:1fr 1fr}}@media (width<=1024px){.auth-layout{grid-template-columns:1fr}.auth-showcase{justify-content:center;gap:20px;min-height:300px}.auth-panel-wrap:before{inset:10px 16px}.module-grid{grid-template-columns:1fr}.saas-sidebar{width:200px;min-width:200px}.settings-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:repeat(2,1fr)}.overview-panels{grid-template-columns:1fr}}@media (width<=768px){.kpi-grid{grid-template-columns:1fr 1fr}.billing-plans,.saas-field-row{grid-template-columns:1fr}}@media (width<=576px){.auth-panel-wrap{padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px)}.auth-panel{border-radius:14px;padding:20px 16px}.auth-panel h2{font-size:20px}.section-add-btn{width:100%}.saas-modal-backdrop{padding:0}.saas-modal{border-radius:16px 16px 0 0;max-height:92dvh}.saas-modal-header{padding:18px 16px 10px}.saas-modal-body{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}}.cx-layout{background:var(--bg);grid-template-columns:240px 300px 1fr;height:100dvh;display:grid;overflow:hidden}.cx-layout.is-sidebar-collapsed{grid-template-columns:72px 300px 1fr}.cx-layout--detail{grid-template-columns:240px 300px 1fr 264px}.cx-layout.is-sidebar-collapsed.cx-layout--detail{grid-template-columns:72px 300px 1fr 264px}.cx-backdrop{z-index:180;cursor:pointer;background:#10182866;border:none;position:fixed;inset:0}.cx-rail{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100dvh;display:flex;overflow:hidden auto}.cx-brand{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:9px;padding:14px 14px 12px;display:flex}.cx-logo{background:var(--primary);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:grid}.cx-logo-name{color:var(--text-primary);letter-spacing:-.2px;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.cx-rail-toggle{border:1px solid var(--border);width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.cx-rail-toggle:hover{background:var(--surface-2);color:var(--text-primary)}.ws-switch-wrap{width:100%}.inbox-workspace-switch{background:var(--surface-2);border:1px solid var(--border);isolation:isolate;border-radius:10px;align-items:stretch;padding:3px;display:flex;position:relative}.ws-roll-ball{pointer-events:none;z-index:0;will-change:transform;background:#fff;border-radius:8px;width:calc(50% - 3px);transition:transform .32s cubic-bezier(.34,1.15,.64,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 3px #0f172a14,0 0 0 1px #0f172a0a}.inbox-workspace-switch.is-inbox .ws-roll-ball{transform:translate(100%)}.inbox-workspace-switch.is-settings .ws-roll-ball{transform:translate(0)}@media (prefers-reduced-motion:reduce){.ws-roll-ball{transition-duration:.01ms}}.inbox-workspace-btn{z-index:1;min-height:34px;font-size:12px;font-weight:600;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 8px;transition:color .22s;display:flex;position:relative}.inbox-workspace-btn:hover:not(:disabled){color:var(--text-primary)}.inbox-workspace-btn.is-active{color:var(--primary-pressed)}.inbox-workspace-btn:disabled{opacity:.45;cursor:not-allowed}.ws-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.ws-label{white-space:nowrap;line-height:1.2}.fp-ws-switch{border-bottom:1px solid #e0e2e8;padding:10px 12px 6px}.fp-ws-switch .inbox-workspace-switch{margin:0}.app-mode-transition{flex-direction:column;width:100%;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.app-mode-transition>.cx-layout,.app-mode-transition>.fp-layout{flex:1;width:100%;min-height:0}.cx-mode-switch{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:3px;padding:8px 10px;display:grid}.cx-mode-btn{color:var(--text-secondary);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.cx-mode-btn:hover{background:var(--surface-2);color:var(--text-primary)}.cx-mode-btn--active{background:var(--primary-soft);color:var(--primary-pressed)}.cx-rail-icon-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin:8px auto 0;display:flex}.cx-rail-icon-btn:hover{background:var(--surface-2);color:var(--text-primary)}.cx-section-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding:14px 14px 5px;font-size:10px;font-weight:700}.cx-channel-list{flex-direction:column;gap:1px;padding:2px 8px 6px;display:flex}.cx-channel-item{cursor:pointer;text-align:left;color:var(--text-secondary);transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:34px;padding:7px 8px;font-size:13px;font-weight:500;display:flex}.cx-channel-item:hover{background:var(--sidebar-hover);color:var(--text-primary)}.cx-channel-item.is-active{background:var(--primary-soft);color:var(--primary-pressed);font-weight:600}.cx-channel-icon{width:22px;height:22px;color:var(--text-muted);border-radius:5px;flex-shrink:0;place-items:center;display:grid}.cx-channel-icon--all{background:var(--surface-2)}.cx-channel-item.is-active .cx-channel-icon{color:var(--primary-pressed)}.cx-channel-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cx-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cx-status-dot--on{background:var(--success)}.cx-status-dot--warn{background:var(--warning)}.cx-status-dot--off{background:var(--text-muted)}.cx-badge{background:var(--primary);color:#fff;border-radius:var(--radius-full);flex-shrink:0;padding:1px 6px;font-size:11px;font-weight:700;line-height:1.6}.cx-badge--dot{border-radius:50%;width:7px;height:7px;padding:0}.cx-filter-list{flex-direction:column;gap:1px;padding:2px 8px 4px;display:flex}.cx-filter-item{cursor:pointer;color:var(--text-secondary);text-align:left;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:7px;align-items:center;gap:7px;min-height:30px;padding:6px 8px;font-size:12px;font-weight:500;display:flex}.cx-filter-item:hover{background:var(--sidebar-hover);color:var(--text-primary)}.cx-filter-item.is-active{background:var(--primary-soft);color:var(--primary-pressed);font-weight:600}.cx-filter-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.cx-filter-dot--green{background:var(--success)}.cx-filter-dot--orange{background:var(--warning)}.cx-filter-dot--gray{background:var(--text-muted)}.cx-toggle-row{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:6px 16px;font-size:12px;display:flex}.cx-toggle-row input{accent-color:var(--primary)}.cx-rail-spacer{flex:1}.cx-user-footer{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:12px 10px;display:flex}.cx-user-meta{flex:1;min-width:0;overflow:hidden}.cx-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;display:block;overflow:hidden}.cx-user-role{color:var(--text-secondary);font-size:11px;display:block}.cx-logout-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.cx-logout-btn:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.cx-conv-panel{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.cx-conv-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:8px;padding:12px 12px 10px;display:flex}.cx-search-wrap{flex:1;position:relative}.cx-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.cx-search{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:34px;font-size:13px;font-family:var(--font-body);color:var(--text-primary);background:var(--surface-2);transition:border-color var(--transition), background var(--transition);outline:none;padding:0 10px 0 30px}.cx-search::placeholder{color:var(--placeholder)}.cx-search:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #25d3661a}.cx-status-pills{scrollbar-width:none;flex-shrink:0;gap:5px;padding:8px 12px 6px;display:flex;overflow-x:auto}.cx-status-pills::-webkit-scrollbar{display:none}.cx-status-pill{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);height:26px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition);flex-shrink:0;padding:0 10px;font-size:12px;font-weight:600}.cx-status-pill.is-active{background:var(--primary);color:#fff;border-color:var(--primary)}.cx-conv-list{flex:1;overflow:hidden auto}.cx-conv-item{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;transition:background var(--transition);background:0 0;align-items:center;gap:10px;padding:10px 12px;display:flex}.cx-conv-item:hover{background:var(--surface-2)}.cx-conv-item.is-active{background:var(--primary-soft)}.cx-conv-item.is-active .cx-conv-name{color:var(--primary-pressed)}.cx-conv-body{flex:1;min-width:0}.cx-conv-row-1{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:2px;display:flex}.cx-conv-row-2{justify-content:space-between;align-items:center;gap:4px;display:flex}.cx-conv-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.cx-conv-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.cx-conv-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;overflow:hidden}.cx-unread{background:var(--primary);color:#fff;border-radius:var(--radius-full);text-align:center;flex-shrink:0;min-width:18px;padding:1px 5px;font-size:11px;font-weight:700;line-height:1.6}.cx-conv-item.has-unread .cx-conv-name{color:var(--text-primary);font-weight:700}.cx-conv-item.has-unread .cx-conv-preview{color:var(--text-primary)}.cx-empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.cx-empty-icon{color:var(--border-2)}.cx-empty-state p{color:var(--text-secondary);font-size:14px;font-weight:600}.cx-empty-state span{font-size:12px}.cx-chat-empty{background:var(--bg);flex:1;justify-content:center;align-items:center;display:flex}.cx-chat-empty-inner{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.cx-chat-empty-inner h3{color:var(--text-secondary);font-size:16px;font-weight:600}.cx-chat-empty-inner p{font-size:13px}.cx-chat-panel{background:var(--surface);flex-direction:column;min-width:0;height:100dvh;display:flex;overflow:hidden}.cx-chat-panel>.kb-panel{border-left:none;border-right:none;border-radius:0;width:100%;min-width:0}.cx-chat-header{border-bottom:1px solid var(--border);background:linear-gradient(#fff 0%,#f8fafc 100%);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px 16px;display:flex}.cx-chat-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.cx-chat-header-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.cx-kanban-mobile-header strong{color:var(--text-primary);font-size:15px}.cx-chat-contact-info{flex-direction:column;gap:2px;min-width:0;display:flex}.cx-chat-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.25px;font-size:15px;font-weight:700;display:block;overflow:hidden}.cx-chat-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.cx-chat-phone{color:var(--text-secondary);align-items:center;gap:3px;font-size:12px;display:flex}.cx-status{color:#667085;white-space:nowrap;text-overflow:ellipsis;align-items:center;max-width:100%;font-size:12px;line-height:1.25;transition:color .16s,opacity .16s;display:inline-flex;overflow:hidden}.cx-status.is-online{color:#12b76a;font-weight:600}.cx-status.is-typing{color:#039855;font-weight:700}.cx-status.is-lastseen{color:#667085;font-weight:500}.cx-status.is-offline{color:#98a2b3;font-weight:400}.cx-conv-row-2 .cx-status{flex-shrink:0;max-width:46%;margin-left:auto;padding-left:6px}.cx-status-chip{border-radius:var(--radius-full);letter-spacing:.01em;border:1px solid #0000;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.cx-status-chip--typing{color:#0369a1;background:#0ea5e924;border-color:#0ea5e942}.cx-status-chip--online{color:#027a48;background:#12b76a24;border-color:#12b76a42}.cx-status-chip--lastseen{color:#b45309;background:#f59e0b24;border-color:#f59e0b47}.cx-status-chip--offline{color:#475569;background:#64748b1f;border-color:#64748b38}.cx-typing-banner{border-radius:var(--radius-md);color:#0369a1;background:#0ea5e91a;align-items:center;gap:8px;margin:0 12px 8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.cx-typing-banner-dot{background:#0ea5e9;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite cx-typing-pulse}@keyframes cx-typing-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.cx-status-select{border:1px solid var(--border);background:var(--surface);min-width:120px;max-width:190px;height:34px;color:var(--text-primary);border-radius:10px;padding:0 12px;font-size:12px;font-weight:700;transition:border-color .12s,box-shadow .12s,transform .12s;box-shadow:0 1px 2px #0f172a0f}.cx-status-select:focus{outline:none;box-shadow:0 0 0 3px #2563eb1f}.cx-status-select:hover{transform:translateY(-.5px)}.wd-btn.is-active{background:var(--primary-soft);color:var(--primary-pressed);border-color:var(--primary-border)}.cx-messages{background:var(--chat-bg);overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;padding:16px;display:flex;overflow-y:auto}.cx-load-older{justify-content:center;padding:8px 0 12px;display:flex}.cx-load-older button{border:1px solid var(--border,#e2e8f0);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-size:12px}.cx-history-sync-banner{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;font-size:12px;display:flex}.cx-spin{animation:.9s linear infinite cx-spin}@keyframes cx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cx-msg-state{text-align:center;color:var(--text-muted);margin:auto;padding:32px;font-size:13px}.cx-date-sep{justify-content:center;align-items:center;margin:10px 0 6px;display:flex}.cx-date-sep span{border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);background:#ffffffd9;padding:2px 10px;font-size:11px;font-weight:600}.cx-msg{flex-direction:column;max-width:66%;margin-bottom:2px;display:flex}.cx-msg--in{align-self:flex-start;align-items:flex-start}.cx-msg--out{align-self:flex-end;align-items:flex-end}.cx-msg--note{opacity:.92}.cx-note-label{color:var(--warning);background:var(--warning-soft);border-radius:4px;align-items:center;gap:3px;margin-bottom:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.cx-bubble{word-break:break-word;border-radius:12px;padding:8px 12px;font-size:14px;line-height:1.5}.cx-bubble p{margin:0}.cx-msg--in .cx-bubble{background:var(--chat-incoming);box-shadow:var(--shadow-xs);color:var(--text-primary);border-radius:2px 12px 12px}.cx-msg--out .cx-bubble{background:var(--chat-outgoing);color:var(--text-primary);border-radius:12px 12px 2px}.cx-msg--note .cx-bubble{background:var(--chat-note);border:1px dashed var(--warning)}.cx-msg-footer{justify-content:flex-end;align-items:center;gap:3px;margin-top:4px;display:flex}.cx-msg-time{color:var(--text-muted);font-size:10.5px}.cx-msg-status{align-items:center;line-height:1;display:flex}.cx-msg-status--queued,.cx-msg-status--sent{color:var(--msg-tick-sent)}.cx-msg-status--delivered{color:var(--msg-tick-delivered)}.cx-msg-status--read{color:var(--msg-tick-read);filter:drop-shadow(0 0 1px #34b7f18c)}.cx-msg-status--played{color:#8b5cf6;filter:drop-shadow(0 0 1px #8b5cf673)}.cx-msg-status--failed{color:var(--danger)}.cx-media-link{color:var(--primary-pressed);margin-top:4px;font-size:13px;text-decoration:none;display:block}.cx-media-link:hover{text-decoration:underline}.cx-retry-btn{color:var(--danger);border:1px solid var(--danger);cursor:pointer;background:0 0;border-radius:4px;margin-top:3px;padding:2px 8px;font-size:11px}.cx-retry-btn:hover{background:var(--danger-soft)}.cx-compose{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;padding:10px 12px;position:relative}.cx-compose--note{border-top-color:var(--warning)}.cx-send-error{border-radius:var(--radius-sm);color:#be123c;background:#fff1f2;border:1px solid #fecdd3;margin-bottom:8px;padding:8px 10px;font-size:13px;line-height:1.4}.cx-compose-inner{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);transition:border-color var(--transition), box-shadow var(--transition);align-items:flex-end;gap:8px;display:flex;overflow:hidden}.cx-compose-inner:focus-within{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #25d3661a}.cx-compose--note .cx-compose-inner{border-color:var(--warning)}.cx-compose-tools{border-right:1px solid var(--border);flex-shrink:0;align-self:stretch;align-items:center;gap:2px;padding:8px 8px 8px 10px;display:flex}.cx-tool-btn{border-radius:var(--radius-xs);height:28px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition), color var(--transition);white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:600;display:flex}.cx-tool-btn:hover{background:var(--surface);color:var(--text-primary)}.cx-tool-btn.is-active{background:var(--primary-soft);color:var(--primary-pressed)}.cx-compose-textarea{font-size:14px;font-family:var(--font-body);color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:10px 8px;line-height:1.5;overflow-y:auto}.cx-compose-textarea::placeholder{color:var(--placeholder)}.cx-send-btn{background:var(--primary);color:#fff;cursor:pointer;width:40px;height:40px;transition:background var(--transition);border:none;border-radius:0;flex-shrink:0;align-self:flex-end;place-items:center;display:grid}.cx-send-btn:hover:not(.is-disabled){background:var(--primary-pressed)}.cx-send-btn.is-disabled{opacity:.4;cursor:not-allowed}.cx-qr-popup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:20;max-height:200px;position:absolute;bottom:calc(100% + 2px);left:12px;right:12px;overflow-y:auto}.cx-qr-item{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;transition:background var(--transition);background:0 0;align-items:center;gap:8px;padding:9px 12px;display:flex}.cx-qr-item:last-child{border-bottom:none}.cx-qr-item:hover{background:var(--surface-2)}.cx-qr-shortcut{background:var(--primary-soft);color:var(--primary-pressed);font-size:11px;font-weight:700;font-family:var(--font-mono);border-radius:4px;flex-shrink:0;padding:2px 6px}.cx-qr-title{color:var(--text-primary);font-size:13px}.cx-detail-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.cx-detail-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.cx-detail-contact{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.cx-detail-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.cx-detail-phone{color:var(--text-secondary);align-items:center;gap:3px;margin-top:1px;font-size:12px;display:flex}.cx-detail-body{flex:1;padding:12px 16px 24px;overflow-y:auto}.cx-info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.cx-info-label{color:var(--text-secondary);flex-shrink:0;font-weight:500}.cx-info-value{color:var(--text-primary);text-align:right;font-weight:600}.cx-detail-section{margin-top:16px}.cx-detail-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:5px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.cx-tags-wrap{flex-wrap:wrap;gap:5px;display:flex}.cx-tag{border-radius:var(--radius-full);cursor:pointer;height:24px;transition:all var(--transition);border:1px solid;padding:0 9px;font-size:12px;font-weight:600}.cx-contact-notes{color:var(--text-secondary);background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);padding:10px 12px;font-size:13px;line-height:1.55}.cx-note-card{background:var(--chat-note);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;padding:10px 12px}.cx-note-card p{color:var(--text-primary);margin-bottom:4px;font-size:13px;line-height:1.5}.cx-note-card span{color:var(--text-muted);font-size:11px}.cx-empty-note{color:var(--text-muted);font-size:12px;font-style:italic}.cx-icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;flex-shrink:0;place-items:center;display:grid}.cx-icon-btn:hover{background:var(--surface-2);color:var(--text-primary)}@media (width<=768px){.cx-layout{height:100dvh;display:block;position:relative;overflow:hidden}.cx-layout>.fp-sidebar,.cx-layout>.cx-conv-panel,.cx-layout>.cx-chat-panel,.cx-layout>.cx-chat-empty,.cx-layout>.cx-detail-panel{width:100%;height:100dvh;display:none;position:absolute;inset:0}.cx-layout--mobile.cx-mobile--menu>.fp-sidebar{z-index:200;width:min(240px,85vw);min-width:min(240px,85vw);box-shadow:var(--shadow-xl);display:flex;position:fixed;top:0;bottom:0;left:0}.cx-layout--mobile.cx-mobile--list>.cx-conv-panel{display:flex;position:relative}.cx-layout--mobile.cx-mobile--chat>.cx-chat-panel,.cx-layout--mobile.cx-mobile--chat>.cx-chat-empty{display:flex}.cx-layout--mobile.cx-mobile--chat.cx-layout--detail>.cx-detail-panel{z-index:300;width:100%;max-width:100%;display:flex;position:fixed;inset:0}.cx-chat-header,.cx-conv-header{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top))}.cx-detail-header{padding-top:calc(12px + env(safe-area-inset-top))}.cx-compose{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.cx-messages{padding:12px}.cx-msg{max-width:85%}.cx-brand{padding-top:calc(14px + env(safe-area-inset-top))}.cx-icon-btn,.cx-send-btn,.cx-tool-btn,.fp-nav-item,.inbox-workspace-btn{min-width:44px;min-height:44px}.fp-brand{padding-top:calc(18px + env(safe-area-inset-top))}.inbox-workspace-btn{min-height:40px}.cx-search,.cx-compose-textarea{font-size:16px}.cx-compose-inner{align-items:flex-end;gap:8px}.cx-compose-tools{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.cx-tool-btn{justify-content:center;width:40px;padding:0}}@media (width<=1024px) and (width>=769px){.cx-layout{grid-template-columns:240px 280px 1fr}.cx-layout.is-sidebar-collapsed{grid-template-columns:72px 280px 1fr}.cx-layout--detail{grid-template-columns:240px 280px 1fr 240px}.cx-layout.is-sidebar-collapsed.cx-layout--detail{grid-template-columns:72px 280px 1fr 240px}}.inbox-layout{display:grid}.inbox-sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.inbox-sidebar-section-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding:14px 14px 5px;font-size:10px;font-weight:700}.inbox-filter-btn{cursor:pointer;color:var(--text-secondary);transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:7px;align-items:center;gap:7px;min-height:30px;padding:6px 8px;font-size:12px;font-weight:500;display:flex}.inbox-filter-btn:hover{background:var(--sidebar-hover);color:var(--text-primary)}.inbox-toggle-row{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:6px 16px;font-size:12px;display:flex}.inbox-toggle-row input{accent-color:var(--primary)}.fp-layout{background:var(--bg);height:100vh;display:flex;overflow:hidden}.fp-layout.is-sidebar-collapsed .fp-sidebar,.cx-layout.is-sidebar-collapsed .fp-sidebar{width:72px;min-width:72px}.fp-layout.fp-mode-settings{background:var(--bg)}.fp-sidebar{background:var(--bg-panel,#fff);border-right:1px solid #e0e2e8;flex-direction:column;flex-shrink:0;width:240px;min-width:240px;height:100dvh;transition:width .3s cubic-bezier(.22,1,.36,1),min-width .3s cubic-bezier(.22,1,.36,1),border-color .2s,background .2s;display:flex;overflow:hidden auto}.cx-layout .fp-sidebar{height:100dvh}.fp-brand{border-bottom:1px solid #e0e2e8;align-items:center;gap:10px;padding:18px 16px 14px;display:flex;position:relative}.fp-brand-badge{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid;box-shadow:0 1px 3px #25d36640}.fp-brand-text{flex-direction:column;gap:1px;min-width:0;display:flex}.fp-brand-text strong{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.2px;font-size:14px;font-weight:700;line-height:1}.fp-brand-text span{color:var(--text-secondary);font-size:11px;line-height:1}.fp-sidebar-toggle{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:#fff;border:1px solid #e0e2e8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:all .18s;display:inline-flex}.fp-sidebar-toggle:hover{color:var(--primary);background:#f0fdf4;border-color:#bbf7d0}.fp-nav{flex-direction:column;flex:1;gap:0;padding:8px 10px;display:flex;overflow-y:auto}.fp-nav-group{margin-bottom:4px}.fp-nav-kanban-btn{background:var(--primary-soft);width:100%;min-height:44px;color:var(--primary-pressed);font-size:13px;font-weight:700;font-family:var(--font-body);cursor:pointer;border:1px solid #bbf7d0;border-radius:12px;justify-content:center;align-items:center;gap:8px;transition:background .16s,border-color .16s,transform .16s;display:flex}.fp-nav-kanban-btn:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-1px)}.fp-nav-group-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;padding:10px 8px 4px;font-size:10px;font-weight:700;display:block}.fp-nav-item{text-align:left;width:100%;font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--sidebar-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:8px 10px;transition:all .16s;display:flex}.fp-nav-item:hover{background:#f7f8fe;border-color:#e0e2e8}.fp-nav-item.is-active{background:var(--primary-soft);color:var(--primary-pressed);border-color:#bbf7d0}.fp-nav-icon{background:0 0;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;transition:background .16s,color .16s;display:grid}.fp-nav-label{flex:1}.fp-nav-badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.fp-nav-item-group{flex-direction:column;display:flex}.fp-nav-chevron{color:#9ca3af;flex-shrink:0;transition:transform .2s cubic-bezier(.16,1,.3,1),color .15s}.fp-nav-chevron.is-open{color:var(--primary-pressed,#16803c);transform:rotate(90deg)}.fp-nav-item:hover .fp-nav-chevron{color:#6b7280}.fp-nav-submenu{border-left:1px solid #e5e7eb;flex-direction:column;gap:2px;margin:2px 0 4px 20px;padding-left:16px;animation:.18s cubic-bezier(.16,1,.3,1) both fpNavSubmenuIn;display:flex}@keyframes fpNavSubmenuIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.fp-nav-subitem{text-align:left;width:100%;color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:6px 10px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.fp-nav-subitem:hover{color:#111827;background:#f7f8fe}.fp-nav-subitem.is-active{background:var(--primary-soft);color:var(--primary-pressed);font-weight:700}.fp-nav-item-spotlight{color:var(--sidebar-text);position:relative}.fp-nav-item-spotlight:hover{color:#16803c;background:linear-gradient(135deg,#25d36624,#25d3660d);border-color:#0000}.fp-nav-icon-glow{color:#1a8a45;background:linear-gradient(135deg,#25d36629,#25d3660a);animation:2.6s ease-in-out infinite fpNavGlowPulse}.fp-nav-item.is-active .fp-nav-icon-glow{color:#fff;background:linear-gradient(135deg,#25d366,#17a952)}.fp-nav-item-spotlight:hover .fp-nav-icon-glow{color:#fff;background:linear-gradient(135deg,#25d366,#17a952);animation:none;transform:scale(1.1)rotate(-4deg);box-shadow:0 4px 14px #25d36666}@keyframes fpNavGlowPulse{0%,to{box-shadow:0 0 #25d36647}50%{box-shadow:0 0 0 4px #25d36600}}.fp-nav-sparkle{color:#25d366;flex-shrink:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1);animation:1.8s ease-in-out infinite fpNavSparkleTwinkle}.fp-nav-item-spotlight:hover .fp-nav-sparkle{color:#16803c;animation:none;transform:scale(1.3)rotate(18deg)}@keyframes fpNavSparkleTwinkle{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}:is(.fp-layout,.cx-layout).is-sidebar-collapsed .fp-brand{justify-content:space-between;gap:0;padding:12px 8px}:is(.fp-layout,.cx-layout).is-sidebar-collapsed .fp-brand-text,:is(.fp-layout,.cx-layout).is-sidebar-collapsed .fp-ws-switch,:is(.fp-layout,.cx-layout).is-sidebar-collapsed .fp-nav-kanban-btn,:is(.fp-layout,.cx-layout).is-sidebar-collapsed .fp-nav-group-label,:is(.fp-layout,.cx-layout).is-sidebar-collapsed .fp-nav-label,:is(.fp-layout,.cx-layout).is-sidebar-collapsed .fp-nav-badge,:is(.fp-layout,.cx-layout).is-sidebar-collapsed .fp-user-meta,:is(.fp-layout,.cx-layout).is-sidebar-collapsed .cx-inbox-toggle{display:none}:is(.fp-layout,.cx-layout).is-sidebar-collapsed .fp-sidebar-toggle{flex-shrink:0;position:static;transform:none}:is(.fp-layout,.cx-layout).is-sidebar-collapsed .fp-nav{padding:8px 6px;overflow-x:hidden}:is(.fp-layout,.cx-layout).is-sidebar-collapsed .fp-nav-item{justify-content:center;gap:0;padding:9px 0}:is(.fp-layout,.cx-layout).is-sidebar-collapsed .fp-nav-icon{width:32px;height:32px}:is(.fp-layout,.cx-layout).is-sidebar-collapsed .fp-sidebar-footer{flex-direction:column;justify-content:center;gap:8px;padding:10px 8px}:is(.fp-layout,.cx-layout).is-sidebar-collapsed .fp-user-row{flex:none;justify-content:center;gap:0}.cx-inbox-toggle{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:8px;margin:4px 8px 8px;padding:8px 10px;font-size:12px;font-weight:500;transition:background .16s,color .16s;display:flex}.cx-inbox-toggle:hover{color:var(--text-primary);background:#f7f8fe}.cx-inbox-toggle input{accent-color:var(--primary);flex-shrink:0;width:15px;height:15px}.fp-sidebar-footer{border-top:1px solid #e0e2e8;align-items:center;gap:6px;padding:12px;display:flex}.fp-user-row{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.fp-user-avatar{background:var(--primary-soft);width:32px;height:32px;color:var(--primary-pressed);border-radius:999px;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.fp-user-meta{flex-direction:column;gap:1px;min-width:0;display:flex;overflow:hidden}.fp-user-meta strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.fp-user-meta span{color:var(--text-secondary);font-size:11px;font-weight:500}.fp-logout-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#fff;border:1px solid #e0e2e8;border-radius:8px;flex-shrink:0;place-items:center;font-size:14px;transition:all .15s;display:grid}.fp-logout-btn:hover{color:#dc2626;background:#fff5f5;border-color:#fecaca}.fp-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.fp-topbar{background:#fff;border-bottom:1px solid #e0e2e8;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 24px;display:flex}.fp-layout.fp-mode-settings .fp-topbar{background:var(--bg-panel);border-bottom-color:var(--border)}.fp-topbar-left{align-items:center;gap:9px;display:flex}.fp-topbar-icon{border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.fp-topbar-title{font-family:var(--font-display);letter-spacing:-.2px;color:var(--text-primary);font-size:14px;font-weight:700}.fp-topbar-right{align-items:center;gap:10px;display:flex}.fp-loading-dot{background:var(--primary);opacity:.6;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite fp-pulse}@keyframes fp-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.fp-channel-status{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.fp-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.fp-status-dot.is-on{background:var(--success);box-shadow:0 0 0 2px #00b47333}.fp-status-dot.is-off{background:#d1d5db}.fp-content{background:var(--bg);flex:1;padding:28px 28px 40px;overflow-y:auto}.fp-layout.fp-mode-settings .fp-content{background:var(--bg)}.fp-section{max-width:100%}.fp-section--full{width:100%;max-width:100%}.fp-content:has(.fp-wf-tab){flex-direction:column;padding:0;display:flex;overflow:hidden}.fp-wf-tab{flex:1}.fp-content:has(.crm-fields-tab){flex-direction:column;padding:0;display:flex;overflow:hidden}.crm-fields-tab{flex:1;grid-template-rows:auto 1fr;height:100%;min-height:0;display:grid;overflow:hidden}.fp-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.fp-page-header-text h1{font-family:var(--font-display);letter-spacing:-.7px;color:var(--text-primary);margin-bottom:4px;font-size:clamp(22px,2.4vw,30px);font-weight:400;line-height:1.15}.fp-page-header-text p{color:var(--text-secondary);font-size:13px;line-height:1.5}.fp-page-header-action{flex-shrink:0}.fp-page-header-action .btn{white-space:nowrap;align-items:center;gap:8px;width:auto;margin:0;display:inline-flex}.fp-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.fp-metric-card{background:#fff;border:1px solid #e0e2e8;border-radius:14px;flex-direction:column;gap:4px;min-height:104px;padding:14px 14px 13px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.fp-metric-card[role=button]{cursor:pointer}.fp-metric-card:hover{border-color:#25d36659;box-shadow:0 2px 8px #25d36614}.fp-metric-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.fp-metric-value{font-family:var(--font-display);letter-spacing:-.6px;color:var(--text-primary);font-size:30px;font-weight:400;line-height:1.08}.fp-metric-sub{color:var(--text-secondary);font-size:12px;line-height:1.4}.fp-dashboard-analytics{grid-template-columns:1.6fr 1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.fp-dashboard-analytics--single{grid-template-columns:1fr;max-width:100%}.fp-dashboard-analytics--intro{grid-template-columns:1fr 1fr;margin-bottom:20px}.fp-dashboard-analytics--intro .fp-chart-card{min-height:260px}.fp-ad-showcase{background:linear-gradient(#fff 0%,#fbfffd 100%);flex-direction:column;grid-column:span 2;transition:box-shadow .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);animation:.3s cubic-bezier(.16,1,.3,1) both fpAdShowcaseIn;display:flex;position:relative;overflow:hidden}.fp-ad-showcase:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f172a14}.fp-ad-showcase:before{content:"";opacity:.7;background:linear-gradient(90deg,#25d366,#14b8a6 55%,#0000);height:3px;position:absolute;inset:0 0 auto}@keyframes fpAdShowcaseIn{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.fp-ad-showcase .fp-card-header h3{align-items:center;gap:7px;display:inline-flex}.fp-ad-showcase .fp-card-header h3 svg{color:#fff;background:linear-gradient(135deg,#25d366,#17a952);border-radius:7px;width:22px;height:22px;margin-right:0;padding:4px;animation:2.6s ease-in-out infinite fpAdBadgePulse}@keyframes fpAdBadgePulse{0%,to{box-shadow:0 0 #25d36652}50%{box-shadow:0 0 0 5px #25d36600}}.fp-ad-showcase-body{flex:1;align-items:stretch;gap:14px;min-height:0;display:flex}.fp-ad-showcase-media{object-fit:cover;background:#0b0b0f;border-radius:12px;flex-shrink:0;width:42%;max-width:220px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 10px #0f172a1f}.fp-ad-showcase-media:hover{transform:scale(1.03);box-shadow:0 6px 18px #0f172a2e}.fp-ad-showcase-text{flex-direction:column;flex:1;gap:6px;min-width:0;animation:.35s cubic-bezier(.16,1,.3,1) 50ms both fpAdTextIn;display:flex}@keyframes fpAdTextIn{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}.fp-ad-showcase-text>strong{color:var(--text-primary);font-size:14px}.fp-ad-showcase-html{min-height:0;max-height:160px;color:var(--text-secondary);padding:0;font-size:13px;overflow-y:auto}.fp-ad-showcase-empty{color:#9ca3af;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:140px;display:flex}.fp-ad-showcase-empty svg{color:#bbf7d0;animation:2.6s ease-in-out infinite fpAdEmptyFloat}@keyframes fpAdEmptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fp-ad-showcase-empty p{margin:0;font-size:13px}@media (width<=900px){.fp-ad-showcase{grid-column:span 1}.fp-ad-showcase-body{flex-direction:column}.fp-ad-showcase-media{width:100%;max-width:100%;max-height:160px}}.fp-metric-icon{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:2px;display:inline-flex}.fp-chart-card{min-height:338px}.fp-chart-wrap{width:100%;height:220px}.fp-card-chip{color:#0f766e;background:#e8faf8;border:1px solid #c5f0eb;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.fp-legend-grid{grid-template-columns:1fr;gap:6px;display:grid}.fp-legend-item{color:var(--text-secondary);border:1px solid #eef1f7;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.fp-legend-item strong{color:var(--text-primary);margin-left:auto;font-size:12px;font-weight:700}.fp-legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.fp-reports-panel{flex-direction:column;gap:14px;animation:.25s cubic-bezier(.16,1,.3,1) both fpReportsPanelIn;display:flex}@keyframes fpReportsPanelIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fp-reports-panel .fp-card{transition:box-shadow .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);animation:.3s cubic-bezier(.16,1,.3,1) both fpReportsCardIn}.fp-reports-panel .fp-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f172a14}.fp-dashboard-analytics .fp-card:first-child{animation-delay:20ms}.fp-dashboard-analytics .fp-card:nth-child(2){animation-delay:60ms}.fp-dashboard-analytics .fp-card:nth-child(3){animation-delay:.1s}.fp-dashboard-analytics .fp-card:nth-child(4){animation-delay:.14s}.fp-dashboard-analytics .fp-card:nth-child(5){animation-delay:.18s}@keyframes fpReportsCardIn{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.fp-reports-panel .fp-report-kpi-card{transition:box-shadow .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),border-color .18s;animation:.3s cubic-bezier(.16,1,.3,1) both fpReportsCardIn}.fp-reports-panel .fp-report-kpi-card:hover{border-color:#bff0d2;transform:translateY(-2px);box-shadow:0 4px 14px #0f172a14}.fp-reports-kpi-grid .fp-report-kpi-card:first-child{animation-delay:20ms}.fp-reports-kpi-grid .fp-report-kpi-card:nth-child(2){animation-delay:50ms}.fp-reports-kpi-grid .fp-report-kpi-card:nth-child(3){animation-delay:80ms}.fp-reports-kpi-grid .fp-report-kpi-card:nth-child(4){animation-delay:.11s}.fp-reports-kpi-grid .fp-report-kpi-card:nth-child(5){animation-delay:.14s}.fp-reports-panel .fp-report-kpi-icon{background:linear-gradient(135deg,#25d36629,#25d3660d);transition:transform .18s cubic-bezier(.16,1,.3,1)}.fp-reports-panel .fp-report-kpi-card:hover .fp-report-kpi-icon{transform:scale(1.08)rotate(-4deg)}.fp-reports-panel .fp-report-kpi-card.is-warn .fp-report-kpi-icon{background:linear-gradient(135deg,#ef444429,#ef44440a);animation:2.2s ease-in-out infinite fpReportsWarnPulse}@keyframes fpReportsWarnPulse{0%,to{box-shadow:0 0 #ef444447}50%{box-shadow:0 0 0 4px #ef444400}}.fp-reports-panel .fp-report-table-row,.fp-reports-panel .saas-table tbody tr{transition:background .15s}.fp-reports-panel .fp-report-table-row:hover{background:#f8fafc;border-radius:8px}.fp-reports-panel .saas-table tbody tr:hover{background:#f8fafc}.fp-reports-panel .fp-report-loading,.fp-reports-panel .fp-report-error{flex-direction:column;align-items:center;gap:8px;display:flex}.fp-reports-panel .fp-report-loading:before{content:"";border:3px solid #bbf7d0;border-top-color:var(--primary,#25d366);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite fpReportsSpin}@keyframes fpReportsSpin{to{transform:rotate(360deg)}}.fp-reports-toolbar{transition:box-shadow .18s}.fp-reports-toolbar:hover{box-shadow:0 2px 10px #0f172a0d}.fp-reports-filters input[type=date]:focus,.fp-reports-filters select:focus{border-color:var(--primary,#25d366);outline:none;box-shadow:0 0 0 3px #25d36624}.fp-reports-scope svg{color:var(--primary,#25d366)}.fp-reports-refetch-spinner{border:2px solid #bbf7d0;border-top-color:var(--primary,#25d366);border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.7s linear infinite fpReportsSpin}.fp-reports-subtabs{border-bottom:1px solid #e5e7eb;gap:6px;margin-bottom:14px;display:flex}.fp-reports-subtab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.fp-reports-subtab:hover{color:#111827;background:#f8fafc}.fp-reports-subtab.is-active{color:var(--primary,#25d366);border-bottom-color:var(--primary,#25d366);background:var(--primary-soft,#ecfdf5)}.fp-reports-toolbar{background:#fff;border:1px solid #e0e2e8;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.fp-reports-toolbar--compact{padding:10px 12px}.fp-reports-scope{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.fp-reports-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fp-reports-filters input[type=date],.fp-reports-filters select{height:36px;color:var(--text-primary);background:#fff;border:1px solid #e0e2e8;border-radius:10px;padding:0 10px;font-size:13px}.fp-report-loading,.fp-report-error{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:14px}.fp-report-error p{margin:0 0 12px}.fp-reports-user-table{margin-top:4px}.fp-reports-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.fp-report-kpi-card{background:#fff;border:1px solid #e0e2e8;border-radius:14px;align-items:center;gap:12px;min-height:92px;padding:14px;display:flex}.fp-report-kpi-icon{color:#25d366;background:#f0fdf4;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.fp-report-kpi-card.is-warn{border-color:#fecaca}.fp-report-kpi-card.is-warn .fp-report-kpi-icon{color:#dc2626;background:#fef2f2}.fp-stage-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:7px;display:inline-block}.fp-report-kpi-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:11px;font-weight:700;display:block}.fp-report-kpi-value{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text-primary);font-size:26px;line-height:1.1}.fp-report-table{flex-direction:column;gap:0;display:flex}.fp-report-table-head,.fp-report-table-row{grid-template-columns:1.3fr .7fr .9fr .8fr;align-items:center;gap:10px;display:grid}.fp-report-table-head{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid #eef1f7;padding:0 0 8px;font-size:11px;font-weight:700}.fp-report-table-row{color:var(--text-secondary);border-bottom:1px solid #f2f4f8;padding:9px 0;font-size:12px}.fp-report-table-row strong{color:var(--text-primary);font-size:12px}.fp-report-health{color:#0f766e;font-weight:700}.fp-user-modal-form{background:linear-gradient(#fff 0%,#fbfbff 100%);border:1px solid #eceef7;border-radius:12px;padding:12px}.fp-user-channel-pick{background:#fff;border:1px solid #e8ecf7;border-radius:10px;gap:8px;max-height:180px;padding:8px;display:grid;overflow:auto}.fp-user-channel-item{color:#4b5563;background:#f8faff;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.fp-user-channel-item input[type=checkbox]{accent-color:#25d366}.fp-user-status-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 10px;display:grid}.fp-user-status-item{background:#f9fafb;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex;box-shadow:0 0 0 1px #e0e2e8}.fp-user-status-label{letter-spacing:.02em;text-transform:uppercase;color:#6b7280;font-size:11px;font-weight:600}.fp-user-invite-panel{background:#fffbeb;border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;box-shadow:0 0 0 1px #f59e0b40}.fp-user-invite-panel p{color:#92400e;margin:0;font-size:13px;line-height:1.45}.fp-user-invite-panel .btn{align-self:flex-start}.fp-channel-modal-form{box-shadow:none;background:0 0;border:none;padding:0}.wa-channel-wizard{gap:12px;display:grid}.wa-channel-modal-panel{background:#fff;border:1px solid #e8ecf4;border-radius:12px;overflow:hidden}.wa-channel-modal-panel-head{letter-spacing:.05em;text-transform:uppercase;color:#64748b;background:#f8fafc;border-bottom:1px solid #e8ecf4;padding:10px 14px;font-size:11px;font-weight:700}.wa-channel-modal-panel-body{gap:12px;padding:14px;display:grid}.wa-channel-modal-panel-body .wa-cloud-fields{background:0 0;border:none;margin-top:0;padding:0}.wa-channel-step-list--compact{margin-top:2px}.wa-channel-info-banner{color:#1e3a5f;background:linear-gradient(135deg,#eff6ff 0%,#f0f9ff 100%);border:1px solid #dbeafe;border-radius:10px;padding:12px 14px}.wa-channel-info-banner strong{margin-bottom:4px;font-size:13px;display:block}.wa-channel-info-banner p{color:#475569;margin:0;font-size:12px;line-height:1.5}.wa-channel-info-banner--cloud{color:#14532d;background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border-color:#bbf7d0}.wa-channel-info-banner--cloud p{color:#166534}.wa-conn-type-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.wa-conn-type-card{text-align:left;border:1.5px solid var(--border,#e2e8f0);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.wa-conn-type-card:hover:not(:disabled){border-color:#93c5fd;box-shadow:0 4px 14px #2563eb14}.wa-conn-type-card.is-selected{border-color:var(--primary,#2563eb);background:linear-gradient(#eff6ff 0%,#fff 100%);box-shadow:0 0 0 1px #2563eb26}.wa-conn-type-card:disabled{opacity:.6;cursor:not-allowed}.wa-conn-type-icon{color:#334155;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.wa-conn-type-card.is-selected .wa-conn-type-icon{color:#1d4ed8;background:#dbeafe}.wa-conn-type-copy{gap:4px;display:grid}.wa-conn-type-title{color:var(--text,#0f172a);font-size:13px;font-weight:700}.wa-conn-type-desc{color:var(--text-muted,#64748b);font-size:11px;line-height:1.45}.wa-conn-type-badge{letter-spacing:.02em;text-transform:uppercase;color:#2563eb;background:#eff6ff;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.wa-conn-type-card.is-selected .wa-conn-type-badge{background:#dbeafe}.wa-cloud-fields{background:#f8fafc;border:1px solid #dbeafe;border-radius:12px;gap:12px;margin-top:4px;padding:14px;display:grid}.wa-cloud-fields-intro{gap:4px;display:grid}.wa-cloud-fields-intro strong{color:#0f172a;font-size:13px}.wa-cloud-fields-intro p{color:#64748b;margin:0;font-size:12px;line-height:1.5}.wa-cloud-fields-intro a{color:#2563eb;text-decoration:underline}.fp-ch-conn-chip{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;width:fit-content;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.fp-ch-conn-chip.is-baileys{color:#1d4ed8;background:#eff6ff}.fp-ch-conn-chip.is-cloud{color:#15803d;background:#dcfce7}@media (width<=640px){.wa-conn-type-picker{grid-template-columns:1fr}}.wa-channel-step-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.wa-channel-step-list li{color:var(--text-muted);align-items:center;gap:10px;font-size:12px;display:flex}.wa-channel-step-list li span{color:#fff;background:#25d366;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.wa-required{color:var(--danger)}.wa-field-hint{color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.4;display:block}.wa-channel-tech-block{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:10px;padding:10px 12px}.wa-channel-tech-toggle{color:#25d366;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.wa-channel-tech-grid{gap:8px;margin-top:10px;display:grid}.wa-channel-tech-grid div{gap:2px;display:grid}.wa-channel-tech-grid span{color:var(--text-muted);font-size:11px}.wa-channel-tech-grid code{word-break:break-all;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:11px}.wa-status-connected{color:#059669}.wa-status-pending{color:#d97706}.wa-status-disconnected{color:#dc2626}.wa-channel-qr-wait{color:var(--text-muted);background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:24px 16px;font-size:13px}.fp-ch-qr-loading{color:var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px 16px;display:flex}.fp-ch-qr-loading p{color:var(--text-muted);margin:0;font-size:13px}.fp-ch-qr-success{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px 16px 20px;display:flex}.fp-ch-qr-success-icon{width:84px;height:84px}.fp-ch-qr-success-circle{stroke:var(--primary);stroke-width:3px;stroke-miterlimit:10;stroke-dasharray:151;stroke-dashoffset:151px;animation:.5s cubic-bezier(.65,0,.45,1) forwards fpChQrCircle}.fp-ch-qr-success-check{stroke:var(--primary);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:36;stroke-dashoffset:36px;animation:.35s cubic-bezier(.65,0,.45,1) .45s forwards fpChQrCheck}.fp-ch-qr-success h3{font-family:var(--font-display);color:var(--text-primary);opacity:0;margin:4px 0 0;font-size:20px;animation:.4s .7s forwards fpChQrFadeUp}.fp-ch-qr-success p{color:var(--text-muted);opacity:0;margin:0;font-size:13px;animation:.4s .8s forwards fpChQrFadeUp}@keyframes fpChQrCircle{to{stroke-dashoffset:0}}@keyframes fpChQrCheck{to{stroke-dashoffset:0}}@keyframes fpChQrFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fp-ch-qr-live-status{color:var(--primary);background:#25d36614;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin-top:14px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.fp-ch-qr-live-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.4s ease-in-out infinite fpChQrPulse}@keyframes fpChQrPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.wa-channel-qr-panel{background:linear-gradient(#f0f4ff 0%,#fff 100%);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 0 0 1px #e0e2e8}.wa-channel-qr-image{background:#fff;border-radius:14px;width:260px;max-width:100%;box-shadow:0 0 0 1px #e0e2e8}.wa-channel-pairing-card{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:320px;padding:14px 24px;display:flex;box-shadow:0 0 0 1px #e0e2e8}.wa-channel-pairing-card span{text-transform:uppercase;letter-spacing:.06em;color:#a5a8b5;font-size:10.5px;font-weight:700}.wa-channel-pairing-card strong{letter-spacing:.2em;color:#1c1c1e;font-family:Roobert PRO Medium,Segoe UI,Arial,sans-serif;font-size:28px;font-weight:600}.wa-channel-instance-code{word-break:break-all;color:#1c1c1e;font-size:12px;font-weight:500;line-height:1.45;display:block}.wa-billing-limits-row,.wa-billing-dates-row{grid-template-columns:repeat(3,minmax(0,1fr))}.wa-billing-invoice-total{background:#c3faf5;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 0 0 1px #1875741f}.wa-billing-invoice-total span{text-transform:uppercase;letter-spacing:.05em;color:#187574;font-size:11px;font-weight:700}.wa-billing-invoice-total strong{color:#1c1c1e;font-family:Roobert PRO Medium,Segoe UI,Arial,sans-serif;font-size:18px;font-weight:600}.wa-license-quota-panel{flex-direction:column;gap:14px;display:flex}.wa-license-quota-row{background:#f9fafb;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;box-shadow:0 0 0 1px #e0e2e8}.wa-license-quota-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.wa-license-quota-head span{text-transform:uppercase;letter-spacing:.06em;color:#a5a8b5;font-size:10.5px;font-weight:700}.wa-license-quota-head strong{color:#1c1c1e;font-size:14px;font-weight:600}.wa-tenant-detail-chip--muted{opacity:.75}.wa-report-preset-row{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.wa-report-preset-row .btn{padding:7px 12px;font-size:12px}.wa-governance-policy-grid{gap:14px}.wa-governance-policy-card{flex-direction:column;gap:12px;display:flex}.wa-governance-policy-card-head{align-items:flex-start;gap:12px;display:flex}.wa-governance-policy-card-head h3{margin:0 0 4px}.wa-governance-policy-toggles{flex-direction:column;gap:8px;display:flex}.wa-governance-flow-card{grid-column:1/-1}.wa-governance-flow-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.wa-governance-flow-step{background:#f9fafb;border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex;box-shadow:0 0 0 1px #e0e2e8}.wa-governance-flow-step strong{color:#1c1c1e;font-size:12px}.wa-governance-flow-index{color:#25d366;background:#f0f4ff;border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.wa-governance-policy-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.wa-governance-policy-actions .btn{flex-shrink:0;width:auto;margin:0;padding:9px 16px;font-size:13px}.wa-governance-json-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.5}.wa-governance-json-preview{color:#c3faf5;white-space:pre-wrap;word-break:break-word;background:#1c1c1e;border-radius:10px;margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55;overflow-x:auto}.wa-tenant-field-hint--warn{color:#b45309}@media (width<=1100px){.wa-governance-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.wa-governance-flow-steps{grid-template-columns:1fr 1fr}.wa-billing-limits-row,.wa-billing-dates-row{grid-template-columns:1fr}}.wa-evo-config{flex-direction:column;gap:14px;margin-top:6px;display:flex}.wa-evo-config-intro{color:#1c1c1e;background:linear-gradient(135deg,#f0fdf4 0%,#f8f9ff 100%);border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;box-shadow:0 0 0 1px #e0e2e8}.wa-evo-config-intro svg{color:var(--primary);flex-shrink:0;margin-top:2px}.wa-evo-config-intro strong{letter-spacing:-.02em;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.wa-evo-config-intro p{color:#555a6a;margin:0;font-size:12px;line-height:1.5}.wa-evo-tabs{background:#f3f4f8;border-radius:10px;gap:6px;padding:4px;display:flex;box-shadow:0 0 0 1px #e0e2e8}.wa-evo-tabs button{color:#555a6a;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.wa-evo-tabs button.is-active{color:var(--primary);background:#fff;box-shadow:0 0 0 1px #e0e2e8}.wa-evo-panel{background:#fff;border-radius:12px;padding:14px;box-shadow:0 0 0 1px #e0e2e8}.wa-evo-panel-settings{background:linear-gradient(#fff 0%,#fffaf8 100%)}.wa-evo-panel-proxy{background:linear-gradient(#fff 0%,#f8fcff 100%)}.wa-evo-panel-events{background:linear-gradient(#fff 0%,#f4fdf8 100%)}.wa-evo-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.wa-evo-panel-head h4{color:#1c1c1e;letter-spacing:-.02em;margin:0 0 4px;font-size:14px;font-weight:600}.wa-evo-panel-head p{color:#555a6a;margin:0;font-size:12px}.wa-evo-panel-head code{background:#f3f4f8;border-radius:4px;padding:1px 5px;font-size:11px}.wa-evo-panel-empty,.wa-evo-note{color:#555a6a;margin:0;font-size:12px;line-height:1.5}.wa-evo-note{background:#fff8e8;border-radius:8px;margin-top:10px;padding:8px 10px;box-shadow:0 0 0 1px #e0e2e8}.wa-evo-note--link{background:#25d36612;margin-top:0;margin-bottom:12px}.wa-evo-note-link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-size:12px;font-weight:600;text-decoration:underline;display:inline-flex}.wa-evo-settings-grid,.wa-evo-proxy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.wa-evo-field-full{grid-column:1/-1}.wa-evo-switch-row{cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 0 0 1px #e0e2e8}.wa-evo-switch-row.is-disabled{opacity:.6;cursor:not-allowed}.wa-evo-switch-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.wa-evo-switch-label{color:#1c1c1e;font-size:13px;font-weight:600}.wa-evo-switch-hint{color:#a5a8b5;font-size:11px}.wa-evo-switch{flex-shrink:0;position:relative}.wa-evo-switch input{opacity:0;width:0;height:0;position:absolute}.wa-evo-switch-track{background:#e5e7eb;border-radius:999px;width:42px;height:24px;transition:background .18s;display:block;position:relative;box-shadow:inset 0 0 0 1px #d1d5db}.wa-evo-switch-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.wa-evo-switch input:checked+.wa-evo-switch-track{background:var(--primary);box-shadow:none}.wa-evo-switch input:checked+.wa-evo-switch-track:after{transform:translate(18px)}.wa-evo-switch input:focus-visible+.wa-evo-switch-track{outline:2px solid var(--primary-soft);outline-offset:2px}.wa-evo-event-cards{gap:10px;display:grid}.wa-evo-event-card{background:#fff;border-radius:12px;gap:12px;padding:12px;display:flex;box-shadow:0 0 0 1px #e0e2e8}.wa-evo-event-icon{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.wa-evo-event-icon-webhook{color:#187574;background:#c3faf5}.wa-evo-event-icon-ws{color:var(--primary);background:#f0fdf4}.wa-evo-event-body{flex:1;min-width:0}.wa-evo-event-title{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.wa-evo-event-title h4{color:#1c1c1e;margin:0;font-size:13px;font-weight:600}.wa-evo-event-body>p{color:#555a6a;margin:0 0 8px;font-size:12px;line-height:1.45}.wa-evo-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.wa-evo-pill-on{color:#00b473;background:#00b4731f}.wa-evo-url-box{margin-bottom:8px}.wa-evo-url-box code{word-break:break-all;color:#1ebe5d;background:#f8f9ff;border-radius:8px;padding:8px 10px;font-size:11px;display:block;box-shadow:0 0 0 1px #e0e2e8}.wa-evo-tags{flex-wrap:wrap;gap:6px;display:flex}.wa-evo-tags span{color:#555a6a;background:#f3f4f8;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600}.wa-evo-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0;display:grid}.wa-evo-feature-grid>div{background:#f8f9ff;border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex;box-shadow:0 0 0 1px #e0e2e8}.wa-evo-feature-grid strong{text-transform:uppercase;letter-spacing:.04em;color:#a5a8b5;font-size:10px}.wa-evo-feature-grid span{color:#1c1c1e;font-size:12px;font-weight:600}.wa-evo-event-list{flex-wrap:wrap;gap:5px;max-height:120px;padding-top:4px;display:flex;overflow-y:auto}.wa-evo-event-chip{color:#1ebe5d;letter-spacing:.02em;background:#f0fdf4;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:600}@media (width<=640px){.wa-evo-settings-grid,.wa-evo-proxy-grid{grid-template-columns:1fr}.wa-evo-tabs button{padding:8px 6px;font-size:11px}.wa-evo-panel-head{flex-direction:column}}.fp-channel-delete-modal{background:linear-gradient(#fff 0%,#fff8f8 100%);border:1px solid #fee2e2;border-radius:12px;padding:12px}.fp-delete-warning{color:#9f1239;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45}.fp-lead-board{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-bottom:10px;display:grid}.fp-lead-zone{background:linear-gradient(#fff 0%,#fcfcff 100%);border:1px solid #e5e8f2;border-radius:12px;min-height:180px;padding:10px;transition:border-color .16s,box-shadow .16s,background .16s}.fp-lead-zone.is-over{background:#f8faff;border-color:#b9c6ff;box-shadow:0 0 0 3px #25d3661f}.fp-lead-zone.is-lead-inactive{opacity:.85;background:#fafafb;border-style:dashed}.fp-lead-zone-head{border-bottom:1px solid #eef1f7;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;display:flex}.fp-lead-zone-head .badge{flex-shrink:0;margin-left:auto}.fp-lead-avatar,.fp-rep-avatar{border-radius:999px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.fp-lead-avatar{color:#25d366;background:#f0fdf4}.fp-rep-avatar{color:#606780;background:#f3f4f8}.fp-lead-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.fp-lead-meta strong{color:var(--text-primary);font-size:12px}.fp-lead-meta span{color:var(--text-muted);font-size:11px}.fp-lead-reps{flex-direction:column;gap:6px;display:flex}.fp-rep-card{cursor:grab;background:#fff;border:1px solid #eceff6;border-radius:10px;align-items:center;gap:8px;padding:8px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex}.fp-rep-card:hover{border-color:#ccd5f9;box-shadow:0 4px 12px #25d3661a}.fp-rep-card.is-dragging{opacity:.85;transform:scale(1.02)}.fp-rep-card-overlay{border-color:#c9d4ff;transform:scale(1.03);box-shadow:0 12px 26px #24305c38}.fp-rep-grip{color:#a2abc5;justify-content:center;align-items:center;display:inline-flex}.fp-rep-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.fp-rep-meta strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.fp-rep-meta span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.fp-unassigned-zone{background:linear-gradient(#f9faff 0%,#f6f8ff 100%);border:1px dashed #cfd7ef;border-radius:12px;padding:10px}.fp-unassigned-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;display:grid}.fp-stat-card{cursor:pointer;background:#fff;border:1px solid #e0e2e8;border-radius:14px;align-items:center;gap:12px;padding:16px;transition:border-color .18s,box-shadow .18s;display:flex}.fp-stat-card:hover{border-color:#25d36661;box-shadow:0 4px 16px #25d36614}.fp-stat-icon{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:grid}.fp-stat-body{flex-direction:column;gap:1px;min-width:0;display:flex}.fp-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:700}.fp-stat-value{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text-primary);font-size:26px;font-weight:400;line-height:1.1}.fp-stat-sub{color:var(--text-secondary);font-size:11px}.fp-alert{border:1px solid;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.fp-alert-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.fp-alert-info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.fp-alert-icon{flex-shrink:0;font-size:16px}.fp-alert-body{flex-direction:column;flex:1;gap:2px;display:flex}.fp-alert-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e0e2e8;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s}.fp-alert-btn:hover{border-color:var(--primary);color:var(--primary)}.fp-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.fp-card{background:#fff;border:1px solid #e0e2e8;border-radius:14px;padding:16px}.fp-card-full{flex-direction:column;grid-column:1/-1;gap:0;display:flex}.fp-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.fp-filter-pills{flex-wrap:wrap;gap:6px;display:flex}.fp-card-header h3{font-family:var(--font-display);color:var(--text-primary);font-size:14px;font-weight:700}.fp-card-header h3 svg{vertical-align:-2px;color:var(--primary,#25d366);margin-right:4px}.fp-card-more{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.fp-card-more:hover{text-decoration:underline}.fp-list-row{border-bottom:1px solid #f2f3f7;align-items:center;gap:10px;padding:9px 0;display:flex}.fp-list-row:last-child{border-bottom:none}.fp-list-avatar{width:32px;height:32px;color:var(--primary);background:#f0fdf4;border-radius:999px;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.fp-list-avatar.is-green{color:#059669;background:#eafaf2}.fp-list-avatar.is-orange{color:#b45309;background:#fff7ed}.fp-list-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.fp-list-body strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.fp-list-body span{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.fp-list-badges{flex-shrink:0;align-items:center;gap:4px;display:flex}.fp-channel-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.fp-channel-status-dot.is-on{background:var(--success);box-shadow:0 0 0 2px #00b47333}.fp-channel-status-dot.is-warn{background:#f59e0b}.fp-channel-status-dot.is-off{background:#ef4444}.fp-count-chip{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.fp-ch-workspace{grid-template-columns:240px 1fr;align-items:flex-start;gap:20px;display:grid}.fp-ch-tech-strip{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.fp-ch-tech-pill{letter-spacing:.02em;color:#1c1c1e;background:#f6f7fb;border:1px solid #e0e2e8;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.fp-ch-tech-pill.is-primary{color:#1ebe5d;background:#f0fdf4}.fp-ch-tech-pill.is-coral{color:#600000;background:#ffc6c6}.fp-ch-tech-pill.is-teal{color:#187574;background:#c3faf5}.fp-ch-pool-col{background:#fff;border:1px solid #e0e2e8;border-radius:20px;flex-direction:column;gap:0;display:flex;position:sticky;top:16px;overflow:hidden}.fp-ch-pool-header{background:linear-gradient(135deg,#f0fdf4 0%,#f8f9ff 100%);border-bottom:1px solid #eef1f7;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.fp-ch-pool-header strong{color:var(--text-primary);font-size:13px;font-weight:700}.fp-ch-pool-header span{color:var(--text-muted);background:#eef1f7;border-radius:20px;padding:2px 8px;font-size:11px}.fp-ch-pool-zone{background:#fff;flex-direction:column;gap:6px;min-height:120px;padding:10px;transition:background .15s,box-shadow .15s;display:flex}.fp-ch-pool-zone.is-over{background:#25d3660f;box-shadow:inset 0 0 0 1px #25d3663d}.fp-ch-cards-col{flex-direction:column;gap:12px;display:flex}.fp-ch-chip{cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e4e7f0;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:box-shadow .15s,border-color .15s;display:flex}.fp-ch-chip-admin{background:linear-gradient(#f0fdf4 0%,#fff 100%)}.fp-ch-chip-member{background:linear-gradient(#f8f9ff 0%,#fff 100%)}.fp-ch-chip:hover{border-color:#25d36666;box-shadow:0 3px 10px #25d3661f}.fp-ch-chip.is-dragging{opacity:.4;box-shadow:none}.fp-ch-chip.is-dragging-overlay{cursor:grabbing;opacity:1;border-color:#25d36680;box-shadow:0 8px 24px #25d36638}.fp-ch-chip-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.fp-ch-chip-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.fp-ch-chip-meta strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.fp-ch-chip-meta span{color:var(--text-muted);font-size:10px}.fp-ch-chip-grip{color:#c0c6d8;flex-shrink:0}.fp-ch-card{background:radial-gradient(120% 80% at 100% -10%,#25d36617 0%,#25d36600 42%),linear-gradient(#fff 0%,#f9faff 100%);border:1px solid #e0e2e8;border-radius:22px;flex-direction:column;gap:14px;padding:18px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.fp-ch-card:before{content:"";pointer-events:none;border-radius:inherit;opacity:0;background:linear-gradient(120deg,#25d36621,#fff0 40%),linear-gradient(300deg,#00b47314,#fff0 35%);transition:opacity .2s;position:absolute;inset:0}.fp-ch-card:hover{border-color:#25d3666b;transform:translateY(-1px);box-shadow:0 10px 24px #25d36624}.fp-ch-card:hover:before{opacity:1}.fp-ch-card.is-over{border-color:#25d36680;transform:translateY(-1px);box-shadow:0 0 0 3px #25d3661a,0 10px 24px #25d36629}.fp-ch-card.is-over:before{opacity:1}.fp-ch-hero{background:linear-gradient(140deg,#25d3661f 0%,#25d36608 35%,#fffffff2 100%);border:1px solid #e5e9f7;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px;display:flex}.fp-ch-hero-main{flex-direction:column;gap:8px;min-width:0;display:flex}.fp-ch-card-info{flex-direction:column;gap:3px;display:flex}.fp-ch-card-info strong{color:var(--text-primary);letter-spacing:-.18px;font-size:15px;font-weight:700}.fp-ch-card-info span{color:#6b7389;font-size:12px}.fp-ch-key-pill{white-space:nowrap;text-overflow:ellipsis;color:#48526e;background:#ffffffe6;border:1px solid #dde4f8;border-radius:999px;align-items:center;width:fit-content;max-width:100%;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.fp-ch-hero-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.fp-ch-status-chip{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.fp-ch-status-chip.is-connected{color:#0c8b59;background:#eafaf2;border-color:#b8efd6}.fp-ch-status-chip.is-pending{color:#b45309;background:#fff7ed;border-color:#fed7aa}.fp-ch-status-chip.is-disconnected{color:#be123c;background:#fff1f2;border-color:#fecdd3}.fp-ch-id-chip{color:#5c6478;background:#f1f4fb;border:1px solid #e2e8f4;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700}.fp-ch-card-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.fp-ch-metric{background:#ffffffeb;border:1px solid #e5eaf7;border-radius:12px;align-items:center;gap:8px;padding:9px 10px;transition:border-color .16s,transform .16s;display:flex}.fp-ch-metric:hover{border-color:#cfd8f3;transform:translateY(-1px)}.fp-ch-metric-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.fp-ch-metric-icon.is-blue{color:#1ebe5d;background:#f0fdf4}.fp-ch-metric-icon.is-purple{color:#7c3aed;background:#f3edff}.fp-ch-metric-icon.is-green{color:#059669;background:#eafaf2}.fp-ch-metric-icon.is-amber{color:#b45309;background:#fff7ed}.fp-ch-metric-icon.is-coral{color:#be123c;background:#fff0f0}.fp-ch-metric-icon.is-slate{color:#475569;background:#eef2f7}.fp-ch-metric-text{flex-direction:column;gap:1px;min-width:0;display:flex}.fp-ch-metric-text span{color:#697188;font-size:11px;font-weight:600}.fp-ch-metric-text strong{color:var(--text-primary);letter-spacing:-.14px;font-size:14px;font-weight:800}.fp-ch-assigned-zone{background:#fff;border:1.5px dashed #ccd2e5;border-radius:14px;flex-direction:column;gap:8px;min-height:60px;padding:10px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.fp-ch-card.is-over .fp-ch-assigned-zone{background:#25d3660a;border-color:#25d36699;box-shadow:inset 0 0 0 1px #25d36633}.fp-ch-assigned-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.fp-ch-assigned-list{border-radius:8px;flex-wrap:wrap;gap:6px;min-height:44px;transition:background .15s,box-shadow .15s;display:flex}.fp-ch-assigned-list.is-over{background:#25d36614;box-shadow:inset 0 0 0 1px #25d36640}.fp-ch-assigned-groups{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fp-ch-assigned-group{background:linear-gradient(#fff 0%,#fbfcff 100%);border:1px solid #eceff7;border-radius:12px;padding:8px}.fp-ch-group-title{color:#555a6a;margin-bottom:6px;font-size:11px;font-weight:700}.fp-ch-empty-hint{color:#b0b8cc;font-size:11px;font-style:italic}.fp-ch-card-actions{border-top:1px dashed #e5e8f2;flex-wrap:wrap;gap:6px;margin-top:2px;padding-top:10px;display:flex}.fp-channel-actions{flex-wrap:wrap;gap:6px;display:flex}.fp-hint{color:var(--text-muted);margin-top:12px;font-size:12px}.fp-btn{font-size:13px;font-weight:700;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;padding:8px 14px;line-height:1;transition:all .18s;display:inline-flex}.fp-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #25d36638}.fp-btn-primary:hover{background:var(--primary-pressed);border-color:var(--primary-pressed);box-shadow:0 2px 8px #25d36647}.fp-btn-primary.is-limit-reached{background:#dc2626;border-color:#dc2626;animation:1.25s ease-in-out infinite fpLimitPulse;box-shadow:0 6px 18px #dc262647}.fp-btn-primary.is-limit-reached:disabled{cursor:not-allowed;opacity:1}@keyframes fpLimitPulse{0%,to{transform:translateY(0);box-shadow:0 6px 18px #dc262642}50%{transform:translateY(-1px)scale(1.015);box-shadow:0 10px 22px #dc262659}}.fp-btn-outline{color:var(--text-secondary);background:#fff;border-color:#e0e2e8}.fp-btn-outline:hover{border-color:var(--primary);color:var(--primary)}.fp-btn-danger{color:#dc2626;background:0 0;border-color:#fecaca}.fp-btn-danger:hover{background:#fff5f5}.fp-btn-sm{border-radius:7px;padding:6px 10px;font-size:12px}.fp-qr-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.fp-qr-card{background:#fff;border:1px solid #e0e2e8;border-radius:14px;flex-direction:column;gap:8px;padding:16px;transition:border-color .18s;display:flex}.fp-qr-card:hover{border-color:#25d3665c}.fp-qr-top{align-items:center;gap:8px;display:flex}.fp-qr-title{color:var(--text-primary);flex:1;font-size:14px;font-weight:700}.fp-qr-shortcut{color:var(--primary);background:#f0fdf4;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:11px;font-weight:700}.fp-qr-preview{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.fp-qr-actions{gap:6px;margin-top:4px;display:flex}.fp-tags-wrap{flex-wrap:wrap;gap:10px;display:flex}.fp-tag-pill{background:#fff;border:1px solid #e0e2e8;border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 10px;transition:border-color .15s;display:inline-flex}.fp-tag-pill:hover{border-color:#25d36657}.fp-tag-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.fp-tag-name{color:var(--text-primary);font-size:13px;font-weight:600}.fp-tag-actions{gap:4px;margin-left:4px;display:flex}.fp-tag-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #e0e2e8;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700;transition:all .14s}.fp-tag-btn:hover{border-color:var(--primary);color:var(--primary)}.fp-tag-btn-danger:hover{color:#dc2626;border-color:#fecaca}.fp-status-list{flex-direction:column;gap:10px;display:flex}.fp-status-row{background:#fff;border:1px solid #e0e2e8;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.fp-status-row.is-inactive{opacity:.72}.fp-status-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.fp-status-body strong{color:var(--text-primary);font-size:14px}.fp-status-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.fp-status-meta code{background:var(--surface-2);border-radius:6px;padding:2px 6px;font-size:11px}.fp-status-badge{color:#059669;background:#25d3661a;border-radius:999px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.fp-status-badge.is-muted{background:var(--surface-2);color:var(--text-secondary)}.fp-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}.fp-empty-icon{font-size:28px}.fp-empty p{font-size:13px}.fp-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fp-settings-card{background:#fff;border:1px solid #e0e2e8;border-radius:14px;align-items:flex-start;gap:14px;padding:18px;transition:border-color .18s;display:flex}.fp-settings-card-action{cursor:pointer}.fp-settings-card-action:hover{background:#fafbff;border-color:#25d36661}.fp-settings-card--wide{grid-column:1/-1}.fp-company-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin-top:8px;display:grid}.fp-company-info-grid>div{flex-direction:column;gap:2px;display:flex}.fp-company-info-grid span{color:var(--text-muted);font-size:11px}.fp-company-info-grid strong{color:var(--text-primary);font-size:13px;font-weight:600}.fp-company-info-full{grid-column:1/-1}@media (width<=575px){.fp-company-info-grid{grid-template-columns:1fr}}.fp-settings-card-icon{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.fp-settings-card-body{flex:1;min-width:0}.fp-settings-card-body h3{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.1px;margin-bottom:4px;font-size:14px;font-weight:700}.fp-settings-card-body p{color:var(--text-secondary);font-size:12px;line-height:1.5}.fp-settings-readonly-badge{color:var(--text-muted);letter-spacing:.03em;white-space:nowrap;background:#f3f4f6;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:10px;font-weight:700}.fp-settings-arrow{color:var(--text-muted);flex-shrink:0;align-self:center;font-size:18px;transition:color .15s,transform .15s}.fp-settings-card-action:hover .fp-settings-arrow{color:var(--primary);transform:translate(3px)}.fp-settings-link{color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-self:center;padding:0;font-size:12px;font-weight:700}.fp-settings-link:hover{text-decoration:underline}.fp-input{border:1px solid var(--input-border);width:100%;color:var(--text-primary);background:#fff;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.fp-input::placeholder{color:#9ca3af}.fp-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #25d36626}.fp-input:disabled{color:#9ca3af;cursor:not-allowed;background:#f8fafc}select.fp-input{cursor:pointer}textarea.fp-input{resize:vertical;line-height:1.45}.fp-wf-tab{grid-template-rows:auto 1fr auto;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.fp-wf-body{align-items:stretch;min-height:0;display:flex;overflow:hidden}.fp-wf-topbar{background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:20px;padding:16px 24px;display:flex;position:relative}.fp-wf-topbar:after{content:"";opacity:.55;background:linear-gradient(90deg,#25d366,#14b8a6 45%,#0000);height:2px;position:absolute;bottom:-1px;left:0;right:0}.fp-wf-topbar-left{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.fp-wf-title{color:#111827;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;line-height:1.2;display:flex}.fp-wf-title-icon{color:#fff;background:linear-gradient(135deg,#25d366,#17a952);border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;box-shadow:0 2px 6px #25d36659}.fp-wf-studio-badge{color:#fff;background:linear-gradient(135deg,#25d366,#17a952);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;animation:2.6s ease-in-out infinite fpWfBadgePulse;display:inline-flex}@keyframes fpWfBadgePulse{0%,to{box-shadow:0 0 #25d36659}50%{box-shadow:0 0 0 5px #25d36600}}.fp-wf-sub{color:#6b7280;font-size:13px;font-weight:400}.fp-wf-kpis{scrollbar-width:none;flex:1;align-items:center;gap:8px;display:flex;overflow-x:auto}.fp-wf-kpis::-webkit-scrollbar{display:none}.fp-wf-kpi{white-space:nowrap;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;transition:border-color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);animation:.3s cubic-bezier(.16,1,.3,1) both fpWfPillIn;display:flex}.fp-wf-kpi:first-child{animation-delay:20ms}.fp-wf-kpi:nth-child(2){animation-delay:60ms}.fp-wf-kpi:nth-child(3){animation-delay:.1s}.fp-wf-kpi:nth-child(4){animation-delay:.14s}.fp-wf-kpi:nth-child(5){animation-delay:.18s}.fp-wf-kpi:hover{border-color:#bff0d2;transform:translateY(-2px);box-shadow:0 4px 12px #25d36629}.fp-wf-kpi-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.fp-wf-kpi-label{color:#6b7280;font-size:12px;font-weight:500}.fp-wf-kpi-val{color:#111827;font-size:14px;font-weight:700}.fp-wf-kpi-total{color:#9ca3af;margin-left:1px;font-size:12px;font-weight:600}.fp-wf-list-rail{background:#f8fafc;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:268px;height:100%;padding:14px 12px;display:flex;overflow:hidden}.fp-wf-list-panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:0 2px;display:flex}.fp-wf-list-add-btn{justify-content:center;width:100%;margin-bottom:10px}.fp-wf-list-panel-head>span{color:#6b7280;text-transform:uppercase;letter-spacing:.35px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.fp-wf-list-panel-head em{color:#16803c;background:#ecfdf5;border:1px solid #b8ecd0;border-radius:999px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:700}.fp-wf-list-vertical{scrollbar-width:thin;flex-direction:column;flex:1;gap:6px;min-height:0;padding-bottom:8px;display:flex;overflow-y:auto}.fp-wf-list-vertical::-webkit-scrollbar{width:6px}.fp-wf-list-vertical::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.fp-wf-list-row{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 10px;padding:10px;transition:border-color .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),background .16s;animation:.22s cubic-bezier(.16,1,.3,1) both fpWfRowIn;display:flex}.fp-wf-list-row:first-child{animation-delay:20ms}.fp-wf-list-row:nth-child(2){animation-delay:50ms}.fp-wf-list-row:nth-child(3){animation-delay:80ms}.fp-wf-list-row:nth-child(4){animation-delay:.11s}.fp-wf-list-row:hover{border-color:#bff0d2;box-shadow:0 2px 8px #25d3661a}.fp-wf-list-row.is-open{border-color:var(--primary,#25d366);background:linear-gradient(135deg,#25d36614,#25d36605)}@keyframes fpWfRowIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fpWfPillIn{0%{opacity:0;transform:translateY(4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.fp-wf-list-row-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #ef444424}.fp-wf-list-row-dot.is-active{background:#25d366;box-shadow:0 0 0 3px #25d3662e}.fp-wf-list-row-info{flex-direction:column;flex:120px;gap:1px;min-width:120px;display:flex}.fp-wf-list-row-info strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.fp-wf-list-row-info span{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.fp-wf-list-row-openbadge{color:#16803c;margin-top:1px;font-size:10px;font-style:normal;font-weight:700}.fp-wf-list-row-actions{flex:100%;justify-content:flex-end;align-items:center;gap:6px;display:flex}.fp-wf-list-open-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 10px;font-size:12px;font-weight:700;transition:all .16s cubic-bezier(.16,1,.3,1);display:inline-flex}.fp-wf-list-row:hover .fp-wf-list-open-btn,.fp-wf-list-open-btn:hover,.fp-wf-list-row.is-open .fp-wf-list-open-btn{border-color:var(--primary,#25d366);background:var(--primary,#25d366);color:#fff}.fp-wf-list-icon-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.fp-wf-list-icon-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.fp-wf-list-icon-btn.is-danger:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.fp-wf-list-loading{color:#9ca3af;padding:8px 2px;font-size:12px}.fp-wf-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;min-height:320px;padding:32px;animation:.3s both fpWfPillIn;display:flex}.fp-wf-empty-icon{font-size:40px;animation:2.4s ease-in-out infinite fpWfFloat}.fp-wf-empty-state h3{color:#111827;margin:4px 0 0;font-size:17px}.fp-wf-empty-state p{color:#6b7280;max-width:360px;margin:0 0 8px;font-size:13px}@keyframes fpWfFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fp-wf-canvas-wrap{background:#f1f5f9;flex:1;min-width:0;height:100%;min-height:0;animation:.25s cubic-bezier(.16,1,.3,1) both fpWfCanvasIn;position:relative;overflow:hidden}@keyframes fpWfCanvasIn{0%{opacity:0;transform:scale(.995)}to{opacity:1;transform:scale(1)}}.fp-wf-canvas-shell{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:stretch;display:flex;position:absolute;inset:12px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 12px 28px #0f172a0f}.fp-wf-canvas-area{flex:1;min-width:0;height:100%;position:relative}.fp-wf-canvas-area:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(560px 320px at 22% 0,#25d3660d,#0000 62%);position:absolute;inset:0}.fp-wf-flow-toolbar{width:340px;height:100%;box-shadow:none;scrollbar-width:thin;background:#fff;border:0;border-right:1px solid #e5e7eb;border-radius:0;flex-direction:column;flex-shrink:0;align-items:stretch;gap:12px;padding:16px;display:flex;position:static;overflow-y:auto}.fp-wf-edit-drawer-backdrop{z-index:30;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#11182759;justify-content:flex-end;animation:.18s fpWfDrawerFadeIn;display:flex;position:absolute;inset:0}@keyframes fpWfDrawerFadeIn{0%{opacity:0}to{opacity:1}}.fp-wf-edit-panel{scrollbar-width:thin;background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;align-items:stretch;width:380px;max-width:92vw;height:100%;animation:.28s cubic-bezier(.16,1,.3,1) fpWfDrawerSlideIn;display:flex;position:relative;overflow-y:auto;box-shadow:-8px 0 24px #1118271f}@keyframes fpWfDrawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.fp-wf-edit-panel-head{color:#111827;z-index:1;background:linear-gradient(#f8fafc,#fff);border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:8px;padding:14px 16px;display:flex;position:sticky;top:0}.fp-wf-edit-panel-head svg{color:#25d366;flex-shrink:0}.fp-wf-edit-panel-head strong{flex:1;font-size:14px;font-weight:700}.fp-wf-edit-panel-close{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.fp-wf-edit-panel-close:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.fp-wf-edit-panel .fp-wf-flow-edit{border:0;border-radius:0;flex:1;gap:10px;padding:16px}.fp-wf-rule-builder{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.fp-wf-rule-row{grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:6px;display:grid}.fp-wf-rule-row .fp-input{height:32px;padding:0 8px;font-size:12px}.fp-wf-rule-remove{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:border-color .15s,color .15s;display:inline-flex}.fp-wf-rule-remove:hover:not(:disabled){color:#dc2626;border-color:#fca5a5}.fp-wf-rule-remove:disabled{opacity:.4;cursor:not-allowed}.fp-wf-token-helper{flex-direction:column;gap:6px;display:flex}.fp-wf-token-chips{flex-wrap:wrap;gap:6px;display:flex}.fp-wf-token-chip{color:#374151;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.fp-wf-token-chip:hover{color:#16803c;background:#ecfdf5;border-color:#25d366}.fp-wf-name-input{width:100%;height:36px;font-size:13px}.fp-wf-toolbar-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.fp-wf-toolbar-head strong{color:#111827;font-size:14px;font-weight:700}.fp-wf-studio-tabs{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.fp-wf-studio-tab{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:34px;font-size:12px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.fp-wf-studio-tab:hover{color:#111827;background:#fff}.fp-wf-studio-tab:active{transform:scale(.97)}.fp-wf-studio-tab.is-active{color:#16803c;background:#fff;border-color:#e5e7eb;box-shadow:0 2px 6px #0f172a14}.fp-wf-studio-tab.is-active svg{color:#25d366}.fp-wf-quick-stats{grid-template-columns:1fr 1fr;gap:6px;display:grid}.fp-wf-quick-stats span{color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;min-height:28px;font-size:11px;font-weight:600;display:inline-flex}.fp-wf-edit-empty{color:#6b7280;background:#f8fafc;border:1px dashed #e5e7eb;border-radius:10px;padding:10px;font-size:12px;line-height:1.4}.fp-wf-save-chip{color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.fp-wf-save-chip.is-ok{color:#16803c;background:#ecfdf5;border-color:#b8ecd0}.fp-wf-save-chip.is-warn{color:#b45309;background:#fff7ed;border-color:#fed7aa;animation:1.8s ease-in-out infinite fpWfWarnPulse}@keyframes fpWfWarnPulse{0%,to{box-shadow:0 0 #f59e0b40}50%{box-shadow:0 0 0 4px #f59e0b00}}.fp-wf-save-chip.is-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.fp-wf-save-error{justify-content:space-between;background:#fef2f2!important;border-color:#fecaca!important;flex-direction:row!important;align-items:center!important}.fp-wf-save-error span{color:#b91c1c;font-size:12px}.fp-wf-save-error .fp-btn{flex-shrink:0;width:auto!important}.fp-wf-toolbar-group{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:12px;display:flex}.fp-wf-toolbar-label{color:#6b7280;text-transform:uppercase;letter-spacing:.35px;font-size:11px;font-weight:600}.fp-wf-active-toggle{cursor:pointer;background:linear-gradient(135deg,#ef444417,#ef444405);border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;transition:border-color .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1);display:flex}.fp-wf-active-toggle:has(input:checked){background:linear-gradient(135deg,#25d3661f,#25d36608);border-color:#b8ecd0}.fp-wf-active-toggle input{accent-color:#25d366;flex-shrink:0;width:16px;height:16px}.fp-wf-active-toggle span{color:#b91c1c;font-size:12px;font-weight:600;transition:color .18s}.fp-wf-active-toggle:has(input:checked) span{color:#16803c}.fp-wf-toolbar-hint{color:#6b7280;margin:0;font-size:11px;line-height:1.5}.fp-wf-toolbar-hint strong{color:#111827}.fp-wf-howto-btn{gap:6px;justify-content:center!important;width:100%!important}.fp-wf-howto-modal-list{flex-direction:column;gap:10px;margin:0;padding-left:20px;display:flex}.fp-wf-howto-modal-list li{color:#374151;font-size:14px;line-height:1.5}.fp-wf-howto-modal-list li strong{color:#111827}.fp-wf-flow-edit .fp-input{height:34px;padding:0 10px;font-size:13px}.fp-wf-flow-edit .fp-input[type=number]{width:100%}.fp-wf-config-editor{resize:vertical;min-height:100px;max-height:170px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.4;padding:8px 10px!important}.fp-wf-config-editor.is-json{min-height:120px}.fp-wf-edit-element-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.fp-wf-edit-element-card strong{color:#111827;font-size:13px}.fp-wf-edit-element-card span{color:#6b7280;font-size:11px;line-height:1.4}.fp-wf-edit-element-card p{color:#4b5563;border-top:1px dashed #e5e7eb;margin:2px 0 0;padding-top:6px;font-size:11px;line-height:1.45}.fp-wf-config-fields{flex-direction:column;gap:8px;max-height:320px;padding-right:2px;display:flex;overflow-y:auto}.fp-wf-config-field{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:5px;padding:8px;display:flex}.fp-wf-config-field-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.fp-wf-config-field input[type=checkbox]{accent-color:#25d366;width:16px;height:16px}.fp-wf-config-field small{color:#9ca3af;font-size:10px}.fp-wf-media-field{flex-direction:column;gap:6px;display:flex}.fp-wf-media-drop{color:#6b7280;text-align:center;cursor:pointer;background:#f8fafc;border:1px dashed #d0d5dd;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:11px;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:flex;position:relative}.fp-wf-media-drop:hover{color:#16803c;background:#ecfdf5;border-color:#25d366}.fp-wf-media-drop.is-uploading{color:#16803c;cursor:wait;background:#ecfdf5;border-color:#25d366}.fp-wf-media-drop.is-disabled{opacity:.55;cursor:not-allowed}.fp-wf-media-drop input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.fp-wf-media-drop.is-disabled input[type=file]{cursor:not-allowed}.fp-wf-media-preview{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.fp-wf-media-preview img,.fp-wf-media-preview video{object-fit:contain;background:#0b0b0f;width:100%;max-height:160px;display:block}.fp-wf-media-preview-doc{color:#111827;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.fp-wf-media-preview-doc:hover{background:#f8fafc}.fp-wf-media-preview-doc svg{color:#25d366;flex-shrink:0}.fp-wf-category-tabs{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.fp-wf-category-tabs::-webkit-scrollbar{height:5px}.fp-wf-category-tabs::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.fp-wf-cat-btn{color:#4b5563;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-size:11px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.fp-wf-cat-btn svg{opacity:.8;flex-shrink:0}.fp-wf-cat-btn:hover{color:#111827;background:#f8fafc;border-color:#bff0d2;transform:translateY(-1px)}.fp-wf-cat-btn:active{transform:scale(.96)}.fp-wf-cat-btn.is-active{color:#1a8a45;background:#ecfdf5;border-color:#25d366;box-shadow:0 2px 6px #25d3662e}.fp-wf-cat-btn.is-active svg{opacity:1}.fp-wf-element-hint{color:#6b7280;letter-spacing:.02em;align-items:center;gap:6px;padding:4px 2px 2px;font-size:11px;font-weight:500;display:inline-flex}.fp-wf-element-hint svg{color:#25d366}.fp-wf-element-list{flex-direction:column;gap:10px;max-height:360px;padding-right:2px;display:flex;overflow-y:auto}.fp-wf-element-group{flex-direction:column;gap:4px;display:flex}.fp-wf-element-group-head{letter-spacing:.04em;text-transform:uppercase;color:#6b7280;border-bottom:1px solid #e5e7eb;align-items:center;gap:6px;margin-bottom:4px;padding:2px 2px 4px;font-size:10.5px;font-weight:700;display:flex}.fp-wf-element-group-head span{flex:1}.fp-wf-element-group-head em{color:#6b7280;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:1px 6px;font-size:10px;font-style:normal}.fp-wf-element-btn{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-left-width:3px;border-radius:12px;grid-template-columns:30px 1fr 18px;align-items:center;gap:9px;padding:9px 10px 9px 9px;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),border-color .16s;animation:.22s cubic-bezier(.16,1,.3,1) both fpWfPillIn;display:grid;position:relative}.fp-wf-element-icon{color:#4b5563;background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .16s cubic-bezier(.16,1,.3,1);display:inline-flex}.fp-wf-element-body{flex-direction:column;gap:2px;min-width:0;display:flex}.fp-wf-element-btn strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.25;overflow:hidden}.fp-wf-element-body>span{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.fp-wf-element-add{color:#9ca3af;justify-self:end;transition:all .15s}.fp-wf-element-btn:hover{background:#f8fafc;border-color:#25d366;transform:translate(2px);box-shadow:0 3px 10px #0f172a0f}.fp-wf-element-btn:active{transform:translate(2px)scale(.98)}.fp-wf-element-btn:hover .fp-wf-element-icon{transform:scale(1.08)}.fp-wf-element-btn:hover .fp-wf-element-add{color:#25d366}.fp-wf-element-btn.is-cat-trigger{border-left-color:#f4b350}.fp-wf-element-btn.is-cat-message{border-left-color:#6b85f2}.fp-wf-element-btn.is-cat-logic{border-left-color:#a97cf0}.fp-wf-element-btn.is-cat-data{border-left-color:#23b3b1}.fp-wf-element-btn.is-cat-ops{border-left-color:#7186ee}.fp-wf-element-btn.is-cat-health{border-left-color:#3fb478}.fp-wf-element-btn.is-cat-commerce{border-left-color:#e08a3f}.fp-wf-element-btn.is-cat-automation{border-left-color:#8b62e0}.fp-wf-element-btn.is-cat-guard{border-left-color:#e46a69}.fp-wf-element-btn.is-cat-end{border-left-color:#7c88a6}.fp-wf-element-btn.is-cat-trigger .fp-wf-element-icon{color:#b87208;background:#fff2df;border-color:#ffd8a2}.fp-wf-element-btn.is-cat-message .fp-wf-element-icon{color:#3d52c9;background:#e7edff;border-color:#c6d3ff}.fp-wf-element-btn.is-cat-logic .fp-wf-element-icon{color:#6b3ccc;background:#efe5ff;border-color:#d9c6ff}.fp-wf-element-btn.is-cat-data .fp-wf-element-icon{color:#0d7f80;background:#def7f6;border-color:#b8ecea}.fp-wf-element-btn.is-cat-ops .fp-wf-element-icon{color:#4558d7;background:#eef2ff;border-color:#d7dfff}.fp-wf-element-btn.is-cat-health .fp-wf-element-icon{color:#17794a;background:#dcf6e6;border-color:#b8e9c9}.fp-wf-element-btn.is-cat-commerce .fp-wf-element-icon{color:#a84d0c;background:#ffe7d3;border-color:#ffcfa4}.fp-wf-element-btn.is-cat-automation .fp-wf-element-icon{color:#6244c7;background:#efe5ff;border-color:#dcc9ff}.fp-wf-element-btn.is-cat-guard .fp-wf-element-icon{color:#b2302f;background:#ffe0e0;border-color:#ffbfbf}.fp-wf-element-btn.is-cat-end .fp-wf-element-icon{color:#435279;background:#e8ecf5;border-color:#cfd5e6}.fp-wf-cat-btn.is-cat-trigger.is-active{color:#b87208;background:#fff1da;border-color:#ffd0a1}.fp-wf-cat-btn.is-cat-message.is-active{color:#3d52c9;background:#e3ebff;border-color:#bdcdff}.fp-wf-cat-btn.is-cat-logic.is-active{color:#6b3ccc;background:#ece0ff;border-color:#cdb7ff}.fp-wf-cat-btn.is-cat-data.is-active{color:#0d7f80;background:#d5f3f2;border-color:#a6e4e1}.fp-wf-cat-btn.is-cat-ops.is-active{color:#4558d7;background:#e6ecff;border-color:#c0cdff}.fp-wf-cat-btn.is-cat-health.is-active{color:#17794a;background:#d1f1de;border-color:#a6dfbb}.fp-wf-cat-btn.is-cat-commerce.is-active{color:#a84d0c;background:#ffdfc4;border-color:#ffbd8d}.fp-wf-cat-btn.is-cat-automation.is-active{color:#6244c7;background:#e7daff;border-color:#cab0ff}.fp-wf-cat-btn.is-cat-guard.is-active{color:#b2302f;background:#ffd6d6;border-color:#ffb0b0}.fp-wf-cat-btn.is-cat-end.is-active{color:#435279;background:#dee3ee;border-color:#c3cbdd}.fp-wf-element-empty{text-align:center;color:#6b7280;background:#f8fafc;border:1px dashed #e5e7eb;border-radius:12px;padding:16px 10px;font-size:12px}.fp-wf-flow-toolbar .fp-btn{justify-content:center;width:100%}.fp-wf-rules{scrollbar-width:none;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:10px;padding:10px 24px;display:flex;overflow-x:auto}.fp-wf-rules::-webkit-scrollbar{display:none}.fp-wf-rule-chip{white-space:nowrap;color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;transition:border-color .15s,background .15s;display:flex}.fp-wf-rule-chip:hover{background:#ecfdf5;border-color:#bbf7d0}.fp-wf-rule-chip strong{color:#111827;font-weight:600}.fp-wf-rule-chip span{color:#6b7280}.fp-wf-rule-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.fp-wf-rule-dot.is-active{background:#22c55e;animation:2s ease-in-out infinite fpWfDotGlow}.fp-wf-rule-dot.is-draft{background:#f59e0b}@keyframes fpWfDotGlow{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e00}}.fp-wf-canvas-wrap .react-flow{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.fp-wf-canvas-wrap .react-flow__node{cursor:grab;font-family:inherit;font-size:13px;transition:box-shadow .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0f172a0d}.fp-wf-canvas-wrap .react-flow__node:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1f}.fp-wf-canvas-wrap .react-flow__node:active{cursor:grabbing}.fp-wf-canvas-wrap .react-flow__node.selected{box-shadow:0 0 0 3px #25d36647,0 8px 20px #0f172a1f}.fp-wf-canvas-wrap .react-flow__handle{background:#25d366;border:2px solid #fff;border-radius:50%;width:10px;height:10px;transition:transform .15s cubic-bezier(.16,1,.3,1)}.fp-wf-canvas-wrap .react-flow__handle:hover{transform:scale(1.35)}.fp-wf-canvas-wrap .react-flow__controls{box-shadow:none;z-index:8;background:0 0;border-radius:0;flex-direction:column;gap:4px;display:flex;inset:auto 16px 16px auto}.fp-wf-canvas-wrap .react-flow__controls-button{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000f}.fp-wf-canvas-wrap .react-flow__controls-button:hover{color:#1a8a45;background:#ecfdf5;border-color:#bbf7d0}.fp-wf-canvas-wrap .react-flow__controls-button svg{width:14px;height:14px}.fp-wf-canvas-wrap .react-flow__minimap{z-index:7;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:140px;height:90px;inset:16px 16px auto auto;overflow:hidden;box-shadow:0 1px 3px #0000000f}.fp-wf-canvas-wrap .react-flow__attribution{display:none}.fp-sub-card{background:#fff;border:1px solid #e0e2e8;border-radius:14px;max-width:460px;padding:20px}.fp-sub-plan-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.fp-sub-plan-name{font-family:var(--font-display);letter-spacing:-.4px;color:var(--text-primary);font-size:20px;font-weight:400}.fp-sub-details{flex-direction:column;gap:0;margin-bottom:12px;display:flex}.fp-info-row{border-bottom:1px solid #f2f3f7;justify-content:space-between;align-items:center;padding:9px 0;display:flex}.fp-info-row:last-child{border-bottom:none}.fp-info-label{color:var(--text-muted);font-size:12px;font-weight:600}.fp-info-value{color:var(--text-primary);font-size:13px;font-weight:600}.fp-subscription-layout{flex-direction:column;gap:10px;width:100%;min-width:0;max-width:100%;display:flex;overflow-x:hidden}.fp-billing-module{background:#fff;border:1px solid #e0e2e8;border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.fp-billing-module.is-urgent{border-color:#ef444447;box-shadow:0 4px 18px #ef444414}.fp-billing-module.is-purchase{border-color:#25d36647;box-shadow:0 4px 18px #25d36614}.fp-billing-hero{background:linear-gradient(135deg,#f8fffb 0%,#f4f7ff 100%);border-bottom:1px solid #eceff6;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.fp-billing-module.is-urgent .fp-billing-hero{background:linear-gradient(135deg,#fff5f5 0%,#fff8f0 100%)}.fp-billing-hero-main{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.fp-billing-hero-icon{color:#128c7e;background:#25d3661f;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.fp-billing-module.is-urgent .fp-billing-hero-icon{color:#dc2626;background:#ef44441a}.fp-billing-hero-text h2{font-family:var(--font-display);letter-spacing:-.35px;color:var(--text-primary);margin:0 0 4px;font-size:20px;font-weight:700}.fp-billing-hero-text p{color:var(--text-secondary);max-width:52ch;margin:0;font-size:13px;line-height:1.5}.fp-billing-hero-meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.fp-billing-hero-chip{color:var(--text-secondary);background:#fff;border:1px solid #e0e2e8;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.fp-billing-module-body{padding:18px 22px 22px}.fp-billing-module-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.fp-billing-module-toolbar h3{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.fp-billing-plans-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.fp-plan-card{background:#fff;border:1px solid #e0e2e8;border-radius:14px;flex-direction:column;gap:0;padding:18px 16px 16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.fp-plan-card:hover{border-color:#25d3666b;box-shadow:0 6px 18px #25d36614}.fp-plan-card.is-current{border-color:var(--primary);box-shadow:0 0 0 1px #25d36633}.fp-plan-card.is-featured{background:linear-gradient(#f8fffb 0%,#fff 42%);border-color:#25d3668c}.fp-plan-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px #25d3662e}.fp-plan-card-badge{letter-spacing:.04em;text-transform:uppercase;color:#128c7e;background:#25d3661f;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:12px;right:12px}.fp-plan-card-badge.is-current{background:var(--primary);color:#fff}.fp-plan-card-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.fp-plan-card-icon{color:#25d366;background:#f3f6ff;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.fp-plan-card-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.fp-plan-card-price{align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.fp-plan-card-price strong{font-family:var(--font-display);letter-spacing:-.7px;color:var(--text-primary);font-size:28px}.fp-plan-card-price span{color:var(--text-muted);font-size:12px;font-weight:600}.fp-plan-card-desc{color:var(--text-secondary);min-height:34px;margin:0 0 12px;font-size:12px;line-height:1.45}.fp-plan-card-features{flex-direction:column;flex:1;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.fp-plan-card-features li{color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;display:flex}.fp-plan-card-features .plan-check{color:var(--primary);flex-shrink:0;font-size:11px;font-weight:800}.fp-plan-card-cta{width:100%;margin-top:auto}.fp-billing-locked{background:#f8fafc;border:1px dashed #d2d6e0;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.fp-billing-locked-icon{width:36px;height:36px;color:var(--text-muted);background:#eef1f7;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.fp-billing-locked strong{color:var(--text-primary);margin-bottom:2px;font-size:13px;display:block}.fp-billing-locked p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.fp-billing-footnote{color:var(--text-muted);margin:14px 0 0;font-size:11px}.fp-billing-upgrade-trigger{color:var(--text-secondary);cursor:pointer;background:#fff;border:1px solid #e0e2e8;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.fp-billing-upgrade-trigger:hover{color:#128c7e;background:#f8fffb;border-color:#25d36673}.fp-billing-checkout-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.billing-interval-toggle{background:#f1f5f9;border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.billing-interval-toggle button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.billing-interval-toggle button.is-active{color:var(--text-primary);background:#fff;box-shadow:0 1px 3px #00000014}.billing-interval-save{color:var(--success);margin-left:10px;font-size:11px;font-weight:700}.plan-select-btn{width:100%;margin-top:4px}.plan-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.fp-alert-success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}@media (width<=1024px){.fp-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-dashboard-analytics{grid-template-columns:1fr}.fp-reports-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-ch-workspace{grid-template-columns:200px 1fr}.fp-ch-card-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-ch-assigned-groups{grid-template-columns:1fr}.fp-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-settings-grid{grid-template-columns:1fr}}@media (width<=768px){.fp-stats-grid{grid-template-columns:1fr 1fr}.fp-ch-workspace{grid-template-columns:1fr}.fp-ch-pool-col{position:static}.fp-overview-grid{grid-template-columns:1fr}}.inbox-sidebar-section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:16px 16px 6px;font-size:10px;font-weight:600}.inbox-instance-list{flex-direction:column;gap:2px;padding:0 8px;display:flex}.inbox-instance-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;color:var(--sidebar-text);background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13px;transition:background .12s;display:flex}.inbox-instance-item:hover{background:var(--sidebar-hover)}.inbox-instance-item.is-active{background:var(--primary-soft);color:var(--primary);font-weight:600}.inbox-instance-icon{font-size:14px}.inbox-instance-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-green{background:var(--success)}.dot-yellow{background:var(--warning)}.dot-red{background:var(--danger)}.inbox-instance-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.inbox-instance-badge{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:700}.inbox-filter-group{flex-direction:column;gap:2px;padding:0 8px;display:flex}.inbox-filter-btn{border-radius:var(--radius-sm);cursor:pointer;text-align:left;color:var(--sidebar-text);background:0 0;border:none;padding:7px 10px;font-size:13px;transition:background .12s}.inbox-filter-btn:hover{background:var(--sidebar-hover)}.inbox-filter-btn.is-active{background:var(--primary-soft);color:var(--primary);font-weight:600}.inbox-toggle-row{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;padding:8px 18px;font-size:12px;display:flex}.inbox-toggle-row input[type=checkbox]{cursor:pointer}.inbox-sidebar-spacer{flex:1}.inbox-sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:6px;padding:12px;display:flex}.inbox-user-info{flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.inbox-user-meta{flex-direction:column;gap:1px;display:flex;overflow:hidden}.inbox-user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.inbox-user-role{color:var(--text-secondary);font-size:11px;font-weight:500}.inbox-footer-btn{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-secondary);background:0 0;border:none;padding:4px 6px;font-size:16px;transition:background .12s,color .12s}.inbox-footer-btn:hover{background:var(--sidebar-hover);color:var(--text-primary)}.inbox-avatar{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.inbox-avatar-sm{width:32px;height:32px;font-size:12px;font-weight:800}.inbox-avatar-lg{width:52px;height:52px;font-size:18px}.inbox-conv-panel{border-right:1px solid var(--border);transform-origin:0;background:#fafbfc;flex-direction:column;animation:.34s cubic-bezier(.22,1,.36,1) inboxConvPanelSlideIn;display:flex;overflow:hidden}@keyframes inboxConvPanelSlideIn{0%{opacity:0;transform:translate(-22px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}.inbox-conv-header{border-bottom:1px solid var(--border);background:#fff;flex-direction:column;gap:6px;padding:12px 12px 8px;display:flex}.inbox-search{border:1px solid var(--input-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#fff;outline:none;padding:8px 12px;font-size:13px}.inbox-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.inbox-conv-count{color:var(--text-muted);padding:0 2px;font-size:11px}.inbox-conv-list{flex:1;overflow-y:auto}.inbox-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:13px;display:flex}.inbox-empty span{font-size:28px}.inbox-conv-item{border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;border-left:3px solid #0000;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;transition:background .1s,border-left-color .1s;display:flex}.inbox-conv-item:hover{background:#f3f4f8}.inbox-conv-item.is-active{background:var(--primary-soft);border-left-color:var(--primary)}.inbox-conv-item.has-unread .inbox-conv-name{color:var(--text-primary);font-weight:700}.inbox-conv-body{flex-direction:column;flex:1;gap:3px;display:flex;overflow:hidden}.inbox-conv-top{justify-content:space-between;align-items:center;gap:4px;display:flex}.inbox-conv-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.inbox-conv-time{color:var(--text-muted);flex-shrink:0;font-size:11px}.inbox-conv-bottom{justify-content:space-between;align-items:center;gap:4px;display:flex}.inbox-conv-preview{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.inbox-conv-meta{flex-shrink:0;align-items:center;gap:4px;display:flex}.inbox-conv-agent{background:var(--pastel-teal);color:#187574;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.inbox-unread-badge{background:var(--primary);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:700}.inbox-chat-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.inbox-chat-empty-icon{font-size:48px}.inbox-chat-empty h3{color:var(--text-secondary);font-size:18px;font-weight:600}.inbox-chat-empty p{font-size:14px}.inbox-chat-panel{background:#fff;flex-direction:column;display:flex;overflow:hidden}.inbox-chat-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.inbox-chat-contact{align-items:center;gap:10px;display:flex}.inbox-chat-contact-name{color:var(--text-primary);font-size:14px;font-weight:600}.inbox-chat-contact-sub{color:var(--text-muted);font-size:12px}.inbox-chat-actions{align-items:center;gap:6px;display:flex}.inbox-action-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);background:#fff;padding:6px 12px;font-size:12px;transition:all .12s}.inbox-action-btn:hover{background:var(--sidebar-hover);color:var(--text-primary)}.inbox-action-btn--success{border-color:var(--success);color:var(--success)}.inbox-action-btn--success:hover{background:var(--success-soft)}.inbox-conv-status-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.status-open{background:var(--primary-soft);color:var(--primary)}.status-pending{background:var(--warning-soft);color:var(--warning)}.status-resolved{background:var(--success-soft);color:var(--success)}.status-snoozed{color:#7c3aed;background:#f3f0ff}.inbox-messages{background:var(--bg);flex-direction:column;flex:1;gap:2px;padding:16px;display:flex;overflow-y:auto}.inbox-msg-loading,.inbox-msg-empty{text-align:center;color:var(--text-muted);margin:auto;padding:24px;font-size:13px}.inbox-date-divider{text-align:center;color:var(--text-muted);margin:12px 0 8px;font-size:11px;position:relative}.inbox-date-divider:before,.inbox-date-divider:after{content:"";background:var(--border);width:30%;height:1px;position:absolute;top:50%}.inbox-date-divider:before{left:0}.inbox-date-divider:after{right:0}.inbox-msg{flex-direction:column;max-width:68%;margin-bottom:4px;display:flex}.msg-in{align-self:flex-start;align-items:flex-start}.msg-out{align-self:flex-end;align-items:flex-end}.msg-note{opacity:.9}.msg-note-label{color:#e65100;background:#fff3e0;border-radius:4px;margin-bottom:3px;padding:1px 6px;font-size:10px;font-weight:600}.inbox-msg-bubble{word-break:break-word;border-radius:14px;padding:9px 13px;font-size:13.5px;line-height:1.45}.msg-in .inbox-msg-bubble{background:var(--chat-incoming);color:var(--text-primary);border-radius:2px 14px 14px;box-shadow:0 1px 2px #0000000d}.msg-out .inbox-msg-bubble{background:var(--chat-outgoing);color:var(--text-primary);border-radius:14px 14px 2px}.msg-note .inbox-msg-bubble{background:#fff8e1;border:1px dashed #f59e0b}.inbox-msg-meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;display:flex}.msg-time{color:var(--text-muted);font-size:10.5px}.msg-status{font-size:11px}.msg-status--queued{color:var(--text-muted)}.msg-status--sent{color:var(--msg-tick-sent)}.msg-status--delivered{color:var(--msg-tick-delivered)}.msg-status--read{color:var(--msg-tick-read)}.msg-status--played{color:#8b5cf6}.msg-status--failed{color:var(--danger)}.msg-media-link{color:var(--primary);font-size:13px;text-decoration:none;display:inline-block}.msg-media-link:hover{text-decoration:underline}.msg-retry-btn{color:var(--danger);border:1px solid var(--danger);cursor:pointer;background:0 0;border-radius:4px;align-self:flex-end;margin-top:3px;padding:2px 8px;font-size:11px}.msg-retry-btn:hover{background:var(--danger-soft)}.inbox-compose{border-top:1px solid var(--border);background:#fff;padding:10px 14px 14px;position:relative}.inbox-compose-toolbar{gap:4px;margin-bottom:8px;display:flex}.compose-mode-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:20px;padding:4px 12px;font-size:12px;transition:all .12s}.compose-mode-btn.is-active{background:var(--primary);color:#fff;border-color:var(--primary)}.inbox-qr-popup{border:1px solid var(--border);border-radius:var(--radius-md);z-index:10;background:#fff;max-height:220px;position:absolute;bottom:calc(100% + 4px);left:14px;right:14px;overflow-y:auto;box-shadow:0 4px 24px #0000001f}.inbox-qr-item{cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:background .1s;display:flex}.inbox-qr-item:hover{background:var(--sidebar-hover)}.inbox-qr-item:last-child{border-bottom:none}.qr-shortcut{background:var(--primary-soft);color:var(--primary);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:600}.qr-title{color:var(--text-primary);font-size:13px}.inbox-compose-input-wrap{border:1px solid var(--input-border);border-radius:var(--radius-md);flex-direction:column;transition:border-color .12s;display:flex;overflow:hidden}.inbox-compose-input-wrap:focus-within{border-color:var(--primary)}.inbox-compose-input-wrap.is-note,.inbox-compose-input-wrap.is-note:focus-within{border-color:var(--warning)}.inbox-compose-textarea{resize:none;width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:10px 12px;font-family:inherit;font-size:13.5px;line-height:1.45}.inbox-compose-footer{border-top:1px solid var(--border);background:#fafbfc;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.compose-hint{color:var(--text-muted);font-size:11px}.inbox-send-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;min-height:44px;padding:10px 18px;font-size:13px;font-weight:600;transition:background .12s}.inbox-send-btn:hover:not(:disabled){background:var(--primary-pressed)}.inbox-send-btn:disabled{opacity:.5;cursor:not-allowed}.inbox-icon-action-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.inbox-icon-action-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.inbox-icon-action-btn.is-active,.inbox-icon-action-btn--success{border-color:var(--primary);color:var(--primary-pressed);background:var(--primary-soft)}.inbox-detail-mobile-header{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--bg-panel);justify-content:space-between;align-items:center;display:none}.inbox-detail-mobile-header strong{color:var(--text-primary);font-size:15px;font-weight:600}.inbox-detail-panel{border-left:1px solid var(--border);background:#fff;flex-direction:column;display:flex;overflow:hidden}.inbox-detail-tabs{border-bottom:1px solid var(--border);display:flex}.inbox-detail-tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 8px;font-size:12px;font-weight:500;transition:color .12s,border-color .12s}.inbox-detail-tab:hover{color:var(--text-primary)}.inbox-detail-tab.is-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.inbox-detail-content{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.inbox-contact-avatar-wrap{align-items:center;gap:12px;display:flex}.inbox-contact-title{color:var(--text-primary);font-size:15px;font-weight:600}.inbox-contact-phone{color:var(--text-muted);font-size:12px}.inbox-detail-row{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.detail-label{color:var(--text-muted);flex-shrink:0;font-size:12px}.detail-value{color:var(--text-primary);text-align:right}.inbox-status-pill{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.inbox-detail-section{flex-direction:column;gap:8px;display:flex}.inbox-detail-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px;font-weight:600}.inbox-tags-wrap{flex-wrap:wrap;gap:6px;display:flex}.inbox-tag-chip{cursor:pointer;background:0 0;border:1px solid;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500;transition:all .12s}.inbox-contact-notes{color:var(--text-secondary);background:var(--sidebar-hover);border-radius:var(--radius-sm);padding:10px;font-size:13px;line-height:1.5}.inbox-notes-hint{color:var(--text-muted);border-radius:var(--radius-sm);background:#fff8e1;padding:8px 10px;font-size:12px}.inbox-notes-list{flex-direction:column;gap:8px;display:flex}.inbox-note-card{border-radius:var(--radius-sm);background:#fff8e1;border:1px solid #f59e0b20;padding:10px 12px}.inbox-note-card p{color:var(--text-primary);margin-bottom:4px;font-size:13px}.note-meta{color:var(--text-muted);font-size:11px}.inbox-timeline{flex-direction:column;gap:0;display:flex}.inbox-tl-item{align-items:flex-start;gap:10px;padding:8px 0;display:flex;position:relative}.inbox-tl-item:not(:last-child):before{content:"";background:var(--border);width:1px;height:calc(100% - 8px);position:absolute;top:20px;left:6px}.tl-dot{background:var(--border);z-index:1;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:2px}.tl-dot--green{background:var(--success)}.tl-dot--blue{background:var(--primary)}.tl-body{flex-direction:column;gap:1px;display:flex}.tl-action{color:var(--text-primary);font-size:12.5px}.tl-time{color:var(--text-muted);font-size:11px}@media (width<=1366px){.inbox-layout{grid-template-columns:240px 300px 1fr 260px}.inbox-layout.is-sidebar-collapsed{grid-template-columns:72px 300px 1fr 260px}}@media (width<=1200px){.inbox-layout{grid-template-columns:240px 290px 1fr}.inbox-layout.is-sidebar-collapsed{grid-template-columns:72px 290px 1fr}.inbox-detail-panel{display:none}}.saas-bottom-nav,.saas-more-backdrop,.saas-more-sheet,.inbox-mobile-icon-btn{display:none}@keyframes slideUpSheet{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.auth-layout{grid-template-columns:1fr;min-height:100dvh;overflow-x:hidden}.auth-showcase{display:none}.auth-mobile-brand{align-items:center;gap:12px;width:100%;max-width:420px;margin-bottom:20px;display:flex}.auth-mobile-brand-text{flex-direction:column;gap:2px;min-width:0;display:flex}.auth-mobile-brand-text strong{color:var(--text-primary);font-size:18px;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em}.auth-mobile-brand-text span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.auth-panel-wrap{padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 24px);background:var(--bg);-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100dvh;display:flex;overflow:hidden auto}.auth-panel{background:var(--surface);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-xs);border-radius:16px;padding:22px 18px}.auth-panel h2{letter-spacing:-.03em;font-size:22px}.auth-panel .sub{margin-bottom:18px;font-size:13px;line-height:1.5}.auth-switch{width:100%}.auth-viewport{width:100%;overflow:hidden}.auth-track{width:200%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.auth-form{box-sizing:border-box;flex-shrink:0;width:50%;padding:0;overflow:hidden}.auth-row{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}.auth-form .btn{min-height:48px}.input-group input,.input-group select,.input-group textarea{min-height:48px;font-size:16px}.brand-slider-label,.brand-slider,.trust-panel{display:none}.register-grid{grid-template-columns:1fr}.register-span-2{grid-column:auto}.kpi-scroll-zone{margin:0 -14px 14px;display:block;overflow:hidden}.dashboard-kpi-grid,.dashboard-kpi-grid-secondary,.kpi-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;width:100%;min-width:0;max-width:100%;margin-bottom:0;padding:2px 14px 8px;overflow-x:auto;grid-template-columns:unset!important;display:flex!important}.dashboard-kpi-grid::-webkit-scrollbar{display:none}.dashboard-kpi-grid-secondary::-webkit-scrollbar{display:none}.kpi-grid::-webkit-scrollbar{display:none}.dashboard-kpi-grid .kpi-card,.dashboard-kpi-grid-secondary .kpi-card,.kpi-grid .kpi-card{scroll-snap-align:start;flex:0 0 min(72vw,240px);min-width:0;padding:14px}.kpi-body strong{font-size:24px}.dashboard-kpi-grid-secondary{margin-top:0}.section-header{flex-flow:wrap;align-items:center;gap:10px;margin-bottom:14px}.section-header>div:first-child{flex:1;min-width:0}.section-header h1{letter-spacing:-.03em;word-break:break-word;font-size:20px}.section-header p{display:none}.section-add-btn{white-space:nowrap;flex-shrink:0;min-height:40px;padding:0 14px;font-size:13px}.dashboard-header p{display:none}.dashboard-eyebrow{margin-bottom:6px;padding:4px 10px;font-size:10px}.overview-panels,.dashboard-overview-panels{grid-template-columns:1fr;gap:12px;min-width:0;max-width:100%;margin-top:12px}.overview-panel,.dashboard-panel-wide{min-width:0;max-width:100%;overflow:hidden}.overview-panel .saas-table-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;margin:0;overflow-x:auto}.overview-panel .saas-table{width:100%;min-width:0}.billing-table.saas-table{min-width:0}.reports-section{min-width:0;max-width:100%;overflow-x:clip}.reports-section .section-header .dashboard-quick-actions{flex:100%;width:100%}.reports-section .dashboard-quick-actions .btn,.reports-section .dashboard-quick-actions .saas-refresh-btn{flex:1;min-width:0;min-height:40px}.reports-collection-badges{flex-wrap:wrap;gap:6px;max-width:100%;margin-bottom:10px;display:flex}.reports-collection-badges .badge{white-space:normal;text-align:left;word-break:break-word;max-width:100%;height:auto;min-height:20px;line-height:1.3}.reports-section .section-active-filters{max-width:100%;margin-left:0;margin-right:0}.overview-panel-header{flex-direction:column;align-items:flex-start;gap:8px}.overview-panel-header h3{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.badge{vertical-align:middle;justify-content:center;align-items:center;max-width:100%;font-size:11px;line-height:1.2;display:inline-flex}.saas-content,.fp-content{word-break:break-word}.saas-breadcrumb,.saas-mobile-title,.fp-topbar-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saas-bnav-label{text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;overflow:hidden}.saas-more-item span:last-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.settings-card{padding:16px;overflow:hidden}.settings-card h3{word-break:break-word;font-size:15px}.dashboard-chart-box{padding:8px 4px 4px;overflow:hidden}.fp-stats-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;margin:0 -14px 14px;padding:2px 14px 8px;display:flex;overflow-x:auto}.fp-stats-grid::-webkit-scrollbar{display:none}.fp-metric-card{scroll-snap-align:start;flex:0 0 min(68vw,220px);min-width:0}.fp-metric-label,.fp-metric-sub,.fp-metric-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kpi-scroll-zone .fp-stats-grid,.kpi-scroll-zone .fp-reports-kpi-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;width:100%;min-width:0;max-width:100%;margin:0;padding:2px 14px 8px;overflow-x:auto;grid-template-columns:unset!important;display:flex!important}.kpi-scroll-zone .fp-stats-grid::-webkit-scrollbar{display:none}.kpi-scroll-zone .fp-reports-kpi-grid::-webkit-scrollbar{display:none}.kpi-scroll-zone .fp-metric-card,.kpi-scroll-zone .fp-report-kpi-card{scroll-snap-align:start;flex:0 0 min(68vw,220px);min-width:0}.fp-page-header,.fp-page-header.section-header{flex-flow:wrap;align-items:center;gap:10px;margin-bottom:14px}.fp-page-header-text{flex:1;min-width:0}.fp-page-header-text h1{letter-spacing:-.03em;font-size:20px}.fp-page-header-text p{display:none}.fp-page-header-action,.section-add-btn-wrap{flex:100%;width:100%}.fp-page-header-action .fp-btn,.fp-page-header-action>div{width:100%}.fp-page-header-action>div{flex-direction:column;gap:8px;display:flex}.fp-section,.fp-section--full{min-width:0;max-width:100%;overflow-x:clip}.fp-content{overflow-x:clip}.fp-list-row{flex-wrap:wrap;align-items:flex-start;gap:8px;padding:12px 0}.fp-list-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;width:100%}.fp-ch-card-actions--desktop{display:none}.fp-ch-hero-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.fp-ch-tech-strip{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin:0 -14px 14px;padding:0 14px 4px;overflow-x:auto}.fp-ch-tech-strip::-webkit-scrollbar{display:none}.fp-ch-tech-pill{flex-shrink:0}.fp-btn,.fp-tag-btn{min-height:44px}.fp-btn-sm{min-height:36px}.fp-report-table{width:100%;min-width:0;overflow-x:visible}.fp-report-table-head,.fp-report-table-row{grid-template-columns:1.5fr .8fr .8fr;min-width:0}.fp-report-table-head .col-mobile-hide,.fp-report-table-row .col-mobile-hide{display:none}.fp-qr-actions,.fp-tag-actions{flex-shrink:0;margin-left:auto}.fp-tag-pill,.fp-qr-card{flex-wrap:wrap;gap:8px}.billing-kpi-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;margin:0 -14px 14px;padding:2px 14px 8px;display:flex;overflow-x:auto}.billing-kpi-grid::-webkit-scrollbar{display:none}.billing-kpi{scroll-snap-align:start;flex:0 0 min(72vw,220px);min-width:0;padding:14px 16px}.billing-kpi-label,.billing-kpi-value{white-space:normal;word-break:break-word;line-height:1.4}.billing-kpi-label{letter-spacing:.03em;font-size:10px}.billing-kpi-value{font-size:20px}.billing-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:0;margin:0 -14px 16px;padding:0 14px;display:flex;overflow-x:auto}.billing-tabs::-webkit-scrollbar{display:none}.billing-tab{white-space:nowrap;flex-shrink:0;padding:10px 14px;font-size:13px}.billing-overview-split,.billing-reports-split{grid-template-columns:1fr;gap:12px}.wa-governance-policy-grid{grid-template-columns:1fr!important}.settings-card .settings-btn,.settings-card .btn{width:100%}.col-mobile-show-inline{display:inline}.billing-current{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.billing-current-actions{text-align:left;width:100%}.billing-plans{grid-template-columns:1fr;gap:12px}.plan-card{padding:16px}.fp-billing-hero{flex-direction:column;padding:16px}.fp-billing-module-body{padding:14px 16px 16px}.fp-billing-module-toolbar{flex-direction:column;align-items:stretch}.fp-billing-plans-grid{grid-template-columns:1fr}.fp-billing-upgrade-trigger{justify-content:center;width:100%}.saas-modal--billing-plans{border-radius:16px 16px 0 0;align-self:flex-end;width:100%;max-height:94dvh}.fp-billing-modal-backdrop{align-items:flex-end;padding:0}.fp-billing-modal-header,.fp-billing-modal-body{padding-left:16px;padding-right:16px}.fp-billing-modal-footer{flex-direction:column;align-items:stretch;padding-left:16px;padding-right:16px}.fp-billing-modal-footer-actions{width:100%}.fp-billing-modal-footer-actions .btn{flex:1;min-width:0}.fp-billing-modal-plans{grid-template-columns:1fr}.fp-billing-cta-card{text-align:center;flex-direction:column;align-items:stretch}.fp-billing-cta-card .btn{width:100%}.filter-bar{flex-direction:column;align-items:stretch;gap:8px}.filter-bar .saas-search,.filter-bar .saas-select-inline,.filter-bar input,.filter-bar select,.filter-bar .btn{width:100%;max-width:100%!important}.filter-select{width:100%}.section-toolbar,.users-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px;padding:12px;display:flex}.section-toolbar-add,.users-toolbar-add{width:100%;min-height:44px;margin:0;display:block}.section-filter-pills,.users-filter-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.section-filter-pills::-webkit-scrollbar{display:none}.users-filter-pills::-webkit-scrollbar{display:none}.section-filter-pills .filter-pill,.users-filter-pills .filter-pill{flex-shrink:0;gap:4px;min-height:28px;padding:5px 9px;font-size:11px;font-weight:600;line-height:1.2}.section-filter-pills .filter-count,.users-filter-pills .filter-count{text-align:center;min-width:16px;padding:0 5px;font-size:10px;font-weight:700;line-height:1.2}.section-field-filter,.users-firm-filter{align-items:center;gap:10px;width:100%;min-width:0;margin-left:0;display:flex}.section-field-filter label,.users-firm-filter label{color:var(--text-secondary);flex-shrink:0;margin:0;padding:0;font-size:12px;font-weight:600;line-height:1}.section-field-filter select,.section-field-filter input[type=date],.section-field-filter input[type=text],.users-firm-filter select{flex:1;width:auto;min-width:0;max-width:none;height:40px;margin:0;font-size:14px;line-height:1.2}.section-toolbar-search,.section-toolbar .saas-search,.section-toolbar .saas-select-inline{width:100%;min-height:42px;max-width:100%!important}.section-toolbar-actions,.logs-filter-actions{gap:8px;width:100%;margin-left:0;display:flex}.section-toolbar-actions .btn,.logs-filter-actions .btn,.logs-filter-btn{flex:1;width:auto;min-height:42px;margin:0}.section-active-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin:-4px 0 14px;padding:0 2px 4px;display:flex;overflow-x:auto}.section-active-filters::-webkit-scrollbar{display:none}.section-active-filters .filter-pill{flex-shrink:0;min-height:30px;font-size:11px}.settings-section-header p{display:none}.users-section-header{margin-bottom:12px}.users-section-sub{display:none}.users-add-desktop{display:none!important}.alert-banner{word-break:break-word;flex-direction:column;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45}.alert-banner .tbl-btn{width:100%;margin-left:0}.saas-table-wrap,.fp-table-wrap,.fp-data-table-wrap{-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow-x:auto}.saas-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:680px;font-size:12px;display:table}.saas-table thead{display:table-header-group}.saas-table tbody{display:table-row-group}.saas-table tbody tr{box-shadow:none;background:0 0;border:none;padding:0;display:table-row}.saas-table thead th,.saas-table tbody td{vertical-align:middle;padding:10px 12px;line-height:1.25}.saas-table thead th{white-space:nowrap;font-size:10px;font-weight:700}.saas-table tbody td{white-space:normal;overflow-wrap:break-word;word-break:normal;min-width:72px;font-size:12px;display:table-cell}.saas-table tbody td:before{content:none!important;display:none!important}.saas-table tbody td>strong,.saas-table tbody td>span:not(.badge),.saas-table tbody td>a{vertical-align:middle;margin:0;padding:0;line-height:1.25;display:inline}.saas-table tbody .td-id{white-space:nowrap;vertical-align:middle;min-width:40px;font-size:11px;display:table-cell}.saas-table tbody td.td-empty-row{text-align:center;vertical-align:middle;display:table-cell;padding:24px 14px!important}.saas-table tbody .td-empty{vertical-align:middle;line-height:1.25;display:inline}.saas-table tbody td .badge{white-space:nowrap;word-break:keep-all;box-sizing:border-box;vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;min-height:20px;margin:0;padding:2px 8px;line-height:1;display:inline-flex}.saas-table tbody td>div:not(.td-user):not(.td-cell-inline):not(.table-actions):not(.tbl-row-menu){vertical-align:middle;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;max-width:100%;margin:0;padding:0;line-height:1.25;display:inline-flex}.saas-table tbody td>div>strong,.saas-table tbody td>div>span,.saas-table tbody td>div>div{margin:0;padding:0;line-height:1.25}.saas-table tbody td>div>div{color:var(--text-muted);font-size:11px}.saas-table tbody .td-user{vertical-align:middle;align-items:center;gap:8px;min-width:130px;margin:0;padding:0;display:inline-flex}.saas-table tbody .td-user .td-avatar{text-align:center;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.tenants-table tbody td.td-firm,.users-table tbody td.td-user-cell,.numbers-table tbody td.td-firm,.billing-table tbody td.td-firm,.billing-table tbody td.td-user-cell{text-align:left;min-width:140px}.billing-table tbody td.td-label{text-align:left;min-width:0}.tenants-table tbody td.td-firm .td-user,.users-table tbody td.td-user-cell .td-user,.numbers-table tbody td.td-firm .td-user,.billing-table tbody td.td-firm .td-user,.billing-table tbody td.td-user-cell .td-user{text-align:left;justify-content:flex-start;align-items:center;gap:10px;width:100%;flex-direction:row!important;display:flex!important}.tenants-table tbody td.td-firm .td-user .td-avatar,.tenants-table tbody td.td-firm .td-avatar--firm,.users-table tbody td.td-user-cell .td-user .td-avatar,.users-table tbody td.td-user-cell .td-avatar--user,.numbers-table tbody td.td-firm .td-user .td-avatar,.numbers-table tbody td.td-firm .td-avatar--firm,.billing-table tbody td.td-firm .td-user .td-avatar,.billing-table tbody td.td-firm .td-avatar--firm,.billing-table tbody td.td-user-cell .td-user .td-avatar,.billing-table tbody td.td-user-cell .td-avatar--user{text-align:center;flex-shrink:0;order:-1;justify-content:center;align-self:center;align-items:center;width:32px;height:32px;margin:0;padding:0;line-height:1;display:flex}.tenants-table tbody td.td-firm .td-user>div,.numbers-table tbody td.td-firm .td-user>.td-stack,.billing-table tbody td.td-firm .td-user>.td-stack{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.users-table tbody td.td-user-cell .td-user-name{vertical-align:middle;word-break:break-word;text-align:left;font-weight:600;line-height:1.25;display:inline}.tenants-table tbody td.td-subscription,.tenants-table tbody td.td-status,.users-table tbody td.td-role,.users-table tbody td.td-status,.numbers-table tbody td.td-label,.numbers-table tbody td.td-status,.billing-table tbody td.td-label,.billing-table tbody td.td-status{text-align:left}.tenants-table tbody td.td-row-actions,.users-table tbody td.td-row-actions,.numbers-table tbody td.td-row-actions,.billing-table tbody td.td-row-actions{text-align:center}.tenants-table tbody td.td-subscription .td-stack,.billing-table tbody td.td-status .td-stack{align-items:flex-start;width:100%}.tenants-table tbody td.td-status .badge,.users-table tbody td.td-role .badge,.users-table tbody td.td-status .badge,.numbers-table tbody td.td-status .badge,.billing-table tbody td.td-status .badge{margin-inline:0}.tenants-table tbody td.td-row-actions .tbl-row-menu,.users-table tbody td.td-row-actions .tbl-row-menu,.numbers-table tbody td.td-row-actions .tbl-row-menu,.billing-table tbody td.td-row-actions .tbl-row-menu{margin-inline:auto}.tenants-table tbody td.td-subscription .td-empty{text-align:left;width:auto;display:inline-block}.tenants-table .tbl-row-menu-trigger,.users-table .tbl-row-menu-trigger,.numbers-table .tbl-row-menu-trigger,.billing-table .tbl-row-menu-trigger{width:40px;height:40px}.numbers-table tbody td,.billing-table tbody td{vertical-align:middle}.numbers-table tbody td>.td-cell-inline,.billing-table tbody td>.td-cell-inline{vertical-align:middle;align-items:center;gap:6px;flex-direction:row!important;display:inline-flex!important}.numbers-table tbody td.td-label strong,.numbers-table tbody td>strong,.billing-table tbody td.td-label strong,.billing-table tbody td>strong{vertical-align:middle;font-weight:600;line-height:1.25;display:inline}.numbers-table tbody .td-stack strong,.numbers-table tbody .td-stack .td-muted,.billing-table tbody .td-stack strong,.billing-table tbody .td-stack .td-muted{margin:0;padding:0;line-height:1.25;display:block}.numbers-table tbody .td-stack .td-muted,.billing-table tbody .td-stack .td-muted{color:var(--text-muted);font-size:11px}.numbers-table tbody .instance-key,.billing-table tbody .instance-key{vertical-align:middle;line-height:1.25}.numbers-table tbody .tbl-btn,.billing-table tbody .tbl-btn{vertical-align:middle}.row-action-backdrop{z-index:400;cursor:pointer;background:#1118276b;border:none;padding:0;animation:.22s forwards rowActionBackdropIn;display:block;position:fixed;inset:0}.row-action-sheet{z-index:410;padding-bottom:env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch;background:#fff;border-top:1px solid #e5e7eb;border-radius:16px 16px 0 0;flex-direction:column;max-height:72vh;animation:.34s cubic-bezier(.22,1.14,.36,1) forwards rowActionSheetIn;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 32px #1118271f}.row-action-handle{background:#e5e7eb;border-radius:999px;flex-shrink:0;width:40px;height:4px;margin:10px auto 4px;animation:1.6s ease-in-out .2s 2 rowActionHandlePulse}.row-action-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px 14px;display:flex}.row-action-header-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-action-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#6b7280;font-size:11px;font-weight:600;line-height:1.2}.row-action-title{color:#111827;font-size:17px;font-weight:600;font-family:var(--font-body);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.row-action-close{color:#6b7280;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,color .15s,transform .15s cubic-bezier(.22,1,.36,1);display:inline-flex}.row-action-close:active{background:#f3f4f6;transform:scale(.94)}.row-action-list{flex-direction:column;gap:8px;padding:14px 16px 18px;display:flex}.row-action-item{color:#111827;text-align:left;cursor:pointer;width:100%;min-height:56px;font-size:15px;font-weight:600;font-family:var(--font-body);letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:transform .16s cubic-bezier(.22,1,.36,1),border-color .16s,background .16s,box-shadow .16s;animation:.32s cubic-bezier(.22,1.12,.36,1) both rowActionItemIn;display:flex;box-shadow:0 0 0 1px #e5e7eb}.row-action-item-icon{color:#25d366;background:#25d3661f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .16s cubic-bezier(.22,1,.36,1),background .16s;display:flex}.row-action-item-label{flex:1;min-width:0;line-height:1.3}.row-action-item--danger{color:#ef4444}.row-action-item--danger .row-action-item-icon{color:#ef4444;background:#ef44441a}.row-action-item:active:not(:disabled){background:#f8fafc;border-color:#d1d5db;transform:scale(.98)}.row-action-item:active:not(:disabled) .row-action-item-icon{transform:scale(.94)}.row-action-item--danger:active:not(:disabled){background:#fef2f2;border-color:#ef444440}.row-action-item:disabled{opacity:.45;cursor:not-allowed}.saas-table tbody .td-user-name,.saas-table tbody .td-user strong,.saas-table tbody .td-user>div>strong{vertical-align:middle;word-break:break-word;margin:0;padding:0;font-weight:600;line-height:1.25;display:inline}.saas-table tbody .td-user>div{flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;min-width:0;display:inline-flex}.saas-table tbody .table-actions{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:5px;min-width:110px;margin:0;padding:0;display:inline-flex}.saas-table tbody .tbl-btn{white-space:nowrap;vertical-align:middle;box-sizing:border-box;justify-content:center;align-items:center;height:30px;min-height:30px;margin:0;padding:0 10px;font-size:11px;line-height:1;display:inline-flex}.saas-table tbody .instance-key{word-break:break-all;white-space:normal;vertical-align:middle;font-size:11px;line-height:1.25;display:inline-block}.saas-table tbody .td-stack,.saas-table tbody .quota-cell,.saas-table tbody .td-badge-row,.saas-table tbody .td-cell-inline{vertical-align:middle;margin:0;line-height:1.25;display:inline-flex}.saas-table tbody .quota-cell{flex-direction:column;justify-content:center;gap:3px}.saas-table tbody .td-badge-row{flex-wrap:wrap;align-items:center;gap:3px}.saas-table tbody .td-cell-inline{flex-flow:row;align-items:center;gap:6px}.saas-table tbody .td-stack{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.fp-report-table{-webkit-overflow-scrolling:touch;width:100%;min-width:0;overflow-x:visible}.fp-report-table-head,.fp-report-table-row{align-items:center;min-width:0;font-size:12px;line-height:1.25}.fp-report-table-row{padding:9px 0}.fp-report-table-row strong,.fp-report-table-row>span{vertical-align:middle;word-break:break-word;white-space:normal;line-height:1.25}.integration-grid{grid-template-columns:1fr}.billing-toolbar{flex-direction:column;align-items:stretch}.saas-layout{flex-direction:column;height:100dvh;min-height:100dvh;overflow:hidden}.saas-sidebar{display:none!important}.saas-main{flex-direction:column;flex:1;min-width:0;height:100dvh;display:flex;overflow:hidden}.saas-topbar{height:calc(52px + env(safe-area-inset-top));padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;flex-wrap:nowrap;gap:8px}.saas-mobile-title{color:var(--text-primary);font-size:17px;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.saas-topbar-icon-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;flex-shrink:0;place-items:center;transition:background .12s,color .12s;display:grid}.saas-topbar-icon-btn:hover{background:var(--surface-2)}.saas-topbar-icon-btn:disabled{opacity:.4}.saas-content{-webkit-overflow-scrolling:touch;padding:16px 14px calc(72px + env(safe-area-inset-bottom));overscroll-behavior:contain;flex:1;overflow:clip auto}.saas-bottom-nav{height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;align-items:stretch;display:flex}.saas-bnav-item{color:var(--muted);cursor:pointer;min-height:56px;font-family:var(--font-body);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px;transition:color .15s;display:flex}.saas-bnav-item.is-active{color:var(--primary)}.saas-bnav-item:active{opacity:.7}.saas-bnav-icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.saas-bnav-label{letter-spacing:.01em;font-size:10px;font-weight:500;line-height:1}.saas-bnav-item.is-active .saas-bnav-label{font-weight:600}.saas-more-backdrop{z-index:290;cursor:pointer;background:#0f172a80;border:none;padding:0;display:block;position:fixed;inset:0}.saas-more-sheet{z-index:300;background:var(--surface);padding-bottom:env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch;border-radius:16px 16px 0 0;flex-direction:column;max-height:82vh;animation:.22s slideUpSheet;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 28px #0f172a21}.saas-more-handle{background:var(--border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 8px}.saas-more-header{color:var(--text-primary);font-size:15px;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 16px 8px;display:flex}.saas-more-close{background:var(--surface-2);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.saas-more-group-label{letter-spacing:.07em;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:600;font-family:var(--font-body);padding:12px 16px 4px}.saas-more-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:500;font-family:var(--font-body);letter-spacing:-.005em;background:0 0;border:none;align-items:center;gap:13px;min-height:50px;padding:11px 16px;transition:background .1s;display:flex}.saas-more-item:active{background:var(--surface-2)}.saas-more-item.is-active{color:#15803d;font-weight:600}.saas-more-item-icon{background:var(--surface-2);width:36px;height:36px;color:var(--text-secondary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.saas-more-item.is-active .saas-more-item-icon{background:var(--primary-soft);color:var(--primary)}.saas-more-footer{border-top:1px solid var(--border);flex-direction:column;margin-top:8px;padding:8px 0 4px;display:flex}.saas-more-action{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;font-size:15px;font-weight:500;font-family:var(--font-body);letter-spacing:-.005em;background:0 0;border:none;align-items:center;gap:13px;min-height:50px;padding:13px 16px;display:flex}.saas-more-action:active{background:var(--surface-2)}.saas-more-action--danger{color:#dc2626}.saas-more-action--danger:active{background:#fff0f0}.inbox-mobile-icon-btn{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fp-layout{flex-direction:column;height:100dvh;min-height:100dvh;overflow:hidden}.fp-layout .fp-sidebar{display:none!important}.fp-main{flex-direction:column;flex:1;min-width:0;height:100dvh;display:flex;overflow:hidden}.fp-topbar{height:calc(52px + env(safe-area-inset-top));padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.fp-topbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.fp-content{-webkit-overflow-scrolling:touch;padding:16px 14px calc(72px + env(safe-area-inset-bottom));overscroll-behavior:contain;flex:1;overflow-y:auto}.inbox-layout.is-mobile{height:100dvh;min-height:100dvh;display:block;position:relative;overflow:hidden}.inbox-layout.is-mobile>.inbox-sidebar,.inbox-layout.is-mobile>.inbox-conv-panel,.inbox-layout.is-mobile>.inbox-chat-panel,.inbox-layout.is-mobile>.inbox-chat-empty,.inbox-layout.is-mobile>.inbox-detail-panel{height:100dvh;min-height:0;display:none}.inbox-layout.is-mobile.mobile-panel-menu>.inbox-sidebar{z-index:200;width:min(300px,88vw);height:100dvh;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:0 12px 40px #0f172a2e}.inbox-layout.is-mobile.mobile-panel-menu .inbox-instance-label,.inbox-layout.is-mobile.mobile-panel-menu .inbox-brand-text,.inbox-layout.is-mobile.mobile-panel-menu .inbox-sidebar-section-label,.inbox-layout.is-mobile.mobile-panel-menu .inbox-filter-group,.inbox-layout.is-mobile.mobile-panel-menu .inbox-toggle-row,.inbox-layout.is-mobile.mobile-panel-menu .inbox-user-meta{display:revert}.inbox-layout.is-mobile.mobile-panel-list>.inbox-conv-panel,.inbox-layout.is-mobile.mobile-panel-chat>.inbox-chat-panel,.inbox-layout.is-mobile.mobile-panel-chat>.inbox-chat-empty{flex-direction:column;width:100%;height:100dvh;display:flex}.inbox-layout.is-mobile .inbox-conv-header{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top));gap:8px}.inbox-layout.is-mobile .inbox-conv-header .inbox-search{flex:1;width:100%;min-width:0}.inbox-layout.is-mobile .inbox-conv-header>:first-child.inbox-mobile-icon-btn+.inbox-search{width:auto}.inbox-layout.is-mobile .inbox-conv-header:has(.inbox-mobile-icon-btn){flex-flow:wrap;align-items:center}.inbox-layout.is-mobile .inbox-conv-count{width:100%}.inbox-layout.is-mobile .inbox-chat-header{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top));flex-wrap:wrap;gap:8px}.inbox-layout.is-mobile .inbox-chat-contact{flex:1;min-width:0}.inbox-layout.is-mobile .inbox-chat-actions{flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%}.inbox-layout.is-mobile .inbox-compose{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.inbox-layout.is-mobile .compose-hint{display:none}.inbox-layout.is-mobile .inbox-compose-toolbar{margin-bottom:6px}.inbox-layout.is-mobile .inbox-compose-textarea{min-height:44px}.inbox-layout.is-mobile .inbox-icon-action-btn,.inbox-layout.is-mobile .inbox-mobile-icon-btn{width:44px;height:44px}.inbox-layout.is-mobile .inbox-detail-mobile-header{display:flex}.inbox-layout.is-mobile .inbox-conv-count{display:none}.inbox-layout.is-mobile .inbox-msg-bubble{max-width:88%}.inbox-layout.is-mobile .inbox-detail-panel{z-index:210;width:100%;max-width:100%;display:none;position:fixed;inset:0}.inbox-layout.is-mobile.inbox-detail-open .inbox-detail-panel{flex-direction:column;display:flex}.saas-modal-backdrop{align-items:flex-end;padding:0}.saas-modal,.saas-modal--wide,.saas-modal--detail{border-radius:16px 16px 0 0;width:100%;max-width:100%;max-height:92dvh;animation:.24s cubic-bezier(.32,.72,0,1) slideUpSheet}.saas-modal-header{padding:18px 18px 12px}.saas-modal-header h3{font-size:17px}.saas-modal-body{padding:14px 18px calc(14px + env(safe-area-inset-bottom))}.saas-modal-close{background:var(--surface-2);border-radius:50%;width:36px;height:36px}.saas-modal-actions{flex-direction:column-reverse;gap:8px}.saas-modal-actions .btn{width:100%;min-height:46px}.saas-topbar-icon-btn,.tbl-row-menu-trigger{width:40px;height:40px}.saas-field input,.saas-field select,.saas-field textarea,.saas-search,.saas-select-inline,.users-firm-filter select,.filter-bar input,.filter-bar select,.filter-select select,.filter-select input{font-size:16px!important}.col-mobile-hide{display:none!important}.filter-bar .saas-search,.filter-bar input,.filter-bar .saas-select-inline,.filter-bar select{min-height:42px}.users-firm-filter select,.section-field-filter select,.section-field-filter input[type=date],.section-field-filter input[type=text]{height:42px}.section-filter-pills .filter-pill,.users-filter-pills .filter-pill{align-items:center;gap:5px;min-height:34px;padding:0 12px;font-size:12px;display:inline-flex}}.sub-hub{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;min-width:0;max-width:100%;padding-bottom:8px;display:flex;overflow-x:hidden}.sub-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sub-header h1{color:#111827;margin:0 0 2px;font-size:20px;font-weight:600;line-height:1.2}.sub-header p{color:#6b7280;margin:0;font-size:13px;line-height:1.4}.sub-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.sub-action-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.sub-action-btn:disabled{opacity:.65;cursor:default}.sub-action-btn--upgrade{color:#fff;background:#25d366;border-color:#25d366}.sub-action-btn--upgrade:hover:not(:disabled){background:#1ebe5d;border-color:#1ebe5d}.sub-action-btn--cancel{color:#b91c1c;background:#fff;border-color:#fecaca}.sub-action-btn--cancel:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.sub-action-btn--resume{color:#92400e;background:#fffbeb;border-color:#fde68a}.sub-action-btn--resume:hover:not(:disabled){background:#fef3c7;border-color:#fcd34d}.sub-refresh-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.sub-refresh-btn:hover:not(:disabled){color:#111827;background:#f8fafc;border-color:#25d366}.sub-refresh-btn:disabled{opacity:.6;cursor:default}.sub-spin{animation:.8s linear infinite sub-spin}@keyframes sub-spin{to{transform:rotate(360deg)}}.sub-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.sub-tabs button{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.sub-tabs button:hover{color:#111827;background:#f8fafc}.sub-tabs button.is-active{color:#15803d;background:#f0fdf4;font-weight:600;box-shadow:inset 0 0 0 1px #25d36640}.sub-view{flex-direction:column;gap:10px;min-width:0;animation:.2s sub-view-in;display:flex}.sub-view--overview{gap:0}@keyframes sub-view-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sub-overview-sheet{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow:hidden}.sub-overview-stats{border-top:1px solid #f3f4f6;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px 12px;display:grid}.sub-overview-stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.sub-overview-stat.is-warn{background:#fffbeb;border-color:#fde68a}.sub-overview-stat-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.sub-overview-stat-label{color:#6b7280;font-size:11px;font-weight:600}.sub-overview-stat-icon{color:#25d366;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.sub-overview-stat-value{color:#111827;overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.2}.sub-overview-stat-hint{color:#9ca3af;font-size:11px}.sub-overview-usage-grid{border-top:1px solid #f3f4f6;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 12px 2px;display:grid}.sub-section{min-width:0}.sub-features{border-top:1px solid #f3f4f6;flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.sub-feature-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.sub-feature-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:8px 10px;display:flex}.sub-feature-card--warn{background:#fffbeb;border-color:#fde68a}.sub-feature-card--danger{background:#fef2f2;border-color:#fecaca}.sub-feature-card-top{align-items:center;gap:6px;min-width:0;display:flex}.sub-feature-card-icon{color:#25d366;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sub-feature-card--warn .sub-feature-card-icon{color:#d97706;border-color:#fde68a}.sub-feature-card--danger .sub-feature-card-icon{color:#dc2626;border-color:#fecaca}.sub-feature-card-label{color:#6b7280;flex:1;min-width:0;font-size:11px;font-weight:600;line-height:1.2}.sub-feature-card-nums{color:#9ca3af;white-space:nowrap;flex-shrink:0;font-size:12px}.sub-feature-card-nums strong{color:#111827;font-size:14px;font-weight:700}.sub-feature-card-bar{background:#e5e7eb;border-radius:100px;height:3px;overflow:hidden}.sub-feature-card-bar--muted{opacity:.5}.sub-feature-card-bar span{background:#25d366;border-radius:100px;height:100%;display:block}.sub-feature-card--warn .sub-feature-card-bar span{background:#f59e0b}.sub-feature-card--danger .sub-feature-card-bar span{background:#ef4444}.sub-feature-card-meta{color:#9ca3af;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.sub-feature-chips{flex-wrap:wrap;gap:6px;display:flex}.sub-feature-chip{color:#166534;background:#f0fdf4;border:1px solid #dcfce7;border-radius:100px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.2;display:inline-flex}.sub-feature-chip svg{color:#25d366;flex-shrink:0}.sub-overview-usage-grid .sub-usage-item{background:#f8fafc;border-radius:10px;padding:12px}.sub-overview-usage-grid .sub-usage-item-head{margin-bottom:8px}.sub-overview-usage-grid .sub-usage-item-title{font-size:12px}.sub-overview-usage-grid .sub-usage-item-count{font-size:11px}.sub-overview-activity{border-top:1px solid #f3f4f6;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 12px 12px;display:grid}.sub-overview-activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}.sub-overview-activity-head{color:#6b7280;align-items:center;gap:8px;margin-bottom:8px;display:flex}.sub-overview-activity-head h3{color:#111827;margin:0;font-size:13px;font-weight:600}.sub-overview-empty{color:#9ca3af;margin:0;font-size:12px}.sub-overview-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sub-overview-list-item{border:1px solid #f3f4f6;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.sub-overview-list-item strong{color:#111827;font-size:12px;display:block}.sub-overview-list-item span{color:#6b7280;font-size:11px;display:block}.sub-overview-list-right{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.sub-overview-list-right span{color:#111827;font-size:12px;font-weight:600}.sub-overview-badge{color:#4b5563;background:#f3f4f6;border-radius:999px;margin-top:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.sub-overview-badge--paid,.sub-overview-badge--succeeded{color:#166534;background:#dcfce7}.sub-overview-badge--past_due,.sub-overview-badge--failed{color:#b91c1c;background:#fee2e2}.sub-overview-badge--unpaid,.sub-overview-badge--pending{color:#92400e;background:#fef3c7}.sub-section-title{color:#111827;margin:0 0 10px;font-size:14px;font-weight:600}.sub-section-desc{color:#6b7280;margin:0;font-size:13px}.sub-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.sub-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sub-quick-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.sub-quick-btn:hover{color:#15803d;background:#f0fdf4;border-color:#25d366}.sub-quick-btn svg{color:#25d366;flex-shrink:0}.sub-billing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.sub-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:16px}.sub-card--wide{grid-column:1/-1}.sub-card-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.sub-card-head h2{flex:1}.sub-card-head svg{color:#6b7280;flex-shrink:0}.sub-card-head h2{color:#111827;margin:0;font-size:14px;font-weight:600}.sub-alert{border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.sub-alert svg{flex-shrink:0;margin-top:1px}.sub-alert--info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.sub-alert--warn{color:#92400e;background:#fffbeb;border-color:#fde68a}.sub-alert--danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.sub-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;scroll-margin-top:16px}.sub-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.sub-panel-head h2{color:#111827;margin:0 0 2px;font-size:16px;font-weight:600}.sub-panel-head p{color:#6b7280;margin:0;font-size:13px}.sub-panel-head>svg{color:#6b7280;flex-shrink:0;margin-top:2px}.sub-panel-head:has(>svg){align-items:flex-start;gap:10px;display:flex}.sub-panel--split{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sub-panel-col--wide{grid-column:1/-1}.sub-muted{color:#9ca3af;margin:0;font-size:13px}.sub-hero{background:0 0;border:none;border-left:4px solid #e5e7eb;border-radius:0;min-width:0;padding:10px 12px;display:block}.sub-hero--good{border-left-color:#22c55e}.sub-hero--warn{border-left-color:#f59e0b}.sub-hero--danger{border-left-color:#ef4444}.sub-hero--neutral{border-left-color:#9ca3af}.sub-hero-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.sub-hero-billing{color:#6b7280;align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:500;display:inline-flex}.sub-hero-billing svg{color:#9ca3af}.sub-hero-row{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.sub-hero-plan{color:#111827;margin:0;font-size:16px;font-weight:700;line-height:1.2}.sub-hero-meta{color:#6b7280;margin:0;font-size:12px}.sub-status-chip{color:#374151;background:#f3f4f6;border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.sub-status-chip--active{color:#166534;background:#dcfce7}.sub-status-chip--trial{color:#92400e;background:#fef3c7}.sub-status-chip--past_due{color:#b91c1c;background:#fee2e2}.sub-hero-health{color:#6b7280;align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.sub-hero-meta strong{color:#111827;font-weight:600}.sub-hero-tip{color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:6px 8px;font-size:12px;line-height:1.4;display:flex}.sub-hero-tip svg{color:#25d366;flex-shrink:0;margin-top:2px}.sub-hero-tip p{flex:1;margin:0}.sub-hero-tip-link{color:#25d366;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.sub-hero-tip-link:hover{text-decoration:underline}.sub-hero-main{min-width:0}.sub-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.sub-kpi{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;gap:12px;padding:14px;transition:border-color .15s,box-shadow .15s;display:flex}.sub-kpi:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000f}.sub-kpi--warn{background:#fffbeb;border-color:#fde68a}.sub-kpi-icon{color:#25d366;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sub-kpi--warn .sub-kpi-icon{color:#d97706;border-color:#fde68a}.sub-kpi-label{color:#6b7280;margin-bottom:2px;font-size:11px;font-weight:600;display:block}.sub-kpi-value{color:#111827;font-size:17px;font-weight:700;line-height:1.2;display:block}.sub-kpi-hint{color:#9ca3af;margin-top:2px;font-size:10px;display:block}.sub-tips{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px}.sub-tips-head{color:#374151;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.sub-tips-head svg{color:#25d366}.sub-tips ul{color:#4b5563;margin:0 0 8px;padding:0 0 0 16px;font-size:13px;line-height:1.5}.sub-tips li+li{margin-top:4px}.sub-tips-action{color:#25d366;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.sub-tips-action:hover{text-decoration:underline}.sub-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sub-usage-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:border-color .15s}.sub-usage-item:hover{border-color:#d1d5db}.sub-usage-item--warn{border-color:#fde68a}.sub-usage-item--danger{border-color:#fecaca}.sub-usage-item-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sub-usage-item-title{color:#111827;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.sub-usage-item-icon{color:#6b7280;display:flex}.sub-usage-item-badge{border-radius:100px;padding:2px 7px;font-size:10px;font-weight:700}.sub-usage-item--warn .sub-usage-item-badge{color:#b45309;background:#fef3c7}.sub-usage-item--danger .sub-usage-item-badge{color:#b91c1c;background:#fee2e2}.sub-usage-item-count{color:#6b7280;font-size:12px}.sub-usage-item-count strong{color:#111827;font-weight:700}.sub-usage-item-track{background:#f3f4f6;border-radius:100px;height:8px;overflow:hidden}.sub-usage-item-bar{background:#25d366;border-radius:100px;height:100%;transition:width .9s cubic-bezier(.4,0,.2,1);animation:.9s both sub-bar-in}.sub-usage-item--warn .sub-usage-item-bar{background:#f59e0b}.sub-usage-item--danger .sub-usage-item-bar{background:#ef4444}@keyframes sub-bar-in{0%{width:0!important}}.sub-usage-item-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.sub-usage-item-pct{color:#374151;font-size:12px;font-weight:600}.sub-usage-item-hint{color:#9ca3af;flex:1;font-size:11px}.sub-usage-item-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-left:auto;padding:0;font-size:11px;font-weight:500;display:inline-flex}.sub-usage-item-toggle:hover{color:#111827}.sub-usage-item-detail{color:#4b5563;background:#f8fafc;border-radius:8px;gap:8px;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.sub-usage-item-detail svg{color:#9ca3af;flex-shrink:0;margin-top:1px}.sub-usage-item-detail p{margin:0}.sub-interval-toggle{background:#f3f4f6;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.sub-interval-toggle button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.sub-interval-toggle button.is-active{color:#111827;background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000f}.sub-interval-save{color:#fff;background:#25d366;border-radius:100px;padding:2px 7px;font-size:10px;font-weight:700}.sub-plan-grid{align-items:stretch;gap:16px;display:grid}.sub-plan-grid--1{grid-template-columns:minmax(0,380px)}.sub-plan-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.sub-plan-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.sub-plan{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;min-width:0;padding:18px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.sub-plan:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.sub-plan--current{border-color:#25d366;box-shadow:0 0 0 1px #25d36633}.sub-plan--featured{border-color:#86efac}.sub-plan-ribbon{letter-spacing:.02em;white-space:nowrap;border-radius:100px;align-items:center;gap:4px;padding:4px 12px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.sub-plan-ribbon--current{color:#fff;background:#25d366}.sub-plan-ribbon--pending{color:#fff;background:#f59e0b}.sub-plan--pending{border-color:#fcd34d}.sub-plan-cta--pay{color:#fff;background:#25d366}.sub-plan-ribbon--featured{color:#fff;background:#111827}.sub-plan-head{margin-bottom:14px;padding-top:6px}.sub-plan-head h3{color:#111827;margin:0 0 4px;font-size:17px;font-weight:700}.sub-plan-head p{color:#6b7280;margin:0;font-size:12px;line-height:1.45}.sub-plan-price{margin-bottom:14px}.sub-plan-price-main{align-items:baseline;gap:2px;line-height:1;display:flex}.sub-plan-currency{color:#6b7280;font-size:16px;font-weight:600}.sub-plan-amount{color:#111827;letter-spacing:-.02em;font-size:34px;font-weight:800}.sub-plan-period{color:#9ca3af;margin-left:2px;font-size:13px}.sub-plan-billing-note{color:#6b7280;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 0;font-size:12px;display:flex}.sub-plan-save{color:#166534;background:#dcfce7;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:700}.sub-plan-features{flex-direction:column;flex:1;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.sub-plan-features li{color:#374151;align-items:flex-start;gap:8px;font-size:13px;display:flex}.sub-plan-features svg{color:#25d366;flex-shrink:0;margin-top:2px}.sub-plan-more{margin-bottom:14px}.sub-plan-more-btn{color:#6b7280;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.sub-plan-more-btn:hover{color:#111827;background:#f3f4f6}.sub-plan-acc{border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;animation:.2s sub-fade-in;overflow:hidden}@keyframes sub-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sub-plan-acc-group+.sub-plan-acc-group{border-top:1px solid #e5e7eb}.sub-plan-acc-title{color:#6b7280;background:#f8fafc;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:600;display:flex}.sub-plan-acc-group ul{flex-direction:column;gap:5px;margin:0;padding:6px 10px 8px;list-style:none;display:flex}.sub-plan-acc-group li{color:#374151;align-items:flex-start;gap:6px;font-size:12px;display:flex}.sub-plan-acc-group li.is-off{color:#9ca3af}.sub-plan-acc-group li svg{color:#25d366}.sub-plan-acc-group li.is-off span:first-child{color:#d1d5db;text-align:center;width:11px}.sub-plan-cta{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:auto;padding:11px 16px;font-size:14px;font-weight:600;transition:background .15s,opacity .15s,transform .1s;display:inline-flex}.sub-plan-cta:hover:not(:disabled){background:#1ebe5d}.sub-plan-cta:active:not(:disabled){transform:scale(.98)}.sub-plan-cta:disabled{opacity:.55;cursor:default}.sub-plan-cta--current{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.sub-plan-spinner{animation:.8s linear infinite sub-spin}.sub-manage{margin-top:16px}.sub-manage-banner{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:grid}.sub-manage-banner svg{flex-shrink:0}.sub-manage-banner p{min-width:0;margin:0;line-height:1.45}.sub-manage-banner .btn{white-space:nowrap;flex-shrink:0}.sub-manage-cancel{color:#9ca3af;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:4px 0;font-size:12px;text-decoration:underline}.sub-manage-cancel:hover{color:#ef4444}.sub-cancel-backdrop{z-index:300}.sub-cancel-modal{width:min(100%,440px)}.sub-cancel-info{flex-direction:column;gap:12px;margin-bottom:4px;display:flex}.sub-cancel-info p{color:#4b5563;margin:0;font-size:14px;line-height:1.55}.sub-cancel-info-row{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:flex}.sub-cancel-info-row span{color:#6b7280}.sub-cancel-info-row strong{color:#111827;font-weight:600}.sub-cancel-modal{max-width:440px}.sub-cancel-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.sub-invoice-list{flex-direction:column;gap:8px;display:flex}.sub-invoice-row{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px 14px;padding:10px 12px;transition:border-color .15s;display:grid}.sub-invoice-row:hover{border-color:#d1d5db}.sub-invoice-main{min-width:0}.sub-invoice-main strong{color:#111827;font-family:ui-monospace,monospace;font-size:13px;display:block}.sub-invoice-main span{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.sub-invoice-amount{color:#111827;white-space:nowrap;font-size:13px;font-weight:600}.sub-invoice-status{white-space:nowrap;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:700}.sub-invoice-status--paid{color:#166534;background:#dcfce7}.sub-invoice-status--unpaid{color:#92400e;background:#fef3c7}.sub-invoice-status--past_due{color:#b91c1c;background:#fee2e2}.sub-invoice-row time{color:#9ca3af;white-space:nowrap;font-size:11px}.sub-invoice-billing .sub-card-head{flex-wrap:wrap}.sub-invoice-refresh{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;min-height:36px;margin-left:auto;padding:6px 10px;font-size:12px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.sub-invoice-refresh:hover:not(:disabled){background:#f8fafc;border-color:#25d366}.sub-invoice-refresh:disabled{opacity:.6;cursor:not-allowed}.sub-invoice-loading{color:#6b7280;align-items:center;gap:10px;padding:24px 0;font-size:13px;display:flex}.sub-invoice-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.sub-invoice-table{border-collapse:collapse;width:100%;font-size:13px}.sub-invoice-table th,.sub-invoice-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.sub-invoice-table th{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;background:#f8fafc;font-size:11px;font-weight:600}.sub-invoice-table tbody tr:last-child td{border-bottom:none}.sub-invoice-table tbody tr:hover{background:#fafbfc}.sub-invoice-no{color:#111827;font-family:ui-monospace,monospace;font-size:12px;display:block}.sub-invoice-source{color:#6366f1;text-transform:uppercase;letter-spacing:.03em;margin-top:2px;font-size:10px;font-weight:600;display:inline-block}.sub-invoice-row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sub-invoice-action-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:10px;align-items:center;gap:5px;min-height:36px;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.sub-invoice-action-btn:hover:not(:disabled){background:#1ebe5d}.sub-invoice-action-btn:disabled{opacity:.45;cursor:not-allowed}.sub-invoice-action-btn--outline{color:#374151;background:#fff;border:1px solid #e5e7eb}.sub-invoice-action-btn--outline:hover:not(:disabled){color:#111827;background:#f8fafc;border-color:#25d366}.sub-invoice-preview-backdrop{z-index:12050}.sub-invoice-preview-modal{max-height:92dvh}.sub-invoice-preview-actions{align-items:center;gap:8px;display:flex}.sub-invoice-preview-body{min-height:0;padding:0!important}.sub-invoice-preview-frame{background:#f8fafc;border:none;width:100%;height:min(72dvh,640px);min-height:320px;display:block}.sub-overview-invoice-link{color:#25d366;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:11px;font-weight:600;text-decoration:underline}.sub-overview-invoice-link:hover{color:#1ebe5d}.sub-support-text{color:#6b7280;margin:0 0 12px;font-size:13px;line-height:1.5}.sub-support-link{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.sub-support-link:hover{background:#f8fafc;border-color:#25d366}.sub-trust{color:#9ca3af;align-items:center;gap:8px;margin-top:14px;font-size:12px;display:flex}.sub-trust svg{color:#25d366}.sub-faq{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.sub-faq-item+.sub-faq-item{border-top:1px solid #e5e7eb}.sub-faq-item button{color:#111827;text-align:left;cursor:pointer;background:#fff;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.sub-faq-item button:hover{background:#f8fafc}.sub-faq-item button svg{color:#9ca3af;flex-shrink:0}.sub-faq-answer{max-height:0;transition:max-height .25s;overflow:hidden}.sub-faq-item.is-open .sub-faq-answer{max-height:160px}.sub-faq-answer p{color:#6b7280;margin:0;padding:0 16px 14px;font-size:13px;line-height:1.55}.sub-empty-hero{text-align:center;padding:32px 20px}.sub-empty-hero-icon{color:#25d366;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex}.sub-empty-hero h2{color:#111827;margin:0 0 8px;font-size:18px;font-weight:600}.sub-empty-hero p{color:#6b7280;max-width:36ch;margin:0 auto 16px;font-size:14px}.sub-empty-inline{text-align:center;color:#9ca3af;background:#f8fafc;border:1px dashed #e5e7eb;border-radius:12px;padding:24px;font-size:13px}.sub-skeleton{flex-direction:column;gap:16px;display:flex}.sub-skeleton-line{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:12px;animation:1.3s infinite sub-shimmer}.sub-skeleton-line--lg{height:120px}.sub-skeleton-line--md{height:48px}.sub-skeleton-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.sub-skeleton-tile{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:12px;height:72px;animation:1.3s infinite sub-shimmer}.sub-skeleton-plans{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.sub-skeleton-plan{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:12px;height:360px;animation:1.3s infinite sub-shimmer}@keyframes sub-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sub-confetti{pointer-events:none;z-index:9999;height:0;position:fixed;inset:0 0 auto;overflow:visible}.sub-confetti-piece{border-radius:2px;animation:linear both sub-confetti-fall;position:absolute;top:-8px}@keyframes sub-confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(540deg)}}.sub-locked-overlay{z-index:1200;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sub-locked-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11182773;position:absolute;inset:0}.sub-locked-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:420px;padding:36px 32px;position:relative;box-shadow:0 8px 32px #0000001f}.sub-locked-icon-wrap{margin-bottom:18px;display:inline-flex}.sub-locked-icon{color:#25d366;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.sub-locked-title{color:#111827;margin:0 0 8px;font-size:20px;font-weight:700}.sub-locked-body{color:#6b7280;margin:0 0 22px;font-size:14px;line-height:1.55}.sub-locked-benefits{text-align:left;flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.sub-locked-benefit{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;gap:12px;padding:12px;display:flex}.sub-locked-benefit-icon{color:#25d366;background:#f0fdf4;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sub-locked-benefit strong{color:#111827;margin-bottom:2px;font-size:13px;display:block}.sub-locked-benefit span{color:#6b7280;font-size:12px}.sub-locked-actions{flex-direction:column;gap:10px;display:flex}.sub-locked-cta{width:100%;min-height:44px}.sub-locked-logout-link{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px;text-decoration:underline}@media (width<=896px){.sub-hero-row{flex-direction:column;align-items:flex-start;gap:2px}.sub-hero-billing{margin-left:0}.sub-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sub-overview-usage-grid{grid-template-columns:1fr;padding:10px 10px 2px}.sub-overview-activity{grid-template-columns:1fr;padding:10px 10px 12px}.sub-feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sub-plan-grid--1,.sub-plan-grid--2,.sub-plan-grid--3,.sub-billing-grid,.sub-usage-grid{grid-template-columns:1fr}.sub-section-head{flex-direction:column;align-items:stretch}.sub-interval-toggle{width:100%}.sub-interval-toggle button{flex:1;justify-content:center}.sub-tabs button span{display:none}.sub-tabs button{padding:10px}.sub-action-btn{padding:0 10px;font-size:12px}.sub-invoice-row{grid-template-rows:auto auto;grid-template-columns:1fr 1fr}.sub-invoice-main{grid-column:1/-1}.sub-invoice-amount{justify-self:start}.sub-invoice-status{justify-self:end}.sub-invoice-row time{justify-self:start}.sub-invoice-table thead{display:none}.sub-invoice-table tbody tr{border-bottom:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:6px 10px;padding:12px;display:grid}.sub-invoice-table tbody tr:last-child{border-bottom:none}.sub-invoice-table td{border:none;padding:0}.sub-invoice-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;margin-bottom:2px;font-size:10px;font-weight:600;display:block}.sub-invoice-table td[data-label=Fatura\ no],.sub-invoice-table td[data-label=İşlemler]{grid-column:1/-1}.sub-invoice-row-actions{width:100%}.sub-invoice-row-actions .sub-invoice-action-btn{flex:1;justify-content:center}.sub-invoice-refresh span{display:none}.sub-manage-banner{grid-template-rows:auto auto;grid-template-columns:auto 1fr}.sub-manage-banner .btn{grid-column:1/-1;justify-self:stretch}.sub-skeleton-plans{grid-template-columns:1fr}}@media (width<=480px){.sub-header h1{font-size:20px}.sub-hero-plan{font-size:18px}.sub-overview-stats,.sub-feature-cards{grid-template-columns:1fr}}.kb-panel{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #1118270f}.kb-toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex}.kb-toolbar-search{border:1px solid var(--border);background:var(--surface);min-width:180px;max-width:320px;height:40px;color:var(--text-secondary);border-radius:12px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.kb-toolbar-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-height:44px;font-size:14px}.kb-toolbar-btn{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.kb-toolbar-btn:hover,.kb-toolbar-btn.is-active{border-color:var(--primary);color:var(--primary);background:#25d3660f}.kb-bulk-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.kb-bulk-bar select{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-height:36px;padding:0 10px;font-size:13px}.kb-filters{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:8px;padding:10px 16px;display:flex}.kb-filters select,.kb-filters input{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);border-radius:12px;padding:0 12px;font-size:13px}.kb-loading{color:var(--text-secondary);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.kb-board{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;flex:1;justify-content:flex-start;gap:12px;width:100%;min-width:0;min-height:0;padding:16px;scroll-padding-inline:16px;display:flex;overflow:auto hidden}.kb-column{background:var(--surface-2);border:1px solid var(--border);scroll-snap-align:start;border-radius:12px;flex-direction:column;flex:0 0 280px;max-width:280px;min-height:0;max-height:100%;transition:box-shadow .18s,border-color .18s;display:flex}.kb-column.is-over .kb-column-body{background:#25d3660f}.kb-column.is-over{border-color:#25d36673;box-shadow:0 0 0 1px #25d36633}.kb-column-head{border-top:3px solid var(--text-secondary);border-bottom:1px solid var(--border);background:var(--surface);z-index:2;border-radius:12px 12px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex;position:sticky;top:0}.kb-column-head strong{color:var(--text);font-size:13px;font-weight:600}.kb-column-count{background:var(--surface-2);border:1px solid var(--border);min-width:22px;height:22px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.kb-column-head-right{align-items:center;gap:4px;display:inline-flex}.kb-column-menu-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.kb-column-menu-btn:hover{border-color:var(--primary);color:var(--primary)}.kb-column-body{flex-direction:column;flex:1;gap:8px;min-height:120px;padding:10px;transition:background .15s;display:flex;overflow-y:auto}.kb-column-empty{text-align:center;color:var(--text-secondary);border:1px dashed var(--border);background:var(--surface);border-radius:12px;margin:0;padding:18px 10px;font-size:12px}.kb-column-empty p{margin:8px 0 2px;font-size:12px;font-weight:600}.kb-column-empty span{font-size:11px}.kb-card-wrap{touch-action:none}.kb-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px;transition:border-color .15s,box-shadow .15s,transform .15s;box-shadow:0 1px 3px #0000000a}.kb-card:hover{border-color:#25d36659;transform:translateY(-1px);box-shadow:0 3px 10px #11182714}.kb-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 1px #25d36633}.kb-card-overlay{opacity:.95;cursor:grabbing;width:240px}.kb-card-just-moved{animation:.9s kb-card-success}@keyframes kb-card-success{0%{box-shadow:0 0 #25d36673}to{box-shadow:0 0 0 10px #25d36600}}.kb-card-top{align-items:flex-start;gap:8px;display:flex}.kb-card-check input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;margin-top:4px}.kb-card-avatar{width:32px;height:32px;color:var(--primary);background:#25d3661f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.kb-card-head{flex:1;min-width:0}.kb-card-head strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.kb-card-head span{color:var(--text-secondary);font-size:11px;display:block}.kb-card-meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.kb-card-pill{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.kb-card-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.kb-tag{background:var(--surface);border:1px solid;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600}.kb-card-activity{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:8px 0 0;font-size:11px;overflow:hidden}.kb-card-actions{border-top:1px solid var(--border);gap:4px;margin-top:8px;padding-top:8px;display:flex}.kb-card-btn{border:1px solid var(--border);background:var(--surface);min-width:44px;min-height:32px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.kb-card-btn:hover{border-color:var(--primary);color:var(--primary)}.kb-stage-manager{border-bottom:1px solid var(--border);background:var(--surface);padding:12px 16px}.kb-stage-manager-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.kb-stage-manager-head h4{color:var(--text);margin:0;font-size:14px;font-weight:600}.kb-stage-create{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.kb-stage-create input{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-height:40px;padding:0 12px}.kb-stage-list{gap:8px;display:grid}.kb-stage-row{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;align-items:center;gap:8px;padding:8px;display:flex}.kb-stage-row input{border:1px solid var(--border);border-radius:10px;min-height:36px;padding:0 10px}.kb-stage-row-labels{flex-direction:column;min-width:130px;display:flex}.kb-stage-row-labels strong{color:var(--text);font-size:13px}.kb-stage-row-labels span{color:var(--text-secondary);font-size:11px}.kb-stage-dot{border-radius:999px;flex-shrink:0;width:10px;height:10px}.kb-stage-icon-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:0 8px;display:inline-flex}.kb-stage-icon-btn:hover{border-color:var(--primary);color:var(--primary)}.kb-stage-icon-btn.is-danger{color:#ef4444}.kb-sheet-backdrop{z-index:1200;background:#11182766;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.kb-sheet{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:min(480px,100vw);height:100%;animation:.2s kb-sheet-in;display:flex;overflow:hidden}@keyframes kb-sheet-in{0%{transform:translate(100%)}to{transform:translate(0)}}.kb-sheet-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.kb-sheet-head h3{color:var(--text);margin:0;font-size:18px;font-weight:600}.kb-sheet-head p{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.kb-sheet-close{min-width:44px;min-height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.kb-sheet-close:hover{background:var(--surface-2)}.kb-sheet-body{flex:1;padding:16px 20px 24px;overflow-y:auto}.kb-sheet-section{margin-bottom:20px}.kb-sheet-section h4{color:var(--text);align-items:center;gap:6px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.kb-detail-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.kb-detail-grid>div span{color:var(--text-secondary);margin-bottom:2px;font-size:11px;display:block}.kb-detail-grid>div strong{color:var(--text);font-size:13px}.kb-sheet-row{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.kb-sheet-row label{color:var(--text-secondary);font-size:12px;font-weight:500}.kb-sheet-row select,.kb-sheet-row input,.kb-sheet-row textarea{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-height:44px;padding:10px 12px;font-family:inherit;font-size:14px}.kb-sheet-row textarea{resize:vertical;min-height:60px}.kb-note-compose{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.kb-note-compose textarea{border:1px solid var(--border);resize:vertical;border-radius:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.kb-note-item,.kb-task-item,.kb-timeline-item{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;margin-bottom:8px;padding:10px 12px}.kb-note-item p,.kb-task-item strong,.kb-timeline-item strong{color:var(--text);margin:0 0 4px;font-size:13px}.kb-note-item span,.kb-task-item span,.kb-timeline-item span{color:var(--text-secondary);font-size:11px}.kb-muted{color:var(--text-secondary);font-size:13px}.kb-sheet-loading{color:var(--text-secondary);padding:24px}.crm-contacts-section{flex-direction:column;gap:16px;display:flex}.crm-contacts-search{border:1px solid var(--border);background:var(--surface);min-width:200px;height:40px;color:var(--text-secondary);border-radius:12px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.crm-contacts-search input{background:0 0;border:none;outline:none;flex:1;min-height:44px;font-size:14px}.crm-contact-avatar{width:32px;height:32px;color:var(--primary);background:#25d3661f;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.crm-pagination{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:flex}.crm-card-count{color:var(--text-secondary);white-space:nowrap;margin-left:auto;font-size:12px;font-weight:600}.crm-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.crm-contact-card{background:#fff;border:1px solid #e0e2e8;border-left:3px solid #25d366;border-radius:14px;flex-direction:column;gap:8px;padding:14px;transition:box-shadow .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);animation:.28s cubic-bezier(.16,1,.3,1) both crmCardIn;display:flex}.crm-contact-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f172a17}@keyframes crmCardIn{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.crm-contact-card-head{align-items:center;gap:10px;display:flex}.crm-contact-card-avatar{color:#16803c;background:linear-gradient(135deg,#25d3662e,#25d3660f);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.crm-contact-card-name{flex-direction:column;gap:1px;min-width:0;display:flex}.crm-contact-card-name strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.crm-contact-card-name span{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:inline-flex}.crm-card-stage-badge{background:#f8fafc;align-self:flex-start}.crm-card-loss-reason{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:4px 8px;font-size:11.5px}.crm-card-tags{flex-wrap:wrap;gap:5px;display:flex}.crm-card-tag{background:#fff;border:1px solid;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600}.crm-contact-card-meta{color:var(--text-secondary);border-top:1px dashed #e5e7eb;flex-wrap:wrap;gap:10px;padding-top:8px;font-size:11.5px;display:flex}.crm-contact-card-meta span{align-items:center;gap:4px;display:inline-flex}.crm-contact-card-actions{gap:6px;display:flex}.crm-contact-card-actions .tbl-btn-wa{flex:1;justify-content:center}.crm-card-empty{text-align:center;color:var(--text-secondary);border:1px dashed #e5e7eb;border-radius:14px;grid-column:1/-1;padding:40px 16px}.crm-stage-list{flex-direction:column;gap:8px;display:flex}.crm-stage-row{background:#fff;border:1px solid #e0e2e8;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:box-shadow .15s;display:flex}.crm-stage-row:hover{box-shadow:0 2px 10px #0f172a0f}.crm-stage-reorder{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.crm-stage-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.crm-stage-row-name{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.crm-stage-row-name strong{color:var(--text-primary);font-size:14px}.crm-stage-row-actions{flex-shrink:0;gap:6px;display:flex}.crm-stage-type-badge{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.crm-stage-type-badge.is-open{color:#6b7280;background:#f8fafc;border:1px solid #e5e7eb}.crm-stage-type-badge.is-won{color:#16803c;background:#ecfdf5;border:1px solid #b8ecd0}.crm-stage-type-badge.is-lost{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.crm-color-picker{flex-wrap:wrap;gap:8px;display:flex}.crm-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s}.crm-color-swatch:hover{transform:scale(1.12)}.crm-color-swatch.is-active{border-color:#111827;box-shadow:0 0 0 2px #fff,0 0 0 4px}.crm-stage-type-picker{flex-wrap:wrap;gap:6px;display:flex}.crm-stage-type-btn{border:1px solid var(--input-border);color:#4b5563;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.crm-stage-type-btn:hover{background:#f8fafc;border-color:#bbf7d0}.crm-stage-type-btn.is-active.is-open{color:#111827;background:#f3f4f6;border-color:#9ca3af}.crm-stage-type-btn.is-active.is-won{border-color:var(--primary);background:var(--primary-soft);color:#16803c}.crm-stage-type-btn.is-active.is-lost{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.crm-loss-reason-list{flex-direction:column;gap:8px;display:flex}.crm-loss-reason-row{background:#fff;border:1px solid #e0e2e8;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.crm-loss-reason-row strong{color:var(--text-primary);flex:1;font-size:14px}.crm-loss-reason-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.crm-loss-reason-toggle input{accent-color:var(--primary);width:15px;height:15px}.crm-fields-intro{color:var(--text-secondary);background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;animation:.3s cubic-bezier(.16,1,.3,1) both crmCardIn;display:flex}.crm-fields-intro svg{color:var(--primary);flex-shrink:0;animation:2.4s ease-in-out infinite crmFieldPulse}.crm-field-list{flex-direction:column;gap:8px;display:flex}.crm-field-row{animation:.32s cubic-bezier(.16,1,.3,1) both crmCardIn;animation-delay:var(--crm-row-delay,0s);cursor:grab;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s,transform .2s cubic-bezier(.16,1,.3,1),opacity .2s;display:flex}.crm-field-row:hover{border-color:#c9e8d4;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a14}.crm-field-row:active{cursor:grabbing}.crm-field-row.is-builtin{background:#fbfcfe}.crm-field-row.is-dragging{opacity:.4;box-shadow:none;transform:scale(.98)}.crm-field-row.is-drop-target{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);transform:scale(1.01)}.crm-field-reorder{flex-shrink:0;align-items:center;gap:4px;display:flex}.crm-field-reorder .crm-field-grip{color:#c7ccd4;align-items:center;transition:color .15s;display:flex}.crm-field-row:hover .crm-field-grip{color:#9ca3af}.crm-field-reorder-btns{flex-direction:column;gap:2px;display:flex}.crm-field-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex}.crm-field-row:hover .crm-field-icon{transform:scale(1.08)rotate(-3deg)}.crm-field-name{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.crm-field-name strong{color:var(--text-primary);font-size:14px}.crm-field-lock{color:var(--text-secondary);align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.crm-field-type-tag{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:transform .15s;display:inline-flex}.crm-field-row:hover .crm-field-type-tag{transform:scale(1.04)}.crm-field-actions{flex-shrink:0;gap:6px;display:flex}.crm-field-actions .tbl-btn{transition:transform .15s,background .15s,color .15s}.crm-field-actions .tbl-btn:hover{transform:translateY(-1px)scale(1.05)}.crm-field-actions .tbl-btn:active{transform:scale(.94)}@keyframes crmFieldPulse{0%,to{opacity:1}50%{opacity:.55}}.crm-field-type-picker{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.crm-field-type-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:11.5px;font-weight:600;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.crm-field-type-btn:hover{background:#f8fafc;border-color:#bbf7d0;transform:translateY(-2px)}.crm-field-type-btn:active{transform:translateY(0)scale(.96)}.crm-field-type-btn.is-active{border-color:var(--primary);background:var(--primary-soft);color:#16803c;box-shadow:0 0 0 1px var(--primary) inset;transform:translateY(-2px)scale(1.03)}.crm-field-type-btn .crm-field-icon{border-radius:8px;width:28px;height:28px}.crm-field-type-btn.is-active .crm-field-icon{animation:.3s cubic-bezier(.34,1.56,.64,1) crmFieldPop}.crm-field-type-check{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;animation:.25s cubic-bezier(.34,1.56,.64,1) crmFieldPop;display:flex;position:absolute;top:-6px;right:-6px}@keyframes crmFieldPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.crm-switch-row{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.crm-switch-row span{color:var(--text-primary);font-size:13.5px;font-weight:500}.crm-switch{cursor:pointer;background:#d1d5db;border:none;border-radius:999px;flex-shrink:0;align-items:center;width:40px;height:24px;transition:background .2s;display:inline-flex;position:relative}.crm-switch.is-on{background:var(--primary)}.crm-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.crm-switch.is-on:after{transform:translate(16px)}.crm-fields-tab .fp-wf-canvas-area{background:linear-gradient(120deg,#25d36612,#3b82f60f,#8b5cf60f,#25d36612) 0 0/320% 320%;animation:18s ease-in-out infinite crmCanvasAurora}@keyframes crmCanvasAurora{0%{background-position:0 45%}50%{background-position:100% 55%}to{background-position:0 45%}}.crm-fields-canvas-scroll{scrollbar-width:thin;background-image:radial-gradient(circle,#edf0f5 1.2px,#0000 1.2px);background-size:28px 28px;padding:36px 32px;position:absolute;inset:0;overflow-y:auto}.crm-fields-palette-title{color:var(--text-primary);margin:0 0 2px;font-size:12.5px;font-weight:700}.crm-fields-palette-hint{color:var(--text-secondary);margin:0 0 4px;font-size:11.5px}.crm-fields-palette-divider{border-top:1px dashed #e5e7eb;margin-top:8px;padding-top:14px}.crm-form-canvas{z-index:1;background:#fff;border:1px solid #e5e7eb;border-radius:18px;max-width:720px;margin:0 auto;padding:28px 32px;animation:.3s cubic-bezier(.16,1,.3,1) both crmCardIn;position:relative;box-shadow:0 1px 2px #0000000a,0 10px 24px #0f172a14,0 32px 64px -24px #25d3664d}.crm-form-canvas:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(135deg,#25d3668c,#3b82f633 45%,#0000 70%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.crm-form-canvas:after{content:"";z-index:3;background:linear-gradient(90deg,#0000,#25d366,#3b82f6,#0000) 0 0/200% 100%;border-radius:999px;height:3px;animation:5s linear infinite crmCanvasShimmer;position:absolute;top:-1px;left:12%;right:12%}@keyframes crmCanvasShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.crm-form-canvas-head{border-bottom:1px dashed #e5e7eb;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.crm-form-canvas-head h3{color:var(--text-primary);margin:0 0 4px;font-size:19px;font-weight:700}.crm-form-canvas-head p{color:var(--text-secondary);margin:0;font-size:13px}.crm-form-live-badge{color:#16803c;background:var(--primary-soft);white-space:nowrap;border:1px solid #b8ecd0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.crm-form-live-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite crmFieldPulse}.crm-form-canvas-body{flex-direction:column;gap:14px;display:flex}.crm-form-field-block{animation:.3s cubic-bezier(.16,1,.3,1) both crmCardIn;animation-delay:var(--crm-row-delay,0s);cursor:grab;background:#fbfcfe;border:1px solid #e5e7eb;border-radius:14px;transition:box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s,transform .2s cubic-bezier(.16,1,.3,1),opacity .2s;overflow:hidden}.crm-form-field-block:hover{border-color:#c9e8d4;transform:translateY(-2px);box-shadow:0 8px 22px #0f172a1a}.crm-form-field-block:active{cursor:grabbing}.crm-form-field-block.is-dragging{opacity:.4;box-shadow:none;transform:scale(.98)}.crm-form-field-block.is-drop-target{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.crm-form-field-toolbar{background:#f8fafc;border-bottom:1px solid #eef1f5;align-items:center;gap:10px;padding:11px 14px;display:flex}.crm-form-field-toolbar .crm-field-grip{color:#c7ccd4;flex-shrink:0;transition:color .15s}.crm-form-field-block:hover .crm-form-field-toolbar .crm-field-grip{color:#9ca3af}.crm-form-field-toolbar .crm-field-icon{border-radius:8px;flex-shrink:0;width:28px;height:28px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.crm-form-field-block:hover .crm-form-field-toolbar .crm-field-icon{transform:scale(1.1)rotate(-3deg)}.crm-form-field-toolbar-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.crm-form-field-toolbar-actions{flex-shrink:0;gap:5px;display:flex}.crm-form-field-toolbar-actions .tbl-btn{transition:transform .15s}.crm-form-field-toolbar-actions .tbl-btn:hover{transform:translateY(-1px)scale(1.06)}.crm-form-field-toolbar-actions .tbl-btn:active{transform:scale(.94)}.crm-form-field-preview{padding:16px 18px 18px}.crm-form-field-preview label{color:var(--text-secondary);margin-bottom:7px;font-size:12.5px;font-weight:500;display:block}.crm-form-field-preview input,.crm-form-field-preview select,.crm-form-field-preview textarea{border:1px solid var(--border,#e5e7eb);width:100%;min-height:44px;color:var(--text-secondary);pointer-events:none;background:#fff;border-radius:11px;padding:10px 14px;font-family:inherit;font-size:14px}.crm-form-field-preview textarea{resize:none;min-height:64px}.crm-form-field-preview .crm-form-checkbox-preview{color:var(--text-secondary);align-items:center;gap:9px;font-size:13.5px;display:flex}.crm-form-field-preview .crm-form-checkbox-preview input{flex-shrink:0;width:18px;height:18px;min-height:0}.crm-form-add-card{color:var(--text-secondary);cursor:pointer;background:0 0;border:1.5px dashed #cbd5e1;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:18px;font-size:14px;font-weight:600;transition:all .18s;display:flex}.crm-form-add-card:hover{border-color:var(--primary);color:#16803c;background:var(--primary-soft);transform:translateY(-1px)}@media (width<=1024px){.crm-fields-tab .fp-wf-flow-toolbar{width:280px}}@media (width<=768px){.crm-field-type-picker{grid-template-columns:repeat(2,1fr)}.crm-form-canvas,.crm-fields-canvas-scroll{padding:16px}.crm-fields-tab .fp-wf-canvas-shell{flex-direction:column}.crm-fields-tab .fp-wf-flow-toolbar{border-bottom:1px solid #e5e7eb;border-right:0;width:100%;height:auto;max-height:40%}}.kb-loss-select{width:100%;height:40px}.kb-stage-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:6px 10px;font-size:12px}.crm-pipeline-host{height:100%;min-height:560px;padding:0}.crm-leads-host{flex-direction:column;gap:16px;display:flex}.crm-leads-header{align-items:center}.crm-view-toggle{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;align-items:center;gap:3px;padding:3px;display:inline-flex}.crm-view-toggle-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.crm-view-toggle-btn:hover{color:#111827}.crm-view-toggle-btn.is-active{color:#16803c;background:#fff;box-shadow:0 1px 3px #0f172a1a}@media (width<=768px){.crm-card-grid{grid-template-columns:1fr}.crm-stage-row{flex-wrap:wrap}.crm-stage-row-name{order:1;width:100%}.crm-loss-reason-row,.crm-field-row{flex-wrap:wrap}.crm-field-name{order:1;width:100%}.kb-board{gap:10px;padding:12px;scroll-padding-inline:12px}.kb-column{flex:0 0 85vw;max-width:85vw}.kb-toolbar-btn{min-height:44px}.kb-stage-manager{z-index:1201;border-top:1px solid var(--border);max-height:70dvh;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-bottom:none;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.kb-sheet-backdrop{align-items:flex-end}.kb-sheet{border-left:none;border-radius:16px 16px 0 0;width:100%;max-height:92dvh;animation:.25s kb-sheet-up}@keyframes kb-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.crm-contacts-table thead{display:none}.crm-contacts-table tbody tr{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;gap:8px 12px;padding:14px 12px;display:grid}.crm-contacts-table tbody td{border:none;padding:0}.crm-contacts-table tbody td:first-child{grid-row:1/span 3;align-self:start}.crm-contacts-table .col-mobile-hide{display:none}.crm-contacts-table .td-row-actions{grid-area:1/3;gap:4px;display:flex}}.cs-page{min-height:100%;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#f8fafc}.cs-page--mobile{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.cs-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.cs-title{color:#111827;margin:0;font-size:22px;font-weight:600;line-height:1.2}.cs-subtitle{color:#6b7280;margin:4px 0 0;font-size:14px;line-height:1.5}.cs-updated{color:#6b7280;margin-top:6px;font-size:12px;display:block}.cs-readonly-banner{color:#92400e;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.cs-layout{flex-direction:column;gap:16px;display:flex}@media (width>=768px){.cs-page{padding:24px}.cs-layout{flex-direction:row;align-items:flex-start;gap:24px}.cs-tabs{flex-direction:column;flex:0 0 200px;position:sticky;top:16px;overflow:visible}.cs-content{flex:1;min-width:0}}.cs-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.cs-tabs::-webkit-scrollbar{display:none}.cs-tab{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;min-height:44px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.cs-tab:hover{color:#111827;background:#f8fafc}.cs-tab.is-active{color:#111827;background:#25d3661a;border-color:#25d36659;font-weight:600}@media (width>=768px){.cs-tab{text-align:left;width:100%}}.cs-content{flex-direction:column;gap:16px;display:flex}.cs-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}@media (width>=768px){.cs-card{padding:20px}}.cs-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.cs-card-head h2{color:#111827;margin:0;font-size:16px;font-weight:600}.cs-card-head p{color:#6b7280;margin:4px 0 0;font-size:13px}.cs-toggle-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:10px;padding:12px 0;display:flex}.cs-toggle-row:last-child{border-bottom:none}.cs-toggle-row.is-disabled{opacity:.6;cursor:not-allowed}.cs-toggle-row input{accent-color:#25d366;flex-shrink:0;width:18px;height:18px;margin-top:2px}.cs-toggle-copy{flex-direction:column;gap:2px;display:flex}.cs-toggle-label{color:#111827;font-size:14px;font-weight:500}.cs-toggle-hint{color:#6b7280;font-size:12px}.cs-toggle-grid{flex-direction:column;display:flex}.cs-switch-list{flex-direction:column;gap:8px;display:flex}.cs-switch-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafbfc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.cs-switch-row:hover:not(.is-disabled){background:#fff;border-color:#25d36659}.cs-switch-row.is-on{background:#25d3660a;border-color:#25d36666}.cs-switch-row.is-disabled{opacity:.55;cursor:not-allowed}.cs-switch-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cs-switch-label{color:#111827;font-size:14px;font-weight:500;line-height:1.35}.cs-switch-hint{color:#6b7280;font-size:12px;line-height:1.4}.cs-switch-badge{letter-spacing:.01em;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.cs-switch-badge.is-show{color:#15803d;background:#25d3661f}.cs-switch-badge.is-hide{color:#6b7280;background:#f3f4f6}.cs-switch{flex-shrink:0;position:relative}.cs-switch input{opacity:0;width:0;height:0;position:absolute}.cs-switch-track{background:#d1d5db;border-radius:999px;width:46px;height:26px;transition:background .18s,box-shadow .18s;display:block;position:relative;box-shadow:inset 0 0 0 1px #c4c9d2}.cs-switch-track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000002e}.cs-switch-row.is-on .cs-switch-track{box-shadow:none;background:#25d366}.cs-switch-row.is-on .cs-switch-track:after{transform:translate(20px)}.cs-switch input:focus-visible+.cs-switch-track{outline-offset:2px;outline:2px solid #25d36659}.cs-chat-hero{overflow:hidden}.cs-chat-hero-top{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.cs-chat-hero-icon{color:#15803d;background:linear-gradient(135deg,#25d3662e,#25d3660f);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.cs-chat-hero-copy h2{color:#111827;margin:0;font-size:17px;font-weight:600}.cs-chat-hero-copy p{color:#6b7280;margin:6px 0 0;font-size:13px;line-height:1.5}.cs-chat-stats,.cs-visibility-summary{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.cs-stat-pill{color:#6b7280;background:#f3f4f6;border-radius:999px;align-items:baseline;gap:4px;padding:6px 12px;font-size:12px;display:inline-flex}.cs-stat-pill strong{color:#111827;font-size:14px}.cs-stat-pill--accent{color:#15803d;background:#25d3661f}.cs-stat-pill--warn{color:#92400e;background:#f59e0b1f}.cs-chat-preview{background:linear-gradient(#f8fafc 0%,#fff 100%);border:1px dashed #e5e7eb;border-radius:12px;padding:14px}.cs-chat-preview-label{text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:10px;font-size:11px;font-weight:600;display:block}.cs-chat-preview-row{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:opacity .2s;display:flex}.cs-chat-preview-row+.cs-chat-preview-row{margin-top:8px}.cs-chat-preview-row.is-inactive{opacity:.45}.cs-chat-preview-row.is-ghost{background:#fafbfc;border-style:dashed}.cs-chat-preview-avatar{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:grid}.cs-chat-preview-body{flex:1;min-width:0}.cs-chat-preview-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.cs-chat-preview-top strong{color:#111827;font-size:14px}.cs-chat-preview-top span{color:#9ca3af;flex-shrink:0;font-size:11px}.cs-chat-preview-msg{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.cs-chat-preview-msg.is-hidden{color:#9ca3af;align-items:center;gap:4px;font-style:italic;display:inline-flex}.cs-chat-preview-media{opacity:.85;flex-shrink:0;font-size:18px}.cs-settings-group-head{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.cs-settings-group-icon{color:#374151;background:#f3f4f6;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.cs-settings-group-copy{flex:1;min-width:0}.cs-settings-group-copy h3{color:#111827;margin:0;font-size:15px;font-weight:600}.cs-settings-group-copy p{color:#6b7280;margin:4px 0 0;font-size:12px}.cs-settings-group-count{color:#6b7280;background:#f3f4f6;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}.cs-callout-card.is-muted{opacity:.85}.cs-callout-head{color:#374151;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.cs-callout-head h3{color:#111827;margin:0;font-size:15px;font-weight:600}.cs-callout-head p{color:#6b7280;margin:4px 0 0;font-size:12px}.cs-field--callout{margin-bottom:0}.cs-bulk-actions{flex-wrap:wrap;gap:8px;display:flex}.cs-instance-bar{background:linear-gradient(135deg,#3b82f60f,#25d3660f);border-color:#25d36640;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.cs-instance-bar-label{color:#111827;font-size:14px;font-weight:600;display:block}.cs-instance-bar-hint{color:#6b7280;margin:4px 0 0;font-size:12px;line-height:1.45}.cs-instance-picker{flex:1;justify-content:flex-end;align-items:center;gap:10px;min-width:min(100%,320px);display:flex}.cs-instance-select{flex:1;min-width:220px;max-width:420px;font-weight:500}.cs-instance-status{background:#9ca3af;border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 3px #9ca3af33}.cs-instance-status--connected{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.cs-instance-status--pending{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.cs-instance-status--disconnected{background:#ef4444;box-shadow:0 0 0 3px #ef44442e}.cs-channel-badge{color:#374151;background:#f3f4f6;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.cs-channel-badge--connected{color:#15803d;background:#22c55e1f}.cs-channel-badge--pending{color:#92400e;background:#f59e0b1f}.cs-channel-badge--disconnected{color:#b91c1c;background:#ef44441a}.cs-empty-channel{color:#6b7280;align-items:flex-start;gap:14px;display:flex}.cs-empty-channel-copy{flex-direction:column;align-items:flex-start;gap:0;min-width:0;display:flex}.cs-empty-channel strong{color:#111827;margin-bottom:4px;display:block}.cs-empty-channel p{margin:0;font-size:13px;line-height:1.5}.cs-empty-channel-action{align-items:center;gap:8px;margin-top:14px;display:inline-flex}.cs-tag-select{background:#fafbfc;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;gap:8px;max-height:180px;padding:10px;display:flex;overflow-y:auto}.cs-tag-option{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.cs-tag-option:hover{background:#fff;border-color:#25d36666}.cs-tag-option.is-selected{color:#111827;background:#25d36614;border-color:#25d366;box-shadow:0 0 0 3px #25d3661f}.cs-tag-option-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cs-tag-option-dot--none{background:#e5e7eb;box-shadow:inset 0 0 0 1px #d1d5db}.cs-tag-option-label{line-height:1.2}.cs-switch-list--modal{margin-top:4px}.cs-modal-form .cs-field input,.cs-modal-form .cs-field textarea,.cs-modal-form .cs-field select,.cs-modal-form .cs-select{width:100%}.cs-field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.cs-field label,.cs-field-label{color:#374151;font-size:13px;font-weight:500}.cs-field input,.cs-field textarea,.cs-select{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-height:44px;padding:10px 12px;font-size:14px}.cs-field input:focus,.cs-field textarea:focus,.cs-select:focus{border-color:#25d366;outline:none;box-shadow:0 0 0 3px #25d36624}.cs-field textarea{resize:vertical;min-height:80px}.cs-field--inline input[type=color]{cursor:pointer;width:56px;min-height:44px;padding:4px}.cs-field-hint{color:#6b7280;font-size:12px}.cs-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.cs-btn:disabled{opacity:.5;cursor:not-allowed}.cs-btn-primary{color:#fff;background:#25d366}.cs-btn-primary:hover:not(:disabled){background:#1ebe5d}.cs-btn-secondary{color:#111827;background:#fff;border:1px solid #e5e7eb}.cs-btn-secondary:hover:not(:disabled){background:#f8fafc}.cs-btn-ghost{color:#6b7280;background:0 0;border:1px solid #0000}.cs-btn-ghost:hover:not(:disabled){color:#111827;background:#f8fafc}.cs-btn-danger{color:#fff;background:#ef4444}.cs-btn-danger:hover:not(:disabled){background:#dc2626}.cs-btn-sm{min-height:36px;padding:8px 12px;font-size:13px}.cs-save-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cs-dirty-badge{color:#f59e0b;background:#f59e0b1f;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.cs-save-bar{z-index:100;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f}.cs-save-bar .cs-save-actions{justify-content:flex-end;width:100%}.cs-list{flex-direction:column;gap:8px;display:flex}.cs-list-row{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.cs-list-row.is-inactive{opacity:.55}.cs-grip{color:#9ca3af;flex-shrink:0}.cs-color-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.cs-list-body{flex:1;min-width:0}.cs-list-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cs-list-title strong{color:#111827;font-size:14px}.cs-list-meta{color:#6b7280;margin-top:2px;font-size:12px;display:block}.cs-badge{color:#059669;background:#25d3661f;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.cs-badge-muted{color:#6b7280;background:#f3f4f6}.cs-row-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.cs-icon-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.cs-icon-btn:hover:not(:disabled){color:#111827;background:#f3f4f6}.cs-icon-btn:disabled{opacity:.35;cursor:not-allowed}.cs-icon-btn-danger:hover:not(:disabled){color:#ef4444;background:#ef44441a}.cs-stage-preview{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:16px;display:grid}.cs-stage-scroll{-webkit-overflow-scrolling:touch;grid-template-columns:unset;flex-direction:row;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.cs-stage-scroll .cs-stage-card{flex:0 0 160px}.cs-stage-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.cs-stage-card.is-inactive{opacity:.5}.cs-stage-card-dot{border-radius:50%;width:10px;height:10px}.cs-stage-card strong{color:#111827;font-size:13px}.cs-stage-card-desc{color:#6b7280;font-size:11px;line-height:1.4}.cs-list--stage{margin-top:8px}.cs-team-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px;margin-bottom:12px;display:grid}.cs-radio-group{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.cs-radio-row{cursor:pointer;color:#111827;align-items:center;gap:10px;min-height:44px;padding:8px 0;font-size:14px;display:flex}.cs-radio-row.is-disabled{opacity:.6;cursor:not-allowed}.cs-radio-row input{accent-color:#25d366}.cs-number-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.cs-number-stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.cs-number-stat svg{color:#25d366;flex-shrink:0;margin-top:2px}.cs-stat-label{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.cs-status--connected{color:#22c55e}.cs-status--pending{color:#f59e0b}.cs-status--disconnected{color:#ef4444}.cs-qr-panel{background:#f8fafc;border:1px dashed #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex}.cs-qr-image{border:1px solid #e5e7eb;border-radius:12px;width:min(280px,100%);height:auto}.cs-pairing{text-align:center}.cs-pairing span{color:#6b7280;margin-bottom:4px;font-size:12px;display:block}.cs-pairing strong{letter-spacing:.2em;color:#111827;font-family:ui-monospace,monospace;font-size:24px}.cs-action-row{flex-wrap:wrap;gap:8px;display:flex}.cs-empty{text-align:center;color:#6b7280;margin:0;padding:24px;font-size:14px}.cs-error{text-align:center;color:#ef4444;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.cs-error strong{color:#111827;font-size:16px}.cs-error p{color:#6b7280;margin:0;font-size:14px}.cs-skeleton{flex-direction:column;gap:12px;padding:8px 0;display:flex}.cs-skeleton-line{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:8px;height:14px;animation:1.2s infinite cs-shimmer}.cs-skeleton-line--lg{width:60%;height:24px}.cs-skeleton-card{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:12px;height:72px;animation:1.2s infinite cs-shimmer}@keyframes cs-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cs-audit-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cs-audit-list li{background:#f8fafc;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.cs-audit-action{color:#111827;font-weight:600}.cs-audit-entity{color:#6b7280}.cs-audit-meta{color:#9ca3af;margin-left:auto;font-size:12px}.cs-modal-backdrop{z-index:200;background:#11182773;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cs-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:min(100%,480px);max-height:90dvh;overflow-y:auto;box-shadow:0 4px 24px #0000001f}.cs-modal-head{justify-content:space-between;align-items:center;padding:16px 16px 8px;display:flex}.cs-modal-head h3{color:#111827;margin:0;font-size:16px;font-weight:600}.cs-modal-body{color:#6b7280;margin:0;padding:8px 16px 16px;font-size:14px;line-height:1.5}.cs-modal-form{flex-direction:column;gap:4px;padding:0 16px 8px;display:flex}.cs-modal-actions{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:8px;padding:12px 16px 16px;display:flex}.cs-spin{animation:.8s linear infinite cs-spin}@keyframes cs-spin{to{transform:rotate(360deg)}}@media (width<=767px){.cs-modal-backdrop{align-items:flex-end;padding:0}.cs-modal{border-radius:16px 16px 0 0;width:100%;max-height:92dvh}.cs-action-row .cs-btn{flex:calc(50% - 4px);min-width:0}}.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}
