@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap";:root{--theme-ink:#12231f;--theme-paper:#f5f6f1;--theme-signal:#1f7a5c;--theme-wire:#35586b;--theme-amber:#c97a2e;--theme-ash:#6b7167;--theme-surface:#fff;--bg-primary:var(--theme-paper);--bg-secondary:var(--theme-paper);--bg-light:var(--theme-paper);--bg-white:var(--theme-surface);--border:#e2e5dc;--border-color:#e2e5dc;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0000000d;--text-primary:var(--theme-ink);--text-main:var(--theme-ink);--text-secondary:var(--theme-ash);--text-muted:var(--theme-ash);--primary:var(--theme-signal);--primary-color:var(--theme-signal);--primary-hover:#18634a;--info:var(--theme-wire);--warning-text:var(--theme-amber);--warning:var(--theme-amber);--error-text:#b91c1c;color:var(--theme-ink);background-color:var(--theme-paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}html[lang=he],html[dir=rtl]{font-family:Heebo,Rubik,Noto Sans Hebrew,Segoe UI,Arial,sans-serif}html[lang=ar]{font-family:Noto Sans Arabic,Cairo,Tajawal,Segoe UI,Arial,sans-serif}html,body{min-width:320px;min-height:100vh;color:var(--theme-ink);margin:0;background-color:var(--theme-paper)!important}a{-webkit-text-decoration:inherit;text-decoration:inherit;color:var(--theme-wire);font-weight:500}a:hover{color:var(--theme-signal)}h1,h2,h3,h4,h5,h6{color:var(--theme-ink);letter-spacing:-.01em}h1{margin:0;font-size:1.45rem;font-weight:700}h2{margin:0;font-size:1.15rem;font-weight:700}h3{margin:0;font-size:.95rem;font-weight:600}.eyebrow{color:var(--theme-ash);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:600}button,.btn{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;height:40px;padding:.55rem 1.15rem;font-family:inherit;font-size:.875rem;font-weight:700;line-height:1.25;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}button svg,.btn svg{flex-shrink:0}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(0)}button.btn-primary,.btn-primary,.btn-signal,button.btn-signal,.primary-btn,button.primary-btn{background:linear-gradient(135deg,#1f7a5c 0%,#175e46 100%);border:1px solid #18634a;box-shadow:0 2px 6px #1f7a5c38;color:#fff!important}button.btn-primary:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-signal:hover:not(:disabled),button.btn-signal:hover:not(:disabled),.primary-btn:hover:not(:disabled),button.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#248f6c 0%,#1b6c51 100%);border-color:#124d3a;transform:translateY(-1px);box-shadow:0 5px 14px #1f7a5c52;color:#fff!important}button.btn-secondary,.btn-secondary,.btn-outline,button.btn-outline,.secondary-btn,button.secondary-btn,.refresh-btn,button.refresh-btn{background-color:var(--theme-paper,#f5f6f1);border:1px solid #e0e2d8;box-shadow:0 1px 2px #0000000a;color:var(--theme-ink,#12231f)!important}button.btn-secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-outline:hover:not(:disabled),button.btn-outline:hover:not(:disabled),.secondary-btn:hover:not(:disabled),button.secondary-btn:hover:not(:disabled),.refresh-btn:hover:not(:disabled),button.refresh-btn:hover:not(:disabled){background-color:#eaece0;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 5px #0000000f;color:var(--theme-ink,#12231f)!important}button.btn-danger,.btn-danger,.btn-action.danger{background-color:#fff;border:1px solid #fecaca;box-shadow:0 1px 2px #dc26260a;color:#dc2626!important}button.btn-danger:hover:not(:disabled),.btn-danger:hover:not(:disabled),.btn-action.danger:hover:not(:disabled){background-color:#dc2626;border-color:#b91c1c;box-shadow:0 2px 6px #dc262640;color:#fff!important}button.btn-ghost,.btn-ghost,button.btn-icon,.btn-icon{color:var(--theme-ash,#6b7167);box-shadow:none;background:0 0;border:1px solid #0000;padding:.45rem}button.btn-ghost:hover:not(:disabled),.btn-ghost:hover:not(:disabled),button.btn-icon:hover:not(:disabled),.btn-icon:hover:not(:disabled){color:var(--theme-ink,#12231f);background:#12231f0f}button.btn-sm,.btn-sm{border-radius:8px;gap:.35rem;height:34px;padding:.35rem .85rem;font-size:.8125rem}button.btn-lg,.btn-lg{border-radius:12px;gap:.6rem;height:44px;padding:.75rem 1.5rem;font-size:.9375rem}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none!important;box-shadow:none!important;transform:none!important}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--theme-signal,#1f7a5c);outline-offset:2px}button:focus:not(:focus-visible){outline:none}select{appearance:none;background-color:var(--theme-surface);color:var(--theme-ink);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7167' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;background-size:1em;border:1px solid #e2e5dc;border-radius:6px;padding:.45rem 2rem .45rem .75rem;font-family:inherit;font-size:.875rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--theme-paper)}::-webkit-scrollbar-thumb{background:#d4d6cd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--theme-ash)}.layout{background:var(--theme-paper,#f5f6f1);min-height:100vh;display:flex}.sidebar{z-index:100;width:248px;height:100vh;color:var(--theme-paper,#f5f6f1);border-right:1px solid #ffffff0f;flex-direction:column;transition:width .25s,transform .25s;display:flex;position:fixed;background:var(--sidebar-bg,#12231f)!important}.sidebar.collapsed{width:68px}.impersonation-top-bar{color:#92400e;z-index:1000;background:#fef3c7;border-bottom:1px solid #fde68a;justify-content:space-between;align-items:center;height:42px;padding:0 1.25rem;font-size:.825rem;display:flex;position:fixed;top:0;left:0;right:0}.impersonation-text{align-items:center;gap:.5rem;display:flex}.exit-impersonation-btn{background:var(--theme-amber,#c97a2e);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.exit-impersonation-btn:hover{background:#b56b26}.sidebar-header{box-sizing:border-box;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:56px;padding:.85rem .85rem .85rem 1rem;display:flex}.sidebar-brand-row{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.sidebar-brand{white-space:nowrap;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.brand-name{color:#fff;letter-spacing:-.02em;font-size:1.25rem;font-weight:800;line-height:1.1}.brand-badge{color:var(--theme-ash,#6b7167);text-transform:lowercase;letter-spacing:.02em;margin-top:1px;font-size:.675rem;font-weight:600}.sidebar-inline-toggle svg,.sidebar-inline-toggle svg *,.sidebar-inline-toggle svg polyline,.sidebar-inline-toggle svg path{color:#fff!important;stroke:#fff!important;stroke-width:2.5px!important;fill:none!important;opacity:1!important;visibility:visible!important;width:18px!important;height:18px!important}.sidebar-inline-toggle:hover{background:var(--theme-signal,#1f7a5c);border-color:var(--theme-signal,#1f7a5c);color:#fff!important}.sidebar.collapsed .sidebar-header{justify-content:center;padding:.75rem .35rem}.logo-container-sidebar{background:#ffffff14;border-radius:6px;justify-content:center;align-items:center;padding:3px;display:flex}.collapsed-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:4px;transition:background .15s;display:flex}.collapsed-btn:hover{background:#ffffff1f}.collapsed-expand-arrow{stroke-width:2.5px;color:#fff!important;stroke:#fff!important}.sidebar-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:100px;height:30px}.sidebar.collapsed .sidebar-logo{object-fit:contain;width:32px;max-width:32px;height:32px}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem .65rem;display:flex;overflow-y:auto}.sidebar.collapsed .sidebar-nav{padding:.75rem .35rem}.nav-item{color:#a3b1a8;letter-spacing:-.01em;white-space:nowrap;border-radius:6px;align-items:center;gap:.65rem;padding:.55rem .65rem;font-size:.815rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;overflow:hidden}.nav-item svg{width:18px;height:18px;color:inherit;flex-shrink:0}.sidebar.collapsed .nav-item{justify-content:center;padding:.55rem;position:relative}.sidebar.collapsed .nav-item:hover:after{content:attr(title);background:var(--sidebar-bg,#070e0c);color:var(--sidebar-text-active,#fff);border:1px solid var(--theme-signal,#1f7a5c);white-space:nowrap;pointer-events:none;z-index:200;border-radius:6px;margin-left:10px;padding:5px 11px;font-size:.775rem;font-weight:700;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 4px 14px #00000040}.nav-item:hover{color:#fff;background:#ffffff0f;text-decoration:none}.nav-item.active{color:#38d39f;border-left:3px solid var(--theme-signal,#1f7a5c);background:#1f7a5c40;font-weight:600}.nav-section-title{color:var(--theme-ash,#6b7167);letter-spacing:.08em;text-transform:uppercase;padding:1rem .85rem .35rem;font-size:.65rem;font-weight:700}.sidebar.collapsed .nav-section-title{display:none}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:.4rem;padding:.85rem .65rem;display:flex}.sidebar.collapsed .sidebar-footer{padding:.75rem .35rem}.user-profile-widget{background:#ffffff08;border-radius:6px;align-items:center;gap:.65rem;margin-bottom:.25rem;padding:.5rem .65rem;display:flex}.sidebar.collapsed .user-profile-widget{justify-content:center;padding:.5rem .25rem}.user-avatar-badge{background:var(--theme-signal,#1f7a5c);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.user-avatar-badge svg{width:15px;height:15px}.user-details{flex-direction:column;min-width:0;display:flex;overflow:hidden}.user-name{color:var(--theme-paper,#f5f6f1);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;line-height:1.2;overflow:hidden}.user-role-label{color:var(--theme-ash,#6b7167);margin-top:1px;font-size:.65rem;font-weight:500;line-height:1.2}.logout-btn{width:100%;color:var(--theme-paper,#f5f6f1);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:.65rem;padding:.5rem .75rem;font-size:.825rem;font-weight:600;transition:all .15s;display:flex}.sidebar.collapsed .logout-btn{justify-content:center;padding:.5rem}.logout-btn svg{flex-shrink:0;width:16px;height:16px}.logout-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}.return-superadmin-btn{color:#f59e0b;cursor:pointer;background:#c97a2e2e;border:1px solid #c97a2e59;border-radius:6px;align-items:center;gap:.65rem;width:100%;padding:.5rem .75rem;font-size:.825rem;font-weight:600;transition:all .15s;display:flex}.sidebar.collapsed .return-superadmin-btn{justify-content:center;padding:.5rem}.return-superadmin-btn svg{flex-shrink:0;width:16px;height:16px}.return-superadmin-btn:hover{color:#fbbf24;background:#c97a2e52;border-color:#c97a2e99}.mobile-header{background:var(--sidebar-bg,#070e0c);z-index:99;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:54px;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #00000026}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.mobile-menu-btn:hover{background:#ffffff1f}.mobile-brand{align-items:center;gap:.5rem;display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:105;background:#12231f99;animation:.2s fadeInOverlay;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.main-content{background:var(--theme-paper,#f5f6f1);flex:1;min-width:0;margin-left:248px;transition:margin-left .25s}.sidebar.collapsed~.main-content,.main-content.expanded{margin-left:68px}.main-content.has-impersonation-bar{padding-top:42px}@media (width<=767px){.sidebar{z-index:110;height:100vh;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:248px!important}.sidebar.open{transform:translate(0);box-shadow:6px 0 28px #00000073}.main-content{padding-top:54px;margin-left:0!important}.main-content.has-impersonation-bar{padding-top:96px}}.sidebar-inline-toggle svg,.sidebar-inline-toggle svg *,.sidebar-inline-toggle svg polyline,.sidebar-inline-toggle svg path{color:#fff!important;stroke:#fff!important;stroke-width:2.5px!important;fill:none!important;opacity:1!important;visibility:visible!important;flex-shrink:0!important;width:18px!important;min-width:18px!important;height:18px!important}.sidebar-inline-toggle{cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;color:#fff!important}.toast-container{z-index:9999;flex-direction:column;gap:.75rem;max-width:400px;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:var(--bg-card);border-left:4px solid;border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;animation:.3s ease-out slideIn;display:flex;box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-color:#22c55e}.toast-success .toast-icon{color:var(--success-text)}.toast-error{border-color:#ef4444}.toast-error .toast-icon{color:var(--error-text)}.toast-warning{border-color:#f59e0b}.toast-warning .toast-icon{color:var(--warning-text)}.toast-info{border-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-icon{flex-shrink:0;margin-top:2px}.toast-content{flex:1;min-width:0}.toast-title{color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.4}.toast-message{color:var(--text-secondary);margin-top:.25rem;font-size:.8125rem;line-height:1.5}.toast-close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.toast-close:hover{background:var(--bg-light);color:var(--text-secondary)}:root{--theme-ink:#12231f;--theme-paper:#f5f6f1;--theme-signal:#1f7a5c;--theme-wire:#35586b;--theme-amber:#c97a2e;--theme-ash:#6b7167;--theme-surface:#fff;--primary:var(--theme-signal);--primary-text:var(--theme-signal);--primary-hover:#18634a;--primary-soft:#e6f4ef;--bg-primary:var(--theme-surface);--bg-page:var(--theme-paper);--bg-light:var(--theme-paper);--bg-white:var(--theme-surface);--bg-card:var(--theme-surface);--bg-surface:var(--theme-surface);--bg-input:var(--theme-surface);--text-primary:var(--theme-ink);--text-secondary:var(--theme-ash);--text-muted:var(--theme-ash);--border:#e2e5dc;--border-input:#cbd5e1;--error:#ef4444;--success:var(--theme-signal);--warning:var(--theme-amber);--error-text:#dc2626;--success-text:var(--theme-signal);--warning-text:var(--theme-amber);--info:var(--theme-wire);--shadow-xs:0 1px 2px 0 #0000000a;--shadow-sm:0 1px 3px 0 #0000000f;--shadow-md:0 4px 6px -1px #00000012;--shadow-lg:0 10px 15px -3px #00000014;--radius:8px;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}[data-theme=light],html:not([data-theme=dark]){--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background-color:var(--theme-paper)!important;color:var(--theme-ink)!important;--sidebar-bg:#12231f!important;--sidebar-text:#a3b1a8!important;--sidebar-text-active:#fff!important;--primary-soft:#e6f4ef!important;--bg-primary:var(--theme-surface)!important;--bg-page:var(--theme-paper)!important;--bg-light:var(--theme-paper)!important;--bg-white:var(--theme-surface)!important;--bg-card:var(--theme-surface)!important;--bg-surface:var(--theme-surface)!important;--bg-input:var(--theme-surface)!important;--text-primary:var(--theme-ink)!important;--text-secondary:var(--theme-ash)!important;--text-muted:var(--theme-ash)!important;--border:#e2e5dc!important}[data-theme=dark]{--theme-ink:#e6ede8;--theme-paper:#0b1613;--theme-signal:#25a37a;--theme-wire:#38bdf8;--theme-amber:#e58c36;--theme-ash:#96a393;--theme-surface:#142621;--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;--sidebar-bg:#070e0c!important;--sidebar-text:#8e9b8b!important;--sidebar-text-active:#fff!important;--primary-soft:#1b352d!important;background-color:var(--theme-paper)!important;color:var(--theme-ink)!important;--bg-primary:var(--theme-surface)!important;--bg-page:var(--theme-paper)!important;--bg-light:#101e1a!important;--bg-white:var(--theme-surface)!important;--bg-card:var(--theme-surface)!important;--bg-surface:var(--theme-surface)!important;--bg-input:#0f1d19!important;--text-primary:var(--theme-ink)!important;--text-secondary:var(--theme-ash)!important;--text-muted:var(--theme-ash)!important;--border:#233d35!important;--border-input:#2d4c42!important}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--theme-paper);color:var(--theme-ink);margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}input,select,textarea{border-radius:6px;font-family:inherit;font-size:.875rem;background-color:var(--theme-surface)!important;color:var(--theme-ink)!important;border:1px solid var(--border-input,#cbd5e1)!important}input::placeholder,textarea::placeholder{color:var(--theme-ash)!important}input:focus,select:focus,textarea:focus{border-color:var(--theme-signal);outline:none;box-shadow:0 0 0 3px #1f7a5c2e}.card,.stat-card,.composer-card,.history-card,.modal-content,.dialog-content{background-color:var(--theme-surface)!important;border-color:var(--border,#e2e5dc)!important}.login-container{box-sizing:border-box;background:linear-gradient(135deg,#f4f7fa 0%,#e9eff7 50%,#dfebf7 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem 1rem;font-family:inherit;display:flex;position:relative;overflow-x:hidden}.login-container .bg-dot-grid{opacity:.45;pointer-events:none;z-index:0;background-image:radial-gradient(#cbd5e1 1.2px,#0000 1.2px);background-size:28px 28px;position:absolute;inset:0}.login-container .bg-glow-left{pointer-events:none;z-index:0;background:radial-gradient(circle,#00d2851f 0%,#0000 70%);width:550px;height:550px;position:absolute;top:10%;left:5%}.login-container .bg-glow-right{pointer-events:none;z-index:0;background:radial-gradient(circle,#0070f31a 0%,#0000 70%);width:550px;height:550px;position:absolute;bottom:10%;right:5%}.login-container .login-card{z-index:1;text-align:center;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0d9;border-radius:20px;width:100%;max-width:460px;margin:auto;padding:2.25rem 2.25rem 1.75rem;position:relative;box-shadow:0 20px 45px -10px #0f172a14,0 4px 16px #00000005}.login-container .card-top-accent{background:linear-gradient(90deg,#00d285 0%,#0070f3 100%);border-top-left-radius:20px;border-top-right-radius:20px;height:4px;position:absolute;top:0;left:0;right:0}.login-container .login-logo{flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.35rem;display:flex}.login-container .logo-badge-wrapper{background:linear-gradient(90deg,#00a884 0%,#0284c7 100%);border:1px solid #f1f5f9;border-radius:16px;justify-content:center;align-items:center;margin-bottom:.85rem;padding:.5rem 1.5rem;display:inline-flex;box-shadow:0 3px 12px #0000000a}.login-container .logo-icon{object-fit:contain;width:240px!important;max-width:100%!important;height:60px!important}.login-container .login-subtitle{color:#64748b;margin:0;font-size:.85rem;font-weight:500}.login-container .login-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;gap:.3rem;margin-bottom:1.35rem;padding:.3rem;display:flex}.login-container .tab-btn{white-space:nowrap;color:#0b3774;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:0;height:42px;padding:.5rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.login-container .tab-btn.active{color:#00d285;background:#fff;font-weight:700;box-shadow:0 2px 6px #0000000f}.login-container .active-tab-indicator{background:#00d285;border-radius:3px;height:3px;position:absolute;bottom:3px;left:15%;right:15%}.login-container .login-form{text-align:left}.login-container .input-group{margin-bottom:1.15rem}.login-container .input-group label{color:#1e293b;margin-bottom:.4rem;font-size:.85rem;font-weight:700;display:block}.login-container .input-wrapper{position:relative}.login-container .input-wrapper.has-left-icon input{padding-left:2.75rem}.login-container .input-left-icon{color:#94a3b8;pointer-events:none;transition:color .2s;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.login-container .input-wrapper input:focus+.input-left-icon,.login-container .input-wrapper:focus-within .input-left-icon{color:#00d285}.login-container .input-wrapper input{color:#0f172a;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:10px;width:100%;height:46px;padding:0 2.75rem 0 1rem;font-size:.9375rem;transition:all .2s;background:#fff!important}.login-container input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.login-container input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.login-container input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.login-container input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}@media (width<=540px){.login-container .login-card{max-width:100%;padding:2.25rem 1.5rem 2rem}}.login-container .input-wrapper input:focus{border-color:#00a884;outline:none;box-shadow:0 0 0 4px #00a8841f}.login-container .input-wrapper input.error{border-color:#ef4444}.login-container .toggle-visibility{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.login-container .toggle-visibility:hover{color:#0f172a}.login-container .error-message{color:#dc2626;margin-top:.5rem;font-size:.85rem;font-weight:500;display:block}.login-container .connect-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#00a884 0%,#0284c7 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.65rem;width:100%;height:52px;margin-top:1rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #00a8844d}.login-container .connect-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00a88466}.login-container .connect-btn:active:not(:disabled){transform:translateY(1px)}.login-container .connect-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.login-container .login-footer-info{border-top:1px solid #f1f5f9;margin-top:2rem;padding-top:1.5rem}.login-container .security-tag{color:#64748b;justify-content:center;align-items:center;gap:.5rem;font-size:.825rem;font-weight:500;display:flex}.login-container .security-icon{color:#00a884}.login-container .login-footer{color:#94a3b8;text-align:center;z-index:1;margin-top:2rem;font-size:.825rem;position:relative}@media (width<=540px){.login-container .login-card{max-width:100%;padding:1.75rem 1.35rem 1.5rem}.login-container .login-title{font-size:1.5rem}}@media (width<=480px){.login-container{padding:1rem .65rem}.login-container .login-card{border-radius:16px;padding:1.4rem 1rem 1.25rem;box-shadow:0 10px 30px #0000000f}.login-container .logo-badge-wrapper{padding:.4rem 1rem}.login-container .logo-icon{width:180px!important;height:48px!important}.login-container .tab-btn{gap:.3rem;font-size:.75rem}.login-container .input-field{font-size:16px}}.dashboard{box-sizing:border-box;background-color:var(--theme-paper,#f5f6f1);width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}.dashboard .dashboard-hero{background:var(--theme-surface,#fff);border:1px solid #e2e5dc;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000a}.dashboard .hero-text h1{color:var(--theme-ink,#12231f);margin:0 0 .25rem;font-size:1.35rem;font-weight:700}.dashboard .hero-text .hero-sub{color:var(--theme-ash,#6b7167);margin:0;font-size:.825rem}.dashboard .hero-actions{gap:.6rem;display:flex}.dashboard .hero-btn{cursor:pointer;box-sizing:border-box;border-radius:10px;align-items:center;gap:.5rem;height:40px;padding:.55rem 1.15rem;font-size:.875rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.dashboard .hero-btn.primary{background:linear-gradient(135deg,#1f7a5c 0%,#175e46 100%);border:1px solid #18634a;box-shadow:0 2px 6px #1f7a5c38;color:#fff!important}.dashboard .hero-btn.primary:hover{background:linear-gradient(135deg,#248f6c 0%,#1b6c51 100%);border-color:#124d3a;transform:translateY(-1px);box-shadow:0 5px 14px #1f7a5c52}.dashboard .hero-btn.secondary{background:var(--theme-paper,#f5f6f1);border:1px solid #e0e2d8;box-shadow:0 1px 2px #0000000a;color:var(--theme-ink,#12231f)!important}.dashboard .hero-btn.secondary:hover{background:#eaece0;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 5px #0000000f;color:var(--theme-ink,#12231f)!important}.dashboard .alert-card.expired{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.85rem 1.25rem;font-size:.85rem;display:flex}.dashboard .stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;width:100%;margin-bottom:1.5rem;display:grid}.dashboard .stat-card{box-sizing:border-box;border-radius:10px;flex-direction:column;min-width:0;padding:1.15rem 1.25rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a;background:var(--theme-surface,#fff)!important;border:1px solid #e2e5dc!important}.dashboard .stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000f}.dashboard .stat-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.dashboard .stat-icon{color:var(--theme-signal,#1f7a5c);flex-shrink:0}.dashboard .stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--theme-ash,#6b7167);white-space:nowrap;text-overflow:ellipsis;font-size:.725rem;font-weight:600;overflow:hidden}.dashboard .stat-body{flex-direction:column;justify-content:center;margin:.2rem 0 .35rem;display:flex}.dashboard .stat-value{color:var(--theme-ink,#12231f);flex-wrap:wrap;align-items:baseline;gap:.35rem;font-size:1.35rem;font-weight:700;line-height:1.25;display:flex}.dashboard .stat-quota{color:var(--theme-ash,#6b7167);white-space:nowrap;font-size:.8rem;font-weight:500}.dashboard .quota-bar-wrapper{background:#e2e8f0;border-radius:3px;width:100%;height:5px;margin-top:.45rem;overflow:hidden}.dashboard .quota-bar{background:var(--theme-amber,#c97a2e);border-radius:3px;height:100%}.dashboard .stat-detail{color:var(--theme-ash,#6b7167);margin-top:.25rem;font-size:.725rem;line-height:1.3}.dashboard .sessions-section{box-sizing:border-box;border-radius:10px;width:100%;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #0000000a;background:var(--theme-surface,#fff)!important;border:1px solid #e2e5dc!important}.dashboard .section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.dashboard .section-header h2{color:var(--theme-ink,#12231f);margin:0;font-size:1.1rem;font-weight:700}.dashboard .btn-connect-new{background:var(--theme-signal,#1f7a5c);color:#fff;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.dashboard .btn-connect-new:hover{background:#18634a}.dashboard .sessions-table{flex-direction:column;width:100%;display:flex}.dashboard .sessions-table .table-header{background:var(--theme-paper,#f5f6f1);text-transform:uppercase;letter-spacing:.04em;color:var(--theme-ash,#6b7167);border-radius:6px;grid-template-columns:180px 180px 140px 1fr 180px;margin-bottom:.5rem;padding:.65rem 1rem;font-size:.725rem;font-weight:700;display:grid}.dashboard .sessions-table .table-row{border-bottom:1px solid #f0f2eb;grid-template-columns:180px 180px 140px 1fr 180px;align-items:center;padding:.85rem 1rem;font-size:.85rem;transition:background .15s;display:grid}.dashboard .sessions-table .table-row:hover{background:#fafcff}.dashboard .session-name-cell{color:var(--theme-ink,#12231f);font-weight:600}.dashboard .session-phone-cell{color:var(--theme-ash,#6b7167);font-family:monospace}.dashboard .session-status-cell{align-items:center;display:flex}.dashboard .status-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.725rem;font-weight:600;display:inline-flex}.dashboard .status-badge.ready{color:var(--theme-signal,#1f7a5c);background:#e6f4ef}.dashboard .status-badge.qr_ready{color:var(--theme-wire,#35586b);background:#e8f1f5}.dashboard .status-badge.disconnected,.dashboard .status-badge.failed{color:#dc2626;background:#fef2f2}.dashboard .status-badge.connecting,.dashboard .status-badge.initializing{color:var(--theme-amber,#c97a2e);background:#fef3c7}.dashboard .status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.dashboard .session-activity-cell{color:var(--theme-ash,#6b7167);font-size:.8rem}.dashboard .actions{justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.dashboard .btn-sm{cursor:pointer;background:var(--theme-paper,#f5f6f1);color:var(--theme-ink,#12231f);border:1px solid #cbd5e1;border-radius:5px;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.775rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.dashboard .btn-sm:hover{background:var(--theme-surface,#fff);color:var(--theme-signal,#1f7a5c);border-color:var(--theme-signal,#1f7a5c)}.dashboard .btn-sm.danger{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.dashboard .btn-sm.danger:hover{color:#fff;background:#dc2626;border-color:#dc2626}.superadmin-container{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.superadmin-container .superadmin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.superadmin-container .admin-badge{color:var(--theme-signal,#1f7a5c);text-transform:uppercase;letter-spacing:.05em;background:#e6f4ef;border:1px solid #b2ded0;border-radius:20px;align-items:center;gap:.35rem;margin-bottom:.4rem;padding:.2rem .6rem;font-size:.725rem;font-weight:700;display:inline-flex}.superadmin-container .superadmin-header h1{color:var(--theme-ink,#12231f);letter-spacing:-.01em;margin:0 0 .2rem;font-size:1.4rem;font-weight:800}.superadmin-container .superadmin-header .subtitle{color:var(--theme-ash,#6b7167);margin:0;font-size:.825rem}.superadmin-container .header-actions{align-items:center;gap:.6rem;display:flex}.superadmin-container .primary-btn{cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1f7a5c 0%,#175e46 100%);border:1px solid #18634a;border-radius:8px;align-items:center;gap:.45rem;height:38px;padding:.45rem 1rem;font-size:.825rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #1f7a5c38;color:#fff!important}.superadmin-container .primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#248f6c 0%,#1b6c51 100%);border-color:#124d3a;transform:translateY(-1px);box-shadow:0 5px 14px #1f7a5c52}.superadmin-container .secondary-btn,.superadmin-container .refresh-btn{background:var(--theme-paper,#f5f6f1);cursor:pointer;white-space:nowrap;border:1px solid #e0e2d8;border-radius:8px;align-items:center;gap:.45rem;height:38px;padding:.45rem .9rem;font-size:.825rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a;color:var(--theme-ink,#12231f)!important}.superadmin-container .secondary-btn:hover,.superadmin-container .refresh-btn:hover{background-color:#eaece0;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 5px #0000000f;color:var(--theme-ink,#12231f)!important}.superadmin-container .admin-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=1080px){.superadmin-container .admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.superadmin-container .admin-stats-grid{grid-template-columns:1fr}}.superadmin-container .stat-card{box-sizing:border-box;border-radius:12px;align-items:center;gap:.85rem;min-width:0;padding:1rem 1.15rem;display:flex;box-shadow:0 1px 3px #0000000d;background:var(--bg-surface,#fff)!important;border:1px solid var(--border,#e2e8f0)!important}.superadmin-container .stat-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.superadmin-container .stat-icon-wrapper.blue,.superadmin-container .stat-icon-wrapper.green{color:var(--theme-signal,#1f7a5c);background:#e6f4ef}.superadmin-container .stat-icon-wrapper.indigo{color:var(--theme-wire,#35586b);background:#e8f1f5}.superadmin-container .stat-icon-wrapper.cyan{color:var(--theme-amber,#c97a2e);background:#fef3c7}.superadmin-container .stat-content{flex-direction:column;min-width:0;display:flex}.superadmin-container .stat-label{color:var(--theme-ash,#6b7167);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.15rem;font-size:.75rem;font-weight:600;overflow:hidden}.superadmin-container .stat-val{color:var(--theme-ink,#12231f);font-size:1.25rem;font-weight:800}.superadmin-container .admin-nav-tabs{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.superadmin-container .admin-tab-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.superadmin-container .admin-tab-btn:hover{color:#1f7a5c;background:#f8fafc;border-color:#1f7a5c}.superadmin-container .admin-tab-btn.swagger-link{color:#166534;background:#f0fdf4;border-color:#bbf7d0;margin-left:auto}.superadmin-container .admin-tab-btn.swagger-link:hover{background:#dcfce7;border-color:#86efac}.superadmin-container .admin-content-card{background:var(--theme-surface,#fff);border:1px solid #e2e5dc;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000000d}.superadmin-container .table-controls{border-bottom:1px solid #e2e5dc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.superadmin-container .search-bar{flex:1;min-width:320px;position:relative}.superadmin-container .search-icon{color:var(--theme-ash,#6b7167);position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.superadmin-container .search-bar input{width:100%;color:var(--theme-ink,#12231f);background:var(--theme-surface,#fff);border:1px solid #cbd5e1;border-radius:8px;padding:.6rem 1rem .6rem 2.5rem;font-size:.875rem}.superadmin-container .search-bar input:focus{border-color:var(--theme-signal,#1f7a5c);outline:none;box-shadow:0 0 0 3px #1f7a5c1a}.superadmin-container .filter-group{gap:.4rem;display:flex}.superadmin-container .filter-chip{background:var(--theme-paper,#f5f6f1);color:var(--theme-ink,#12231f);cursor:pointer;border:1px solid #e0e2d8;border-radius:8px;padding:.45rem .9rem;font-size:.825rem;font-weight:700;transition:all .15s}.superadmin-container .filter-chip:hover{color:var(--theme-ink,#12231f);background:#eaece0;border-color:#cbd5e1}.superadmin-container .filter-chip.active{background:var(--theme-signal,#1f7a5c);border-color:#18634a;box-shadow:0 2px 6px #1f7a5c40;color:#fff!important}.superadmin-container .table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.superadmin-container .admin-table{border-collapse:collapse;text-align:left;width:100%;min-width:980px}.superadmin-container .admin-table th{background:var(--theme-paper,#f5f6f1);color:var(--theme-ash,#6b7167);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e2e5dc;padding:.65rem .75rem;font-size:.725rem;font-weight:700}.superadmin-container .admin-table td{color:var(--theme-ink,#12231f);vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f0f2eb;padding:.75rem;font-size:.825rem}.superadmin-container .admin-table tr:hover td{background:#fafcff}.superadmin-container .client-info-cell{align-items:center;gap:.85rem;display:flex}.superadmin-container .client-avatar{background:var(--theme-signal,#1f7a5c);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.superadmin-container .client-name{color:var(--theme-ink,#12231f);font-weight:600;line-height:1.25}.superadmin-container .client-email{color:var(--theme-ash,#6b7167);font-size:.75rem;line-height:1.2}.superadmin-container .phone-tag{color:var(--theme-ink,#12231f);background:var(--theme-paper,#f5f6f1);border-radius:4px;padding:.25rem .5rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;font-weight:600;display:inline-block}.superadmin-container .badge-instances{color:var(--theme-wire,#35586b);white-space:nowrap;background:#e8f1f5;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.775rem;font-weight:600;display:inline-flex}.superadmin-container .quota-cell{min-width:130px}.superadmin-container .quota-bar-wrapper{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:.35rem;overflow:hidden}.superadmin-container .quota-bar{background:var(--theme-amber,#c97a2e);border-radius:3px;height:100%}.superadmin-container .quota-text{color:var(--theme-amber,#c97a2e);white-space:nowrap;font-size:.75rem;font-weight:600}.superadmin-container .expiry-cell{color:var(--theme-ash,#6b7167);white-space:nowrap;align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.superadmin-container .expiry-cell.expired{color:#dc2626;font-weight:600}.superadmin-container .expiry-unlimited{color:var(--theme-signal,#1f7a5c);white-space:nowrap;font-size:.8rem;font-weight:600}.superadmin-container .status-pill{text-transform:capitalize;white-space:nowrap;border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.superadmin-container .status-pill.active{color:var(--theme-signal,#1f7a5c);background:#e6f4ef}.superadmin-container .status-pill.suspended{color:var(--theme-amber,#c97a2e);background:#fef3c7}.superadmin-container .status-pill.expired{color:#b91c1c;background:#fee2e2}.superadmin-container .action-buttons-cell{white-space:nowrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.superadmin-container .impersonate-btn{cursor:pointer;box-sizing:border-box;background:#1f7a5c14;border:1px solid #1f7a5c38;border-radius:8px;align-items:center;gap:.35rem;height:34px;padding:.35rem .85rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:inline-flex;color:var(--theme-signal,#1f7a5c)!important}.superadmin-container .impersonate-btn:hover{background:var(--theme-signal,#1f7a5c);border-color:#18634a;box-shadow:0 2px 6px #1f7a5c40;color:#fff!important}.superadmin-container .icon-btn{background:var(--theme-surface,#fff);cursor:pointer;width:34px;height:34px;color:var(--theme-ash,#6b7167);box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.superadmin-container .icon-btn:hover{background:var(--theme-paper,#f5f6f1);color:var(--theme-signal,#1f7a5c);border-color:var(--theme-signal,#1f7a5c)}.superadmin-container .icon-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px;display:block}.superadmin-container .icon-btn.edit:hover{color:#06c;background:#f8fafc;border-color:#06c}.superadmin-container .icon-btn.delete:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.superadmin-container .empty-state-cell{text-align:center;color:#94a3b8;padding:3rem 1.5rem!important}.superadmin-container .admin-modal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:90%;max-width:640px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.superadmin-container .modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.superadmin-container .modal-header h2{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.superadmin-container .close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.superadmin-container .close-btn:hover{color:#475569}.superadmin-container .modal-form{padding:1.5rem}.superadmin-container .form-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500}.superadmin-container .form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.superadmin-container .form-group{flex-direction:column;display:flex}.superadmin-container .form-group label{color:var(--text-primary);margin-bottom:.35rem;font-size:.825rem;font-weight:600}.superadmin-container .form-group input,.superadmin-container .form-group select{border-radius:6px;padding:.65rem .85rem;font-size:.875rem;border:1px solid var(--border-input)!important;background:var(--bg-surface)!important;color:var(--text-primary)!important}.superadmin-container .form-group input:focus,.superadmin-container .form-group select:focus{outline:none;border-color:var(--theme-signal,#1f7a5c)!important;box-shadow:0 0 0 3px #1f7a5c1f!important}.superadmin-container .field-hint{color:#64748b;margin-top:.25rem;font-size:.7rem}.superadmin-container .input-with-icon{position:relative}.superadmin-container .input-with-icon input{box-sizing:border-box;width:100%;padding-right:2.5rem}.superadmin-container .eye-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.superadmin-container .modal-footer{background:var(--theme-paper,#f5f6f1);border-top:1px solid #e2e5dc;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.superadmin-container .admin-nav-tabs{border-bottom:1px solid var(--border,#e2e5dc);flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.superadmin-container .admin-tab-btn{background:var(--bg-surface,#f5f6f1);border:1px solid var(--border,#e0e2d8);height:auto;min-height:40px;color:var(--text-primary,#12231f);white-space:nowrap;cursor:pointer;border-radius:10px;flex-shrink:0;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.superadmin-container .admin-tab-btn:hover{background:var(--primary-soft,#eaece0);border-color:var(--theme-signal,#cbd5e1);color:var(--theme-signal,#12231f);transform:translateY(-1px)}.superadmin-container .admin-tab-btn.active{background:linear-gradient(135deg,#1f7a5c 0%,#175e46 100%);border-color:#18634a;box-shadow:0 3px 10px #1f7a5c47;color:#fff!important}.superadmin-container .admin-tab-btn.swagger-link{margin-left:auto}.superadmin-container .admin-tab-btn.swagger-link svg{flex-shrink:0}.superadmin-container .admin-docs-view{flex-direction:column;gap:1.5rem;display:flex}.superadmin-container .admin-doc-card{border-radius:10px;padding:1.5rem;box-shadow:0 1px 3px #0000000a;background:var(--bg-surface)!important;border:1px solid var(--border)!important}.superadmin-container .doc-heading{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.superadmin-container .doc-heading h2{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.superadmin-container .doc-feature-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem;display:grid}.superadmin-container .doc-feature-item{background:var(--bg-light);border:1px solid var(--border);border-radius:8px;padding:1rem}.superadmin-container .doc-feature-item strong{color:var(--text-primary);margin-bottom:.35rem;font-size:.875rem;display:block}.superadmin-container .doc-feature-item p{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.4}.superadmin-container .method-pill{border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:700;display:inline-block}.superadmin-container .method-pill.post{background:var(--primary-soft);color:var(--theme-signal,#1f7a5c)}.superadmin-container .method-pill.get{background:var(--primary-soft);color:var(--theme-signal,#15803d)}.superadmin-container .method-pill.put{color:var(--theme-amber,#c97a2e);background:#e58c3626}.superadmin-container .method-pill.delete{color:#ef4444;background:#ef444426}@media (width<=768px){.superadmin-container{padding:1rem}.superadmin-container .doc-feature-grid{grid-template-columns:1fr}.superadmin-container .admin-nav-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-x:auto}.superadmin-container .admin-tab-btn{flex-shrink:0}}@media (width<=640px){.superadmin-container{padding:.75rem}.superadmin-container .superadmin-header{flex-direction:column;align-items:flex-start}.superadmin-container .header-actions{flex-direction:column;width:100%}.superadmin-container .primary-btn,.superadmin-container .secondary-btn,.superadmin-container .refresh-btn{justify-content:center;width:100%}.superadmin-container .form-row{grid-template-columns:1fr}.superadmin-container .table-controls{flex-direction:column;align-items:stretch}.superadmin-container .search-bar{min-width:unset}}.page-header{background:var(--theme-surface,#fff);border:1px solid var(--border,#e2e8f0);box-sizing:border-box;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:.25rem 1rem;width:100%;margin-bottom:1.75rem;padding:1.25rem 1.75rem;display:grid;box-shadow:0 4px 20px #0000000a}.page-header__title-group{flex-direction:column;grid-area:1/1;align-items:flex-start;gap:.4rem;min-width:0;display:flex}.page-header__title-group h1{color:var(--theme-ink,#12231f);letter-spacing:-.02em;margin:0;font-size:1.65rem;font-weight:800}.page-header__badge{display:inline-flex}.page-header__badge .eyebrow{background:var(--primary-soft,#e6f4ef);color:var(--theme-signal,#1f7a5c);border:1px solid var(--border,#b2ded0);text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:3px 10px;font-size:.675rem;font-weight:700}.page-header__subtitle{color:var(--theme-ash,#6b7167);grid-area:2/1;margin:0;font-size:.875rem;line-height:1.45}.page-header__actions{grid-area:1/2/span 2;place-self:center end;align-items:center;gap:.75rem;display:flex}@media (width<=768px){.page-header{grid-template-columns:1fr;row-gap:.5rem;padding:1.25rem}.page-header__title-group{grid-area:1/1}.page-header__subtitle{grid-area:2/1;font-size:.85rem}.page-header__actions{grid-area:3/1;justify-self:stretch;margin-top:.5rem}.page-header__title-group h1{font-size:1.4rem}}@media (width<=480px){.page-header__actions>button,.page-header__actions>.btn-primary,.page-header__actions>.btn-secondary{justify-content:center;width:100%}}.sendmessage-container{max-width:1300px;margin:0 auto;padding:1.5rem 2rem}.sendmessage-container .page-header{margin-bottom:1.75rem}.sendmessage-container .page-header h1{color:var(--text-primary);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.sendmessage-container .page-header .subtitle{color:var(--text-secondary);margin:0;font-size:.875rem}.sendmessage-container .messenger-grid{grid-template-columns:1.3fr 1fr;gap:1.5rem;display:grid}.sendmessage-container .composer-card,.sendmessage-container .history-card{border-radius:12px;flex-direction:column;display:flex;box-shadow:0 1px 3px #0000000d;background:var(--bg-surface)!important;border:1px solid var(--border)!important}.sendmessage-container .card-title-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.sendmessage-container .card-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.sendmessage-container .message-type-toggle{background:var(--bg-light);border-radius:6px;gap:.2rem;padding:.2rem;display:flex}.sendmessage-container .type-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.775rem;font-weight:600;display:flex}.sendmessage-container .type-btn.active{background:var(--bg-surface);color:var(--theme-signal,#1f7a5c);box-shadow:0 1px 3px #00000014}.sendmessage-container .composer-form{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.sendmessage-container .form-field{flex-direction:column;display:flex}.sendmessage-container .form-field label{color:var(--text-primary);align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.825rem;font-weight:600;display:flex}.sendmessage-container .instance-select-wrapper{gap:.5rem;display:flex}.sendmessage-container .instance-select-wrapper select{flex:1}.sendmessage-container .refresh-session-btn{background:var(--bg-light);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:42px;transition:all .15s;display:flex}.sendmessage-container .refresh-session-btn:hover{background:var(--primary-soft);color:var(--theme-signal,#1f7a5c);border-color:var(--theme-signal,#1f7a5c)}.sendmessage-container .form-field input,.sendmessage-container .form-field textarea{border:1px solid var(--border-input);color:var(--text-primary);background:var(--bg-surface);box-sizing:border-box;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.9rem}.sendmessage-container .form-field input:focus,.sendmessage-container .form-field textarea:focus{border-color:var(--theme-signal,#1f7a5c);outline:none;box-shadow:0 0 0 3px #1f7a5c1f}.sendmessage-container .helper-text{color:var(--text-secondary);margin-top:.3rem;font-size:.725rem}.sendmessage-container .field-footer{justify-content:flex-end;margin-top:.3rem;display:flex}.sendmessage-container .char-count{color:var(--text-secondary);font-size:.725rem}.sendmessage-container .status-banner{border-radius:8px;align-items:center;gap:.6rem;padding:.85rem 1rem;font-size:.875rem;font-weight:500;display:flex}.sendmessage-container .status-banner.success{background:var(--primary-soft);border:1px solid var(--theme-signal);color:var(--theme-signal,#1f7a5c)}.sendmessage-container .status-banner.error{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.sendmessage-container .submit-send-btn{background:var(--theme-signal,#1f7a5c);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 6px #1f7a5c40}.sendmessage-container .submit-send-btn:hover:not(:disabled){background:#18634a}.sendmessage-container .submit-send-btn:disabled{opacity:.65;cursor:not-allowed}.sendmessage-container .clear-history-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:.775rem}.sendmessage-container .clear-history-btn:hover{color:#dc2626}.sendmessage-container .history-list{flex-direction:column;gap:.75rem;max-height:520px;padding:1rem;display:flex;overflow-y:auto}.sendmessage-container .history-item{background:var(--bg-light);border:1px solid var(--border);border-radius:8px;padding:.85rem 1rem}.sendmessage-container .history-item.sent{border-left:3px solid #10b981}.sendmessage-container .history-item.failed{border-left:3px solid #ef4444}.sendmessage-container .history-item-top{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.sendmessage-container .recipient-num{color:var(--text-primary);font-family:monospace;font-size:.85rem;font-weight:700}.sendmessage-container .dispatch-time{color:var(--text-muted);font-size:.725rem}.sendmessage-container .history-body{color:var(--text-primary);word-break:break-word;margin:0 0 .5rem;font-size:.825rem}.sendmessage-container .history-status-tag{align-items:center;display:flex}.sendmessage-container .status-ok{color:#10b981;align-items:center;gap:.25rem;font-size:.725rem;font-weight:600;display:inline-flex}.sendmessage-container .status-err{color:#dc2626;align-items:center;gap:.25rem;font-size:.725rem;font-weight:600;display:inline-flex}.sendmessage-container .empty-history{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.sendmessage-container .empty-history p{margin-top:.5rem;font-size:.85rem}@media (width<=860px){.sendmessage-container{padding:1rem}.sendmessage-container .messenger-grid{grid-template-columns:1fr}}@media (width<=520px){.sendmessage-container{padding:.75rem}.sendmessage-container .card-title-bar{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.sendmessage-container .message-type-toggle{width:100%}.sendmessage-container .type-btn{flex:1;justify-content:center}.sendmessage-container .composer-form{padding:1rem}}.custom-select{align-items:center;min-width:0;display:flex;position:relative}.custom-select-trigger{width:100%;color:var(--theme-ink,#12231f);cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;padding:0;font-family:inherit;font-size:.875rem;font-weight:700;display:flex;overflow:hidden}.custom-select-trigger:hover{color:var(--theme-signal,#1f7a5c)}.custom-select-trigger:focus-visible{outline:2px solid var(--theme-signal,#1f7a5c);outline-offset:2px}.custom-select-label{text-overflow:ellipsis;text-align:left;flex:1;min-width:0;overflow:hidden}.custom-select-chevron{color:var(--theme-ash,#6b7167);flex-shrink:0;transition:transform .2s}.custom-select-chevron.open{transform:rotate(180deg)}.custom-select-dropdown{background:var(--theme-surface,#fff);z-index:500;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;width:max-content;min-width:max(100%,200px);max-width:320px;max-height:min(280px,40vh);padding:.4rem;animation:.15s customSelectFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 10px 28px -4px #0000001f}@keyframes customSelectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{width:100%;min-height:36px;color:var(--theme-ink,#12231f);text-align:left;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:0;border-radius:8px;align-items:center;padding:.5rem .85rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.custom-select-option:hover,.custom-select-option.focused{background:var(--theme-paper,#f5f6f1);color:var(--theme-ink,#12231f)}.custom-select-option.selected{color:var(--theme-signal,#1f7a5c);background:#1f7a5c1a;font-weight:700}[dir=rtl] .custom-select-label,[dir=rtl] .custom-select-option{text-align:right}@media (width<=768px){.custom-select-trigger{font-size:.875rem}.custom-select-dropdown{max-height:min(220px,40vh)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;box-sizing:border-box;background:#000000a6;justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out modalOverlayFadeIn;display:flex;position:fixed;inset:0}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);z-index:10000;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalContentSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 8px 10px -6px #0000001a}@keyframes modalContentSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal.modal-sm{max-width:440px}.modal.modal-lg{max-width:820px}.modal-header{border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.modal-header .btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:inline-flex}.modal-header .btn-icon:hover{background:var(--primary-soft);color:var(--theme-signal)}.modal-body{flex-direction:column;flex:auto;gap:1.15rem;max-height:calc(90vh - 140px);padding:1.5rem;display:flex;overflow-y:auto}.modal-body .form-group{flex-direction:column;gap:.4rem;width:100%;display:flex}.modal-body label{color:var(--text-primary);font-size:.8rem;font-weight:700;display:block}.modal-footer{border-top:1px solid var(--border);background:var(--bg-light);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.sessions-page{box-sizing:border-box;width:100%;padding:2rem}.sessions-page .page-header{width:100%;margin-bottom:2rem}.sessions-page .filters-bar{gap:1rem;margin-bottom:1.5rem;display:flex}.sessions-page .search-input{background:var(--bg-surface);border:1px solid var(--border-input,#cbd5e1);border-radius:var(--radius,8px);flex:1;align-items:center;gap:.65rem;max-width:400px;padding:.55rem .85rem;transition:all .15s;display:flex}.sessions-page .search-input:focus-within{border-color:var(--theme-signal,#1f7a5c)!important;box-shadow:0 0 0 3px #1f7a5c26!important}.sessions-page .search-input svg{color:var(--text-muted);flex-shrink:0;transition:color .15s}.sessions-page .search-input:focus-within svg{color:var(--theme-signal,#1f7a5c)}.sessions-page .search-input input,.sessions-page .search-input input:focus{color:var(--text-primary);flex:1;font-size:.875rem;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.sessions-page .filter-group{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.5rem;padding:0 1rem;display:flex}.sessions-page .filter-group svg{color:var(--text-muted)}.sessions-page .filter-group .custom-select{flex:1}.sessions-page .sessions-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;width:100%;display:grid}.sessions-page .session-card{border-radius:12px;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;background:var(--bg-surface)!important;border:1px solid var(--border)!important}.sessions-page .session-card:hover{box-shadow:0 4px 16px #0000000f}.sessions-page .card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.85rem;display:flex}.sessions-page .card-header h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin:0;font-size:1.125rem;font-weight:700;overflow:hidden}.sessions-page .qr-placeholder{background:var(--bg-light);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;margin-bottom:1rem;padding:2rem;display:flex}.sessions-page .qr-icon{color:var(--text-muted);margin-bottom:.75rem}.sessions-page .qr-placeholder p{color:var(--text-secondary);margin:0;font-size:.875rem}.sessions-page .session-info{flex-direction:column;gap:.15rem;margin-bottom:1.25rem;display:flex}.sessions-page .info-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding:.65rem 0;display:flex}.sessions-page .info-row:last-child{border-bottom:none}.sessions-page .info-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.sessions-page .info-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.sessions-page .info-value.mono{font-family:monospace}.sessions-page .info-value.error-text{color:var(--error-text);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-weight:500;overflow:hidden}.sessions-page .info-value.restriction-text{color:var(--warning-text);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-weight:500;overflow:hidden}.sessions-page .card-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:.6rem;padding-top:1rem;display:flex}.sessions-page .btn-action{cursor:pointer;background:var(--bg-light);border:1px solid var(--border);min-width:100px;color:var(--text-primary);border-radius:8px;flex:calc(50% - .3rem);justify-content:center;align-items:center;gap:.4rem;padding:.55rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.sessions-page .btn-action:hover{background:var(--primary-soft);border-color:var(--theme-signal,#1f7a5c);color:var(--theme-signal,#1f7a5c);box-shadow:0 2px 4px #0000000a}.sessions-page .btn-action.danger{color:#ef4444;background:#ef44441f;border-color:#ef44444d}.sessions-page .btn-action.danger:hover{color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 2px 6px #dc262633}@media (width<=600px){.sessions-page .sessions-grid{grid-template-columns:1fr}.sessions-page{padding:1rem}.sessions-page .filters-bar{flex-direction:column;gap:.75rem}.sessions-page .search-input{max-width:none}.sessions-page .filter-group{justify-content:space-between;width:100%}.sessions-page .filter-group .custom-select{flex:1}.sessions-page .btn-primary{justify-content:center;width:100%}.sessions-page .session-card{padding:1rem}.sessions-page .card-actions{flex-direction:column}.sessions-page .card-actions .btn-action{justify-content:center}}@media (width<=480px){.sessions-page{padding:.75rem}}.sessions-page .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sessions-page .modal{background:var(--bg-white);border-radius:16px;flex-direction:column;width:90%;max-width:480px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sessions-page .modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.sessions-page .modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.sessions-page .modal-title{flex-direction:column;gap:.25rem;display:flex}.sessions-page .session-name{color:var(--text-muted);font-size:.875rem;font-weight:500}.sessions-page .modal-body{flex:auto;padding:1.5rem;overflow-y:auto}.sessions-page .modal-body>label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.sessions-page .modal-body input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-light);box-sizing:border-box;width:100%;padding:.875rem 1rem;font-size:.9375rem;transition:all .2s}.sessions-page .modal-body input:focus{border-color:var(--primary);background:var(--bg-white);outline:none;box-shadow:0 0 0 3px #22c55e1a}.sessions-page .modal-body input::placeholder{color:var(--text-muted)}.sessions-page .input-hint{color:var(--text-muted);margin:.5rem 0 0;font-size:.75rem}.sessions-page .input-hint code{background:var(--bg-light);border-radius:4px;padding:.125rem .375rem;font-family:JetBrains Mono,monospace;font-size:.7rem}.sessions-page .input-error{color:var(--error-text);margin:.5rem 0 0;font-size:.75rem;font-weight:500}.sessions-page .modal-footer{justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;display:flex}.sessions-page .confirm-modal{max-width:400px}.sessions-page .confirm-modal .modal-body p{margin:0 0 .5rem}.sessions-page .text-muted{color:var(--text-muted);font-size:.875rem}.sessions-page .btn-icon{cursor:pointer;width:36px;height:36px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sessions-page .btn-icon:hover{background:var(--bg-light);color:var(--text-primary)}.sessions-page .empty-state{text-align:center;color:var(--text-muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.sessions-page .empty-state svg{opacity:.5;margin-bottom:1rem}.sessions-page .empty-state h3{color:var(--text-secondary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.sessions-page .empty-state p{margin:0;font-size:.875rem}.sessions-page .status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.sessions-page .status-badge.connected{color:var(--success-text);background:#22c55e1a}.sessions-page .status-badge.disconnected{color:var(--text-secondary);background:#6b72801a}.sessions-page .status-badge.connecting{color:var(--warning-text);background:#eab3081a}.sessions-page .status-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.sessions-page .detail-grid{gap:1rem;display:grid}.sessions-page .detail-item{flex-direction:column;gap:.25rem;display:flex}.sessions-page .detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.sessions-page .detail-value{color:var(--text-primary);word-break:break-all;font-size:.9375rem}.sessions-page .detail-value.mono{background:var(--bg-light);border-radius:6px;padding:.5rem;font-family:JetBrains Mono,monospace;font-size:.8125rem}.sessions-page .btn-close{background:var(--bg-light);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.sessions-page .btn-close svg{flex-shrink:0;min-width:20px;width:20px!important;height:20px!important}.sessions-page .btn-close:hover{color:var(--error-text);background:#ef44441f;border-color:#ef44444d}.sessions-page .btn-close:hover svg{stroke:var(--error)}.sessions-page .qr-modal .modal-body{padding:1.5rem}.sessions-page .qr-instructions{text-align:left;background:var(--bg-light);border-radius:12px;margin-top:1.5rem;padding:1rem 1.25rem}.sessions-page .qr-step{color:var(--text-secondary);border-bottom:1px solid var(--border);margin:0;padding:.5rem 0;font-size:.875rem}.sessions-page .qr-step:last-child{border-bottom:none}.sessions-page .qr-step strong{color:var(--text-primary)}.sessions-page .qr-auto-refresh{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;display:flex}.sessions-page .spin-slow{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sessions-page .status-pill{text-transform:capitalize;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.sessions-page .status-pill.created,.sessions-page .status-pill.idle{color:var(--text-secondary);background:#6b72801a}.sessions-page .status-pill.initializing,.sessions-page .status-pill.connecting,.sessions-page .status-pill.authenticating{color:var(--warning-text);background:#eab3081a}.sessions-page .status-pill.qr_ready{color:var(--info);background:#3b82f61a}.sessions-page .status-pill.action_required{color:var(--warning-text);background:#f59e0b38}.sessions-page .status-pill.ready{color:var(--success-text);background:#22c55e1a}.sessions-page .status-pill.disconnected,.sessions-page .status-pill.failed{color:var(--error-text);background:#ef44441a}.sessions-page .btn-sm{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:.75rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:background .2s}.sessions-page .btn-sm:hover{background:var(--primary-hover)}.sessions-page .pairing-tabs{background:var(--bg-light);border-radius:8px;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;display:flex}.sessions-page .pairing-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.sessions-page .pairing-tab-btn.active{background:var(--bg-white);color:var(--text-primary);box-shadow:var(--shadow-sm)}.sessions-page .pairing-container{padding:.5rem 0}.sessions-page .pairing-error{text-align:start;color:var(--error-text);background:#ef44441f;border-radius:8px;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.sessions-page .pairing-form{text-align:start}.sessions-page .pairing-label{margin-bottom:.5rem;font-weight:600;display:block}.sessions-page .pairing-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-light);box-sizing:border-box;width:100%;margin-bottom:.5rem;padding:.875rem 1rem;font-size:.9375rem}.sessions-page .pairing-code-display{color:var(--primary-text);background:var(--bg-light);border:2px dashed var(--border);letter-spacing:.1em;direction:ltr;unicode-bidi:isolate;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;margin:1.5rem 0;padding:1rem 2rem;font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700;display:flex}.sessions-page .pairing-instructions-title{color:var(--text-primary);margin:0 0 .5rem;font-size:.9375rem;font-weight:600}.sessions-page .detail-toggle-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sessions-page .detail-hint{color:var(--text-muted);font-size:.75rem;line-height:1.4}.sessions-page .toggle-switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.sessions-page .toggle-switch input{opacity:0;width:0;height:0}.sessions-page .toggle-slider{cursor:pointer;background-color:var(--border);border-radius:26px;transition:all .3s;position:absolute;inset:0}.sessions-page .toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #00000026}.sessions-page .toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.sessions-page .toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.sessions-page .toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.55}.sessions-page .toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--primary);outline-offset:2px}.sessions-page .modal.proxy-modal{overflow:hidden;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;width:92%!important;max-width:580px!important;box-shadow:0 20px 40px #00000026!important}.sessions-page .proxy-modal .modal-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;padding:1.25rem 1.5rem!important}.sessions-page .proxy-modal .modal-header h2{color:var(--theme-ink,#12231f)!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:1.15rem!important;font-weight:800!important;overflow:hidden!important}.sessions-page .proxy-modal .modal-body{background:#fff!important;padding:1.5rem!important}.sessions-page .proxy-modal .modal-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;margin-top:0!important;padding:1rem 1.5rem!important}.sessions-page .proxy-modal-footer-row{justify-content:space-between!important;align-items:center!important;gap:1rem!important;width:100%!important;display:flex!important}.sessions-page .proxy-modal-footer-row .footer-left{align-items:center!important;display:flex!important}.sessions-page .proxy-modal-footer-row .footer-right{align-items:center!important;gap:.65rem!important;margin-left:auto!important;display:flex!important}.sessions-page .proxy-modal .btn-remove-proxy{color:#dc2626!important;white-space:nowrap!important;cursor:pointer!important;background:#fee2e2!important;border:1px solid #fca5a5!important;border-radius:8px!important;padding:.55rem 1.15rem!important;font-size:.825rem!important;font-weight:700!important;transition:all .15s!important}.sessions-page .proxy-modal .btn-remove-proxy:hover{color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}.sessions-page .proxy-modal .btn-save-proxy{background:var(--theme-signal,#1f7a5c)!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:8px!important;padding:.55rem 1.25rem!important;font-weight:700!important;box-shadow:0 2px 6px #1f7a5c40!important}.sessions-page .proxy-modal .btn-save-proxy:hover{background:#18634a!important}.sessions-page .proxy-modal .btn-test-conn{color:var(--theme-signal,#1f7a5c)!important;cursor:pointer!important;background:#1f7a5c1a!important;border:1px solid #1f7a5c40!important;border-radius:8px!important;padding:.5rem 1rem!important;font-size:.825rem!important;font-weight:700!important;transition:all .15s!important}.sessions-page .proxy-modal .btn-test-conn:hover:not(:disabled){background:var(--theme-signal,#1f7a5c)!important;color:#fff!important}.sessions-page .proxy-modal .proxy-test-banner{border:1px solid #0000;border-radius:10px;margin-top:.5rem;padding:.85rem 1rem;font-size:.85rem}.sessions-page .proxy-modal .proxy-test-banner.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.sessions-page .proxy-modal .proxy-test-banner.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.sessions-page .proxy-modal .test-metrics-row{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.4rem;display:flex}.sessions-page .proxy-modal .metric-badge{color:#15803d;background:#fff;border:1px solid #bbf7d0;border-radius:6px;padding:3px 8px;font-size:.775rem;font-weight:700}.sessions-page .session-card-error-banner{color:#991b1b;word-break:break-word;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.55rem .75rem;font-size:.8rem;font-weight:600;line-height:1.4;display:flex}.global-search{align-items:center;gap:.75rem;width:100%;display:flex;position:relative}.global-search-input-wrapper{flex:auto;align-items:center;display:flex;position:relative}.global-search-input-wrapper .global-search-icon{color:var(--text-secondary,var(--theme-ash));pointer-events:none;z-index:2;position:absolute;left:.75rem}.global-search-input-wrapper input.global-search-input{width:100%;height:38px;font-family:inherit;font-size:.85rem;transition:all .2s;border:1px solid var(--border,#cbd5e1)!important;background:var(--bg-surface,#fff)!important;color:var(--text-primary,var(--theme-ink))!important;box-shadow:none!important;border-radius:8px!important;padding:0 .85rem 0 2.25rem!important}.global-search-input-wrapper input.global-search-input:focus{border-color:var(--theme-signal,#1f7a5c)!important;outline:none!important;box-shadow:0 0 0 3px #1f7a5c2e!important}.global-search-scope{color:var(--text-secondary,var(--theme-ash));white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;flex:none;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:inline-flex}.global-search-scope input{cursor:pointer;accent-color:var(--theme-signal,#1f7a5c);margin:0!important}.global-search-results{z-index:50;background:var(--bg-surface,#fff);border:1px solid var(--border,#cbd5e1);max-height:24rem;box-shadow:var(--shadow-lg,0 10px 25px #0000001f);border-radius:10px;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto}.global-search-state{color:var(--text-secondary);padding:.75rem;font-size:.8125rem}.global-search-hit{border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--text-primary);background:0 0;flex-direction:column;gap:.25rem;padding:.6rem .85rem;display:flex}.global-search-hit:hover,.global-search-hit:focus-visible{background:var(--bg-light);outline:none}.global-search-hit:last-child{border-bottom:0}.global-search-hit-meta{color:var(--text-muted);word-break:break-all;font-size:.75rem}.global-search-hit-snippet{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;display:-webkit-box;overflow:hidden}.global-search-hit-snippet mark{color:var(--theme-signal);background:#1f7a5c33;border-radius:2px;padding:0 2px;font-weight:700}.global-search-more{background:var(--bg-light);border:0;border-top:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;padding:.5rem;font-size:.75rem;display:block}.global-search-more:hover{background:var(--primary-soft);color:var(--primary-text)}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto;position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));-webkit-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,1);flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (width>=800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,#fffc);filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__counter{position:var(--yarl__counter_position,absolute);top:var(--yarl__counter_top,0);left:var(--yarl__counter_left,0);bottom:var(--yarl__counter_bottom,unset);right:var(--yarl__counter_right,unset);color:var(--yarl__counter_color,var(--yarl__color_button,#fffc));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px #000c));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));-webkit-user-select:var(--yarl__counter_user_select,none);-moz-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}[dir=rtl] .yarl__counter{left:var(--yarl__counter_rtl_left,unset);right:var(--yarl__counter_rtl_right,0)}.yarl__slide_captions_container{left:var(--yarl__slide_captions_container_left,0);right:var(--yarl__slide_captions_container_right,0);padding:var(--yarl__slide_captions_container_padding,16px);background:var(--yarl__slide_captions_container_background,#00000080);position:absolute;-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width,0px));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);text-align:var(--yarl__slide_description_text_align,start);color:var(--yarl__slide_description_color,#fff);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.chats-page{box-sizing:border-box;flex-direction:column;width:100%;height:calc(100vh - 2rem);min-height:650px;padding:1rem 1.25rem 1.25rem;display:flex;overflow:hidden}.chats-page .page-header{flex-shrink:0;margin-bottom:.5rem}.chats-page .chats-layout{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;flex:1;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 24px #00000014}.chats-page .chat-theme-toggle-btn{cursor:pointer;background:var(--bg-surface,#fff);border:1px solid var(--border,#cbd5e1);height:38px;color:var(--text-primary,#12231f);box-shadow:var(--shadow-xs,0 1px 2px #0000000a);white-space:nowrap;border-radius:9px;align-items:center;gap:.5rem;padding:0 1rem;font-size:.825rem;font-weight:700;transition:all .2s;display:inline-flex}.chats-page .chat-theme-toggle-btn:hover{background:var(--primary-soft,#e6f4ef);border-color:var(--theme-signal,#1f7a5c);color:var(--theme-signal,#1f7a5c);transform:translateY(-1px)}.chats-page[data-chat-theme=dark] .chat-theme-toggle-btn,[data-theme=dark] .chats-page .chat-theme-toggle-btn{background:var(--bg-surface,#142621);border-color:var(--border,#233d35);color:var(--text-primary,#e6ede8)}.chats-page[data-chat-theme=dark] .chat-theme-toggle-btn:hover,[data-theme=dark] .chats-page .chat-theme-toggle-btn:hover{background:var(--primary-soft,#1b352d);color:var(--theme-signal,#25a37a);border-color:var(--theme-signal,#25a37a)}.chats-page[data-chat-theme=light] .chats-room,.chats-page:not([data-chat-theme=dark]) .chats-room{background:#efeae2!important}.chats-page[data-chat-theme=light] .room-header,.chats-page:not([data-chat-theme=dark]) .room-header,.chats-page[data-chat-theme=light] .chats-room-header,.chats-page:not([data-chat-theme=dark]) .chats-room-header{background:#f0f2f5!important;border-bottom:1px solid #e9edef!important}.chats-page[data-chat-theme=light] .room-contact-info h3,.chats-page:not([data-chat-theme=dark]) .room-contact-info h3,.chats-page[data-chat-theme=light] .chats-room-header h2,.chats-page:not([data-chat-theme=dark]) .chats-room-header h2{color:#111b21!important}.chats-page[data-chat-theme=light] .room-messages,.chats-page:not([data-chat-theme=dark]) .room-messages{background-color:#efeae2!important;background-image:radial-gradient(#cbd5e1 .75px,#0000 .75px)!important}.chats-page[data-chat-theme=light] .message-bubble.incoming,.chats-page:not([data-chat-theme=dark]) .message-bubble.incoming{color:#111b21!important;background:#fff!important;border:1px solid #e9edef!important}.chats-page[data-chat-theme=light] .message-bubble.outgoing,.chats-page:not([data-chat-theme=dark]) .message-bubble.outgoing{color:#111b21!important;background:#d9fdd3!important;border:none!important}.chats-page[data-chat-theme=light] .room-input-footer,.chats-page:not([data-chat-theme=dark]) .room-input-footer{background:#f0f2f5!important;border-top:1px solid #e9edef!important}.chats-page[data-chat-theme=light] .message-text-input,.chats-page:not([data-chat-theme=dark]) .message-text-input{color:#111b21!important;background:#fff!important;border:1px solid #e9edef!important}.chats-page[data-chat-theme=light] .chats-room-placeholder,.chats-page:not([data-chat-theme=dark]) .chats-room-placeholder{background:#efeae2!important}.chats-page[data-chat-theme=light] .chats-room-placeholder h2,.chats-page:not([data-chat-theme=dark]) .chats-room-placeholder h2{color:#111b21!important}.chats-page[data-chat-theme=light] .chats-room-placeholder p,.chats-page:not([data-chat-theme=dark]) .chats-room-placeholder p{color:#54656f!important}.chats-page[data-chat-theme=dark] .chats-room{background:#0b141a!important}.chats-page[data-chat-theme=dark] .room-header,.chats-page[data-chat-theme=dark] .chats-room-header{background:#202c33!important;border-bottom:1px solid #2a3942!important}.chats-page[data-chat-theme=dark] .room-contact-info h3,.chats-page[data-chat-theme=dark] .chats-room-header h2{color:#e9edef!important}.chats-page[data-chat-theme=dark] .room-messages{background-color:#0b141a!important;background-image:radial-gradient(#1f2c34 .75px,#0000 .75px)!important}.chats-page[data-chat-theme=dark] .message-bubble.incoming{color:#e9edef!important;background:#202c33!important;border:1px solid #2a3942!important}.chats-page[data-chat-theme=dark] .message-bubble.outgoing{color:#e9edef!important;background:#005c4b!important;border:none!important}.chats-page[data-chat-theme=dark] .room-input-footer{background:#202c33!important;border-top:1px solid #2a3942!important}.chats-page[data-chat-theme=dark] .message-text-input{color:#e9edef!important;background:#2a3942!important;border:1px solid #2a3942!important}.chats-page[data-chat-theme=dark] .chats-room-placeholder{background:#111b21!important}.chats-page[data-chat-theme=dark] .chats-room-placeholder h2{color:#e9edef!important}.chats-page[data-chat-theme=dark] .chats-room-placeholder p{color:#8696a0!important}.chats-page .chats-room{background:#efeae2;flex-direction:column;flex:1;min-width:0;height:100%;display:flex}[data-theme=dark] .chats-page .chats-room{background:#0b141a}.chats-page .room-header{box-sizing:border-box;background:#f0f2f5;border-bottom:1px solid #e9edef;flex-shrink:0;align-items:center;gap:.85rem;height:64px;padding:0 1.25rem;display:flex}[data-theme=dark] .chats-page .room-header{background:#202c33;border-bottom-color:#2a3942}.chats-page .room-avatar{color:#54656f;background:#dfe5e7;border:1px solid #00000014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}[data-theme=dark] .chats-page .room-contact-info h3{color:#e9edef}.chats-page .room-messages{background-color:#efeae2;background-image:radial-gradient(#cbd5e1 .75px,#0000 .75px);background-size:20px 20px;flex-direction:column;flex:1;gap:.65rem;min-height:0;padding:1.25rem 2rem;display:flex;position:relative;overflow-y:auto}[data-theme=dark] .chats-page .room-messages{background-color:#0b141a;background-image:radial-gradient(#1f2c34 .75px,#0000 .75px)}.chats-page .message-bubble{word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:10px;max-width:75%;padding:.65rem .95rem .45rem;font-size:.9375rem;line-height:1.5;position:relative;box-shadow:0 1px .5px #0b141a21}.chats-page .message-bubble.incoming{background:var(--bg-white);color:var(--text-primary);border-bottom-left-radius:2px;border:none!important}[data-theme=dark] .chats-page .message-bubble.incoming{color:#e9edef;background:#202c33}.chats-page .message-bubble.outgoing{color:#111b21;background:#d9fdd3;border:none;border-top-right-radius:2px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chats-page .chats-room{background:#0b141a}:root:not([data-theme=light]) .chats-page .room-header{background:#202c33;border-bottom-color:#2a3942}:root:not([data-theme=light]) .chats-page .room-contact-info h3{color:#e9edef}:root:not([data-theme=light]) .chats-page .room-messages{background-color:#0b141a;background-image:radial-gradient(#1f2c34 .75px,#0000 .75px)}:root:not([data-theme=light]) .chats-page .message-bubble.incoming{color:#e9edef;background:#202c33}:root:not([data-theme=light]) .chats-page .message-bubble.outgoing{color:#e9edef;background:#005c4b}:root:not([data-theme=light]) .chats-page .room-input-footer{background:#202c33;border-top-color:#2a3942}:root:not([data-theme=light]) .chats-page .message-text-input{color:#e9edef;background:#2a3942}}.chats-page .message-status-icon.read{color:#53bdeb}.chats-page .room-input-footer{box-sizing:border-box;background:#f0f2f5;border-top:1px solid #e9edef;flex-shrink:0;padding:.85rem 1.25rem}.chats-page .message-text-input{color:#111b21;box-sizing:border-box;background:#fff;border:1px solid #e9edef;border-radius:24px;outline:none;flex:1;min-width:64px;padding:.75rem 1.25rem;font-size:.9375rem;transition:all .15s}.chats-page .message-text-input:focus{border-color:#00a884;box-shadow:0 0 0 3px #00a8841f}.chats-page .btn-send-message:hover{background:#008f6f;transform:scale(1.04)}.chats-page .chats-sidebar{border-right:1px solid var(--border);background:var(--bg-white);flex-direction:column;flex-shrink:0;width:360px;min-width:320px;max-width:400px;height:100%;display:flex}.chats-page .sidebar-header-box{border-bottom:1px solid var(--border);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.chats-page .session-select-group{flex-direction:column;gap:.375rem;display:flex}.chats-page .session-selector{cursor:pointer;width:100%;height:38px;padding:0 .75rem;font-size:.85rem;font-weight:600;transition:all .2s;border:1px solid var(--border,#cbd5e1)!important;background:var(--bg-surface,#fff)!important;color:var(--text-primary,#12231f)!important;border-radius:8px!important;outline:none!important}.chats-page .session-selector:focus{border-color:var(--theme-signal,#1f7a5c)!important;box-shadow:0 0 0 3px #1f7a5c2e!important}.chats-page .chats-tabs{background:var(--bg-light,var(--theme-paper,#f5f6f1));border:1px solid var(--border,#cbd5e1);border-radius:10px;gap:4px;padding:4px;display:flex}.chats-page .chats-tab{color:var(--text-secondary,#52625d);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 10px;font-size:.8125rem;font-weight:600;transition:all .15s}.chats-page .chats-tab:hover{color:var(--text-primary,#12231f);background:#0000000a}.chats-page .chats-tab.active{font-weight:700;box-shadow:0 2px 6px #1f7a5c40;background:var(--theme-signal,#1f7a5c)!important;color:#fff!important}.chats-page .chat-search-input{box-sizing:border-box;align-items:center;gap:.6rem;height:38px;padding:0 .75rem;transition:all .2s;display:flex;background:var(--bg-surface,#fff)!important;border:1px solid var(--border,#cbd5e1)!important;border-radius:8px!important}.chats-page .chat-search-input:focus-within{border-color:var(--theme-signal,#1f7a5c)!important;box-shadow:0 0 0 3px #1f7a5c2e!important}.chats-page .chat-search-input svg{color:var(--text-secondary,var(--theme-ash));flex-shrink:0}.chats-page .chat-search-input input{flex:1;font-size:.85rem;box-shadow:none!important;height:100%!important;color:var(--text-primary,#12231f)!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important}.chats-page .chats-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.chats-page .chats-list::-webkit-scrollbar{width:6px}.chats-page .room-messages::-webkit-scrollbar{width:6px}.chats-page .chats-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chats-page .room-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chats-page .chats-list::-webkit-scrollbar-track{background:0 0}.chats-page .room-messages::-webkit-scrollbar-track{background:0 0}.chats-page .chats-list-loading,.chats-page .chats-list-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3rem 1.5rem;font-size:.875rem;display:flex}.chats-page .chat-item-card{border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:background .15s;display:flex}.chats-page .chat-item-card:hover{background:var(--bg-light)}.chats-page .chat-item-card.active{background:#22c55e14}.chats-page .chat-avatar{background:var(--bg-light);border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.chats-page .chat-avatar img{object-fit:cover;width:100%;height:100%;display:block}.chats-page .chat-item-card.active .chat-avatar{background:var(--bg-white);color:var(--primary-text);border-color:#22c55e4d}.chats-page .chat-item-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.chats-page .chat-item-top{justify-content:flex-start;align-items:baseline;gap:6px;display:flex}.chats-page .chat-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.chats-page .chat-item-time{color:var(--text-muted);flex-shrink:0;margin-inline-start:auto;font-size:.75rem}.chats-page .chat-item-bottom{justify-content:space-between;align-items:center;display:flex}.chats-page .chat-item-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.8125rem;overflow:hidden}.chats-page .chat-item-snippet .no-message{opacity:.6;font-style:italic}.chats-page .chat-unread-badge{box-sizing:border-box;background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 2px 4px #22c55e4d}.chats-page .chat-kind-badge{border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;border-radius:8px;padding:0 6px;font-size:.7rem}.chats-page .chats-room{background:var(--bg-light);flex-direction:column;flex:1;min-width:0;display:flex}.chats-page .chats-room-placeholder{text-align:center;background:var(--bg-light);box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;min-height:0;padding:2rem 1.5rem;display:flex}[data-theme=dark] .chats-page .chats-room-placeholder{background:#111b21}.chats-page .placeholder-icon{margin-bottom:1.25rem;color:#00a884!important;opacity:.9!important}.chats-page .chats-room-placeholder h2{color:#111b21;text-transform:none;letter-spacing:normal;margin:0 0 .5rem;font-size:1.5rem;font-weight:600;line-height:1.3}[data-theme=dark] .chats-page .chats-room-placeholder h2{color:#e9edef}.chats-page .chats-room-placeholder p{color:#54656f;max-width:380px;margin:0;font-size:.9375rem;line-height:1.5}[data-theme=dark] .chats-page .chats-room-placeholder p{color:#8696a0}.chats-page .room-container{flex-direction:column;flex:1;height:100%;display:flex}.chats-page .room-header{background:var(--bg-white);border-bottom:1px solid var(--border);box-sizing:border-box;align-items:center;gap:.75rem;height:70px;padding:0 1.5rem;display:flex}.chats-page .room-back{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:-.5rem;padding:0;display:none}.chats-page .room-back:hover{background:var(--bg-light);color:var(--text-primary)}.chats-page .room-avatar{background:var(--bg-light);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.chats-page .room-avatar img{object-fit:cover;width:100%;height:100%;display:block}.chats-page .room-contact-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}.chats-page .room-contact-info h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.chats-page .room-contact-phone{color:var(--text-muted);font-size:.8125rem;line-height:1.2}.chats-page .room-contact-jid{color:var(--text-muted);opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem;overflow:hidden}.chats-page .room-messages{background-image:radial-gradient(var(--border) 1px, transparent 0);background-size:24px 24px;flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex;position:relative;overflow-y:auto}.chats-page .scroll-to-bottom-btn{z-index:5;background:var(--bg-white);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,transform .1s;display:flex;position:absolute;bottom:1rem;right:1.5rem;box-shadow:0 2px 8px #0000001f}.chats-page .scroll-to-bottom-btn:hover{background:var(--bg-light);color:var(--primary-text);border-color:var(--primary)}.chats-page .scroll-to-bottom-btn:active{transform:scale(.94)}.chats-page .messages-loading{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.chats-page .messages-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:2rem;font-size:.9375rem;display:flex}.chats-page .message-bubble-wrapper{width:100%;display:flex}.chats-page .message-bubble-wrapper.incoming{justify-content:flex-start}.chats-page .message-bubble-wrapper.outgoing{justify-content:flex-end}.chats-page .message-bubble{border-radius:12px;max-width:100%;padding:.625rem .875rem .375rem;font-size:.9375rem;line-height:1.4;position:relative;box-shadow:0 1px 2px #0000000d}.chats-page .message-bubble.incoming{background:var(--bg-white);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:2px}.chats-page .message-bubble.outgoing{color:#111b21;background:#d9fdd3;border-bottom-right-radius:2px}[data-theme=dark] .chats-page .message-bubble.outgoing{color:#e9edef;background:#005c4b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chats-page .message-bubble.outgoing{color:#e9edef;background:#005c4b}}.chats-page .message-text{word-break:break-word;white-space:pre-wrap}.chats-page .message-sender{word-break:break-word;margin-bottom:.15rem;font-size:.78rem;font-weight:600;line-height:1.2}.chats-page .message-meta{justify-content:flex-end;align-items:center;gap:.25rem;margin-top:.25rem;display:flex}.chats-page .message-time{color:#667781;font-size:.6875rem}[data-theme=dark] .chats-page .message-time{color:#8696a0}.chats-page .message-bubble.outgoing .message-time{color:#667781}[data-theme=dark] .chats-page .message-bubble.outgoing .message-time{color:#e9edefd9}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chats-page .message-bubble.outgoing .message-time{color:#e9edefd9}}.chats-page .message-bubble[style] .message-time{color:inherit;opacity:.85}.chats-page .message-status-icon{color:#667781;font-size:.75rem}[data-theme=dark] .chats-page .message-bubble.outgoing .message-status-icon{color:#e9edefd9}.chats-page .message-status-icon.read,[data-theme=dark] .chats-page .message-bubble.outgoing .message-status-icon.read{color:#53bdeb}.chats-page .room-input-footer{background:var(--bg-white);border-top:1px solid var(--border);box-sizing:border-box;padding:1rem 1.5rem}.chats-page .input-form{align-items:center;gap:.75rem;display:flex}.chats-page .message-text-input{border:1px solid var(--border);background:var(--bg-light);min-width:64px;color:var(--text-primary);box-sizing:border-box;border-radius:24px;outline:none;flex:1;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.chats-page .message-text-input:focus{border-color:var(--primary);background:var(--bg-white);box-shadow:0 0 0 3px #22c55e1a}.chats-page .btn-input-accessory{color:#54656f!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;transition:all .15s!important;display:flex!important}[data-theme=dark] .chats-page .btn-input-accessory{color:#aebac1!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chats-page .btn-input-accessory{color:#aebac1!important}}.chats-page .btn-input-accessory:hover,.chats-page .btn-input-accessory.active{color:#00a884!important;background:#0000000f!important}[data-theme=dark] .chats-page .btn-input-accessory:hover,[data-theme=dark] .chats-page .btn-input-accessory.active{color:#00a884!important;background:#ffffff1a!important}.chats-page .btn-input-accessory svg,.chats-page .btn-input-accessory svg *{stroke:currentColor!important;color:currentColor!important;opacity:1!important;visibility:visible!important;width:22px!important;height:22px!important}.chats-page .btn-send-message{color:#fff!important;cursor:pointer!important;opacity:1!important;background:#00a884!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;transition:all .15s!important;display:flex!important;box-shadow:0 2px 8px #00a88466!important}.chats-page .btn-send-message svg{color:#fff!important;stroke:#fff!important;fill:none!important;opacity:1!important;visibility:visible!important;width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;display:block!important}.chats-page .btn-send-message:hover:not(:disabled){transform:scale(1.05);background:#008f6f!important}.chats-page .btn-send-message:disabled{color:#fff!important;opacity:.85!important;cursor:pointer!important;background:#00a884!important;box-shadow:0 2px 6px #00a8844d!important}.chats-page .chats-loading-container,.chats-page .chats-error-state{background:var(--bg-white);border:1px solid var(--border);text-align:center;color:var(--text-secondary);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;margin-top:1rem;padding:4rem 2rem;display:flex}.chats-page .chats-error-state h3{color:var(--text-primary);margin:1rem 0 .5rem;font-size:1.25rem}.chats-page .chats-error-state p{max-width:450px;color:var(--text-muted);margin:0;font-size:.9375rem}.chats-page .text-warn{color:var(--warning-text)}.chats-page .chats-reconnect-banner{color:var(--warning-text);background:#ea580c1a;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.chats-page .chats-reconnect-banner button{margin-left:auto}.chats-page .btn-input-accessory{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.chats-page .btn-input-accessory:hover{background:var(--bg-light);color:var(--text-primary)}.chats-page .btn-input-accessory.active{color:var(--primary-text);background:#22c55e1a}.chats-page .attachment-preview-banner{background:var(--bg-white);border-top:1px solid var(--border);box-sizing:border-box;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.chats-page .preview-thumbnail{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:48px;height:48px}.chats-page .preview-file-icon{background:var(--bg-light);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.chats-page .preview-file-info{flex-direction:column;flex:1;min-width:0;display:flex}.chats-page .preview-filename{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.chats-page .preview-filesize{color:var(--text-muted);font-size:.75rem}.chats-page .btn-remove-attachment{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.chats-page .btn-remove-attachment:hover{color:var(--error-text);background:#ef44441f}.chats-page .chats-emoji-picker{background:var(--bg-white);border-top:1px solid var(--border);box-sizing:border-box;max-height:120px;padding:.75rem 1.5rem;overflow-y:auto}.chats-page .emoji-grid{flex-wrap:wrap;gap:.5rem;display:flex}.chats-page .emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.375rem;font-size:1.25rem;transition:all .15s;display:flex}.chats-page .emoji-btn:hover{background:var(--bg-light)}.chats-page .message-bubble.media-type{border-top-left-radius:12px;border-top-right-radius:12px}@media (width<=768px){.chats-page{flex-direction:column!important;height:calc(100dvh - 52px)!important;max-height:calc(100dvh - 52px)!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.chats-page .chats-layout{height:100%!important;min-height:0!important;box-shadow:none!important;border:none!important;border-radius:0!important;flex-direction:column!important;flex:1!important;margin-top:0!important;overflow:hidden!important}.chats-page .chats-sidebar{border-right:none!important;flex:1!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important}.chats-page .chats-room,.chats-page .room-container{flex-direction:column!important;flex:1!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.chats-page .chats-layout.has-active-chat .chats-sidebar,.chats-page .chats-layout:not(.has-active-chat) .chats-room{display:none!important}.chats-page .room-header{flex-shrink:0!important;gap:.5rem!important;height:52px!important;min-height:52px!important;padding:0 .75rem!important}.chats-page .room-back{color:var(--text-primary);cursor:pointer;background:0 0;border:none;margin-left:-.25rem;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;display:inline-flex!important}.chats-page .room-back:hover,.chats-page .room-back:active{background:#00000014}[data-theme=dark] .chats-page .room-back:hover,[data-theme=dark] .chats-page .room-back:active{background:#ffffff1f}.chats-page .room-messages{flex:1!important;gap:.5rem!important;min-height:0!important;padding:.75rem .85rem!important;overflow-y:auto!important}.chats-page .message-bubble{max-width:85%;padding:.55rem .85rem .35rem;font-size:.9rem}.chats-page .room-input-footer{flex-shrink:0!important;padding:.5rem .75rem!important}.chats-page .message-text-input{padding:.6rem .9rem;font-size:.9rem}.chats-page .btn-send-message{width:40px!important;height:40px!important}}@media (width>=769px) and (width<=889px){.main-content:not(.expanded) .chats-page .chats-layout{flex-direction:column}.main-content:not(.expanded) .chats-page .chats-sidebar{border-right:none;width:100%;height:100%}.main-content:not(.expanded) .chats-page .chats-layout.has-active-chat .chats-sidebar,.main-content:not(.expanded) .chats-page .chats-layout:not(.has-active-chat) .chats-room{display:none}.main-content:not(.expanded) .chats-page .room-back{display:inline-flex}}.chats-page .chat-image-media{cursor:pointer;object-fit:cover;border-radius:8px;max-width:100%;max-height:250px;margin-bottom:.5rem;display:block}.chats-page .message-media-omitted{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;margin-bottom:.25rem;padding:0;font-family:inherit;font-size:.9em;font-style:italic;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:flex}.chats-page .message-media-omitted:disabled{cursor:default;text-decoration:none}.chats-page .chat-location-media{border-radius:8px;max-width:min(220px,100%);margin-bottom:.25rem;display:block}.chats-page .chat-video-media{border-radius:8px;max-width:100%;max-height:250px;margin-bottom:.5rem;display:block}.chats-page .chat-audio-media{max-width:100%;margin-bottom:.5rem;display:block}.chats-page .chat-document-media{background:var(--bg-light);border:1px solid var(--border);color:var(--text-primary);word-break:break-all;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.chats-page .chat-document-media:hover{background:var(--border)}[data-theme=dark] .chats-page .chat-document-media{background:#202c33;border-color:#2f3b43}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chats-page .chat-document-media{background:#202c33;border-color:#2f3b43}}.chats-page .message-bubble.media-type{padding:.5rem}.chats-page .message-bubble-container{align-items:center;gap:.5rem;max-width:70%;display:flex;position:relative}.chats-page .message-bubble-wrapper.outgoing .message-bubble-container{flex-direction:row-reverse}.chats-page .message-bubble-wrapper.incoming .message-bubble-container{flex-direction:row}.chats-page .message-actions-menu{background:var(--bg-white);border:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:5;border-radius:20px;align-items:center;gap:.25rem;padding:2px 6px;display:none}.chats-page .message-bubble-container:hover .message-actions-menu{display:flex}.chats-page .action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.chats-page .action-btn:hover{background:var(--bg-light);color:var(--text-primary)}.chats-page .action-btn.delete-btn:hover{color:var(--error-text);background:#ef44441f}.chats-page .reaction-trigger-wrapper{position:relative}.chats-page .reaction-quick-popover{background:var(--bg-white);border:1px solid var(--border);z-index:50;white-space:nowrap;border-radius:24px;gap:.375rem;padding:.375rem .625rem;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-6px);box-shadow:0 4px 12px #00000026}.chats-page .reaction-quick-popover:after{content:"";background:0 0;height:12px;position:absolute;top:100%;left:0;right:0}.chats-page .reaction-trigger-wrapper:hover .reaction-quick-popover{display:flex}.chats-page .reaction-quick-popover button{cursor:pointer;background:0 0;border:none;padding:2px;font-size:1.25rem;transition:transform .1s}.chats-page .reaction-quick-popover button:hover{transform:scale(1.3)}.chats-page .message-reactions-badge{background:var(--bg-white);border:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:2px;padding:2px 6px;font-size:.75rem;display:flex;position:absolute;bottom:-12px}.chats-page .message-bubble-wrapper.outgoing .message-reactions-badge{right:12px}.chats-page .message-bubble-wrapper.incoming .message-reactions-badge{left:12px}.chats-page .reaction-emoji-span{font-size:.8125rem}.chats-page .reactions-count-span{color:var(--text-secondary);margin-left:2px;font-weight:600}.chats-page .message-quote-box{border-left:4px solid var(--primary);color:var(--text-secondary);cursor:pointer;background:#0000000a;border-radius:4px;margin-bottom:.5rem;padding:.375rem .625rem;font-size:.8125rem}.chats-page .message-bubble.outgoing .message-quote-box{background:#0000000d;border-left-color:#008069}[data-theme=dark] .chats-page .message-quote-box,[data-theme=dark] .chats-page .message-bubble.outgoing .message-quote-box{background:#ffffff14}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chats-page .message-quote-box{background:#ffffff14}}.chats-page .quote-body{white-space:nowrap;text-overflow:ellipsis;max-width:250px;overflow:hidden}.chats-page .replying-preview-banner{background:var(--bg-white);border-top:1px solid var(--border);box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.chats-page .replying-preview-content{border-left:4px solid var(--primary);flex-direction:column;flex:1;min-width:0;padding-left:.75rem;display:flex}.chats-page .replying-to-title{color:var(--primary-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:700;overflow:hidden}.chats-page .replying-to-body{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.chats-page .btn-close-reply{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.chats-page .btn-close-reply:hover{background:var(--bg-light);color:var(--text-primary)}.chats-page .message-bubble.revoked-type{opacity:.6;font-style:italic}[data-theme=dark] .chats-page .message-actions-menu,[data-theme=dark] .chats-page .reaction-quick-popover,[data-theme=dark] .chats-page .message-reactions-badge{background:#202c33;border-color:#2f3b43}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chats-page .message-actions-menu,:root:not([data-theme=light]) .chats-page .reaction-quick-popover,:root:not([data-theme=light]) .chats-page .message-reactions-badge{background:#202c33;border-color:#2f3b43}}.chats-page .message-text code,.chats-page .quote-body code{background:var(--bg-light);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.chats-page .message-text pre{background:var(--bg-light);border-radius:6px;margin:.25em 0;padding:.5em .75em;overflow-x:auto}.chats-page .message-text pre code{background:0 0;padding:0}.chats-page .chat-image-media{cursor:zoom-in}.chats-page .channel-room{flex-direction:column;flex:1;height:100%;display:flex}.chats-page .chats-room-header{background:var(--bg-white);border-bottom:1px solid var(--border);box-sizing:border-box;height:70px;color:var(--text-secondary);align-items:center;gap:.75rem;padding:0 1.5rem;display:flex}.chats-page .chats-room-header>svg{flex-shrink:0}.chats-page .chats-room-header h2{color:var(--text-primary);text-transform:none;letter-spacing:normal;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.chats-page .messages-list{flex-direction:column;flex:1;align-items:flex-start;gap:.75rem;padding:1.5rem;display:flex;overflow-y:auto}.chats-page .messages-list .message-bubble{max-width:480px}.chats-page .channel-media{object-fit:cover;border-radius:8px;max-width:100%;max-height:320px;margin-bottom:.5rem;display:block}.chats-page .status-media-placeholder{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;display:block}.chats-page .status-compose-trigger{justify-content:center;align-items:center;gap:.375rem;width:100%;padding:.5rem .75rem;font-size:.8125rem;display:flex}.chats-page .status-compose-modal .compose-type-toggle{border:1px solid var(--border);border-radius:var(--radius,8px);margin-bottom:1rem;display:flex;overflow:hidden}.chats-page .status-compose-modal .compose-type-toggle button{background:var(--bg-white);cursor:pointer;color:var(--text-secondary);border:none;flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.chats-page .status-compose-modal .compose-type-toggle button:first-child{border-right:1px solid var(--border)}.chats-page .status-compose-modal .compose-type-toggle button.active{background:var(--primary);color:#fff}.chats-page .status-compose-modal .compose-field{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.chats-page .status-compose-modal .compose-field label{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.chats-page .status-compose-modal textarea,.chats-page .status-compose-modal input[type=text],.chats-page .status-compose-modal input[type=url],.chats-page .status-compose-modal select{border:1px solid var(--border);border-radius:var(--radius,8px);background:var(--bg-light);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:.625rem .75rem;font-family:inherit;font-size:.875rem}.chats-page .status-compose-modal textarea:focus,.chats-page .status-compose-modal input:focus,.chats-page .status-compose-modal select:focus{border-color:var(--primary);background:var(--bg-white);box-shadow:0 0 0 3px #22c55e1a}.chats-page .status-compose-modal textarea{resize:vertical;min-height:100px}.chats-page .status-compose-modal .compose-row{gap:1rem;display:flex}.chats-page .status-compose-modal .compose-row .compose-field{flex:1}.chats-page .status-compose-modal input[type=color]{border:1px solid var(--border);border-radius:var(--radius,8px);background:var(--bg-light);cursor:pointer;box-sizing:border-box;width:100%;height:38px;padding:2px}.chats-page .status-compose-modal input[type=file]{width:100%;color:var(--text-secondary);font-size:.8125rem}.chats-page .status-compose-modal .compose-image-or{color:var(--text-muted);text-align:center;margin:.5rem 0;font-size:.75rem}.chats-page .status-compose-modal .compose-recipients{border:1px solid var(--border);border-radius:var(--radius,8px);background:var(--bg-light);max-height:180px;margin-top:.5rem;overflow-y:auto}.chats-page .status-compose-modal .compose-recipient-row{color:var(--text-primary);cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.chats-page .status-compose-modal .compose-recipient-row:last-child{border-bottom:none}.chats-page .status-compose-modal .compose-recipient-row:hover{background:var(--bg-white)}.chats-page .status-compose-modal .compose-recipients-empty{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;padding:1rem;font-size:.8125rem;display:flex}.chats-page .status-compose-modal .input-hint{color:var(--text-muted);margin-top:.375rem;font-size:.75rem;display:block}.chats-page .message-quote-box{color:#54656f!important;background:#0000000f!important}.chats-page .message-quote-box .quote-body{color:#54656f!important}[data-theme=dark] .chats-page .message-quote-box{color:#e9edef!important;background:#ffffff1a!important}[data-theme=dark] .chats-page .message-quote-box .quote-body{color:#e9edef!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chats-page .message-quote-box{color:#e9edef!important;background:#ffffff1a!important}:root:not([data-theme=light]) .chats-page .message-quote-box .quote-body{color:#e9edef!important}}.filter-builder{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.filter-builder-head{flex-direction:column;gap:.125rem;display:flex}.filter-builder-title{color:var(--text-secondary,#64748b);font-size:.875rem;font-weight:600;display:block}.filter-builder-hint{color:var(--text-secondary);font-size:.75rem}.filter-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:nowrap;align-items:flex-start;gap:.5rem;padding:.65rem;display:flex}.modal-body .filter-row select,.filter-row select{vertical-align:middle;border:1px solid var(--border-input,#cbd5e1)!important;background-color:var(--bg-surface,#fff)!important;height:38px!important;color:var(--text-primary,#0f172a)!important;box-sizing:border-box!important;border-radius:6px!important;padding:0 1.75rem 0 .75rem!important;font-size:.825rem!important;line-height:1.2!important}.filter-row>select{width:100%}.filter-field{flex:0 0 8.5rem}.filter-operator{flex:0 0 7rem}.filter-value{flex:auto;min-width:0}.filter-remove{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:inline-flex}.filter-remove svg{stroke:#64748b;flex-shrink:0;width:16px;height:16px}.filter-remove:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.filter-remove:hover svg{stroke:#dc2626}.filter-add{color:var(--theme-signal,#1f7a5c);cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:6px;align-self:flex-start;align-items:center;gap:.375rem;padding:.45rem .75rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.filter-add:hover{border-color:var(--theme-signal,#1f7a5c);background:#1f7a5c0a}.filter-text{flex-direction:column;align-items:flex-start;gap:.375rem;display:flex}.filter-case input{width:auto;margin:0;padding:0}.modal-body .filter-text input[type=text],.filter-text input[type=text]{border:1px solid var(--border-input,#cbd5e1)!important;background:var(--bg-surface,#fff)!important;width:100%!important;height:38px!important;color:var(--text-primary,#0f172a)!important;box-sizing:border-box!important;border-radius:6px!important;padding:0 .75rem!important;font-size:.825rem!important;line-height:38px!important}.filter-case{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.375rem;font-size:.75rem;display:inline-flex}.filter-enum{flex-wrap:wrap;gap:.375rem;display:flex}.enum-tag{border:1px solid var(--border);background:var(--bg-white);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:.3125rem .5rem;font-size:.75rem;transition:all .2s}.enum-tag:hover{border-color:var(--primary);color:var(--primary-text)}.enum-tag.selected{background:var(--primary);border-color:var(--primary);color:#fff}.chips-input{width:100%;position:relative}.chips-row{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.35rem;width:100%;min-height:38px;padding:.35rem .5rem;display:flex}.chip{color:var(--theme-signal,#1f7a5c);white-space:nowrap;background:#1f7a5c1a;border:1px solid #1f7a5c40;border-radius:6px;align-items:center;gap:.35rem;max-width:100%;padding:.2rem .55rem;font-size:.775rem;font-weight:600;display:inline-flex}.chip-remove{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:inline-flex}.chip-remove:hover{opacity:1}.chips-row .chips-text{flex:8rem;min-width:6rem;height:28px;line-height:28px;color:#0f172a!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0 .35rem!important;font-size:.8rem!important}.filter-bool{width:auto}.chips-suggestions{z-index:9999;background:#fff;border:1px solid #cbd5e1;border-radius:8px;max-height:12rem;padding:.25rem 0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}.chips-suggestion{cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;width:100%;padding:.5rem .75rem;line-height:1.3;transition:background .15s;display:flex}.chips-suggestion:hover{background:#f1f5f9}.chips-suggestion-name{color:#0f172a;font-size:.825rem;font-weight:600;line-height:1.2;display:block}.chips-suggestion-id{color:#64748b;font-family:JetBrains Mono,monospace;font-size:.725rem;font-weight:500;line-height:1.2;display:block}.chips-suggestion-add{color:var(--theme-signal,#1f7a5c);border-top:1px solid #e2e8f0;margin-top:.25rem;padding-top:.5rem;font-size:.8125rem;font-weight:600}.webhooks-page{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:1.75rem 2rem;overflow-x:hidden}.webhooks-page .modal:not(.modal-sm){max-width:640px}.webhooks-page .modal-body>input,.webhooks-page .modal-body>select,.webhooks-page .modal-body>.event-tags{margin-bottom:.85rem}.webhooks-page .modal-body>.event-tags{flex-wrap:wrap;gap:.5rem;display:flex}.webhooks-page .webhook-workflow-banner{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000a}.webhooks-page .workflow-title{color:var(--theme-signal,#1f7a5c);align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;display:flex}.webhooks-page .workflow-steps{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.webhooks-page .workflow-step{background:var(--theme-paper,#f5f6f1);border:1px solid #e2e5dc;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.775rem;display:flex}.webhooks-page .step-num{background:var(--theme-signal,#1f7a5c);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.675rem;font-weight:700;display:inline-flex}.webhooks-page .step-text{color:#334155;font-weight:600}.webhooks-page .workflow-arrow{color:#94a3b8;font-size:.85rem;font-weight:700}.webhooks-page .webhooks-content{grid-template-columns:1fr 310px;gap:1.5rem;display:grid}.webhooks-page .webhooks-list-container{width:100%;min-width:0}.webhooks-page .webhooks-card-list{flex-direction:column;gap:1.25rem;display:flex}.webhooks-page .webhook-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000d}.webhooks-page .webhook-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000012}.webhooks-page .webhook-card-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.webhooks-page .webhook-url-row{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.webhooks-page .webhook-url-icon{color:var(--theme-signal,#1f7a5c);flex-shrink:0}.webhooks-page .webhook-url{color:var(--theme-wire,#35586b);text-overflow:ellipsis;white-space:nowrap;background:0 0;min-width:0;padding:0;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;overflow:hidden}.webhooks-page .copy-url-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem .45rem;transition:all .15s;display:inline-flex}.webhooks-page .copy-url-btn:hover{color:var(--theme-signal,#1f7a5c);border-color:var(--theme-signal,#1f7a5c);background:#f1f5f9}.webhooks-page .webhook-card-actions{flex-shrink:0;gap:.4rem;display:flex}.webhooks-page .icon-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;padding:.45rem;transition:all .15s;display:inline-flex}.webhooks-page .icon-btn:hover{color:var(--theme-signal,#1f7a5c);border-color:var(--theme-signal,#1f7a5c);background:#f8fafc}.webhooks-page .icon-btn.danger:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.webhooks-page .webhook-card-body{padding:1.15rem 1.25rem}.webhooks-page .webhook-meta{flex-wrap:wrap;gap:1.75rem;margin-bottom:1rem;display:flex}.webhooks-page .webhook-meta-item{flex-direction:column;gap:.25rem;display:flex}.webhooks-page .webhook-meta-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.675rem;font-weight:700}.webhooks-page .session-pill-value{color:#0f172a;background:#f1f5f9;border-radius:4px;width:fit-content;padding:.15rem .5rem;font-size:.825rem;font-weight:600}.webhooks-page .security-pill-value{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.webhooks-page .status-badge{border-radius:20px;align-items:center;gap:.35rem;width:fit-content;padding:.2rem .65rem;font-size:.725rem;font-weight:700;display:inline-flex}.webhooks-page .status-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.webhooks-page .status-badge.active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.webhooks-page .status-badge.inactive{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.webhooks-page .webhook-events{flex-direction:column;gap:.4rem;display:flex}.webhooks-page .events-cell{flex-wrap:wrap;gap:.4rem;display:flex}.webhooks-page .event-tag{cursor:default;border-radius:5px;padding:.25rem .55rem;font-family:JetBrains Mono,monospace;font-size:.725rem;font-weight:600}.webhooks-page .event-tag.event-msg{color:var(--theme-signal,#1f7a5c);background:#1f7a5c14;border:1px solid #1f7a5c33}.webhooks-page .event-tag.event-sess{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.webhooks-page .event-tag.event-group{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5}.webhooks-page .event-tag.event-gen{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.webhooks-page .modal-body .event-tag{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.8rem;transition:all .15s;display:inline-flex}.webhooks-page .modal-body .event-tag:hover{border-color:var(--theme-signal,#1f7a5c);color:var(--theme-signal,#1f7a5c)}.webhooks-page .modal-body .event-tag.selected{background:var(--theme-signal,#1f7a5c);color:#fff;border-color:var(--theme-signal,#1f7a5c)}.webhooks-page .empty-table-state{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.webhooks-page .empty-table-state svg{color:var(--theme-signal,#1f7a5c);margin-bottom:1rem}.webhooks-page .empty-table-state h3{color:#0f172a;margin:0 0 .4rem;font-size:1.15rem;font-weight:700}.webhooks-page .empty-table-state p{margin:0 0 1.25rem;font-size:.875rem}.webhooks-page .events-reference{background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:fit-content;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.webhooks-page .events-reference h3{color:#0f172a;margin:0 0 .85rem;font-size:.95rem;font-weight:700}.webhooks-page .event-search-box{margin-bottom:1rem}.webhooks-page .event-search-box input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.45rem .75rem;font-size:.8rem}.webhooks-page .events-list{flex-direction:column;gap:.75rem;max-height:480px;display:flex;overflow-y:auto}.webhooks-page .event-item{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:.2rem;padding-bottom:.65rem;display:flex}.webhooks-page .event-item code{color:var(--theme-signal,#1f7a5c);background:#1f7a5c14;border-radius:4px;width:fit-content;padding:.15rem .45rem;font-family:JetBrains Mono,monospace;font-size:.775rem;font-weight:600}.webhooks-page .event-item span{color:#64748b;font-size:.775rem;line-height:1.35}.webhooks-page .events-empty{color:#94a3b8;text-align:center;padding:1rem 0;font-size:.8rem}.webhooks-page .toggle-group{background:#f8fafc;border-radius:8px;align-items:center;gap:1rem;margin-top:1.25rem;padding:.85rem 1rem;display:flex}.webhooks-page .toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.webhooks-page .toggle-switch input{opacity:0;width:0;height:0}.webhooks-page .toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.webhooks-page .toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.webhooks-page .toggle-switch input:checked+.toggle-slider{background-color:var(--theme-signal,#1f7a5c)}.webhooks-page .toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.webhooks-page .toggle-status{font-size:.85rem;font-weight:600}.webhooks-page .toggle-status.active{color:#059669}.webhooks-page .toggle-status.inactive{color:#64748b}.webhooks-page .filter-badge{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.725rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.webhooks-page .filter-badge:hover{color:var(--theme-signal,#1f7a5c);border-color:var(--theme-signal,#1f7a5c);background:#e2e8f0}.webhooks-page .filter-popover{z-index:10050;pointer-events:none;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:220px;max-width:320px;padding:.75rem;animation:.15s ease-out filterPopoverFade;position:fixed;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}@keyframes filterPopoverFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1}}.webhooks-page .filter-popover-title{text-transform:uppercase;letter-spacing:.04em;color:#64748b;border-bottom:1px solid #f1f5f9;margin-bottom:.4rem;padding-bottom:.3rem;font-size:.75rem;font-weight:700}.webhooks-page .filter-popover-row{color:#0f172a;padding:.2rem 0;font-size:.775rem;line-height:1.35}@media (width<=1024px){.webhooks-page .webhooks-content{grid-template-columns:1fr}}@media (width<=768px){.webhooks-page{padding:1rem}.webhooks-page .webhook-workflow-banner,.webhooks-page .webhook-card-header{flex-direction:column;align-items:flex-start}.webhooks-page .webhook-card-actions{justify-content:flex-end;width:100%}}@media (width<=480px){.webhooks-page{padding:.75rem}}.templates-page{box-sizing:border-box;width:100%;padding:1.5rem;overflow-x:hidden}.templates-page .templates-loading,.templates-page .templates-loading-inline,.templates-page .templates-empty-page,.templates-page .templates-empty-list{justify-content:center;align-items:center;display:flex}.templates-page .templates-loading{min-height:400px}.templates-page .templates-session-select{min-width:240px}.templates-page .templates-workspace{border:1px solid var(--border);background:var(--bg-white);min-height:calc(100vh - 170px);box-shadow:var(--shadow-sm);border-radius:10px;grid-template-columns:minmax(280px,320px) minmax(360px,1fr) minmax(280px,340px);display:grid;overflow:hidden}.templates-page .templates-library,.templates-page .template-editor,.templates-page .template-preview{box-sizing:border-box;min-width:0;min-height:0}.templates-page .templates-library{border-right:1px solid var(--border);background:var(--bg-light);flex-direction:column;display:flex}.templates-page .templates-library-header,.templates-page .template-editor-header,.templates-page .template-preview-header{border-bottom:1px solid var(--border);box-sizing:border-box;justify-content:space-between;align-items:center;gap:.5rem;min-height:64px;padding:.75rem .85rem;display:flex}.templates-page .templates-library-header>div,.templates-page .template-editor-header>div,.templates-page .template-preview-header>div{flex:1;min-width:0}.templates-page .templates-library-header h2,.templates-page .template-editor-header h2,.templates-page .template-preview-header h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;font-weight:700;overflow:hidden}.templates-page .templates-library-header span,.templates-page .template-editor-header p,.templates-page .template-preview-header span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.8rem;display:block;overflow:hidden}.templates-page .template-editor-header p{margin-bottom:0}.templates-page .templates-new-btn{white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;min-height:34px;padding:.4rem .65rem;font-size:.775rem;display:inline-flex}.templates-page .templates-search{color:#64748b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.5rem;margin:.75rem;padding:.5rem .75rem;transition:all .15s;display:flex}.templates-page .templates-search:focus-within{border-color:var(--theme-signal,#1f7a5c);color:var(--theme-signal,#1f7a5c);box-shadow:0 0 0 3px #1f7a5c1f}.templates-page .templates-search .search-icon{color:inherit;flex-shrink:0}.templates-page .templates-search input{flex:1;width:100%!important;height:24px!important;color:var(--text-primary,#0f172a)!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important;font-size:.875rem!important;line-height:24px!important}.templates-page .templates-search .search-clear-btn{background:var(--bg-light,#e2e8f0)!important;width:20px!important;height:20px!important;color:var(--text-secondary,#64748b)!important;cursor:pointer!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;transition:all .15s!important;display:inline-flex!important}.templates-page .templates-search .search-clear-btn:hover{background:var(--border,#cbd5e1)!important;color:var(--text-primary,#0f172a)!important}.templates-page .template-list{flex-direction:column;flex:1;padding:0 .5rem 1rem;display:flex;overflow-y:auto}.templates-page .template-list-item{border:1px solid var(--border,#cbd5e1)!important;background:var(--bg-surface,#fff)!important;width:100%!important;height:auto!important;min-height:80px!important;color:var(--text-primary,#0f172a)!important;text-align:left!important;white-space:normal!important;cursor:pointer!important;box-sizing:border-box!important;border-radius:10px!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:.35rem!important;margin-bottom:.65rem!important;padding:.85rem 1rem!important;transition:all .15s!important;display:flex!important}.templates-page .template-list-item:hover{border-color:var(--theme-signal,#1f7a5c)!important;background:var(--primary-soft,#f8fafc)!important}.templates-page .template-list-item.selected{border:2px solid var(--theme-signal,#1f7a5c)!important;background:#1f7a5c1f!important}.templates-page .template-list-title{color:var(--text-primary,#0f172a)!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.925rem!important;font-weight:700!important;line-height:1.3!important;display:block!important;overflow:hidden!important}.templates-page .template-list-body{color:#475569!important;-webkit-line-clamp:2!important;white-space:normal!important;-webkit-box-orient:vertical!important;font-size:.825rem!important;line-height:1.45!important;display:-webkit-box!important;overflow:hidden!important}.templates-page .template-list-meta{color:#64748b!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:.15rem!important;font-family:JetBrains Mono,ui-monospace,monospace!important;font-size:.725rem!important;line-height:1.3!important;display:block!important;overflow:hidden!important}.templates-page .template-editor{background:var(--bg-white);flex-direction:column;display:flex}.templates-page .template-header-actions,.templates-page .template-editor-actions{align-items:center;gap:.5rem;display:flex}.templates-page .template-form{box-sizing:border-box;flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.templates-page .template-message-fields{flex:1;grid-template-rows:auto minmax(240px,1fr) auto;gap:1rem;display:grid}.templates-page .template-form .form-group{flex-direction:column;gap:.5rem;display:flex}.templates-page .template-form label,.templates-page .placeholder-list label>span{color:var(--text-secondary);font-size:.8125rem;font-weight:700}.templates-page .template-form input,.templates-page .template-form textarea,.templates-page .placeholder-list input{box-sizing:border-box;border:1px solid var(--border-input,var(--border));background:var(--bg-surface);width:100%;color:var(--text-primary);border-radius:8px;font-size:.9375rem}.templates-page .template-form input,.templates-page .placeholder-list input{padding:.8125rem .875rem}.templates-page .template-form textarea{resize:vertical;flex:1;min-height:240px;padding:.875rem;line-height:1.55}.templates-page .template-form input:focus,.templates-page .template-form textarea:focus,.templates-page .placeholder-list input:focus{border-color:var(--primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.templates-page .body-field{min-height:0}.templates-page .template-editor-actions{border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.templates-page .template-preview{border-left:1px solid var(--border);background:var(--bg-light);flex-direction:column;display:flex}.templates-page .template-preview-header span{border:1px solid var(--primary);background:var(--primary-soft);min-width:28px;min-height:24px;color:var(--primary-text);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin:0;font-size:.75rem;font-weight:700;display:inline-flex}.templates-page .template-preview-message{box-sizing:border-box;padding:1rem}.templates-page .template-preview-message pre{border:1px solid var(--border);background:var(--bg-surface);min-height:200px;max-height:360px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;box-sizing:border-box;border-radius:8px;margin:0;padding:1rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem;line-height:1.6;overflow:auto}.templates-page .template-variable-panel{box-sizing:border-box;flex:1;padding:0 1rem 1rem;overflow-y:auto}.templates-page .placeholder-list{flex-direction:column;gap:.875rem;display:flex}.templates-page .placeholder-list label{flex-direction:column;gap:.375rem;display:flex}.templates-page .placeholder-list label>span{color:var(--primary-text);font-family:JetBrains Mono,ui-monospace,monospace}.templates-page .template-muted{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.templates-page .templates-loading-inline,.templates-page .templates-empty-list,.templates-page .templates-empty-page{min-height:220px;color:var(--text-muted);text-align:center;flex-direction:column;gap:.75rem;padding:1.5rem}.templates-page .templates-empty-list.compact{min-height:140px}.templates-page .templates-empty-page{border:1px solid var(--border);background:var(--bg-white);box-shadow:var(--shadow-sm);border-radius:8px}.templates-page .templates-empty-list h3,.templates-page .templates-empty-page h3{color:var(--text-secondary);margin:0}.templates-page .templates-empty-list p,.templates-page .templates-empty-page p{max-width:340px;color:var(--text-secondary);margin:0;font-size:.875rem}.templates-page .icon-btn{border:1px solid var(--border);background:var(--bg-white);width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.templates-page .icon-btn:hover{background:var(--bg-light);color:var(--text-primary)}.templates-page .icon-btn.danger:hover{color:var(--error-text);background:#ef44441f;border-color:#ef44444d}@media (width<=1400px){.templates-page .templates-workspace{grid-template-columns:minmax(280px,320px) minmax(0,1fr)}.templates-page .template-preview{border-top:1px solid var(--border);border-left:0;grid-column:1/-1;grid-template-columns:1fr minmax(260px,320px);display:grid}.templates-page .template-preview-header{grid-column:1/-1}.templates-page .template-variable-panel{padding-top:1rem}}@media (width<=900px){.templates-page{padding:1rem}.templates-page .templates-session-select{width:100%;min-width:0}.templates-page .templates-workspace{flex-direction:column;min-height:auto;display:flex}.templates-page .templates-library{border-right:0;border-bottom:1px solid var(--border);max-height:360px}.templates-page .template-editor-header,.templates-page .templates-library-header,.templates-page .template-preview-header{min-height:auto}.templates-page .template-preview{flex-direction:column;display:flex}}@media (width<=640px){.templates-page .templates-library-header,.templates-page .template-editor-header,.templates-page .template-editor-actions{flex-direction:column;align-items:stretch}.templates-page .template-header-actions{justify-content:flex-end}.templates-page .template-form,.templates-page .template-preview-message,.templates-page .template-variable-panel{padding:1rem}}@media (width<=480px){.templates-page{padding:.75rem}}.logs-page{box-sizing:border-box;width:100%;padding:2rem}.logs-page .page-header{margin-bottom:1.5rem}.logs-page .export-logs-btn{background-color:var(--theme-paper,#f5f6f1);cursor:pointer;border:1px solid #e0e2d8;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;height:40px;padding:.55rem 1.15rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a;color:var(--theme-ink,#12231f)!important}.logs-page .export-logs-btn:hover:not(:disabled){background-color:#eaece0;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 5px #0000000f;color:var(--theme-ink,#12231f)!important}.logs-page .filters-bar{gap:1rem;margin-bottom:1.5rem;display:flex}.logs-page .search-input{box-sizing:border-box;background:var(--bg-surface,#fff);border:1px solid var(--border-input,#cbd5e1);border-radius:10px;flex:1;align-items:center;gap:.65rem;max-width:400px;height:40px;padding:.55rem .85rem;transition:all .15s;display:flex}.logs-page .search-input:focus-within{border-color:var(--theme-signal,#1f7a5c)!important;box-shadow:0 0 0 3px #1f7a5c26!important}.logs-page .search-input svg{color:var(--theme-ash,#6b7167);flex-shrink:0;transition:color .15s}.logs-page .search-input:focus-within svg{color:var(--theme-signal,#1f7a5c)}.logs-page .search-input input,.logs-page .search-input input:focus{color:var(--text-primary,#12231f);flex:1;font-size:.875rem;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.logs-page .filter-group{box-sizing:border-box;background:var(--theme-paper,#f5f6f1);border:1px solid #e0e2d8;border-radius:10px;align-items:center;gap:.5rem;height:40px;padding:0 1rem;display:flex}.logs-page .filter-group svg{color:var(--text-muted)}.logs-page .filter-group .custom-select{flex:1}.logs-page .logs-table-container{background:var(--bg-white);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.logs-page .logs-table{flex-direction:column;width:100%;font-size:.875rem;display:flex}.logs-page .logs-table .table-row{border-bottom:1px solid var(--border);grid-template-columns:180px 200px 150px 150px 150px 1fr 120px;align-items:center;gap:1rem;padding:1rem 1.5rem;display:grid}.logs-page .logs-table .table-row:last-child{border-bottom:none}.logs-page .logs-table .table-row.header{background:var(--bg-light);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);font-size:.7rem;font-weight:700}.logs-page .logs-table .table-row:not(.header):hover{background:#25d3660d}.logs-page .timestamp{color:var(--text-muted);white-space:nowrap;font-family:monospace;font-size:.8125rem}.logs-page .action{color:var(--text-primary);white-space:nowrap;font-size:.8125rem;font-weight:600}.logs-page .api-key,.logs-page .ip{white-space:nowrap;font-family:monospace;font-size:.8125rem}.logs-page .details{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.logs-page .severity-badge{text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;border-radius:6px;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:inline-block}.logs-page .logs-table .table-row>span:last-child{justify-self:end}.logs-page .severity-badge.info{color:var(--theme-wire,#35586b);background:#e8f1f5}.logs-page .severity-badge.warn{color:var(--theme-amber,#c97a2e);background:#fef3c7}.logs-page .severity-badge.error{color:#b91c1c;background:#fee2e2}.logs-page .pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.logs-page .pagination button{background:var(--bg-white);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.logs-page .pagination button:hover:not(:disabled){background:var(--bg-light)}.logs-page .pagination button:disabled{opacity:.5;cursor:not-allowed}.logs-page .page-numbers{gap:.25rem;display:flex}.logs-page .page-numbers button{min-width:36px;padding:.5rem}.logs-page .page-numbers button.active{background:var(--primary);border-color:var(--primary);color:#fff}.logs-page .empty-table-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.logs-page .empty-table-state svg{opacity:.4;color:var(--text-muted);margin-bottom:1rem}.logs-page .empty-table-state h3{color:var(--text-secondary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.logs-page .empty-table-state p{max-width:300px;margin:0;font-size:.875rem}@media (width<=768px){.logs-page{padding:1rem}.logs-page .filters-bar{flex-direction:column;gap:.75rem}.logs-page .search-input{max-width:none}.logs-page .filter-group{justify-content:space-between;width:100%}.logs-page .filter-group .custom-select{flex:1}.logs-page .logs-table-container{box-shadow:none;background:0 0;border:none;overflow-x:visible}.logs-page .logs-table{display:block}.logs-page .logs-table .table-row.header{display:none}.logs-page .logs-table .table-row:not(.header){text-align:left;background:var(--bg-white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;padding:1rem;display:flex}.logs-page .logs-table .table-row:not(.header)>span{text-align:left;justify-content:flex-start;width:100%}.logs-page .logs-table .table-row:not(.header):hover{background:var(--bg-white)}.logs-page .logs-table .table-row .action{order:1;margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.logs-page .logs-table .table-row .timestamp{order:2;font-size:.75rem}.logs-page .logs-table .table-row>span:nth-child(3),.logs-page .logs-table .table-row>span:nth-child(4),.logs-page .logs-table .table-row>span:nth-child(5){display:none}.logs-page .logs-table .table-row>span:last-child{order:3;justify-self:flex-start}.logs-page .pagination{flex-wrap:wrap;gap:.5rem}.logs-page .pagination button{padding:.5rem .75rem;font-size:.8125rem}.logs-page .page-numbers button{min-width:32px;padding:.5rem .25rem}}@media (width<=480px){.logs-page{padding:.75rem}}.api-keys-page{box-sizing:border-box;width:100%;padding:2rem}.api-keys-page .page-header{margin-bottom:2rem}.api-keys-page .api-keys-content{flex-direction:column;gap:1.5rem;display:flex}.api-keys-page .keys-table-container{background:var(--bg-white);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:12px;width:100%;overflow-x:auto}.api-keys-page .keys-table{border-collapse:collapse;width:100%;font-size:.875rem}.api-keys-page .keys-table thead tr.table-row.header th{background:var(--bg-light);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);text-align:left;padding:1.125rem 1.5rem;font-size:.7rem;font-weight:700}.api-keys-page .keys-table tbody tr.table-row td{border-bottom:1px solid var(--border);vertical-align:middle;padding:1.125rem 1.5rem}.api-keys-page .keys-table tbody tr.table-row:last-child td{border-bottom:none}.api-keys-page .keys-table tbody tr.table-row:hover{background:#25d3660d}.api-keys-page .keys-table tbody tr.table-row:nth-child(2n){background:#94a3b814}.api-keys-page .keys-table tbody tr.table-row:nth-child(2n):hover{background:#25d3660d}.api-keys-page .name-cell{color:var(--text-primary);white-space:nowrap;font-weight:500}.api-keys-page .key-cell{align-items:center;gap:.5rem;display:flex}.api-keys-page .key-cell code{color:var(--text-secondary);background:var(--bg-light);white-space:nowrap;border-radius:4px;padding:.375rem .625rem;font-family:monospace;font-size:.8125rem}.api-keys-page .icon-btn-sm{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.25rem;transition:color .2s}.api-keys-page .icon-btn-sm:hover{color:var(--text-primary)}.api-keys-page .permission-badge{color:var(--info);white-space:nowrap;background:#3b82f61f;border-radius:4px;padding:.25rem .5rem;font-size:.6875rem;font-weight:500}.api-keys-page .permission-badge:first-child:last-child{color:var(--primary-text);background:#25d3661a}.api-keys-page .actions-cell{justify-content:flex-end;gap:.25rem;display:flex}.api-keys-page .icon-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:6px;flex-shrink:0;padding:.5rem;transition:all .2s}.api-keys-page .icon-btn:hover{background:var(--bg-light);color:var(--text-primary)}.api-keys-page .icon-btn.danger:hover{color:var(--error-text);background:#ef44441f;border-color:#ef44444d}.api-keys-page .permissions-reference{background:var(--bg-white);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.api-keys-page .permissions-reference h3{margin-bottom:1rem}.api-keys-page .permissions-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.api-keys-page .perm-item{background:var(--bg-light);border-radius:var(--radius);flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.api-keys-page .perm-item code{color:var(--primary-text);background:#25d3661a;border-radius:4px;width:fit-content;padding:.25rem .5rem;font-size:.8125rem}.api-keys-page .perm-item span{color:var(--text-secondary);font-size:.75rem}.api-keys-page .empty-table-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.api-keys-page .empty-table-state svg{opacity:.4;color:var(--text-muted);margin-bottom:1rem}.api-keys-page .empty-table-state h3{color:var(--text-secondary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.api-keys-page .empty-table-state p{max-width:300px;margin:0;font-size:.875rem}.api-keys-page .confirm-modal{max-width:400px}.api-keys-page .confirm-icon-wrapper{justify-content:center;margin-bottom:1rem;display:flex}.api-keys-page .confirm-warning-icon{color:var(--warning-text)}.api-keys-page .confirm-message{text-align:center;color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.api-keys-page .confirm-message strong{color:var(--text-primary)}.api-keys-page .status-badge{border-radius:9999px;padding:.25rem .5rem;font-size:.6875rem;font-weight:600}.api-keys-page .status-badge.active{color:var(--primary-text);background:#25d3661a}.api-keys-page .status-badge.inactive{color:var(--error-text);background:#ef44441f}@media (width<=768px){.api-keys-page{padding:1rem}.api-keys-page .btn-primary{justify-content:center;width:100%}.api-keys-page .keys-table-container{box-shadow:none;background:0 0;border:none;overflow-x:visible}.api-keys-page .keys-table{display:block}.api-keys-page .keys-table thead{display:none}.api-keys-page .keys-table tbody{flex-direction:column;gap:1rem;display:flex}.api-keys-page .keys-table tbody tr.table-row{background:var(--bg-white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.api-keys-page .keys-table tbody tr.table-row:hover,.api-keys-page .keys-table tbody tr.table-row:nth-child(2n),.api-keys-page .keys-table tbody tr.table-row:nth-child(2n):hover{background:var(--bg-white)}.api-keys-page .keys-table tbody tr.table-row td{border-bottom:none;padding:0;display:block}.api-keys-page .keys-table tbody tr.table-row td:first-child{order:1}.api-keys-page .keys-table tbody tr.table-row td:first-child .name-cell{color:var(--text-primary);font-size:1.125rem;font-weight:600;display:block}.api-keys-page .keys-table tbody tr.table-row td:nth-child(2){order:2}.api-keys-page .keys-table tbody tr.table-row td:nth-child(2) .key-cell{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.api-keys-page .keys-table tbody tr.table-row td:nth-child(2) .key-cell code{word-break:break-all;white-space:normal;font-size:.75rem}.api-keys-page .keys-table tbody tr.table-row td:nth-child(3),.api-keys-page .keys-table tbody tr.table-row td:nth-child(4){order:3;display:inline-block}.api-keys-page .keys-table tbody tr.table-row td:nth-child(3){margin-right:.5rem}.api-keys-page .keys-table tbody tr.table-row td:last-child{border-top:1px solid var(--border);order:5;margin-top:.5rem;padding-top:.75rem}.api-keys-page .keys-table tbody tr.table-row td:last-child .actions-cell{justify-content:flex-start;gap:.5rem}.api-keys-page .permissions-reference{padding:1rem}.api-keys-page .permissions-reference h3{font-size:.9375rem}}@media (width<=480px){.api-keys-page .permissions-list{grid-template-columns:1fr}.api-keys-page{padding:.75rem}}.api-and-logs-page{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:1.25rem 1.5rem;overflow-x:hidden}.api-and-logs-page .api-page-header{background:var(--bg-surface,#fff);border:1px solid var(--border,#e2e8f0);box-sizing:border-box;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;min-width:0;margin-bottom:1.75rem;padding:1.25rem 1.75rem;display:flex}.api-and-logs-page .api-page-header>div:first-child{flex:1;min-width:0}.api-and-logs-page .api-page-header h1{color:var(--text-primary,var(--theme-ink,#12231f));letter-spacing:-.01em;margin:0 0 4px;font-size:1.45rem;font-weight:800}.api-and-logs-page .api-page-header .subtitle{color:var(--text-secondary,var(--theme-ash,#6b7167));margin:0;font-size:.875rem}.api-and-logs-page .header-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem;display:flex}.api-and-logs-page .btn-primary{cursor:pointer;box-sizing:border-box;white-space:nowrap;background:linear-gradient(135deg,#1f7a5c 0%,#175e46 100%);border:1px solid #18634a;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;height:40px;padding:0 1.15rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #1f7a5c33;color:#fff!important}.api-and-logs-page .btn-primary svg{flex-shrink:0}.api-and-logs-page .btn-primary:hover{background:linear-gradient(135deg,#248f6c 0%,#1b6c51 100%);transform:translateY(-1px);box-shadow:0 4px 12px #1f7a5c4d}.api-and-logs-page .swagger-btn{background:var(--bg-surface,#fff);border:1px solid var(--border,#cbd5e1);box-sizing:border-box;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;height:40px;padding:0 1.15rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a;color:var(--text-primary,#12231f)!important}.api-and-logs-page .swagger-btn svg{flex-shrink:0}.api-and-logs-page .swagger-btn:hover{background:var(--primary-soft,#e6f4ef);border-color:var(--theme-signal,#1f7a5c);transform:translateY(-1px);box-shadow:0 3px 10px #1f7a5c26;color:var(--theme-signal,#1f7a5c)!important}.api-and-logs-page .api-main-grid{grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:1.5rem;margin-bottom:1.75rem;display:grid}@media (width<=1280px){.api-and-logs-page .api-main-grid{grid-template-columns:1fr}}.api-and-logs-page .api-card{box-sizing:border-box;min-width:0;padding:1.5rem;box-shadow:0 4px 18px -4px #0000000a;background:var(--bg-surface,#fff)!important;border:1px solid var(--border,#e2e8f0)!important;border-radius:16px!important}.api-and-logs-page .card-section-title{color:var(--theme-signal,#1f7a5c);align-items:center;gap:.6rem;min-width:0;margin-bottom:.5rem;display:flex}.api-and-logs-page .card-section-title svg{color:var(--theme-signal,#1f7a5c);flex-shrink:0;display:inline-block}.api-and-logs-page .card-section-title h2{color:var(--text-primary,var(--theme-ink,#12231f));letter-spacing:-.01em;margin:0;padding:0;font-size:1.05rem;font-weight:800;line-height:1.25}.api-and-logs-page .card-desc{color:var(--text-secondary,var(--theme-ash,#6b7167));margin:0 0 1.25rem;font-size:.825rem;line-height:1.45}.api-and-logs-page .instance-select-group{margin-bottom:1.25rem}.api-and-logs-page .instance-select-group label{color:var(--text-primary,var(--theme-ink,#12231f));margin-bottom:.4rem;font-size:.8rem;font-weight:700;display:block}.api-and-logs-page .instance-select-group select,.api-and-logs-page .field-group input{border:1px solid var(--border,#cbd5e1);width:100%;height:40px;color:var(--text-primary,var(--theme-ink,#12231f));background:var(--bg-surface,#fff);box-sizing:border-box;border-radius:10px;padding:0 .9rem;font-family:inherit;font-size:.875rem;transition:all .15s}.api-and-logs-page .instance-select-group select:focus,.api-and-logs-page .field-group input:focus{border-color:var(--theme-signal,#1f7a5c);outline:none;box-shadow:0 0 0 3px #1f7a5c2e}.api-and-logs-page .card-divider{background:var(--border,#e2e5dc);height:1px;margin:1.5rem 0}.api-and-logs-page .token-display-box{background:var(--bg-light,var(--theme-paper,#f5f6f1));border:1px solid var(--border,#e0e2d8);box-sizing:border-box;border-radius:10px;align-items:center;gap:.5rem;min-width:0;margin-bottom:1rem;padding:.4rem .6rem;display:flex}.api-and-logs-page .token-input{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:.25rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.825rem;font-weight:600;overflow:hidden;color:var(--text-primary,var(--theme-ink,#12231f))!important;background:0 0!important;border:none!important}.api-and-logs-page .token-input:focus{box-shadow:none!important;outline:none!important}.api-and-logs-page .copy-token-btn{background:var(--bg-surface,#fff);border:1px solid var(--border,#cbd5e1);cursor:pointer;white-space:nowrap;box-sizing:border-box;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;height:36px;padding:0 .85rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;color:var(--text-primary,var(--theme-ink,#12231f))!important}.api-and-logs-page .copy-token-btn svg{flex-shrink:0}.api-and-logs-page .copy-token-btn:hover{background:var(--primary-soft,#e6f4ef);border-color:var(--theme-signal,#1f7a5c);color:var(--theme-signal,#1f7a5c)!important}.api-and-logs-page .quick-endpoint-preview{background:var(--bg-light,var(--theme-paper,#f5f6f1));border:1px solid var(--border,#e0e2d8);box-sizing:border-box;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;margin-bottom:1.25rem;padding:.5rem .75rem;font-size:.775rem;display:flex}.api-and-logs-page .method-badge{border-radius:4px;flex-shrink:0;padding:.15rem .45rem;font-size:.7rem;font-weight:800}.api-and-logs-page .method-badge.post{color:var(--theme-signal,#1f7a5c);background:#1f7a5c1f;border:1px solid #1f7a5c40}.api-and-logs-page .endpoint-path{color:var(--text-primary,var(--theme-ink,#12231f));word-break:break-all;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600}.api-and-logs-page .form-row-2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}@media (width<=640px){.api-and-logs-page .form-row-2{grid-template-columns:1fr}}.api-and-logs-page .field-group{flex-direction:column;min-width:0;display:flex}.api-and-logs-page .field-group label{color:var(--text-primary,var(--theme-ink,#12231f));margin-bottom:.4rem;font-size:.8rem;font-weight:700}.api-and-logs-page .tester-action-row{justify-content:flex-end;margin-top:1.25rem;display:flex}.api-and-logs-page .btn-send-api{cursor:pointer;box-sizing:border-box;white-space:nowrap;background:linear-gradient(135deg,#1f7a5c 0%,#175e46 100%);border:1px solid #18634a;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;height:42px;padding:0 1.35rem;font-size:.875rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #1f7a5c38;color:#fff!important}.api-and-logs-page .btn-send-api svg{flex-shrink:0}.api-and-logs-page .btn-send-api:hover:not(:disabled){background:linear-gradient(135deg,#248f6c 0%,#1b6c51 100%);border-color:#124d3a;transform:translateY(-1px);box-shadow:0 5px 14px #1f7a5c52}.api-and-logs-page .btn-send-api:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.api-and-logs-page .api-response-alert{box-sizing:border-box;border-radius:10px;min-width:0;margin-top:1.25rem;padding:1rem 1.25rem;font-size:.85rem}.api-and-logs-page .api-response-alert.error{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.api-and-logs-page .api-response-alert.success{color:var(--theme-signal,#1f7a5c);background:#1f7a5c1f;border:1px solid #1f7a5c40}.api-and-logs-page .response-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.api-and-logs-page .response-title{align-items:center;gap:.35rem;font-weight:700;display:flex}.api-and-logs-page .response-title svg{flex-shrink:0}.api-and-logs-page .response-time{color:var(--text-secondary,#64748b);font-size:.75rem}.api-and-logs-page .json-preview{color:#38bdf8;white-space:pre-wrap;word-break:break-all;box-sizing:border-box;background:#0f172a;border-radius:8px;max-height:240px;margin:0;padding:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;overflow-x:auto}.api-and-logs-page .code-snippets-section{background:var(--bg-surface,#fff);border:1px solid var(--border,#e2e8f0);box-sizing:border-box;border-radius:14px;min-width:0;margin-top:1.5rem;overflow:hidden;box-shadow:0 2px 10px #00000008}.api-and-logs-page .code-header{background:var(--bg-light,var(--theme-paper,#f5f6f1));border-bottom:1px solid var(--border,#e2e5dc);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.api-and-logs-page .code-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.api-and-logs-page .code-tab{background:var(--bg-surface,#fff);border:1px solid var(--border,#cbd5e1);height:34px;color:var(--text-secondary,#6b7167);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 .9rem;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.api-and-logs-page .code-tab:hover{background:var(--bg-light,#f5f6f1);border-color:var(--theme-signal,#1f7a5c);color:var(--text-primary,#12231f)}.api-and-logs-page .code-tab.active{box-shadow:0 2px 6px #1f7a5c40;background:var(--theme-signal,#1f7a5c)!important;color:#fff!important;border-color:#18634a!important}.api-and-logs-page .copy-code-btn{background:var(--bg-surface,#fff);border:1px solid var(--border,#cbd5e1);cursor:pointer;white-space:nowrap;box-sizing:border-box;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:.35rem;height:34px;padding:0 .85rem;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex;color:var(--text-primary,#12231f)!important}.api-and-logs-page .copy-code-btn svg{flex-shrink:0}.api-and-logs-page .copy-code-btn:hover{background:var(--primary-soft,#e6f4ef);border-color:var(--theme-signal,#1f7a5c);color:var(--theme-signal,#1f7a5c)!important}.api-and-logs-page .code-block{color:#38bdf8;white-space:pre-wrap;word-break:break-all;box-sizing:border-box;background:#0f172a;margin:0;padding:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.825rem;line-height:1.55;overflow-x:auto}.api-and-logs-page .logs-section-card{background:var(--bg-surface,#fff);border:1px solid var(--border,#e2e8f0);box-sizing:border-box;border-radius:14px;min-width:0;margin-top:1.75rem;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 2px 10px #00000008}.api-and-logs-page .logs-card-header{background:var(--bg-light,var(--theme-paper,#f5f6f1));border-bottom:1px solid var(--border,#e2e5dc);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.35rem;display:flex}.api-and-logs-page .btn-refresh-logs{background:var(--bg-surface,#fff);border:1px solid var(--border,#cbd5e1);height:34px;color:var(--text-primary,#12231f);cursor:pointer;white-space:nowrap;box-sizing:border-box;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;padding:0 .85rem;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.api-and-logs-page .btn-refresh-logs svg{flex-shrink:0}.api-and-logs-page .btn-refresh-logs:hover{background:var(--primary-soft,#e6f4ef);border-color:var(--theme-signal,#1f7a5c);color:var(--theme-signal,#1f7a5c)}.api-and-logs-page .table-responsive{width:100%;overflow-x:auto}.api-and-logs-page .api-logs-table{border-collapse:collapse;width:100%;font-size:.825rem}.api-and-logs-page .api-logs-table th{background:var(--bg-light,var(--theme-paper,#f5f6f1));color:var(--text-secondary,var(--theme-ash,#6b7167));text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border,#e2e5dc);padding:.75rem 1rem;font-size:.725rem;font-weight:700}.api-and-logs-page .api-logs-table td{border-bottom:1px solid var(--border,#f1f5f9);color:var(--text-primary,var(--theme-ink,#12231f));padding:.85rem 1rem}.api-and-logs-page .api-logs-table tr:hover td{background:var(--bg-light,var(--theme-paper,#f5f6f1))}.api-and-logs-page .docs-link-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:1.75rem;display:grid}.api-and-logs-page .doc-link-card{background:var(--bg-surface,#fff);border:1px solid var(--border,#e2e8f0);color:var(--text-primary,#12231f);box-sizing:border-box;border-radius:14px;align-items:center;gap:1rem;min-width:0;padding:1.25rem;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000008}.api-and-logs-page .doc-link-card:hover{border-color:var(--theme-signal,#1f7a5c);transform:translateY(-2px);box-shadow:0 6px 16px #1f7a5c1f}.api-and-logs-page .doc-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.api-and-logs-page .doc-icon-wrapper.blue{color:#2563eb;background:#2563eb1a}.api-and-logs-page .doc-icon-wrapper.purple{color:#9333ea;background:#9333ea1a}.api-and-logs-page .doc-card-text{flex:1;min-width:0}.api-and-logs-page .doc-card-text h3{color:var(--text-primary,#12231f);margin:0 0 .25rem;font-size:.95rem;font-weight:700}.api-and-logs-page .doc-card-text p{color:var(--text-secondary,#6b7167);margin:0;font-size:.8rem;line-height:1.4}.api-and-logs-page .doc-arrow{color:var(--text-secondary,#64748b);flex-shrink:0;transition:transform .2s}.api-and-logs-page .doc-link-card:hover .doc-arrow{color:var(--theme-signal,#1f7a5c);transform:translate(3px)}@media (width<=768px){.api-and-logs-page{padding:1rem}.api-and-logs-page .api-page-header{flex-direction:column;align-items:flex-start}.api-and-logs-page .header-actions{flex-direction:column;width:100%}}.api-and-logs-page .instance-key-status-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.api-and-logs-page .instance-key-status-pill.active{color:#059669;background:#10b9811f;border:1px solid #10b9814d}.api-and-logs-page .instance-key-status-pill.disabled{color:#dc2626;background:#ef44441f;border:1px solid #ef44444d}.api-and-logs-page .token-input.disabled-key{text-decoration:line-through;color:#94a3b8!important}.api-and-logs-page .instance-key-actions-row{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1.25rem;display:flex}.api-and-logs-page .btn-rotate-key{background:var(--bg-surface,#fff);color:var(--theme-signal,#1f7a5c);border:1px solid var(--theme-signal,#1f7a5c);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;height:36px;padding:0 .85rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.api-and-logs-page .btn-rotate-key:hover:not(:disabled){background:var(--primary-soft,#e6f4ef)}.api-and-logs-page .btn-rotate-key:disabled{opacity:.5;cursor:not-allowed}.api-and-logs-page .btn-toggle-key{cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;height:36px;padding:0 .85rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.api-and-logs-page .btn-toggle-key.danger{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.api-and-logs-page .btn-toggle-key.danger:hover:not(:disabled){color:#fff;background:#dc2626}.api-and-logs-page .btn-toggle-key.success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.api-and-logs-page .btn-toggle-key.success:hover:not(:disabled){color:#fff;background:#059669}.api-and-logs-page .btn-toggle-key:disabled{opacity:.5;cursor:not-allowed}.api-and-logs-page .key-warning-notice{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.65rem .85rem;font-size:.775rem;display:flex}.api-docs-page{box-sizing:border-box;background-color:var(--theme-paper,#f5f6f1);width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}.api-docs-page .docs-header{background:var(--theme-surface,#fff);border:1px solid #e2e5dc;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000a}.api-docs-page .docs-header h1{color:var(--theme-ink,#12231f);margin:0 0 .25rem;font-size:1.35rem;font-weight:700}.api-docs-page .docs-header .subtitle{color:var(--theme-ash,#6b7167);margin:0;font-size:.825rem}.api-docs-page .swagger-launch-btn{background:var(--bg-surface,#fff);border:1px solid var(--border,#e0e2d8);height:40px;color:var(--text-primary,#12231f);white-space:nowrap;box-sizing:border-box;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.api-docs-page .swagger-launch-btn:hover{background:var(--primary-soft,#e6f4ef);border-color:var(--theme-signal,#1f7a5c);color:var(--theme-signal,#1f7a5c);transform:translateY(-1px);box-shadow:0 3px 10px #1f7a5c26}.api-docs-page .swagger-launch-btn svg{flex-shrink:0}.api-docs-page .docs-layout{grid-template-columns:240px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.api-docs-page .docs-layout{grid-template-columns:1fr}}.api-docs-page .docs-nav-sidebar{background:var(--theme-surface,#fff);border:1px solid #e2e5dc;border-radius:10px;padding:1rem 1.25rem;position:sticky;top:1.5rem}.api-docs-page .toc-title{color:var(--theme-ash,#6b7167);letter-spacing:.05em;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.api-docs-page .toc-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.api-docs-page .toc-list a{color:var(--theme-ash,#6b7167);border-radius:4px;padding:.25rem .5rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .15s;display:block}.api-docs-page .toc-list a:hover{color:var(--theme-signal,#1f7a5c);background:#e6f4ef}.api-docs-page .super-admin-toc{color:var(--theme-amber,#c97a2e)!important;font-weight:600!important}.api-docs-page .doc-section-card{background:var(--theme-surface,#fff);border:1px solid #e2e5dc;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000a}.api-docs-page .doc-section-card.super-admin-card{background:#fffdf5;border-color:#fde68a}.api-docs-page .doc-sec-header{border-bottom:1px solid #e2e5dc;align-items:center;gap:.6rem;margin-bottom:.75rem;padding-bottom:.6rem;display:flex}.api-docs-page .doc-sec-header h2{color:var(--theme-ink,#12231f);margin:0;font-size:1.15rem;font-weight:700}.api-docs-page .sec-icon.blue,.api-docs-page .sec-icon.green{color:var(--theme-signal,#1f7a5c)}.api-docs-page .sec-icon.purple{color:var(--theme-wire,#35586b)}.api-docs-page .sec-icon.red{color:var(--theme-amber,#c97a2e)}.api-docs-page .endpoint-banner{background:var(--theme-paper,#f5f6f1);border:1px solid #e2e5dc;border-radius:6px;align-items:center;gap:.6rem;margin-bottom:.85rem;padding:.4rem .75rem;font-family:monospace;font-size:.85rem;display:inline-flex}.api-docs-page .method{border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.api-docs-page .method.post,.api-docs-page .method.get{color:var(--theme-signal,#1f7a5c);background:#e6f4ef}.api-docs-page .method.delete{color:#b91c1c;background:#fee2e2}.api-docs-page .params-table{border-collapse:collapse;width:100%;margin:.85rem 0 1.25rem;font-size:.8rem}.api-docs-page .params-table th{background:var(--theme-paper,#f5f6f1);text-align:left;color:var(--theme-ash,#6b7167);border-bottom:1px solid #e2e5dc;padding:.55rem .75rem;font-size:.725rem;font-weight:700}.api-docs-page .params-table td{color:var(--theme-ink,#12231f);border-bottom:1px solid #f0f2eb;padding:.6rem .75rem}.api-docs-page .code-example-box{background:var(--theme-ink,#12231f);border:1px solid #ffffff14;border-radius:8px;margin-top:1rem;overflow:hidden}.api-docs-page .code-box-header,.api-docs-page .code-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.5rem .85rem;font-size:.725rem;font-weight:700;display:flex}.api-docs-page .copy-snippet-btn,.api-docs-page .copy-code-btn{cursor:pointer;justify-content:center;align-items:center;gap:.35rem;transition:all .15s;display:inline-flex;color:#e2e8f0!important;height:auto!important;min-height:28px!important;box-shadow:none!important;background:#ffffff14!important;border:1px solid #ffffff26!important;border-radius:6px!important;padding:.3rem .65rem!important;font-size:.75rem!important;font-weight:600!important}.api-docs-page .copy-snippet-btn:hover,.api-docs-page .copy-code-btn:hover{color:#fff!important;background:#ffffff2e!important;border-color:#ffffff4d!important}.api-docs-page pre{color:#38d39f;margin:0;padding:.85rem 1rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.45;overflow-x:auto}.message-tester{box-sizing:border-box;width:100%;padding:2rem}.message-tester .page-header{margin-bottom:2rem}.message-tester .page-header p{color:var(--text-secondary);margin:0;font-size:.9375rem}.message-tester .tester-panels{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.message-tester .compose-panel,.message-tester .response-panel{background:var(--bg-white);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.message-tester .compose-panel h2,.message-tester .response-panel h2{margin-bottom:1.5rem}.message-tester .form-group{margin-bottom:1.25rem}.message-tester .form-group label,.message-tester .form-group>.group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.message-tester .form-group input,.message-tester .form-group select,.message-tester .form-group textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-white);width:100%;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .2s}.message-tester .form-group input:focus,.message-tester .form-group select:focus,.message-tester .form-group textarea:focus{border-color:var(--primary);outline:none}.message-tester .form-group textarea{resize:vertical;min-height:100px}.message-tester .form-group .hint{color:var(--text-muted);margin-top:.375rem;font-size:.75rem;display:block}.message-tester .toggle-group{border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.message-tester .toggle-group button{background:var(--bg-white);cursor:pointer;color:var(--text-secondary);border:none;flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.message-tester .toggle-group button:first-child{border-right:1px solid var(--border)}.message-tester .toggle-group button.active{background:var(--primary);color:#fff}.message-tester .send-btn{color:#fff;background:var(--primary);border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s;display:flex}.message-tester .send-btn:hover:not(:disabled){background:var(--primary-hover)}.message-tester .send-btn:disabled{opacity:.7;cursor:not-allowed}.message-tester .response-status{border-radius:var(--radius);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;display:flex}.message-tester .response-status.success{color:var(--primary-text);background:#25d3661a}.message-tester .response-status.error{color:var(--error-text);background:#ef44441f}.message-tester .response-details{margin-bottom:1rem}.message-tester .detail-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:.625rem 0;display:flex}.message-tester .detail-row:last-child{border-bottom:none}.message-tester .detail-label{color:var(--text-secondary);font-size:.875rem}.message-tester .detail-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.message-tester .detail-value.mono{font-family:monospace}.message-tester .response-json{border:1px solid var(--border);border-radius:var(--radius);background:#1e293b;padding:1rem;overflow-x:auto}.message-tester .response-json pre{color:#e2e8f0;white-space:pre-wrap;margin:0;font-family:JetBrains Mono,monospace;font-size:.8125rem}.message-tester .response-empty{background:var(--bg-light);border-radius:var(--radius);justify-content:center;align-items:center;min-height:200px;display:flex}.message-tester .response-empty p{color:var(--text-muted);margin:0}.message-tester .browse-btn{color:var(--text-secondary);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.message-tester .browse-btn:hover{border-color:var(--primary);color:var(--primary-text)}.message-tester .file-selected{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex}.message-tester .file-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.message-tester .remove-file-btn{color:var(--error-text);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:.25rem;padding:0;font-size:.8125rem;display:inline-flex}.message-tester .remove-file-btn:hover{text-decoration:underline}.message-tester .toggle-group.toggle-group-wrap{border:none;flex-wrap:wrap;gap:.375rem;overflow:visible}.message-tester .toggle-group.toggle-group-wrap button{border:1px solid var(--border);border-radius:6px;flex:30%}.message-tester .toggle-group.toggle-group-wrap button.active{border-color:var(--primary)}.message-tester .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.message-tester .poll-option-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.message-tester .poll-option-row input{flex:1}.message-tester .remove-option-btn{width:2rem;height:2rem;color:var(--error-text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.message-tester .remove-option-btn:hover:not(:disabled){border-color:var(--error)}.message-tester .remove-option-btn:disabled{opacity:.4;cursor:not-allowed}.message-tester .add-option-btn{color:var(--text-secondary);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.message-tester .add-option-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary-text)}.message-tester .add-option-btn:disabled{opacity:.5;cursor:not-allowed}.message-tester .form-group label.checkbox-label{text-transform:none;letter-spacing:normal;color:var(--text-primary);cursor:pointer;align-items:center;gap:.5rem;margin-bottom:0;font-size:.875rem;font-weight:500;display:flex}.message-tester .form-group label.checkbox-label input[type=checkbox]{width:auto;margin:0}.message-tester .batch-status{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:.875rem 1rem}.message-tester .batch-status-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.625rem;display:flex}.message-tester .batch-badge{text-transform:capitalize;border-radius:999px;padding:.125rem .625rem;font-size:.75rem;font-weight:600}.message-tester .batch-badge.pending,.message-tester .batch-badge.processing{color:#3b82f6;background:#3b82f61f}.message-tester .batch-badge.completed{color:var(--primary-text);background:#25d3661f}.message-tester .batch-badge.failed{color:var(--error-text);background:#ef44441f}.message-tester .batch-badge.cancelled{color:var(--text-secondary);background:#64748b1f}.message-tester .batch-progress-bar{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.message-tester .batch-progress-fill{background:var(--primary);height:100%;transition:width .3s}.message-tester .batch-progress-line{color:var(--text-secondary);margin-top:.5rem;font-size:.8125rem}.message-tester .batch-cancel-btn{color:var(--error-text);border:1px solid var(--error);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.message-tester .batch-cancel-btn:hover:not(:disabled){background:#ef444414}.message-tester .batch-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.message-tester .batch-error{color:var(--error-text);margin-top:.5rem;font-size:.8125rem}@media (width<=1000px){.message-tester .tester-panels{grid-template-columns:1fr}}@media (width<=768px){.message-tester,.message-tester .compose-panel,.message-tester .response-panel{padding:1rem}.message-tester .toggle-group{border:none;flex-wrap:wrap;gap:.5rem;overflow:visible}.message-tester .toggle-group button{border-radius:6px;min-width:0;padding:.5rem .875rem;font-size:.8125rem;border:1px solid var(--border)!important}.message-tester .toggle-group button.active{border-color:var(--primary)!important}.message-tester .send-btn{padding:.75rem 1rem;font-size:.9375rem}.message-tester .form-group input,.message-tester .form-group select,.message-tester .form-group textarea{padding:.625rem .75rem;font-size:.875rem}.message-tester .form-row{grid-template-columns:1fr}}@media (width<=520px){.message-tester{padding:.75rem}.message-tester .toggle-group.toggle-group-wrap button{flex:45%}}.infrastructure-page{box-sizing:border-box;width:100%;padding:2rem}.infrastructure-page .page-header{margin-bottom:2rem}.infrastructure-page .infra-sections{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;display:grid}.infrastructure-page .infra-card{background:var(--bg-white);box-shadow:var(--shadow-sm);border:1px solid var(--border);box-sizing:border-box;border-radius:12px;width:100%;padding:1.5rem}.infrastructure-page .card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.infrastructure-page .header-left{align-items:center;gap:.75rem;display:flex}.infrastructure-page .header-left svg{color:var(--primary-text)}.infrastructure-page .card-header h2{margin:0}.infrastructure-page .status-indicator{border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.infrastructure-page .status-indicator.connected{color:var(--primary-text);background:#25d3661a}.infrastructure-page .status-indicator.disconnected{color:var(--error-text);background:#ef44441f}.infrastructure-page .status-indicator.sqlite{color:var(--info);background:#3b82f61f}.infrastructure-page .radio-group{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.infrastructure-page .radio-option{border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:.25rem;padding:1rem;transition:all .2s;display:flex}.infrastructure-page .radio-option:hover{border-color:var(--text-muted)}.infrastructure-page .radio-option.selected{border-color:var(--primary);background:#25d3660d}.infrastructure-page .radio-option input{display:none}.infrastructure-page .radio-option span{color:var(--text-primary);font-weight:600}.infrastructure-page .radio-option small{color:var(--text-secondary);font-size:.75rem}.infrastructure-page .radio-option{position:relative;overflow:hidden}.infrastructure-page .watermark-icon{opacity:.15;pointer-events:none;width:100px;height:100px;transition:all .3s;position:absolute;bottom:-15px;right:-15px;transform:rotate(-15deg)}.infrastructure-page .radio-option:hover .watermark-icon{opacity:.25;transform:rotate(-12deg)scale(1.05)}.infrastructure-page .radio-option.selected .watermark-icon{opacity:.3;transform:rotate(-12deg)scale(1.1)}.infrastructure-page .config-form{flex-direction:column;gap:1rem;display:flex}.infrastructure-page .form-row{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.infrastructure-page .form-row .form-group.small{max-width:120px}.infrastructure-page .form-group{flex-direction:column;gap:.5rem;display:flex}.infrastructure-page .form-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.7rem;font-weight:700}.infrastructure-page .form-group input,.infrastructure-page .form-group select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-white);padding:.75rem 1rem;font-size:.9375rem;transition:border-color .2s}.infrastructure-page .form-group input:focus,.infrastructure-page .form-group select:focus{border-color:var(--primary);outline:none}.infrastructure-page .form-group small{color:var(--text-muted);opacity:.85;font-size:.75rem}.infrastructure-page .toggle-row{justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.infrastructure-page .toggle-info{flex-direction:column;gap:.25rem;display:flex}.infrastructure-page .toggle-info span{color:var(--text-primary);font-size:.9375rem;font-weight:500}.infrastructure-page .toggle-info small{color:var(--text-muted);opacity:.85;font-size:.75rem;font-weight:400}.infrastructure-page .toggle-switch{cursor:pointer;width:48px;height:26px;position:relative}.infrastructure-page .toggle-switch input{opacity:0;width:0;height:0}.infrastructure-page .toggle-slider{background:var(--border);border-radius:26px;transition:all .2s;position:absolute;inset:0}.infrastructure-page .toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.infrastructure-page .toggle-switch input:checked+.toggle-slider{background:var(--primary)}.infrastructure-page .toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.infrastructure-page .queue-stats{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.infrastructure-page .queue-stats h3{color:var(--text-primary);margin:0 0 1rem;font-size:.9375rem;font-weight:600}.infrastructure-page .stats-row{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem;display:grid}.infrastructure-page .queue-stat-card{background:var(--bg-light);border-radius:var(--radius);padding:1rem}.infrastructure-page .queue-stat-card h4{color:var(--text-secondary);margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.infrastructure-page .stat-values{gap:1.5rem;display:flex}.infrastructure-page .stat-item{flex-direction:column;gap:.125rem;display:flex}.infrastructure-page .stat-item .value{font-size:1.25rem;font-weight:700}.infrastructure-page .stat-item .label{text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.infrastructure-page .stat-item.pending .value,.infrastructure-page .stat-item.pending .label{color:var(--warning-text)}.infrastructure-page .stat-item.completed .value,.infrastructure-page .stat-item.completed .label{color:var(--primary-text)}.infrastructure-page .stat-item.failed .value,.infrastructure-page .stat-item.failed .label{color:var(--error-text)}.infrastructure-page .queue-actions{gap:.75rem;display:flex}.infrastructure-page .btn-primary.large{padding:.875rem 1.5rem;font-size:1rem}.infrastructure-page .btn-outline{color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.infrastructure-page .btn-outline:hover{background:var(--bg-light)}.infrastructure-page .page-footer{border-top:1px solid var(--border);justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;display:flex}@media (width<=900px){.infrastructure-page .infra-sections{grid-template-columns:1fr}.infrastructure-page{padding:1rem}.infrastructure-page .radio-group,.infrastructure-page .form-row,.infrastructure-page .stats-row{grid-template-columns:1fr}.infrastructure-page .card-header{flex-wrap:wrap;gap:.75rem}.infrastructure-page .header-left{flex:1;min-width:0}.infrastructure-page .header-left h2{font-size:.9375rem;line-height:1.3}.infrastructure-page .status-indicator{white-space:nowrap;flex-shrink:0;padding:.25rem .625rem;font-size:.75rem}.infrastructure-page .toggle-row{gap:1rem}.infrastructure-page .toggle-info{flex:1;min-width:0}.infrastructure-page .toggle-switch{flex-shrink:0}.infrastructure-page .queue-actions{flex-direction:column}.infrastructure-page .queue-actions button{justify-content:center}}@media (width<=768px){.infrastructure-page{padding:.75rem}.infrastructure-page .infra-card{padding:1rem}.infrastructure-page .form-row .form-group.small{max-width:none}.infrastructure-page .form-group input,.infrastructure-page .form-group select{padding:.625rem .875rem;font-size:.875rem}.infrastructure-page .stat-values{gap:1rem}.infrastructure-page .stat-item .value{font-size:1rem}.infrastructure-page .page-footer{justify-content:stretch}.infrastructure-page .page-footer button{justify-content:center;width:100%}}.infrastructure-page .engine-web-version{color:var(--text-secondary);margin:.5rem 0 0;font-size:.8125rem}.infrastructure-page .engine-web-version code{background:#7f7f7f1a;border-radius:4px;padding:.05rem .35rem;font-size:.8125rem}.infrastructure-page .engine-web-version .muted{color:var(--text-muted)}.infrastructure-page .env-pin-note{color:var(--warning-text);align-items:center;gap:.4rem;margin:0 0 1rem;font-size:.8125rem;display:flex}.infrastructure-page .env-pin-note svg{flex-shrink:0}.infrastructure-page .migration-warning{text-align:left;color:var(--text-primary);background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:8px;gap:.6rem;margin:0 0 1.5rem;padding:.85rem 1rem;display:flex}.infrastructure-page .migration-warning svg{color:var(--warning-text);flex-shrink:0;margin-top:.1rem}.infrastructure-page .migration-warning p{color:var(--text-secondary);margin:.25rem 0 .6rem;font-size:.8125rem}.infrastructure-page .data-migration-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.infrastructure-page .data-migration-row small{color:var(--text-muted);margin-top:.15rem;font-size:.75rem;display:block}.infrastructure-page .data-migration-actions{gap:.5rem;display:flex}.infrastructure-page .data-migration-actions .btn-sm,.infrastructure-page .migration-warning .btn-sm{align-items:center;gap:.35rem;display:inline-flex}.infrastructure-page.infra-loading{justify-content:center;align-items:center;min-height:400px;display:flex}.infrastructure-page .status-error-card{text-align:center;padding:2.5rem}.infrastructure-page .status-error-icon{color:var(--warning-text,#9f6707);margin-bottom:1rem}.infrastructure-page .status-error-text{margin:0}.infrastructure-page .status-error-retry{margin-top:1.25rem}.infrastructure-page .toggle-row-spaced{margin-top:1rem;margin-bottom:1rem}.infrastructure-page .toggle-row-spaced-bottom{margin-bottom:1rem}.infrastructure-page .queue-toggle-row{border-top:1px solid var(--border);margin-top:.5rem;padding-top:1.25rem}.infrastructure-page .empty-state-card{text-align:center;background:var(--bg-light);border:1px dashed var(--border);border-radius:12px;margin-top:1rem;padding:2.5rem}.infrastructure-page .empty-state-icon{margin-bottom:1rem}.infrastructure-page .empty-state-icon.success{color:var(--success-text);opacity:.7}.infrastructure-page .empty-state-icon.muted{color:var(--text-muted);opacity:.5}.infrastructure-page .empty-state-title{color:var(--text-secondary);margin:0;font-size:.9375rem;font-weight:500}.infrastructure-page .migrations-status{color:var(--success-text);justify-content:center;align-items:center;gap:.375rem;margin:.75rem 0 0;font-size:.875rem;font-weight:500;display:flex}.infrastructure-page .muted-hint{color:var(--text-muted);margin:.5rem 0 0;font-size:.8125rem;line-height:1.5}.infrastructure-page .engine-restart-note{color:var(--text-muted);margin:1rem 0 0;font-size:.8125rem;line-height:1.5}.infrastructure-page .hidden-file-input{display:none}.infrastructure-page .restart-modal{text-align:center;max-width:500px}.infrastructure-page .restart-modal .modal-header{border-bottom:none;justify-content:center}.infrastructure-page .restart-modal .modal-body{padding:2rem}.infrastructure-page .restart-idle-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem}.infrastructure-page .restart-actions{justify-content:center;gap:1rem;display:flex}.infrastructure-page .restart-countdown{margin-bottom:1.5rem}.infrastructure-page .restart-status-icon{color:var(--success-text);margin-bottom:1rem}.infrastructure-page .restart-countdown-msg{color:var(--text-primary);font-size:1.125rem;font-weight:500}.infrastructure-page .restart-progress-track{background:var(--border);border-radius:4px;width:100%;height:8px;overflow:hidden}.infrastructure-page .restart-progress-fill{background:var(--primary);height:100%;transition:width 1s linear}.infrastructure-page .restart-dont-close{color:var(--text-muted);margin-top:1rem;font-size:.875rem}.infrastructure-page .restart-success-msg{color:var(--text-secondary);font-size:1rem}.infrastructure-page .restart-error-msg{color:var(--error-text);margin-bottom:1rem;font-size:1rem}@media (width<=768px){.infrastructure-page{padding:1rem}.infrastructure-page .data-migration-row{flex-direction:column;align-items:flex-start}.infrastructure-page .data-migration-actions{width:100%}.infrastructure-page .data-migration-actions .btn-sm{flex:1;justify-content:center}}@media (width<=480px){.infrastructure-page{padding:.75rem}}.plugin-instances{flex-direction:column;gap:1rem;display:flex}.plugin-instances .pi-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.plugin-instances .pi-desc{color:var(--text-muted);flex:1;margin:0}.plugin-instances .pi-loading{justify-content:center;padding:2rem;display:flex}.plugin-instances .pi-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem}.plugin-instances .pi-list{flex-direction:column;gap:.5rem;display:flex}.plugin-instances .pi-row{border:1px solid var(--border);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.plugin-instances .pi-main{flex-direction:column;min-width:0;display:flex}.plugin-instances .pi-id{font-weight:600}.plugin-instances .pi-scope{color:var(--text-muted);font-size:.8rem}.plugin-instances .pi-url{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.plugin-instances .pi-url code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.plugin-instances .pi-badge{white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.75rem}.plugin-instances .pi-badge.on{background:var(--primary-soft);color:var(--success-text)}.plugin-instances .pi-badge.off{background:var(--bg-light);color:var(--text-muted)}.plugin-instances .pi-actions{gap:.25rem;margin-left:auto;display:flex}.plugin-instances .pi-hint{color:var(--text-muted);margin:.25rem 0 .75rem;font-size:.8rem}.plugin-instances .pi-secret{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.plugin-instances .pi-secret code{background:var(--bg-light);word-break:break-all;border-radius:6px;flex:1;padding:.75rem}.plugin-instances .pi-error{color:var(--error-text);margin-top:.5rem;font-size:.85rem}.plugin-instances .pi-confirm-icon{color:var(--error-text);justify-content:center;margin-bottom:.75rem;display:flex}.plugin-instances textarea{width:100%;min-height:96px;font-family:monospace}.plugins-page{box-sizing:border-box;width:100%;padding:2rem}.plugins-page .plugins-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.plugins-page .plugin-card{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.plugins-page .plugin-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.plugins-page .plugin-card-header{justify-content:space-between;align-items:center;gap:.5rem;padding:1.25rem 1.25rem 1rem;display:flex}.plugins-page .plugin-info{align-items:center;gap:.75rem;min-width:0;display:flex}.plugins-page .plugin-icon-wrapper{background:var(--bg-light);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.plugins-page .plugin-icon-wrapper svg{color:var(--text-secondary)}.plugins-page .type-extension .plugin-icon-wrapper{background:#6366f11f}.plugins-page .type-extension .plugin-icon-wrapper svg{color:#6366f1}.plugins-page .type-storage .plugin-icon-wrapper{background:#0d94881f}.plugins-page .type-storage .plugin-icon-wrapper svg{color:#0d9488}.plugins-page .type-queue .plugin-icon-wrapper{background:#d977061f}.plugins-page .type-queue .plugin-icon-wrapper svg{color:var(--warning-text)}.plugins-page .type-auth .plugin-icon-wrapper{background:#9333ea1f}.plugins-page .type-auth .plugin-icon-wrapper svg{color:#9333ea}.plugins-page .plugin-name{color:var(--text-primary);text-transform:none;letter-spacing:normal;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:600;overflow:hidden}.plugins-page .plugin-version{color:var(--text-muted);font-size:.75rem}.plugins-page .plugin-update-chip{color:var(--primary-text,#17813e);background:color-mix(in srgb, var(--primary,#25d366) 12%, transparent);border:1px solid color-mix(in srgb, var(--primary,#25d366) 35%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:3px;margin-left:8px;padding:.0625rem .4375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.plugins-page .plugin-update-chip:hover{background:color-mix(in srgb, var(--primary,#25d366) 20%, transparent)}.plugins-page .install-update-count{min-width:1.25rem;height:1.25rem;color:var(--primary-text,#17813e);background:color-mix(in srgb, var(--primary,#25d366) 18%, transparent);border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:0 .3125rem;font-size:.6875rem;font-weight:700;display:inline-flex}.plugins-page .plugin-builtin-badge{background:var(--bg-light);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);white-space:nowrap;border-radius:5px;flex-shrink:0;padding:.1875rem .5rem;font-size:.625rem;font-weight:600}.plugins-page .plugin-card-body{padding:1.25rem}.plugins-page .plugin-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.plugins-page .plugin-status-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.plugins-page .plugin-status{align-items:center;gap:.5rem;display:flex}.plugins-page .status-dot{border-radius:50%;width:8px;height:8px}.plugins-page .status-dot.enabled{background:#22c55e}.plugins-page .status-dot.disabled{background:#eab308}.plugins-page .status-dot.error{background:#ef4444}.plugins-page .status-dot.installed{background:#64748b}.plugins-page .status-text{color:var(--text-primary);text-transform:capitalize;font-size:.875rem}.plugins-page .plugin-type-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.625rem}.plugins-page .plugin-provides{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.plugins-page .provides-tag{background:var(--bg-light);color:var(--text-secondary);border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.plugins-page .plugin-error{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;margin-bottom:1rem;padding:.5rem .75rem}.plugins-page .plugin-error-text{color:var(--error-text);font-size:.75rem}.plugins-page .plugin-actions{border-top:1px solid var(--border);align-items:center;gap:.5rem;padding-top:1rem;display:flex}.plugins-page .btn-toggle{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.plugins-page .btn-toggle.enable{background:var(--primary,#25d366);border:1px solid var(--primary,#25d366);color:#fff}.plugins-page .btn-toggle.enable:hover{background:#16a34a;border-color:#16a34a}.plugins-page .btn-toggle.disable{color:var(--error-text);background:#ef44441a;border:1px solid #ef44444d}.plugins-page .btn-toggle.disable:hover{background:#ef444433}.plugins-page .btn-toggle:disabled{opacity:.5;cursor:not-allowed}.plugins-page .btn-action{background:var(--bg-light);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.plugins-page .btn-action:hover{background:var(--bg-white);border-color:var(--text-muted)}.plugins-page .btn-action svg{color:var(--text-secondary)}.plugins-page .empty-state{text-align:center;padding:4rem 2rem}.plugins-page .empty-state svg{color:var(--text-muted);margin-bottom:1rem}.plugins-page .empty-state h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.25rem}.plugins-page .empty-state p{color:var(--text-muted)}.plugins-page .config-modal{width:90%;max-width:640px}.plugins-page .config-form .form-group{margin-bottom:1.25rem}.plugins-page .config-form .form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.plugins-page .config-form .form-group input,.plugins-page .config-form .form-group select,.plugins-page .config-form .form-group textarea{border:1px solid var(--border);background:var(--bg-light);box-sizing:border-box;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.plugins-page .config-form .form-group textarea{resize:vertical;min-height:4.5rem;font-family:inherit}.plugins-page .config-form .form-group input:focus,.plugins-page .config-form .form-group select:focus,.plugins-page .config-form .form-group textarea:focus{border-color:var(--primary);background:var(--bg-white);outline:none;box-shadow:0 0 0 3px #25d3661a}.plugins-page .config-form .config-fieldset{border:1px solid var(--border);border-radius:8px;min-width:0;margin:0 0 1.25rem;padding:.75rem 1rem .25rem}.plugins-page .config-form .config-fieldset>legend{color:var(--text-secondary);padding:0 .4rem;font-size:.8125rem;font-weight:600}.plugins-page .config-form .config-array{margin-bottom:1.25rem}.plugins-page .config-form .config-array>label,.plugins-page .config-form .config-array>.config-array-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.plugins-page .config-form .config-array-row{align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.plugins-page .config-form .config-array-row-body{border-left:2px solid var(--border);flex:1;min-width:0;padding-left:.75rem}.plugins-page .config-form .config-array-remove{border:1px solid var(--border);background:var(--bg-light);color:var(--error-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.45rem;transition:all .2s;display:inline-flex}.plugins-page .config-form .config-array-remove:hover{background:var(--error);color:#fff;border-color:var(--error)}.plugins-page .config-form .config-array-add{border:1px dashed var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.plugins-page .config-form .config-array-add:hover{border-color:var(--primary);color:var(--primary-text)}.plugins-page .plugin-config-ui-frame{border:1px solid var(--border);background:var(--bg-white);border-radius:8px;width:100%;display:block}.plugins-page .config-ui-status{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.plugins-page .config-ui-error{text-align:center;color:var(--error-text);padding:1rem}.plugins-page .config-form .form-group small{color:var(--text-muted);margin-top:.4rem;font-size:.75rem;line-height:1.4;display:block}.plugins-page .config-form .required-mark{color:var(--error-text)}.plugins-page .toggle-group{background:var(--bg-light);border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.plugins-page .toggle-info{flex:1}.plugins-page .toggle-info label{margin-bottom:.25rem!important;display:block!important}.plugins-page .toggle-info small{color:var(--text-muted);font-size:.75rem;display:block}.plugins-page .toggle-switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.plugins-page .toggle-switch input{opacity:0;width:0;height:0}.plugins-page .toggle-slider{cursor:pointer;background-color:var(--border);border-radius:26px;transition:all .3s;position:absolute;inset:0}.plugins-page .toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0000001a}.plugins-page .toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.plugins-page .toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.plugins-page .no-config{text-align:center;color:var(--text-muted);padding:2rem}.plugins-page .no-config p{margin-top:1rem}.plugins-page .btn-update{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.plugins-page .btn-update:hover{background:#d97706}.plugins-page .btn-update:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.plugins-page{padding:1rem}.plugins-page .plugins-grid{grid-template-columns:1fr}}.plugins-page .plugins-layout{align-items:flex-start;gap:1.5rem;display:flex}.plugins-page .plugins-rail{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:0 0 280px;gap:1.25rem;padding:1.25rem;display:flex;position:sticky;top:1.5rem}.plugins-page .plugins-main{flex:auto;min-width:0}.plugins-page .rail-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.625rem;font-size:.6875rem;font-weight:600}.plugins-page .rail-stats{gap:.75rem;display:flex}.plugins-page .rail-stat{background:var(--bg-light);text-align:center;border-radius:8px;flex:1;padding:.625rem .75rem}.plugins-page .rail-stat-num{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.2;display:block}.plugins-page .rail-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem}.plugins-page .rail-active-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.plugins-page .rail-active-item{align-items:center;gap:.5rem;display:flex}.plugins-page .rail-active-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8125rem;overflow:hidden}.plugins-page .rail-active-type{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.625rem}.plugins-page .rail-empty{color:var(--text-muted);font-size:.8125rem}.plugins-page .btn-action-danger:hover{background:#ef44441a;border-color:#ef44444d}.plugins-page .btn-action-danger:hover svg{color:var(--error-text)}.plugins-page .install-hint{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.plugins-page .install-hint-sub{color:var(--text-muted);margin-top:.75rem;margin-bottom:0;font-size:.8125rem}.plugins-page .install-hint-warning{color:var(--warning-text);align-items:flex-start;gap:.4rem;display:flex}.plugins-page .install-hint-warning svg{flex-shrink:0;margin-top:.15rem}.plugins-page .install-inline-link{color:var(--primary-text);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline;display:inline}.plugins-page .install-inline-link:hover{filter:brightness(1.1)}.plugins-page .install-drop{border:2px dashed var(--border);color:var(--text-muted);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.625rem;padding:2rem 1rem;transition:all .15s;display:flex}.plugins-page .install-drop:hover{border-color:var(--primary,#25d366);color:var(--text-secondary)}.plugins-page .install-drop.has-file{border-style:solid;border-color:var(--primary,#25d366);color:var(--text-primary);background:#22c55e0d}.plugins-page .install-drop-name{word-break:break-all;font-size:.875rem}@media (width<=860px){.plugins-page .plugins-layout{flex-direction:column}.plugins-page .plugins-rail{flex-basis:auto;width:100%;position:static}}.plugins-page .install-tabs,.plugins-page .config-modal .modal-tabs{background:var(--bg-light);border:1px solid var(--border);border-radius:10px;align-self:center;gap:2px;margin:0;padding:3px;display:inline-flex}.plugins-page .install-tabs-wrapper{border-bottom:1px solid var(--border);background:var(--bg-white);justify-content:center;padding:.75rem 1.5rem;display:flex}.plugins-page .install-tab{flex:1 1 0;min-width:128px}.plugins-page .install-tab,.plugins-page .config-modal .modal-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:.4rem .9rem;font-size:.875rem;font-weight:600;transition:background .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex}.plugins-page .install-tab.active,.plugins-page .config-modal .modal-tab.active{background:var(--primary);color:#fff}.plugins-page .install-tab:not(.active):hover,.plugins-page .config-modal .modal-tab:not(.active):hover{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--text-primary)}.plugins-page .sessions-tab{flex-direction:column;gap:1.5rem;display:flex}.plugins-page .sessions-section>h3{color:var(--text-primary);margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.plugins-page .sessions-section>small{color:var(--text-muted);margin-bottom:.75rem;font-size:.75rem;display:block}.plugins-page .sessions-radio{color:var(--text-primary);cursor:pointer;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.875rem;display:flex}.plugins-page .sessions-checklist{flex-direction:column;gap:.25rem;max-height:180px;margin:.25rem 0 .75rem 1.5rem;display:flex;overflow-y:auto}.plugins-page .sessions-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.plugins-page .sessions-empty{color:var(--text-muted);margin:.25rem 0 .75rem 1.5rem;font-size:.8125rem}.plugins-page .sessions-select{border:1px solid var(--border);background:var(--bg-light);box-sizing:border-box;border-radius:8px;width:100%;margin-bottom:1rem;padding:.6rem .85rem;font-size:.9375rem}.plugins-page .sessions-override-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.plugins-page .catalog-empty{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;padding:28px 12px;font-size:.875rem;display:flex}.plugins-page .catalog-error{color:var(--error-text);flex-wrap:wrap}.plugins-page .catalog-search{border:1px solid var(--border);color:var(--text-muted);border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;display:flex}.plugins-page .catalog-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.plugins-page .catalog-list{flex-direction:column;gap:8px;max-height:420px;display:flex;overflow-y:auto}.plugins-page .catalog-row{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.plugins-page .catalog-row-info{min-width:0}.plugins-page .catalog-row-name{font-weight:600}.plugins-page .catalog-row-version{color:var(--text-secondary);font-size:.85em;font-weight:400}.plugins-page .catalog-row-desc{color:var(--text-secondary);margin-top:2px;font-size:.85rem}.plugins-page .catalog-row-meta{color:var(--text-secondary);align-items:center;gap:8px;margin-top:4px;font-size:.8rem;display:flex}.plugins-page .catalog-badge.update{color:var(--primary-text,#17813e)}.plugins-page .catalog-row-action{flex-shrink:0}.plugins-page .catalog-installed{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.template-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:99999;box-sizing:border-box;background:#0f172ab8;justify-content:center;align-items:center;padding:1.5rem;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:fixed;inset:0}.template-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:1040px;max-width:95vw;max-height:88vh;animation:.22s cubic-bezier(.16,1,.3,1) templateModalPop;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -10px #0f172a40}@keyframes templateModalPop{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.template-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.modal-title-group{align-items:center;gap:.85rem;display:flex}.title-icon-pill{color:#00a884;background:#00a8841f;border:1px solid #00a88433;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.modal-title-group h2{color:#0f172a;letter-spacing:-.015em;margin:0 0 2px;font-size:1.3rem;font-weight:800}.modal-title-group p{color:#64748b;margin:0;font-size:.825rem}.modal-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.modal-close-btn:hover{color:#ef4444;background:#f1f5f9;border-color:#cbd5e1}.template-filter-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.75rem 1.75rem;display:flex}.tab-pill-group{align-items:center;gap:.5rem;display:flex}.tab-pill{color:#fff;background:#00a884;border:none;border-radius:20px;padding:.35rem .9rem;font-size:.78rem;font-weight:700;box-shadow:0 2px 8px #00a88433}.filter-select-group{color:#64748b;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;display:flex}.filter-label{color:#94a3b8}.filter-value{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:3px 10px;font-weight:700}.templates-grid-scroll{flex:1;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.35rem;padding:1.5rem 1.75rem;display:grid;overflow-y:auto}.template-item-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.35rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0f172a08}.template-item-card:hover{border-color:#00a884;transform:translateY(-3px);box-shadow:0 12px 28px -4px #00a88429}.card-top-icon{justify-content:space-between;align-items:center;width:100%;margin-bottom:.85rem;display:flex}.tpl-icon-box{color:#00a884;background:#00a8841f;border:1px solid #00a88433;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex}.template-item-card:hover .tpl-icon-box{transform:scale(1.06)}.step-count-pill{color:#00a884;background:#00a8841a;border:1px solid #00a88433;border-radius:20px;padding:3px 9px;font-size:.7rem;font-weight:700}.tpl-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 6px;font-size:1.1rem;font-weight:800}.tpl-desc{color:#64748b;flex:1;margin:0 0 1rem;font-size:.825rem;line-height:1.45}.tpl-meta-stack{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.6rem;margin-bottom:1.25rem;padding:.75rem .9rem;display:flex}.meta-row{flex-direction:column;gap:2px;width:100%;display:flex}.meta-key{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:800}.meta-val{color:#0f172a;word-break:break-word;font-size:.825rem;font-weight:700;line-height:1.35}.tpl-actions-stack{box-sizing:border-box;flex-direction:column;gap:.5rem;width:100%;display:flex}.btn-use-tpl{cursor:pointer;background:#00a884;border:1px solid #008f70;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;width:100%;height:40px;font-size:.825rem;font-weight:700;transition:all .18s;display:flex;box-shadow:0 4px 12px #00a88440;color:#fff!important}.btn-use-tpl:hover{background:#008f70;transform:translateY(-1px)}.btn-preview-tpl{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;width:100%;height:38px;font-size:.8rem;font-weight:700;transition:all .18s;display:flex}.btn-preview-tpl:hover{background:#f8fafc;border-color:#00a884}.template-mini-preview-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000000;background:#0f172ab3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.template-mini-preview-modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:580px;max-width:95vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px -12px #0006}.mini-preview-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.15rem 1.5rem;display:flex}.mini-preview-title{align-items:center;gap:.65rem;display:flex}.mini-preview-title h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.preview-node-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.75rem .9rem;display:flex}.preview-node-item.type-trigger{border-left:3px solid #10b981}.preview-node-item.type-text{border-left:3px solid #0284c7}.preview-node-item.type-image{border-left:3px solid #6366f1}.preview-node-item.type-document{border-left:3px solid #0d9488}.preview-node-item.type-video{border-left:3px solid #f43f5e}.preview-node-item.type-menu{border-left:3px solid #8b5cf6}.node-step-num{color:#475569;background:#e2e8f0;border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:.68rem;font-weight:800}.node-step-info{flex-direction:column;gap:2px;display:flex}.node-step-info strong{color:#0f172a;font-size:.825rem}.node-step-desc{color:#64748b;font-size:.775rem}.mini-preview-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.mini-preview-footer .btn-secondary{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;height:38px;padding:0 1rem;font-size:.8rem;font-weight:700}.mini-preview-footer .btn-primary{color:#fff;cursor:pointer;background:#00a884;border:none;border-radius:9px;align-items:center;gap:.45rem;height:38px;padding:0 1.25rem;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #00a88440}.mini-preview-footer .btn-primary:hover{background:#008f70}.studio-container-enterprise{color:#0f172a;background:#f8fafc;flex-direction:column;width:100%;height:100vh;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.studio-container-enterprise .canva-header-bar{background:var(--sidebar-bg,#070e0c);color:#fff;z-index:200;box-sizing:border-box;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:.3rem;width:100%;height:46px;padding:0 clamp(.2rem,.4vw,.5rem);display:flex;box-shadow:0 2px 12px #00000026;overflow:visible!important}.studio-container-enterprise .canva-header-bar::-webkit-scrollbar{display:none}.studio-container-enterprise .canva-header-left{white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;display:flex}.studio-container-enterprise .canva-title-box{flex-shrink:0;align-items:center;gap:.2rem;max-width:140px;display:flex;overflow:hidden}.studio-container-enterprise .canva-title-text{color:#fff;cursor:pointer;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:5px;max-width:105px;margin:0;padding:.15rem .4rem;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-block;overflow:hidden}.studio-container-enterprise .canva-title-text:hover{background:#ffffff1f;border-color:#ffffff40}.studio-container-enterprise .canva-title-input{color:#fff;background:#ffffff26;border:1px solid #00a884;border-radius:5px;outline:none;width:100px;padding:.15rem .4rem;font-size:.75rem;font-weight:700}.studio-container-enterprise .canva-icon-del{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:flex}.studio-container-enterprise .canva-icon-del:hover{color:#ef4444;background:#ef444433}.studio-container-enterprise .canva-status-pill{white-space:nowrap;border-radius:12px;flex-shrink:0;align-items:center;gap:.25rem;padding:2px 6px;font-size:.625rem;font-weight:700;display:inline-flex}.studio-container-enterprise .canva-status-pill.published{color:#38d39f;background:#00a88433;border:1px solid #00a884}.studio-container-enterprise .canva-status-pill.draft{color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff26}.studio-container-enterprise .canva-status-pill.autosaved{color:#60a5fa;background:#3b82f62e;border:1px solid #3b82f659}.studio-container-enterprise .canva-header-right{flex-shrink:0;align-items:center;gap:.25rem;display:flex;position:relative;overflow:visible}.studio-container-enterprise .canva-btn-preview-tpl,.studio-container-enterprise .canva-btn-sim,.studio-container-enterprise .canva-btn-draft,.studio-container-enterprise .canva-btn-share,.studio-container-enterprise .custom-hdr-dropdown-btn{white-space:nowrap;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;gap:.25rem;height:30px;padding:0 .45rem;font-size:.715rem;font-weight:600;transition:all .15s;display:inline-flex}.studio-container-enterprise .canva-btn-preview-tpl{color:#38d39f;cursor:pointer;background:#00a8842e;border:1px solid #00a884}.studio-container-enterprise .canva-btn-preview-tpl:hover{color:#fff;background:#00a884}.studio-container-enterprise .custom-hdr-dropdown-wrapper{z-index:1000;display:inline-block;position:relative}.studio-container-enterprise .custom-hdr-dropdown-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e}.studio-container-enterprise .custom-hdr-dropdown-btn:hover,.studio-container-enterprise .custom-hdr-dropdown-btn.active{background:#ffffff29;border-color:#00a884}.studio-container-enterprise .custom-hdr-dropdown-menu{border-radius:12px;flex-direction:column;gap:4px;min-width:240px;max-width:320px;max-height:380px;padding:6px;display:flex;position:absolute;top:36px;right:0;overflow-y:auto;z-index:999999!important;background:#070e0c!important;border:1px solid #fff3!important;box-shadow:0 16px 40px #000c!important}.studio-container-enterprise .dropdown-menu-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:.55rem .75rem;font-size:.8rem;font-weight:600;transition:background .15s;display:flex;color:#fff!important}.studio-container-enterprise .dropdown-menu-item:hover,.studio-container-enterprise .dropdown-menu-item.selected{background:#00a88440;color:#38d39f!important}.studio-container-enterprise .dropdown-divider{background:#ffffff1a;height:1px;margin:4px 0}.studio-container-enterprise .canva-btn-sim,.studio-container-enterprise .canva-btn-draft{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e}.studio-container-enterprise .canva-btn-sim:hover,.studio-container-enterprise .canva-btn-draft:hover{background:#ffffff2e}.studio-container-enterprise .canva-btn-share{cursor:pointer;background:#00a884;border:1px solid #008f70;box-shadow:0 2px 8px #00a8844d;color:#fff!important}.studio-container-enterprise .canva-btn-share:hover{background:#008f70;transform:translateY(-1px)}.studio-container-enterprise .studio-body-layout{flex-direction:row!important;flex:1!important;width:100%!important;height:calc(100vh - 54px)!important;display:flex!important;position:relative!important;overflow:hidden!important}.studio-container-enterprise .palette-sidebar-compact{background:var(--bg-surface,#fff)!important;border-right:1px solid var(--border,#e2e8f0)!important;z-index:20!important;box-sizing:border-box!important;flex-direction:column!important;flex-shrink:0!important;width:250px!important;min-width:250px!important;max-width:250px!important;height:100%!important;transition:width .25s cubic-bezier(.16,1,.3,1),min-width .25s cubic-bezier(.16,1,.3,1)!important;display:flex!important;box-shadow:2px 0 12px #0f172a08!important}.studio-container-enterprise .palette-sidebar-compact.collapsed{width:56px!important;min-width:56px!important;max-width:56px!important}.studio-container-enterprise .palette-sidebar-compact.collapsed .palette-header{background:var(--bg-surface,#fff)!important;justify-content:center!important;padding:.75rem 0!important}.studio-container-enterprise .palette-sidebar-compact.collapsed .palette-toggle-btn{background:var(--bg-light,#f1f5f9)!important;width:36px!important;height:36px!important;color:var(--text-secondary,#475569)!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;transition:all .15s!important;display:flex!important}.studio-container-enterprise .palette-sidebar-compact.collapsed .palette-toggle-btn:hover{color:#fff!important;background:#00a884!important}.studio-container-enterprise .palette-sidebar-compact.collapsed .palette-compact-list{align-items:center!important;padding:.65rem .4rem!important}.studio-container-enterprise .palette-sidebar-compact.collapsed .palette-category-label,.studio-container-enterprise .palette-sidebar-compact.collapsed .card-mid-text,.studio-container-enterprise .palette-sidebar-compact.collapsed .card-add-btn{display:none!important}.studio-container-enterprise .palette-header{border-bottom:1px solid var(--border,#e2e8f0);background:var(--bg-surface,#fff);justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.studio-container-enterprise .sidebar-heading{color:var(--text-primary,#12231f);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.775rem;font-weight:800}.studio-container-enterprise .step-count-pill{background:var(--primary-soft,#f5f6f1);color:var(--theme-signal,#1f7a5c);border-radius:12px;padding:2px 7px;font-size:.675rem;font-weight:700}.studio-container-enterprise .palette-toggle-btn{color:#00a884!important;cursor:pointer!important;background:#e8f5e9!important;border:1px solid #00a884!important;border-radius:7px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;transition:all .2s!important;display:flex!important;box-shadow:0 1px 3px #00a88426!important}.studio-container-enterprise .palette-toggle-btn:hover{color:#fff!important;background:#00a884!important;border-color:#008f70!important;transform:scale(1.06)!important;box-shadow:0 2px 6px #00a88440!important}.studio-container-enterprise .palette-search-box{border:1px solid var(--border-input,#cbd5e1);background:var(--bg-surface,#fff);border-radius:8px;align-items:center;gap:.45rem;margin:.65rem .75rem;padding:.45rem .65rem;transition:all .15s;display:flex}.studio-container-enterprise .palette-search-box:focus-within{border-color:var(--theme-signal,#1f7a5c);background:var(--bg-surface,#fff);box-shadow:0 0 0 3px #1f7a5c1f}.studio-container-enterprise .palette-search-box .search-icon{color:var(--text-muted,#6b7167);flex-shrink:0}.studio-container-enterprise .palette-search-box:focus-within .search-icon{color:var(--theme-signal,#1f7a5c)}.studio-container-enterprise .palette-search-box input{width:100%;height:100%;color:var(--text-primary,#12231f);flex:1;font-size:.8rem;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.studio-container-enterprise .palette-search-box .clear-search-btn{background:var(--bg-light,#00000014);color:var(--text-muted,#64748b);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex}.studio-container-enterprise .palette-search-box .clear-search-btn:hover{color:#fff;background:#ef4444}.studio-container-enterprise .palette-compact-list{flex-direction:column;flex:1;gap:.6rem;padding:.65rem .75rem;display:flex;overflow-y:auto}.studio-container-enterprise .palette-category-group{flex-direction:column;gap:.35rem;display:flex}.studio-container-enterprise .palette-category-label{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .25rem .05rem;font-size:.65rem;font-weight:800}.studio-container-enterprise .palette-compact-card{background:var(--bg-surface,#fff);border:1px solid var(--border,#e2e8f0);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9px;align-items:center;gap:.55rem;padding:.5rem .65rem;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #0f172a08}.studio-container-enterprise .palette-sidebar-compact.collapsed .palette-compact-card{border-radius:10px;justify-content:center;width:42px;height:42px;padding:.45rem}.studio-container-enterprise .palette-compact-card:hover{border-color:var(--theme-signal,#00a884);background:var(--bg-surface,#fff);transform:translateY(-1px);box-shadow:0 4px 14px #00a8841f}.studio-container-enterprise .card-left-icon{color:#00a884;background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.studio-container-enterprise .theme-amber .card-left-icon{color:#d97706;background:#f59e0b1f}.studio-container-enterprise .theme-emerald .card-left-icon{color:#00a884;background:#00a8841f}.studio-container-enterprise .theme-sky .card-left-icon{color:#0284c7;background:#0284c71f}.studio-container-enterprise .theme-indigo .card-left-icon{color:#6366f1;background:#6366f11f}.studio-container-enterprise .theme-rose .card-left-icon{color:#f43f5e;background:#f43f5e1f}.studio-container-enterprise .theme-purple .card-left-icon{color:#8b5cf6;background:#8b5cf61f}.studio-container-enterprise .theme-slate .card-left-icon{color:#64748b;background:#64748b1f}.studio-container-enterprise .card-mid-text{flex-direction:column;flex:1;min-width:0;display:flex}.studio-container-enterprise .card-mid-text strong{color:var(--text-primary,#0f172a);white-space:nowrap;letter-spacing:-.01em;font-size:.775rem;font-weight:700;overflow:hidden}.studio-container-enterprise .card-mid-text span{color:var(--text-secondary,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.studio-container-enterprise .card-add-btn{background:var(--bg-surface,#0000000a);width:22px;height:22px;color:var(--text-muted,#6b7167);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.studio-container-enterprise .palette-compact-card:hover .card-add-btn{background:var(--theme-signal,#00a884);color:#fff}.studio-container-enterprise .palette-sidebar-compact.collapsed .palette-compact-list{align-items:center!important;gap:.4rem!important;padding:.65rem 0!important}.studio-container-enterprise .palette-sidebar-compact.collapsed .palette-category-group{align-items:center!important;gap:.45rem!important;width:100%!important;padding:.25rem 0!important}.studio-container-enterprise .palette-sidebar-compact.collapsed .palette-compact-card{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;justify-content:center!important;width:100%!important;padding:0!important}.studio-container-enterprise .palette-sidebar-compact.collapsed .palette-compact-card:hover{background:0 0!important;transform:none!important}.studio-container-enterprise .palette-sidebar-compact.collapsed .card-left-icon{border:1px solid #0000000a!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;margin:0 auto!important;transition:all .15s cubic-bezier(.16,1,.3,1)!important;display:flex!important;box-shadow:0 2px 6px #0f172a0f!important}.studio-container-enterprise .palette-sidebar-compact.collapsed .palette-compact-card:hover .card-left-icon{transform:scale(1.14)translateY(-1px)!important;box-shadow:0 4px 14px #00a8844d!important}.studio-container-enterprise .studio-canvas-main{cursor:grab;-webkit-user-select:none;user-select:none;flex:1!important;min-width:0!important;height:100%!important;position:relative!important;overflow:hidden!important}.studio-container-enterprise .studio-canvas-main:active{cursor:grabbing}.studio-container-enterprise .canvas-grid-pattern{pointer-events:none;background-color:#f8fafc;background-image:radial-gradient(circle,#cbd5e1 1.2px,#0000 1.2px);background-size:20px 20px;width:6000px;height:6000px;position:absolute;top:-2000px;left:-2000px}.studio-container-enterprise .floating-canvas-controls,.studio-container-enterprise .canvas-controls-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;-webkit-user-select:none;user-select:none;background:#ffffffe6;border:1px solid #e2e8f0e6;border-radius:12px;align-items:center;gap:.35rem;padding:.35rem .5rem;display:flex;position:absolute;bottom:24px;left:24px;box-shadow:0 8px 24px #0f172a14}.studio-container-enterprise .floating-canvas-controls button,.studio-container-enterprise .canvas-controls-toolbar button{width:30px;height:30px;color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.studio-container-enterprise .floating-canvas-controls button:hover,.studio-container-enterprise .canvas-controls-toolbar button:hover{color:#0f172a;background:#f1f5f9}.studio-container-enterprise .floating-canvas-controls button.active,.studio-container-enterprise .canvas-controls-toolbar button.active{color:var(--theme-signal,#1f7a5c);background:#1f7a5c26}.studio-container-enterprise .zoom-percentage,.studio-container-enterprise .zoom-level-text{color:var(--text-primary,#475569);text-align:center;font-variant-numeric:tabular-nums;min-width:40px;padding:0 .35rem;font-size:.75rem;font-weight:700}.studio-container-enterprise .toolbar-divider{background:#cbd5e1;width:1px;height:16px;margin:0 2px}.studio-container-enterprise .connections-svg-layer{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.studio-container-enterprise .studio-wire-path-shadow{stroke:#0f172a0d;stroke-width:6px;fill:none}.studio-container-enterprise .studio-wire-path{stroke-width:2.5px;fill:none;filter:drop-shadow(0 2px 4px #00a88433);transition:stroke .2s}.studio-container-enterprise .wire-port-dot{r:5px;stroke:#fff;stroke-width:2px;filter:drop-shadow(0 2px 4px #00000026)}.studio-container-enterprise .studio-wire-drawing{stroke-width:2.5px;fill:none;stroke-dasharray:6 4;animation:.8s linear infinite wireDrawingDash}@keyframes wireDrawingDash{to{stroke-dashoffset:-20px}}.studio-container-enterprise .studio-node-card{-webkit-user-select:none;user-select:none;z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:270px;transition:transform .15s,box-shadow .2s,border-color .2s;position:absolute;overflow:visible;box-shadow:0 4px 18px -2px #0f172a0d,0 1px 3px #0f172a08}.studio-container-enterprise .studio-node-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 28px -4px #0f172a17}.studio-container-enterprise .studio-node-card.is-selected{z-index:15;border-color:#00a884!important;box-shadow:0 0 0 2px #00a8844d,0 10px 30px -4px #00a8842e!important}.studio-container-enterprise .theme-card-trigger{border-top:3px solid #00a884}.studio-container-enterprise .theme-card-text{border-top:3px solid #0284c7}.studio-container-enterprise .theme-card-image{border-top:3px solid #6366f1}.studio-container-enterprise .theme-card-document{border-top:3px solid #0d9488}.studio-container-enterprise .theme-card-video{border-top:3px solid #f43f5e}.studio-container-enterprise .theme-card-menu{border-top:3px solid #8b5cf6}.studio-container-enterprise .theme-card-delay{border-top:3px solid #f59e0b}.studio-container-enterprise .starting-step-pill{color:#fff;text-transform:uppercase;letter-spacing:.06em;z-index:12;background:#00a884;border-radius:20px;padding:2px 8px;font-size:.625rem;font-weight:800;position:absolute;top:-12px;left:14px;box-shadow:0 2px 8px #00a8844d}.studio-container-enterprise .node-card-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.studio-container-enterprise .header-left{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.studio-container-enterprise .node-icon-badge{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.studio-container-enterprise .badge-trigger{color:#00a884;background:#00a8841f;border:1px solid #00a88440}.studio-container-enterprise .badge-text{color:#0284c7;background:#0284c71f;border:1px solid #0284c740}.studio-container-enterprise .badge-image{color:#6366f1;background:#6366f11f;border:1px solid #6366f140}.studio-container-enterprise .badge-document{color:#0d9488;background:#0d94881f;border:1px solid #0d948840}.studio-container-enterprise .badge-video{color:#f43f5e;background:#f43f5e1f;border:1px solid #f43f5e40}.studio-container-enterprise .badge-menu{color:#8b5cf6;background:#8b5cf61f;border:1px solid #8b5cf640}.studio-container-enterprise .badge-delay{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.studio-container-enterprise .header-title-text{color:#0f172a;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;overflow:hidden}.studio-container-enterprise .header-actions{opacity:.7;align-items:center;gap:.25rem;transition:opacity .15s;display:flex}.studio-container-enterprise .studio-node-card:hover .header-actions{opacity:1}.studio-container-enterprise .node-tool-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.studio-container-enterprise .node-tool-btn:hover{color:#0f172a;background:#f1f5f9}.studio-container-enterprise .node-tool-btn.delete-btn:hover{color:#ef4444;background:#fef2f2}.studio-container-enterprise .node-card-body{color:#334155;word-break:break-word;padding:.75rem .85rem;font-size:.775rem;line-height:1.45}.studio-container-enterprise .preview-block{flex-direction:column;display:flex}.studio-container-enterprise .text-preview-block{white-space:pre-wrap;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.6rem;font-size:.775rem}.studio-container-enterprise .meta-label{color:#64748b;letter-spacing:.05em;margin-bottom:4px;font-size:.625rem;font-weight:800}.studio-container-enterprise .kw-badge{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:2px 6px;font-size:.725rem;font-weight:700;display:inline-block}.studio-container-enterprise .any-msg-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:.35rem;padding:3px 8px;font-size:.725rem;font-weight:700;display:inline-flex}.studio-container-enterprise .inspector-toggle-row{align-items:center;margin-bottom:.25rem;display:flex}.studio-container-enterprise .toggle-switch-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--theme-ink,#12231f);align-items:center;gap:.65rem;font-size:.815rem;font-weight:700;display:inline-flex}.studio-container-enterprise .toggle-switch-label input[type=checkbox]{display:none}.studio-container-enterprise .toggle-custom-slider{background-color:#cbd5e1;border-radius:20px;flex-shrink:0;width:36px;height:20px;transition:background-color .2s;position:relative}.studio-container-enterprise .toggle-custom-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.studio-container-enterprise .toggle-switch-label input[type=checkbox]:checked+.toggle-custom-slider{background-color:var(--theme-signal,#1f7a5c)}.studio-container-enterprise .toggle-switch-label input[type=checkbox]:checked+.toggle-custom-slider:before{transform:translate(16px)}.studio-container-enterprise .text-preview-block{background:var(--theme-paper,#f5f6f1);white-space:pre-wrap;border:1px solid #e2e8f0;border-radius:8px;padding:.65rem}.studio-container-enterprise .media-tag-pill{color:#fff;border-radius:4px;width:fit-content;margin-bottom:4px;padding:2px 6px;font-size:.65rem;font-weight:800;display:inline-block}.studio-container-enterprise .tag-image{background:var(--theme-wire,#35586b)}.studio-container-enterprise .tag-document{background:#4f46e5}.studio-container-enterprise .tag-video{background:#f43f5e}.studio-container-enterprise .media-url-truncate{color:var(--theme-ink,#12231f);word-break:break-all;font-size:.725rem;font-weight:600}.studio-container-enterprise .media-text-sub{color:var(--theme-ash,#6b7167);margin:4px 0 0;font-size:.7rem}.studio-container-enterprise .menu-choice-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;margin-top:.35rem;padding:.4rem .65rem;font-size:.75rem;display:flex;position:relative}.studio-container-enterprise .choice-number{color:#7c3aed;margin-right:4px;font-weight:800}.studio-container-enterprise .choice-label{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.studio-container-enterprise .choice-connect-handle{cursor:crosshair;background:#8b5cf6;border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:transform .15s,background-color .15s;position:absolute;top:50%;right:-6px;transform:translateY(-50%);box-shadow:0 0 0 2px #8b5cf64d}.studio-container-enterprise .choice-connect-handle:hover{background:#7c3aed;transform:translateY(-50%)scale(1.3)}.studio-container-enterprise .node-port{z-index:10;cursor:crosshair;background:#00a884;border:2px solid #fff;border-radius:50%;width:13px;height:13px;transition:transform .15s,background-color .15s;position:absolute;box-shadow:0 0 0 2px #00a8844d}.studio-container-enterprise .node-port:hover{background:#0284c7;transform:translateY(-50%)scale(1.3)}.studio-container-enterprise .source-port{top:40px;right:-7px;transform:translateY(-50%)}.studio-container-enterprise .target-port{top:40px;left:-7px;transform:translateY(-50%)}.studio-container-enterprise .canvas-empty-state-card{text-align:center;z-index:5;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:520px;max-width:92%;padding:2.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px -8px #0f172a14,0 4px 16px -2px #0f172a08}.studio-container-enterprise .empty-state-icon-box{color:#00a884;background:#00a8841f;border:1px solid #00a88433;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1.15rem;display:flex}.studio-container-enterprise .canvas-empty-state-card h3{color:#0f172a;letter-spacing:-.015em;margin:0 0 .5rem;font-size:1.25rem;font-weight:800;line-height:1.35}.studio-container-enterprise .canvas-empty-state-card p{color:#64748b;max-width:420px;margin:0 auto 1.5rem;font-size:.85rem;line-height:1.5}.studio-container-enterprise .empty-state-actions{justify-content:center;align-items:center;gap:.85rem;width:100%;display:flex}.studio-container-enterprise .empty-state-actions button{cursor:pointer;white-space:nowrap;box-sizing:border-box;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;height:42px;padding:0 1.25rem;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex}.studio-container-enterprise .empty-state-actions .btn-signal{color:#fff;background:#00a884;border:none;box-shadow:0 4px 14px #00a88440}.studio-container-enterprise .empty-state-actions .btn-signal:hover{background:#008f70;transform:translateY(-1px);box-shadow:0 6px 18px #00a88459}.studio-container-enterprise .empty-state-actions .btn-secondary{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.studio-container-enterprise .empty-state-actions .btn-secondary:hover{background:#f8fafc;border-color:#00a884;transform:translateY(-1px)}.studio-container-enterprise .inspector-sidebar-panel{z-index:10!important;box-sizing:border-box!important;background:#fff!important;border-left:1px solid #e2e8f0!important;flex-direction:column!important;flex-shrink:0!important;width:320px!important;min-width:320px!important;max-width:320px!important;height:100%!important;display:flex!important;box-shadow:-4px 0 20px #0f172a0a!important}.studio-container-enterprise .inspector-panel-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.studio-container-enterprise .inspector-panel-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.studio-container-enterprise .inspector-panel-header h3{color:#0f172a;margin:0;font-size:.9rem;font-weight:800}.studio-container-enterprise .inspector-scroll-area{flex-direction:column;flex:1;gap:1.15rem;padding:1.25rem;display:flex;overflow-y:auto}.studio-container-enterprise .inspector-form-group{flex-direction:column;gap:.4rem;display:flex}.studio-container-enterprise .inspector-form-group label{color:#0f172a;font-size:.775rem;font-weight:700}.studio-container-enterprise .inspector-form-group input[type=text],.studio-container-enterprise .inspector-form-group textarea{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.55rem .75rem;font-size:.825rem;transition:all .15s}.studio-container-enterprise .inspector-form-group input[type=text]:focus,.studio-container-enterprise .inspector-form-group textarea:focus{background:#fff;border-color:#00a884;box-shadow:0 0 0 3px #00a8841f}.studio-container-enterprise .field-hint{color:var(--theme-ash,#6b7167);font-size:.725rem;line-height:1.35}.studio-container-enterprise .inspector-empty-state{text-align:center;flex-direction:column;align-items:center;padding:1.5rem 1rem;display:flex}.studio-container-enterprise .empty-inspector-icon{width:52px;height:52px;color:var(--theme-signal,#1f7a5c);background:#e6f4ef;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.85rem;display:flex}.studio-container-enterprise .inspector-empty-state h4{color:var(--theme-ink,#12231f);margin:0 0 .4rem;font-size:.95rem;font-weight:800}.studio-container-enterprise .inspector-empty-state p{color:var(--theme-ash,#6b7167);margin:0 0 1.25rem;font-size:.775rem;line-height:1.45}.studio-container-enterprise .inspector-quick-select-list{text-align:left;flex-direction:column;gap:.4rem;width:100%;display:flex}.studio-container-enterprise .quick-select-node-btn{background:var(--theme-paper,#f5f6f1);color:var(--theme-ink,#12231f);cursor:pointer;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;font-size:.8rem;font-weight:700;transition:all .15s;display:flex}.studio-container-enterprise .quick-select-node-btn .node-type-dot{background:var(--theme-signal,#1f7a5c);border-radius:50%;flex-shrink:0;width:8px;height:8px}.studio-container-enterprise .quick-select-node-btn:hover{border-color:var(--theme-signal,#1f7a5c);color:var(--theme-signal,#1f7a5c);background:#fff;transform:translate(2px)}.studio-container-enterprise .inspector-menu-editor-row{align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.studio-container-enterprise .inspector-menu-editor-row .choice-num-field{text-align:center;flex-shrink:0;font-weight:700;width:42px!important}.studio-container-enterprise .inspector-menu-editor-row .choice-title-field{flex:1}.studio-container-enterprise .remove-choice-icon{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.studio-container-enterprise .remove-choice-icon:hover{background:#ef44441a}.studio-container-enterprise .simulator-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999999;background:#0b141abf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.studio-container-enterprise .phone-device-frame{background:#0b141a;border:10px solid #1f2937;border-radius:36px;flex-direction:column;width:375px;height:680px;max-height:92vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -12px #000c,0 0 0 1px #ffffff1a}.studio-container-enterprise .phone-top-bar{color:#aebac1;background:#202c33;flex-shrink:0;justify-content:space-between;align-items:center;height:28px;padding:0 18px;font-size:.7rem;font-weight:600;display:flex}.studio-container-enterprise .camera-lens{background:#0b141a;border:1px solid #2a3942;border-radius:50%;width:10px;height:10px}.studio-container-enterprise .status-icons{color:#aebac1;align-items:center;gap:6px;display:flex}.studio-container-enterprise .wa-app-header{background:#202c33;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 12px;display:flex}.studio-container-enterprise .wa-user-info{align-items:center;gap:10px;display:flex}.studio-container-enterprise .wa-avatar{color:#fff;background:#00a884;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.studio-container-enterprise .wa-name{color:#e9edef;margin:0;font-size:.875rem;font-weight:700;line-height:1.2}.studio-container-enterprise .wa-status{color:#00a884;font-size:.7rem;font-weight:500}.studio-container-enterprise .wa-actions{align-items:center;display:flex}.studio-container-enterprise .close-phone-btn{cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:flex;color:#e9edef!important}.studio-container-enterprise .close-phone-btn:hover{transform:scale(1.08);color:#fff!important;background:#ef4444!important}.studio-container-enterprise .wa-chat-body{background:#0b141a radial-gradient(#ffffff08 1px,#0000 0) 0 0/16px 16px;flex-direction:column;flex:1;gap:8px;padding:14px 12px;display:flex;overflow-y:auto}.studio-container-enterprise .wa-bubble-wrapper{width:100%;display:flex}.studio-container-enterprise .wa-bubble-wrapper.bot{justify-content:flex-start}.studio-container-enterprise .wa-bubble-wrapper.user{justify-content:flex-end}.studio-container-enterprise .wa-bubble{max-width:82%;padding:8px 12px;position:relative;box-shadow:0 1px 2px #0000004d}.studio-container-enterprise .wa-bubble.bot{background:#202c33;border-radius:0 12px 12px;color:#e9edef!important}.studio-container-enterprise .wa-bubble.user{background:#005c4b;border-radius:12px 0 12px 12px;color:#e9edef!important}.studio-container-enterprise .wa-message-text{white-space:pre-wrap;word-break:break-word;font-size:.85rem;line-height:1.45;color:#e9edef!important}.studio-container-enterprise .wa-meta-time{color:#8696a0;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:.65rem;display:flex}.studio-container-enterprise .wa-media-box{border-radius:8px;margin-bottom:6px;overflow:hidden}.studio-container-enterprise .wa-img{object-fit:cover;border-radius:8px;width:100%;max-height:180px;display:block}.studio-container-enterprise .wa-video{border-radius:8px;width:100%;max-height:180px}.studio-container-enterprise .wa-doc-box{color:#e9edef;background:#0003;border-radius:8px;align-items:center;gap:8px;padding:8px;font-size:.8rem;display:flex}.studio-container-enterprise .wa-bubble.typing-dots{align-items:center;gap:4px;padding:10px 14px;display:flex}.studio-container-enterprise .wa-bubble.typing-dots .dot{background:#8696a0;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingDot}.studio-container-enterprise .wa-bubble.typing-dots .dot:first-child{animation-delay:0s}.studio-container-enterprise .wa-bubble.typing-dots .dot:nth-child(2){animation-delay:.2s}.studio-container-enterprise .wa-bubble.typing-dots .dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.studio-container-enterprise .wa-footer-input{background:#202c33;border-top:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:8px;height:58px;padding:0 10px;display:flex}.studio-container-enterprise .wa-footer-input input{flex:1;height:38px;color:#e9edef!important;box-shadow:none!important;background:#2a3942!important;border:none!important;border-radius:20px!important;outline:none!important;padding:0 14px!important;font-size:.825rem!important}.studio-container-enterprise .wa-footer-input input::placeholder{color:#8696a0}.studio-container-enterprise .wa-send-btn{cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex;color:#fff!important;background:#00a884!important;border:none!important;padding:0!important}.studio-container-enterprise .wa-send-btn:hover{transform:scale(1.05);background:#008f70!important}.studio-container-enterprise .studio-toast-banner{z-index:999999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;border-radius:12px;align-items:center;gap:.65rem;max-width:420px;padding:.65rem 1.1rem;font-size:.825rem;font-weight:700;animation:.25s cubic-bezier(.16,1,.3,1) toastBannerSlideIn;display:flex;position:fixed;top:68px;right:24px;box-shadow:0 10px 30px -4px #0f172a2e,0 4px 12px #0f172a14}@keyframes toastBannerSlideIn{0%{opacity:0;transform:translateY(-10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.studio-container-enterprise .studio-toast-banner.success{color:#0f172a;background:#fffffff5;border:1px solid #00a884}.studio-container-enterprise .studio-toast-banner.success svg:first-child{color:#00a884;flex-shrink:0}.studio-container-enterprise .studio-toast-banner.error{color:#0f172a;background:#fffffff5;border:1px solid #ef4444}.studio-container-enterprise .studio-toast-banner.error svg:first-child{color:#ef4444;flex-shrink:0}.studio-container-enterprise .studio-toast-banner span{flex:1;line-height:1.35}.studio-container-enterprise .studio-toast-banner .close-banner{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:flex}.studio-container-enterprise .studio-toast-banner .close-banner:hover{color:#0f172a;background:#f1f5f9}.studio-container-enterprise .inspector-sidebar-panel{z-index:25;background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;width:320px;display:flex;box-shadow:-4px 0 20px #0000000d}.studio-container-enterprise .inspector-panel-container{flex-direction:column;height:100%;display:flex}.studio-container-enterprise .inspector-panel-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.studio-container-enterprise .inspector-panel-header h3{color:#0f172a;flex:1;margin:0;font-size:.85rem;font-weight:700}.studio-container-enterprise .close-inspector-btn{color:#00a884;cursor:pointer;background:#00a88414;border:1px solid #00a88440;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.studio-container-enterprise .close-inspector-btn:hover{color:#fff;background:#00a884;border-color:#008f70;transform:rotate(90deg)scale(1.05);box-shadow:0 2px 8px #00a8844d}.preview-page-container{background:var(--bg-page,var(--theme-paper,#f5f6f1));min-height:calc(100vh - 70px);color:var(--text-primary,var(--theme-ink,#12231f));box-sizing:border-box;flex-direction:column;padding:1.75rem 2.25rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.preview-page-container .preview-page-header{background:var(--bg-surface,#fff);border:1px solid var(--border,#12231f14);border-radius:16px;flex-direction:column;gap:1.1rem;margin-bottom:2rem;padding:1.35rem 1.75rem;display:flex;box-shadow:0 4px 20px #0000000a}.preview-page-container .header-top-row{justify-content:flex-start;align-items:center;width:100%;display:flex}.preview-page-container .header-top-row h1{color:var(--text-primary,var(--theme-ink,#12231f));letter-spacing:-.015em;margin:0;font-size:1.55rem;font-weight:800}.preview-page-container .header-bottom-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.preview-page-container .btn-back-canvas{background:var(--bg-light,var(--theme-paper,#f5f6f1));border:1px solid var(--border,#12231f1f);color:var(--text-primary,var(--theme-ink,#12231f));cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.preview-page-container .btn-back-canvas:hover{background:var(--theme-signal,#1f7a5c);color:#fff;border-color:var(--theme-signal,#1f7a5c);transform:translate(-2px);box-shadow:0 4px 12px #00a88433}.preview-page-container .preview-tab-nav{background:var(--bg-light,var(--theme-paper,#f5f6f1));border:1px solid var(--border,#12231f1a);border-radius:12px;align-items:center;gap:.5rem;padding:5px;display:flex}.preview-page-container .preview-tab-nav .tab-btn{color:var(--text-secondary,#52625d);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:.5rem;padding:.65rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.preview-page-container .preview-tab-nav .tab-btn.active{color:#fff;background:#00a884;box-shadow:0 4px 14px #00a88440}.preview-page-container .preview-toast{border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}.preview-page-container .preview-toast.success{color:var(--theme-signal,#1f7a5c);background:#1f7a5c1f;border:1px solid #1f7a5c40}.preview-page-container .preview-toast.error{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.preview-page-container .section-title-bar{margin-bottom:1.75rem}.preview-page-container .section-title-bar.flex-between{justify-content:space-between;align-items:center;display:flex}.preview-page-container .section-title-bar h2{color:var(--text-primary,var(--theme-ink,#12231f));letter-spacing:-.01em;margin:0 0 4px;font-size:1.3rem;font-weight:800}.preview-page-container .section-title-bar p{color:var(--text-secondary,#64748b);margin:0;font-size:.875rem}.preview-page-container .templates-grid,.preview-page-container .saved-flows-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;width:100%;margin-top:1rem;display:grid}@media (width<=1400px){.preview-page-container .templates-grid,.preview-page-container .saved-flows-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (width<=768px){.preview-page-container .templates-grid,.preview-page-container .saved-flows-grid{grid-template-columns:1fr}.preview-page-container{padding:1rem}.preview-page-container .preview-page-header{flex-direction:column;align-items:flex-start;gap:1rem}}.preview-page-container .template-card-enterprise,.preview-page-container .saved-flow-card{background:var(--bg-surface,#fff);border:1px solid var(--border,#e2e8f0);box-sizing:border-box;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.35rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px -4px #0000000a}.preview-page-container .template-card-enterprise:hover,.preview-page-container .saved-flow-card:hover{border-color:var(--theme-signal,#1f7a5c);transform:translateY(-3px);box-shadow:0 14px 32px -6px #1f7a5c2e}.preview-page-container .card-badge-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.preview-page-container .industry-pill{background:var(--bg-light,#12231f0a);color:var(--text-primary,var(--theme-ink,#12231f));border:1px solid var(--border,#12231f1a);white-space:nowrap;text-overflow:ellipsis;border-radius:20px;max-width:68%;padding:4px 10px;font-size:.725rem;font-weight:700;overflow:hidden}.preview-page-container .nodes-pill{color:var(--theme-signal,#1f7a5c);background:#1f7a5c1f;border:1px solid #1f7a5c40;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:.725rem;font-weight:700;display:inline-flex}.preview-page-container .card-main-info{margin-bottom:1rem}.preview-page-container .icon-wrapper{width:48px;height:48px;color:var(--theme-signal,#1f7a5c);background:linear-gradient(135deg,#1f7a5c29 0%,#1f7a5c0d 100%);border:1px solid #1f7a5c38;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;transition:transform .25s,background .25s;display:flex;box-shadow:0 2px 8px #00a8841a}.preview-page-container .template-card-enterprise:hover .icon-wrapper{background:linear-gradient(135deg,#1f7a5c40 0%,#1f7a5c1a 100%);transform:scale(1.06)}.preview-page-container .card-main-info h3{color:var(--text-primary,var(--theme-ink,#12231f));letter-spacing:-.01em;margin:0 0 8px;font-size:1.15rem;font-weight:800}.preview-page-container .card-main-info .desc{color:var(--text-secondary,#64748b);min-height:42px;margin:0;font-size:.865rem;line-height:1.5}.preview-page-container .metrics-box{background:var(--bg-light,var(--theme-paper,#f5f6f1));border:1px solid var(--border);border-left:3px solid var(--theme-signal,#1f7a5c);border-radius:10px;flex-direction:column;gap:3px;margin-bottom:1.35rem;padding:.75rem .9rem;display:flex}.preview-page-container .metrics-label{color:var(--text-secondary,var(--theme-ash,#6b7167));text-transform:uppercase;letter-spacing:.05em;font-size:.685rem;font-weight:800}.preview-page-container .metrics-val{color:var(--text-primary,var(--theme-ink,#12231f));font-size:.85rem;font-weight:700}.preview-page-container .btn-use-template{letter-spacing:.01em;cursor:pointer;background:#00a884;border:1px solid #008f70;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:44px;font-size:.875rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #00a88440;color:#fff!important}.preview-page-container .btn-use-template:hover{background:#008f70;transform:translateY(-1px);box-shadow:0 6px 20px #00a88459}.preview-page-container .btn-use-template:hover .btn-arrow-icon{transform:translate(3px)}.preview-page-container .btn-arrow-icon{transition:transform .2s}.preview-page-container .btn-use-template:active{transform:translateY(0)}.preview-page-container .custom-instance-dropdown-wrapper{display:inline-block;position:relative}.preview-page-container .custom-instance-btn{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;justify-content:space-between;align-items:center;gap:.85rem;padding:.55rem 1rem;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 10px #0f172a0a}.preview-page-container .custom-instance-btn:hover,.preview-page-container .custom-instance-btn.active{background:#fff;border-color:#00a884;box-shadow:0 4px 16px #00a88426}.preview-page-container .custom-instance-btn .btn-inner-left{align-items:center;gap:.5rem;font-size:.84rem;display:flex}.preview-page-container .custom-instance-btn .phone-icon{color:var(--theme-signal,#00a884);flex-shrink:0}.preview-page-container .custom-instance-btn .instance-lbl{color:var(--text-secondary,#64748b);font-weight:600}.preview-page-container .custom-instance-btn .instance-name{color:var(--text-primary,#0f172a);letter-spacing:-.01em;font-weight:800}.preview-page-container .custom-instance-btn .status-badge{border-radius:12px;margin-left:2px;padding:2px 8px;font-size:.7rem;font-weight:700}.preview-page-container .custom-instance-btn .status-badge.ready{color:#00a884;background:#00a8841f}.preview-page-container .custom-instance-btn .status-badge.offline{color:#64748b;background:#64748b1a}.preview-page-container .custom-instance-btn .arrow-icon{color:#64748b;transition:transform .2s}.preview-page-container .custom-instance-btn .arrow-icon.open{color:#00a884;transform:rotate(180deg)}.preview-page-container .custom-instance-menu{background:var(--bg-surface,#fff);border:1px solid var(--border,#cbd5e1);z-index:1000;border-radius:14px;width:260px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) fadeInDown;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #0f172a1f}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.preview-page-container .instance-menu-item{cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.85rem;transition:all .15s;display:flex}.preview-page-container .instance-menu-item:hover{background:var(--bg-light,#f8fafc)}.preview-page-container .instance-menu-item.selected{background:#00a8841f}.preview-page-container .instance-menu-item .item-name{color:var(--text-primary,#0f172a);font-weight:700}.preview-page-container .instance-menu-item .item-status-pill{color:#64748b;background:#64748b1a;border-radius:10px;padding:3px 8px;font-size:.68rem;font-weight:800}.preview-page-container .instance-menu-item .item-status-pill.ready{color:#00a884;background:#00a88424}.preview-page-container .saved-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.preview-page-container .saved-card-header h3{color:var(--text-primary,var(--theme-ink,#12231f));overflow-wrap:break-word;word-break:normal;flex:1;margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}.preview-page-container .status-pill{white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:.725rem;font-weight:700;display:inline-flex}.preview-page-container .status-pill.published{color:#00a884;background:#00a8841f;border:1px solid #00a88440}.preview-page-container .status-pill.draft{background:var(--bg-light,#6b71671a);color:var(--text-secondary,var(--theme-ash,#6b7167));border:1px solid var(--border,#6b716733)}.preview-page-container .flow-desc{color:var(--text-secondary,var(--theme-ash,#6b7167));margin:0 0 1rem;font-size:.85rem;line-height:1.45}.preview-page-container .flow-meta-info{background:var(--bg-light,var(--theme-paper,#f5f6f1));border:1px solid var(--border,#e8eae1);border-radius:10px;gap:1.5rem;margin-bottom:1.35rem;padding:.65rem .9rem;font-size:.775rem;display:flex}.preview-page-container .meta-lbl{color:var(--text-secondary,var(--theme-ash,#6b7167));margin-right:4px}.preview-page-container .meta-val{color:var(--text-primary,var(--theme-ink,#12231f));font-weight:700}.preview-page-container .meta-val.active-status-text{color:#00a884}.preview-page-container .saved-card-footer{box-sizing:border-box;align-items:center;gap:.5rem;width:100%;margin-top:1.15rem;display:flex}.preview-page-container .btn-edit-flow{cursor:pointer;white-space:nowrap;background:#00a884;border:1px solid #008f70;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:.35rem;min-width:0;height:38px;padding:0 .6rem;font-size:.825rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 6px #00a88440;color:#fff!important}.preview-page-container .btn-edit-flow:hover{background:#008f70;transform:translateY(-1px);box-shadow:0 4px 12px #00a88459}.preview-page-container .btn-delete-flow{background:var(--bg-surface,#fff);border:1px solid var(--border,#cbd5e1);cursor:pointer;white-space:nowrap;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;height:38px;padding:0 .65rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex;color:#ef4444!important}.preview-page-container .btn-delete-flow svg{flex-shrink:0;color:#ef4444!important;stroke:#ef4444!important}.preview-page-container .btn-delete-flow:hover{color:#ef4444!important;background:#ef44441f!important;border-color:#ef44444d!important}.preview-page-container .empty-saved-box{text-align:center;background:var(--bg-surface,#fff);border:1px dashed var(--border,#cbd5e1);border-radius:16px;flex-direction:column;align-items:center;padding:4rem 2rem;display:flex}.preview-page-container .empty-saved-box .empty-icon{color:var(--text-secondary,var(--theme-ash,#6b7167));margin-bottom:1rem}.preview-page-container .empty-saved-box h3{color:var(--text-primary,var(--theme-ink,#12231f));margin:0 0 6px;font-size:1.2rem;font-weight:700}.preview-page-container .empty-saved-box p{color:var(--text-secondary,var(--theme-ash,#6b7167));margin:0 0 1.5rem}.preview-page-container .flow-category-block{background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 2px 10px #0f172a08}.preview-page-container .flow-category-block.published-category{border-top:4px solid #00a884}.preview-page-container .flow-category-block.draft-category{border-top:4px solid #94a3b8}.preview-page-container .category-header{margin-bottom:1.25rem}.preview-page-container .category-title-row{align-items:center;gap:.65rem;margin-bottom:.25rem;display:flex}.preview-page-container .category-title-row h3{color:var(--text-primary,var(--theme-ink,#12231f));margin:0;font-size:1.15rem;font-weight:800}.preview-page-container .category-subtitle{color:var(--text-secondary,var(--theme-ash,#6b7167));margin:0;font-size:.825rem}.preview-page-container .count-pill{border-radius:12px;padding:3px 10px;font-size:.725rem;font-weight:700}.preview-page-container .count-pill.published-count{color:#00a884;background:#00a8841f;border:1px solid #00a88440}.preview-page-container .count-pill.draft-count{background:var(--bg-light,#6b71671a);color:var(--text-secondary,var(--theme-ash,#6b7167));border:1px solid var(--border,#6b716733)}.preview-page-container .saved-flow-card{background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:all .15s;display:flex;box-shadow:0 2px 8px #0f172a08}.preview-page-container .saved-flow-card:hover{border-color:#00a884;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.preview-page-container .saved-flow-card.published-card-accent{border-top:3px solid var(--theme-signal,#1f7a5c)}.preview-page-container .empty-category-card{background:var(--bg-light,var(--theme-paper,#f5f6f1));border:1px dashed var(--border,#d4d6cd);color:var(--text-secondary,var(--theme-ash,#6b7167));text-align:center;border-radius:12px;padding:1.5rem;font-size:.875rem}.preview-page-container .status-indicator-dot,.canva-status-pill .status-indicator-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.preview-page-container .status-indicator-dot.online,.canva-status-pill .status-indicator-dot.online{background:#00a884;animation:2s ease-in-out infinite pulse-dot-emerald;box-shadow:0 0 0 2.5px #00a88440}.preview-page-container .status-indicator-dot.offline,.canva-status-pill .status-indicator-dot.offline{background:#94a3b8;box-shadow:0 0 0 2.5px #94a3b833}@keyframes pulse-dot-emerald{0%,to{transform:scale(1);box-shadow:0 0 0 2.5px #00a88440}50%{transform:scale(1.15);box-shadow:0 0 0 5px #00a8841a}}.preview-page-container .category-title-left{align-items:center;gap:10px;display:flex}.preview-page-container .category-title-left h3{color:var(--text-primary,#12231f);margin:0;font-size:1.1rem;font-weight:800}.preview-page-container .category-header-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.preview-page-container .category-header-icon.live{color:#00a884;background:#e8f5e9;border:1px solid #00a88440}.preview-page-container .category-header-icon.draft{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.sent-messages-container{max-width:1600px;color:var(--theme-ink,#0f172a);margin:0 auto;padding:1.5rem;font-family:inherit}.sent-messages-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.sent-messages-header h1{color:var(--theme-ink,#0f172a);align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;display:flex}.sent-messages-header p{color:var(--text-secondary,#64748b);margin:.25rem 0 0;font-size:.875rem}.queue-badge-pill{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f640;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.825rem;font-weight:600;display:inline-flex}.queue-badge-pill.has-queue{color:#d97706;background:#f59e0b1f;border-color:#f59e0b4d;animation:2s infinite pulse-queue}@keyframes pulse-queue{0%,to{opacity:1}50%{opacity:.75}}.controls-bar-card{background:var(--bg-surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 1px 3px #00000008}.controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.controls-left,.controls-right{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.control-item{color:var(--text-secondary,#64748b);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.control-input,.control-select{border:1px solid var(--border,#cbd5e1);background:var(--bg-surface,#fff);color:var(--theme-ink,#0f172a);border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}.control-input:focus,.control-select:focus{border-color:#1f7a5c}.btn-export{background:var(--bg-light,#f1f5f9);color:var(--theme-ink,#0f172a);border:1px solid var(--border,#cbd5e1);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background .2s;display:flex}.btn-export:hover{background:#e2e8f0}.btn-refresh{color:#fff;cursor:pointer;background:#1f7a5c;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:opacity .2s;display:flex}.btn-refresh:hover{opacity:.9}.table-responsive-wrapper{background:var(--bg-surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;overflow-x:auto;box-shadow:0 4px 6px -1px #0000000d}.sent-messages-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.sent-messages-table thead tr{color:#fff;background:#1f7a5c}.sent-messages-table th{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border:none;padding:.85rem 1rem;font-size:.825rem;font-weight:700}.sent-messages-table tbody tr{border-bottom:1px solid var(--border,#f1f5f9);transition:background .15s}.sent-messages-table tbody tr:nth-child(2n){background:#1f7a5c05}.sent-messages-table tbody tr:hover{background:#1f7a5c0f}.sent-messages-table td{vertical-align:middle;padding:.85rem 1rem}.col-num{color:var(--text-secondary,#64748b);width:80px;font-weight:700}.type-subtext{color:#64748b;align-items:center;gap:3px;margin-top:2px;font-size:.725rem;display:flex}.col-id{color:#475569;width:70px;font-weight:600}.col-phone{color:var(--theme-ink,#0f172a);white-space:nowrap;font-family:monospace;font-weight:600}.col-message{color:#334155;word-break:break-word;min-width:250px;max-width:450px;line-height:1.4}.message-icon-note{color:#f59e0b;margin-right:.4rem;display:inline-block}.col-time{white-space:nowrap;color:#475569;font-family:monospace;font-size:.8rem}.status-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-delivered{color:#fff;background:#06b6d4;box-shadow:0 1px 2px #06b6d433}.status-sent{color:#fff;background:#f59e0b;box-shadow:0 1px 2px #f59e0b33}.status-pending{color:#fff;background:#3b82f6;box-shadow:0 1px 2px #3b82f633}.status-failed{color:#fff;background:#ef4444}.table-footer{background:var(--bg-surface,#fff);border-top:1px solid var(--border,#e2e8f0);color:var(--text-secondary,#64748b);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.875rem;display:flex}.pagination-controls{align-items:center;gap:.5rem;display:flex}.btn-page{border:1px solid var(--border,#cbd5e1);background:var(--bg-surface,#fff);color:var(--theme-ink,#0f172a);cursor:pointer;border-radius:6px;padding:.4rem .85rem;font-size:.825rem;font-weight:600;transition:all .2s}.btn-page:hover:not(:disabled){color:#1f7a5c;border-color:#1f7a5c}.btn-page:disabled{opacity:.5;cursor:not-allowed}.page-indicator{color:var(--theme-ink,#0f172a);padding:0 .5rem;font-weight:600}.empty-logs-box{text-align:center;color:var(--text-secondary,#64748b);padding:4rem 2rem}.empty-logs-box svg{color:#94a3b8;margin-bottom:1rem}