:root{--bg:#f6f9fb;--surface:#fff;--fg:#0e171e;--muted:#5a656d;--border:#dbdfe2;--accent:#00896a;--accent-fg:#fff;--accent-soft:color-mix(in oklch, var(--accent) 12%, white);--accent-border:color-mix(in oklch, var(--accent) 30%, var(--border));--accent-text:#003e2d;--success:#1c8742;--success-soft:color-mix(in oklch, var(--success) 12%, white);--success-text:#093e1b;--warn:#d49838;--warn-soft:color-mix(in oklch, var(--warn) 14%, white);--warn-text:#5d3a00;--danger:#c53637;--danger-soft:color-mix(in oklch, var(--danger) 12%, white);--danger-text:#a5292b;--sidebar:#121c23;--sidebar-fg:#eff2f5;--sidebar-muted:#96a0a7;--sidebar-line:#ffffff14;--sidebar-hover:#ffffff0f;--sidebar-active:#ffffff1a;--chat-in:#edf3f7;--chat-out:#cbeee0;--font-display:"Avenir Next", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:14px;--r-2xl:16px;--r-pill:999px;--side-w:240px;--topbar-h:68px;--control-h:40px;--control-h-sm:32px;--shadow-card:0 1px 2px #0e171e0a;--shadow-lift:0 6px 16px #0e171e12;--shadow-cta:0 1px 2px #00372940, 0 4px 12px #0056402e;--focus-ring:0 0 0 3px color-mix(in oklch, var(--accent) 12%, transparent)}@supports (color:lab(0% 0 0)){:root{--bg:lab(97.6866% -.659496 -1.32245);--surface:lab(100% 0 0);--fg:lab(7.23336% -2.52666 -6.34827);--muted:lab(42.0221% -2.81966 -5.87384);--border:lab(88.4097% -.985354 -1.98137);--accent:lab(50.5385% -42.2291 7.66394);--accent-fg:lab(100% 0 0);--accent-text:lab(22.1706% -28.4613 5.12409);--success:lab(49.5467% -42.4533 28.2033);--success-text:lab(22.1195% -24.2426 16.0856);--warn:lab(67.4206% 16.9757 56.8987);--warn-text:lab(27.898% 14.7892 49.324);--danger:lab(45.9853% 56.8958 34.8481);--danger-text:lab(38.0642% 50.5966 31.1519);--sidebar:lab(9.52996% -2.83094 -6.4093);--sidebar-fg:lab(95.3681% -.823021 -1.65218);--sidebar-muted:lab(65.2213% -2.40687 -4.92277);--sidebar-line:lab(100% 0 0/.08);--sidebar-hover:lab(100% 0 0/.06);--sidebar-active:lab(100% 0 0/.1);--chat-in:lab(95.3727% -1.31044 -2.6399);--chat-out:lab(91.2504% -13.4825 2.52235);--shadow-card:0 1px 2px lab(7.23336% -2.52666 -6.34827/.04);--shadow-lift:0 6px 16px lab(7.23336% -2.52666 -6.34827/.07);--shadow-cta:0 1px 2px lab(19.5898% -21.0271 3.82764/.25), 0 4px 12px lab(31.7133% -35.5766 6.40512/.18)}}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em}.app-shell{grid-template-columns:var(--side-w) 1fr;min-height:100dvh;display:grid}.sidebar{background:var(--sidebar);color:var(--sidebar-fg);flex-direction:column;gap:20px;height:100dvh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:4px 8px 8px;display:flex}.brand-mark{border-radius:var(--r-md);background:var(--accent);width:34px;height:34px;font-family:var(--font-display);color:#fff;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.brand strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:13px;font-weight:600;display:block}.brand span{color:var(--sidebar-muted);font-size:11px}.tenant{border-radius:var(--r-lg);border:1px solid var(--sidebar-line);background:#ffffff0f;background:lab(100% 0 0/.06);margin:0 6px;padding:10px 12px}.tenant label{letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-muted);margin-bottom:4px;font-size:10px;font-weight:550;display:block}.tenant select{width:100%;color:var(--sidebar-fg);cursor:pointer;background:0 0;border:0;outline:none;font-size:13px;font-weight:550}.tenant select option{color:#111}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow:auto}.sidebar-nav a{border-radius:var(--r-md);letter-spacing:.01em;color:var(--sidebar-muted);align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;font-weight:510;display:flex}.sidebar-nav a svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.sidebar-nav a:hover{background:var(--sidebar-hover);color:var(--sidebar-fg)}.sidebar-nav a.active{background:var(--sidebar-active);color:var(--sidebar-fg)}.sidebar-nav .sec{letter-spacing:.08em;text-transform:uppercase;color:#6a737a;color:lab(47.8202% -2.3841 -4.9113);margin:14px 12px 6px;font-size:10px;font-weight:550}.wa-status{border-radius:var(--r-lg);border:1px solid var(--sidebar-line);background:#ffffff0d;background:lab(100% 0 0/.05);align-items:flex-start;gap:10px;margin:0 6px;padding:12px;display:flex}.wa-status .dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px;box-shadow:0 0 0 3px #1c874240;box-shadow:0 0 0 3px lab(49.5467% -42.4533 28.2033/.25)}.wa-status.disconnected .dot{background:var(--warn);box-shadow:0 0 0 3px #d4983840;box-shadow:0 0 0 3px lab(67.4206% 16.9757 56.8987/.25)}.wa-status strong{font-size:12.5px;font-weight:550;display:block}.wa-status span{color:var(--sidebar-muted);font-size:11.5px}.main{flex-direction:column;min-width:0;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.menu-btn{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;display:none}.menu-btn svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:18px;height:18px}.topbar h1{flex:1;min-width:0;font-size:18px;font-weight:600}.content{padding:16px 20px 32px}.overlay-side{z-index:30;background:#0e171e66;background:lab(7.23336% -2.52666 -6.34827/.4);display:none;position:fixed;inset:0}.overlay-side.open{display:block}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:35;width:min(280px,86vw);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.menu-btn{display:inline-flex}}.btn{height:var(--control-h);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);letter-spacing:.02em;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:550;display:inline-flex}.btn:hover{background:var(--bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-cta);border-color:#0000}.btn-primary:hover{filter:brightness(1.05);background:var(--accent)}.btn-icon{justify-content:center;width:40px;height:40px;padding:0}.btn svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:16px;height:16px}.panel,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-card)}.panel-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.panel-head h2{flex:1;font-size:15px;font-weight:600}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:550;display:block}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);outline:none;width:100%;height:42px;padding:0 12px}.field textarea{resize:vertical;height:auto;min-height:72px;padding:10px 12px;line-height:1.45}.field input:focus,.field select:focus,.field textarea:focus{border-color:color-mix(in oklch, var(--accent) 40%, var(--border));box-shadow:var(--focus-ring)}.field input.invalid,.field select.invalid,.field textarea.invalid{border-color:color-mix(in oklch, var(--danger) 50%, var(--border))}.field .error-msg{color:var(--danger-text);margin-top:4px;font-size:12px}.row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row-3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}@media (max-width:900px){.row-2,.row-3{grid-template-columns:1fr}}.hint{color:var(--muted);border-radius:var(--r-md);border:1px solid var(--border);background:#f0f6fa;background:lab(96.5327% -1.31059 -2.64);padding:10px 12px;font-size:12.5px;line-height:1.4}.chip{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);height:28px;color:var(--muted);cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:510;display:inline-flex}.chip.active{background:var(--fg);border-color:var(--fg);color:var(--surface)}.badge{border-radius:var(--r-pill);letter-spacing:.01em;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:550;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success-text)}.badge-warn{background:var(--warn-soft);color:var(--warn-text)}.badge-accent{background:var(--accent-soft);color:var(--accent-text)}.badge-neutral{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.badge-danger{background:var(--danger-soft);color:var(--danger-text)}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding:10px 12px;font-size:11px;font-weight:550}td{border-bottom:1px solid var(--border);padding:10px 12px;font-size:13.5px}.mono{font-family:var(--font-mono);letter-spacing:.01em;font-size:12.5px}.toast{background:var(--fg);color:var(--surface);border-radius:var(--r-md);opacity:0;pointer-events:none;z-index:60;padding:10px 16px;font-size:13.5px;font-weight:510;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.drawer-overlay{z-index:40;opacity:0;pointer-events:none;background:#0e171e61;background:lab(7.23336% -2.52666 -6.34827/.38);transition:opacity .2s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{background:var(--surface);border-left:1px solid var(--border);z-index:41;flex-direction:column;width:min(400px,92vw);transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:auto;transform:translate(105%)}.drawer.open{transform:translate(0)}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px}.stat-tile .stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:550}.stat-tile .stat-value{font-family:var(--font-display);letter-spacing:-.015em;margin-top:4px;font-size:22px;font-weight:600}.stats-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:900px){.stats-row{grid-template-columns:repeat(2,1fr)}}.empty-state{color:var(--muted);text-align:center;padding:32px 16px;font-size:13.5px}