:root{--surface-page:#f5f7fb;--surface-card:#fff;--surface-muted:#f0f3f8;--text-primary:#172033;--text-secondary:#667085;--text-muted:#8a94a6;--border-color:#e4e8ef;--success:#168a55;--warning:#b7791f;--danger:#c43b4d;--info:#2f6fce;--shadow-sm:0 1px 2px rgba(16,24,40,.05);--shadow-md:0 12px 30px rgba(16,24,40,.07);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--sidebar-width:250px;--header-height:64px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}html[data-theme=dark]{--surface-page:#15171d;--surface-card:#20232b;--surface-muted:#292d37;--text-primary:#f2f5fa;--text-secondary:#aab2c1;--text-muted:#7e8797;--border-color:#363b47;--shadow-sm:0 1px 2px rgba(0,0,0,.25);--shadow-md:0 12px 30px rgba(0,0,0,.22)}*{box-sizing:border-box}body{margin:0;background:var(--surface-page);color:var(--text-primary);font-size:.94rem}.app-shell{min-height:100vh}.app-sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:var(--sidebar-width);background:#101217;color:#c9d0dc;padding:18px 12px;display:flex;flex-direction:column;border-right:1px solid #272b34}.sidebar-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;padding:8px 10px 25px}.brand-glyph{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--brand-primary);font-size:.67rem}.brand-logo{max-height:32px;max-width:132px;object-fit:contain}.sidebar-nav{display:grid;gap:3px}.nav-label{text-transform:uppercase;letter-spacing:.09em;font-size:.65rem;color:#778092;font-weight:700;margin:16px 10px 5px}.sidebar-nav a{color:#b9c0cc;text-decoration:none;border-radius:var(--radius-sm);padding:9px 10px;display:flex;gap:10px;align-items:center;transition:background .16s,color .16s}.sidebar-nav a:hover,.sidebar-nav a:focus-visible{background:#252a34;color:#fff;outline:none}.sidebar-nav a.is-active{background:color-mix(in srgb,var(--brand-primary) 18%,#20242d);color:#fff;box-shadow:inset 2px 0 var(--brand-primary)}.sidebar-user{margin-top:auto;border-top:1px solid #292e38;padding:14px 8px 3px;display:flex;align-items:center;gap:9px;font-size:.75rem}.sidebar-user strong{display:block;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{color:#858e9e}.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#343a47;color:#fff;font-weight:700}.sidebar-logout{margin-left:auto;background:transparent;border:0;color:#aeb7c5;font-size:1.15rem}.app-main{margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.app-topbar{height:var(--header-height);padding:0 32px;display:flex;align-items:center;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--surface-card) 94%,transparent);gap:16px}.topbar-context{font-size:.8rem;color:var(--text-secondary);flex:1}.theme-select select{border:1px solid var(--border-color);background:var(--surface-muted);color:var(--text-primary);border-radius:8px;padding:6px 8px;font-size:.8rem}.sidebar-toggle{display:none;background:transparent;border:0;color:var(--text-primary);font-size:1.3rem}.app-content{width:min(100%,1500px);padding:32px;margin:0 auto;flex:1}.app-footer{padding:18px 32px;color:var(--text-muted);font-size:.78rem}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px}.page-heading h1{font-size:1.7rem;letter-spacing:-.035em;margin:0 0 6px}.page-heading p{margin:0;color:var(--text-secondary)}.card,.metric-card{background:var(--surface-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)}.card-header,.card-footer{background:transparent!important;border-color:var(--border-color)!important}.metric-card{padding:20px;height:100%;display:flex;flex-direction:column;gap:7px}.metric-card span,.form-text,.text-secondary{color:var(--text-secondary)!important}.metric-card strong{font-size:2rem;letter-spacing:-.04em}.metric-card .status-ok{color:var(--success)}.btn{border-radius:9px;font-weight:600;box-shadow:none}.btn-primary{background:var(--brand-primary);border-color:var(--brand-primary)}.btn-outline-primary{color:var(--brand-primary);border-color:var(--brand-primary)}.table{--bs-table-bg:transparent;--bs-table-color:var(--text-primary);--bs-table-border-color:var(--border-color);margin:0}.table th{background:var(--surface-muted);color:var(--text-muted);font-size:. सातrem;text-transform:uppercase;letter-spacing:.06em;padding:13px 16px}.table td{padding:14px 16px;vertical-align:middle}.badge{border-radius:999px;padding:.42em .7em}.empty-state{padding:44px!important;text-align:center;color:var(--text-secondary)}.form-control,.form-select{background:var(--surface-page);border-color:var(--border-color);color:var(--text-primary);border-radius:8px}.form-control:focus,.form-select:focus{background:var(--surface-card);color:var(--text-primary);border-color:var(--brand-primary);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--brand-primary) 18%,transparent)}.form-check-input{background-color:var(--surface-muted);border-color:var(--border-color)}.form-check-input:checked{background-color:var(--brand-primary);border-color:var(--brand-primary)}.voice-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px}.voice-card,.catalog-form{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:15px;background:var(--surface-muted)}.superagent-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.superagent-tab{border:1px solid var(--border-color);border-radius:999px;background:var(--surface-card);color:var(--text-secondary);padding:7px 11px;font-size:.82rem}.superagent-tab.is-active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.superagent-tab-panel{display:none}.superagent-tab-panel.is-active{display:block}.behavior-summary{list-style:none;padding:0;display:grid;gap:8px}.behavior-summary li{padding:10px 12px;border-radius:8px;background:var(--surface-muted)}.behavior-summary .is-on{color:var(--success)}.behavior-summary .is-off{color:var(--text-secondary)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--brand-primary) 15%,transparent),transparent 38%),var(--surface-page)}.login-wrap{width:min(100%,430px)}.login-card{border-radius:var(--radius-lg)!important}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--brand-primary);color:#fff;font-weight:800}.brand-logo-preview{max-height:80px;max-width:220px;object-fit:contain}@media(max-width:900px){.app-sidebar{transform:translateX(-102%);transition:transform .18s}.app-sidebar.is-open{transform:translateX(0)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:15}.sidebar-backdrop.is-open{display:block}.app-main{margin-left:0}.sidebar-toggle{display:block}.app-topbar{padding:0 18px}.app-content{padding:22px 18px}}@media(max-width:600px){.page-heading{flex-direction:column}.page-heading .btn{width:100%}.app-content{padding:18px 14px}.superagent-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.superagent-tab{white-space:nowrap}.table th,.table td{padding:12px}.login-page{padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.whatsapp-help-panel{padding:22px 24px;border-bottom:1px solid var(--border-color);background:var(--surface-muted);color:var(--text-primary)}
.whatsapp-help-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.whatsapp-help-intro h2{font-size:1.2rem;margin:4px 0 6px;color:var(--text-primary)}.whatsapp-help-intro p{max-width:850px;margin:0;color:var(--text-secondary);line-height:1.55}.whatsapp-help-badge{flex:0 0 auto;padding:6px 10px;border:1px solid color-mix(in srgb,var(--brand-primary) 35%,var(--border-color));border-radius:999px;color:var(--brand-primary);font-size:.78rem;font-weight:700}
.whatsapp-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.whatsapp-guide-item{border:1px solid var(--border-color);border-radius:10px;background:var(--surface-card);color:var(--text-primary)}.whatsapp-guide-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;font-weight:700;list-style:none}.whatsapp-guide-item summary::-webkit-details-marker{display:none}.whatsapp-guide-item summary span{color:var(--brand-primary);font-size:1.2rem}.whatsapp-guide-item[open] summary{border-bottom:1px solid var(--border-color);color:var(--brand-primary)}.whatsapp-guide-body{padding:12px 14px 14px;color:var(--text-secondary);font-size:.92rem;line-height:1.5}.whatsapp-guide-body strong{color:var(--text-primary)}.whatsapp-guide-purpose{margin:0 0 10px}.whatsapp-guide-body ol{margin:6px 0 0;padding-left:20px}.whatsapp-guide-body li+li{margin-top:5px}.whatsapp-guide-example,.whatsapp-guide-warning{margin-top:11px;padding:10px 12px;border-radius:8px}.whatsapp-guide-example{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);border-left:3px solid var(--brand-primary)}.whatsapp-guide-warning{background:color-mix(in srgb,#d97706 10%,transparent);border-left:3px solid #d97706}.whatsapp-guide-example p,.whatsapp-guide-warning p{margin:3px 0 0;color:var(--text-secondary)}
.whatsapp-form-section{padding:18px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-subtle)}.whatsapp-section-heading{margin-bottom:14px}.whatsapp-section-heading h3{font-size:1.05rem;margin:3px 0 4px;color:var(--text-primary)}.whatsapp-section-heading p{margin:0;color:var(--text-secondary);font-size:.9rem}.whatsapp-form-section .form-text{color:var(--text-secondary)}.whatsapp-preset-status{min-height:0;margin-bottom:12px}.whatsapp-preset-status:empty{display:none}
@media(max-width:767px){.whatsapp-guide-grid{grid-template-columns:1fr}.whatsapp-help-intro{display:block}.whatsapp-help-badge{display:inline-block;margin-top:10px}}
.whatsapp-form-section{background:var(--surface-muted)}
.password-field{position:relative}.password-field .form-control{padding-right:3.3rem}.password-toggle{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;border:1px solid var(--border-color);border-radius:7px;background:var(--surface-muted);color:var(--text-primary);display:grid;place-items:center;font-size:1.05rem}.password-toggle:hover,.password-toggle:focus-visible{border-color:var(--brand-primary);color:var(--brand-primary);outline:2px solid color-mix(in srgb,var(--brand-primary) 25%,transparent);outline-offset:1px}