:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .82rem + .25vw, 1rem);--text-base: clamp(1rem, .95rem + .2vw, 1.08rem);--text-lg: clamp(1.125rem, 1rem + .45vw, 1.35rem);--text-xl: clamp(1.5rem, 1.2rem + .9vw, 2rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--font-body: "Satoshi", "Inter", sans-serif;--transition-interactive: .18s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100dvh;line-height:1.55;font-family:var(--font-body);font-size:var(--text-base);background:#15110d}button,input{font:inherit}button{cursor:pointer;border:0}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app-shell{--bg: #15110d;--surface: #201812;--surface-2: #2a2119;--surface-3: #342a21;--border: rgba(248, 241, 229, .12);--text: #f8f1e5;--muted: #b6a996;--faint: #796e61;--gold: #f1b323;--gold-strong: #d69b1f;--success: #7bbf6a;--danger: #ff827a;min-height:100dvh;display:grid;grid-template-columns:18rem minmax(0,1fr);color:var(--text);background:radial-gradient(circle at 20% 0%,rgba(241,179,35,.16),transparent 28rem),linear-gradient(135deg,var(--bg),#100d0a 68%)}.app-shell[data-theme=light]{--bg: #f7f1e7;--surface: #fffaf1;--surface-2: #f0e6d7;--surface-3: #e8dccb;--border: rgba(66, 45, 23, .16);--text: #241b13;--muted: #75685a;--faint: #9d8f7f;--gold: #b67800;--gold-strong: #8d5e00;--success: #357a32;--danger: #a74436;background:radial-gradient(circle at 20% 0%,rgba(214,155,31,.18),transparent 28rem),linear-gradient(135deg,var(--bg),#efe5d5 72%)}.skip-link{position:absolute;top:var(--space-3);left:var(--space-3);z-index:20;transform:translateY(-200%);background:var(--gold);color:#17120d;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md)}.skip-link:focus{transform:translateY(0)}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-6);border-right:1px solid var(--border);background:color-mix(in oklab,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:var(--space-4)}.brand-logo{width:3.25rem;height:3.25rem;object-fit:contain;border-radius:var(--radius-lg);background:#fff;padding:var(--space-2)}.brand strong{display:block;font-size:var(--text-sm);line-height:1.2}.eyebrow{color:var(--gold);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-list{display:grid;gap:var(--space-2)}.nav-item,.ghost-button,.primary-button{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive),transform var(--transition-interactive)}.nav-item{justify-content:flex-start;padding:0 var(--space-3);color:var(--muted);background:transparent}.nav-item:hover,.nav-item.active{color:var(--text);background:var(--surface-2)}.mvp-launch-panel{padding:var(--space-5) var(--space-6) var(--space-5)}.mvp-launch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);padding:0 var(--space-6) var(--space-3)}.mvp-launch-grid>div{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in oklab,var(--surface-2) 50%,transparent)}.mvp-launch-grid>div strong{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em}.mvp-launch-grid>div span{color:var(--muted);font-size:var(--text-sm)}.mvp-missing{padding:var(--space-3) var(--space-6) var(--space-4);display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:var(--text-sm)}.badge.missing{background:color-mix(in oklab,#f59e0b 20%,transparent);color:#fcd34d;border:1px solid color-mix(in oklab,#f59e0b 50%,transparent)}.outbox-status{display:inline-block;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600;margin-right:4px;text-transform:uppercase}.outbox-status.mock_sent{background:color-mix(in oklab,#38bdf8 18%,transparent);color:#7dd3fc}.outbox-status.sent{background:color-mix(in oklab,#22c55e 22%,transparent);color:#86efac}.outbox-status.pending{background:color-mix(in oklab,#f59e0b 20%,transparent);color:#fcd34d}.outbox-status.queued{background:color-mix(in oklab,#a78bfa 20%,transparent);color:#c4b5fd}.outbox-status.failed{background:color-mix(in oklab,#ef4444 22%,transparent);color:#fca5a5}.sla-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;letter-spacing:.05em;padding:2px 6px;border-radius:4px;text-transform:uppercase}.sla-badge.overdue{background:color-mix(in oklab,#ef4444 18%,transparent);color:#fca5a5;border:1px solid color-mix(in oklab,#ef4444 50%,transparent)}.login-picker{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--muted)}.login-picker select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 8px;font-size:var(--text-sm)}.sidebar-subnav{display:flex;flex-direction:column;gap:4px;padding:var(--space-3);border:1px dashed var(--border);border-radius:var(--radius-md);background:color-mix(in oklab,var(--surface-2) 50%,transparent)}.sidebar-subnav .eyebrow{margin:0 0 4px 8px}.nav-item.small{padding:6px 10px;font-size:var(--text-sm);gap:6px}.sidebar-note{margin-top:auto;display:flex;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--muted);background:color-mix(in oklab,var(--surface-2) 72%,transparent);font-size:var(--text-sm)}.workspace{min-width:0;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6)}.topbar,.panel-header,.dialog-card-top,.dialog-meta,.reply-row,.widget-menu-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.topbar{min-height:5.25rem}h1{font-size:var(--text-xl);line-height:1.15}.topbar-subtitle{margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm);max-width:52rem}h2,h3{font-size:var(--text-lg);line-height:1.2}.topbar-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.ghost-button{padding:0 var(--space-4);color:var(--text);border:1px solid var(--border);background:var(--surface)}.primary-button{padding:0 var(--space-4);color:#19120b;background:var(--gold);font-weight:700}.primary-button:hover{background:var(--gold-strong)}.primary-button.compact{min-height:2.5rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.metric-card,.panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:color-mix(in oklab,var(--surface) 92%,transparent);box-shadow:0 16px 48px #00000029}.metric-card{display:flex;gap:var(--space-4);padding:var(--space-5)}.metric-icon{width:2.75rem;height:2.75rem;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-lg);color:var(--gold);background:color-mix(in oklab,var(--gold) 14%,transparent)}.metric-card p,.metric-card span,.dialog-card p,.dialog-meta,.details-list dt,.timeline p,.website-card p,.widget-menu span,.widget-channel small{color:var(--muted);font-size:var(--text-sm)}.metric-card strong{display:block;margin-top:var(--space-1);font-size:var(--text-lg)}.main-grid{display:grid;grid-template-columns:minmax(16rem,.88fr) minmax(24rem,1.3fr) minmax(18rem,.92fr);gap:var(--space-4);align-items:start}.panel{padding:var(--space-5)}.badge,.channel-badge{display:inline-flex;align-items:center;min-height:1.75rem;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.badge{color:var(--muted);background:var(--surface-2)}.channel-badge{color:#16110d}.api-status-badge{display:inline-flex;align-items:center;gap:var(--space-1);min-height:1.75rem;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);opacity:.85}.api-status-badge[data-mock=true]{color:var(--gold);background:color-mix(in oklab,var(--gold) 12%,var(--surface-2));border-color:color-mix(in oklab,var(--gold) 30%,var(--border))}.api-status-badge[data-mock=false]{color:var(--success);background:color-mix(in oklab,var(--success) 12%,var(--surface-2));border-color:color-mix(in oklab,var(--success) 30%,var(--border))}.channel-badge.telegram,.channel-dot.telegram{background:#76c9ff}.channel-badge.max,.channel-dot.max{background:#f4c95d}.channel-badge.whatsapp,.channel-dot.whatsapp{background:#80d886}.channel-badge.vk,.channel-dot.vk{background:#8ab6ff}.dialog-list{margin-top:var(--space-5);display:grid;gap:var(--space-3);max-height:34rem;overflow:auto;padding-right:var(--space-1);padding-bottom:var(--space-2)}.dialog-card{position:relative;width:100%;text-align:left;padding:var(--space-4);padding-right:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);background:var(--surface-2)}.dialog-card.selected{background:color-mix(in oklab,var(--gold) 12%,var(--surface-2));border-color:color-mix(in oklab,var(--gold) 50%,var(--border))}.dialog-card p{margin-top:var(--space-2)}.dialog-meta{margin-top:var(--space-3);padding-right:var(--space-6)}.unread{position:absolute;right:var(--space-3);bottom:var(--space-3);min-width:1.35rem;height:1.35rem;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:var(--text-xs);font-weight:700}.message-stack{height:28rem;margin-top:var(--space-5);overflow:auto;display:flex;flex-direction:column;gap:var(--space-3);padding-right:var(--space-2)}.message{max-width:84%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-2)}.message.client{align-self:flex-start}.message.bot{align-self:center;color:var(--muted);background:var(--surface-3)}.message.operator{align-self:flex-end;color:#17120d;background:var(--gold)}.message span{display:block;margin-top:var(--space-2);color:color-mix(in oklab,currentColor 64%,transparent);font-size:var(--text-xs)}.reply-box{margin-top:var(--space-5);display:grid;gap:var(--space-2)}.reply-box label{color:var(--muted);font-size:var(--text-sm)}.reply-row input{width:100%;min-height:2.75rem;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);background:var(--surface-2)}.side-stack,.lower-grid{display:grid;gap:var(--space-4)}.details-list{display:grid;gap:var(--space-4);margin-top:var(--space-5)}.details-list div{display:grid;gap:var(--space-1)}.details-list dd{font-weight:700}.ok-icon{color:var(--success)}.timeline{list-style:none;display:grid;gap:var(--space-4);margin-top:var(--space-5)}.timeline li{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:var(--space-3)}.timeline-dot{width:.75rem;height:.75rem;margin-top:.4rem;border-radius:var(--radius-full);background:var(--surface-3);border:2px solid var(--border)}.timeline li.active .timeline-dot{background:var(--gold);border-color:var(--gold)}.timeline li.skip strong{color:var(--muted)}.lower-grid{grid-template-columns:minmax(0,1fr) minmax(23rem,.9fr)}.demo-panel{grid-column:1 / -1}.bot-steps{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.bot-step{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}.bot-step span{width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:var(--radius-full);color:#17120d;background:var(--gold);font-size:var(--text-xs);font-weight:700}.website-preview{position:relative;min-height:22rem;margin-top:var(--space-5);padding:var(--space-5);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in oklab,var(--surface-2) 92%,transparent),var(--surface-3)),repeating-linear-gradient(90deg,transparent 0 3rem,rgba(255,255,255,.03) 3rem 3.05rem)}.website-card{width:min(18rem,68%);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface)}.widget-button{position:absolute;right:var(--space-5);bottom:var(--space-5);width:4.25rem;height:4.25rem;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--gold);box-shadow:0 18px 40px #00000047}.widget-button img{width:2.45rem;height:2.45rem;object-fit:contain;border-radius:var(--radius-full);background:#fff}.widget-menu{position:absolute;right:var(--space-5);bottom:5.75rem;width:min(19rem,calc(100% - var(--space-10)));display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);background:#1a120c;color:#f8f1e5;box-shadow:0 20px 54px #00000057}.widget-menu-header{justify-content:flex-start;margin-bottom:var(--space-2)}.widget-menu-header img{width:2.25rem;height:2.25rem;object-fit:contain;border-radius:var(--radius-md);background:#fff;padding:var(--space-1)}.widget-menu-header span{display:block}.widget-channel{min-height:3rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border-radius:var(--radius-md);color:#f8f1e5;background:#ffffff0f;text-align:left}.widget-channel:hover{background:#ffffff1a}.channel-dot{width:.7rem;height:.7rem;border-radius:var(--radius-full)}.demo-button[disabled]{opacity:.65;cursor:wait}.demo-flow,.telemetry-grid{display:grid;gap:var(--space-3);margin-top:var(--space-5)}.demo-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-card{min-height:8rem;display:grid;align-content:start;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}.demo-card>span{width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:var(--radius-full);color:#17120d;background:var(--gold);font-size:var(--text-xs);font-weight:800}.demo-card p,.telemetry-list li span{color:var(--muted);font-size:var(--text-sm)}.telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry-title{display:flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.telemetry-list{list-style:none;display:grid;gap:var(--space-2);margin-top:var(--space-3)}.telemetry-list li{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in oklab,var(--surface-2) 82%,transparent);font-size:var(--text-sm)}@media (max-width: 1180px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;overflow-x:auto}.nav-list{display:flex;min-width:max-content}.sidebar-note{display:none}.main-grid,.lower-grid,.kpi-grid{grid-template-columns:1fr 1fr}.conversation-panel{grid-column:1 / -1}}@media (max-width: 760px){.workspace,.sidebar{padding:var(--space-4)}.topbar,.panel-header,.reply-row{align-items:flex-start;flex-direction:column}.topbar-actions,.ghost-button,.primary-button,.main-grid,.lower-grid,.kpi-grid{width:100%}.main-grid,.lower-grid,.kpi-grid{grid-template-columns:1fr}.message{max-width:100%}.bot-steps{flex-direction:column}.demo-flow,.telemetry-grid{grid-template-columns:1fr}}.dialog-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.compact-action-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;border:1px solid transparent;cursor:pointer;transition:background var(--transition-interactive),border-color var(--transition-interactive);white-space:nowrap}[data-theme=dark] .compact-action-btn.assign{background:#d4af3726;border-color:#d4af3766;color:#d4af37}[data-theme=dark] .compact-action-btn.assign:hover{background:#d4af3747}[data-theme=light] .compact-action-btn.assign{background:#fef9e7;border-color:#c9a227;color:#7a5c00}[data-theme=light] .compact-action-btn.assign:hover{background:#fdefc3}[data-theme=dark] .compact-action-btn.transfer{background:#3b82f626;border-color:#3b82f666;color:#93c5fd}[data-theme=dark] .compact-action-btn.transfer:hover{background:#3b82f647}[data-theme=light] .compact-action-btn.transfer{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}[data-theme=dark] .compact-action-btn.escalate{background:#f59e0b26;border-color:#f59e0b66;color:#fcd34d}[data-theme=dark] .compact-action-btn.escalate:hover{background:#f59e0b47}[data-theme=light] .compact-action-btn.escalate{background:#fffbeb;border-color:#d97706;color:#92400e}[data-theme=dark] .compact-action-btn.close-dialog{background:#ef44441f;border-color:#ef444459;color:#fca5a5}[data-theme=dark] .compact-action-btn.close-dialog:hover{background:#ef444438}[data-theme=light] .compact-action-btn.close-dialog{background:#fef2f2;border-color:#ef4444;color:#b91c1c}.dialog-actions-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.06)}[data-theme=light] .dialog-actions-row{border-top-color:#0000000f}.transfer-select{flex:1;min-width:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:inherit;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}[data-theme=light] .transfer-select{border-color:#d1d5db;background:#fff;color:#111}.action-status-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:500;animation:fadeInDown .25s ease}[data-theme=dark] .action-status-bar{background:#10b9811f;border-bottom:1px solid rgba(16,185,129,.25);color:#6ee7b7}[data-theme=light] .action-status-bar{background:#ecfdf5;border-bottom:1px solid #a7f3d0;color:#065f46}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.reply-box input:not([disabled]){cursor:text}.reply-box input[disabled]{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.dialog-actions-row{flex-direction:column;align-items:stretch}.transfer-select,.compact-action-btn{width:100%;justify-content:center}.dialog-header-actions{flex-direction:column;align-items:flex-end}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}