:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fb;--bg-soft:#eef1f7;--surface:#fff;--surface-soft:#f7f8fb;--surface-muted:#f0f3f8;--navy:#0f1841;--ink:#1a2744;--ink-soft:#4a5568;--ink-muted:#8896a8;--accent:#2563eb;--accent-deep:#1d4ed8;--accent-soft:#2563eb14;--accent-border:#2563eb2e;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--border:#0f184114;--border-strong:#0f184129;--control-bg:#ffffffdb;--input-bg:#fff;--radius:14px;--radius-sm:8px;--radius-lg:20px;--shadow:0 1px 3px #0f18410a, 0 4px 16px #0f18410f;--shadow-md:0 2px 8px #0f18410f, 0 8px 32px #0f184114;--shadow-lg:0 4px 12px #0f184114, 0 16px 48px #0f18411a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08111f;--bg-soft:#0d1a2d;--surface:#111e33;--surface-soft:#16253c;--surface-muted:#1b2b45;--navy:#f4f8ff;--ink:#e6eefb;--ink-soft:#b8c5d9;--ink-muted:#8797ae;--accent:#60a5fa;--accent-deep:#93c5fd;--accent-soft:#60a5fa24;--accent-border:#60a5fa42;--border:#e2e8f01f;--border-strong:#e2e8f033;--control-bg:#111e33e0;--input-bg:#0d1a2d;--shadow:0 1px 3px #00000042, 0 10px 28px #0000002e;--shadow-md:0 8px 28px #0000003d;--shadow-lg:0 16px 48px #00000047}*{box-sizing:border-box}html{min-height:100%}body{background:linear-gradient(135deg, #2563eb14, transparent 34%), linear-gradient(180deg, var(--bg), var(--bg-soft));min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}:root[data-theme=dark] body{background:linear-gradient(135deg,#60a5fa24,#0000 36%),linear-gradient(#08111f,#0d1a2d)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent-border);outline-offset:2px}h1,h2,p{margin-top:0}h1{color:var(--navy);letter-spacing:0;margin-bottom:10px;font-size:42px;font-weight:800;line-height:1.05}h2{color:var(--navy);letter-spacing:0;margin-bottom:0;font-size:18px;font-weight:800}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--ink-soft)}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.login-actions{z-index:2;align-items:center;gap:10px;display:flex;position:fixed;top:20px;right:20px}.login-panel{background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(460px,100%);box-shadow:var(--shadow-lg);padding:30px}.login-mark{background:var(--accent-soft);width:54px;height:54px;color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--radius);place-items:center;margin:24px 0 20px;display:grid}.brand-lockup{align-items:center;gap:16px;display:flex}.brand-lockup img{object-fit:contain;filter:drop-shadow(0 10px 18px #2563eb24);flex:none;width:92px;height:92px}.brand-lockup.compact img{width:68px;height:68px}.brand-kicker{color:var(--navy);letter-spacing:0;margin:0;font-size:15px;font-weight:800}.brand-subtitle{color:var(--ink-muted);letter-spacing:0;text-transform:uppercase;white-space:nowrap;margin:2px 0 0;font-size:12px;font-weight:700}form{gap:14px;margin-top:24px;display:grid}label{color:var(--navy);gap:7px;font-size:14px;font-weight:700;display:grid}input,select{border:1px solid var(--border-strong);background:var(--input-bg);color:var(--ink);border-radius:var(--radius);min-height:46px;padding:11px 14px;transition:border-color .2s,box-shadow .2s,background .2s}input::placeholder{color:var(--ink-muted)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}form button{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;min-height:48px;padding:0 18px;font-weight:800;transition:background .2s,transform .2s,box-shadow .2s}form button:hover:not(:disabled){background:var(--accent-deep);box-shadow:var(--shadow-md);transform:translateY(-1px)}button:disabled{opacity:.58;cursor:not-allowed}.app-shell{width:min(1480px,100%);margin:0 auto;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.topbar-main{align-items:center;gap:16px;min-width:0;display:flex}.topbar .brand-lockup img{width:104px;height:104px}.top-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.page-heading{max-width:760px;margin-bottom:22px}.page-heading h1{margin-bottom:0}.icon-button,.theme-toggle{border:1px solid var(--border-strong);background:var(--control-bg);color:var(--navy);border-radius:var(--radius);cursor:pointer;height:46px;box-shadow:var(--shadow);place-items:center;transition:background .2s,border-color .2s,transform .2s;display:grid}.icon-button{width:46px;padding:0}.icon-button:hover,.theme-toggle:hover{background:var(--surface-muted);border-color:var(--accent-border);transform:translateY(-1px)}.theme-toggle{width:58px;padding:6px}.theme-toggle-track{background:var(--surface-muted);border-radius:999px;width:42px;height:32px;display:block;position:relative}.theme-toggle-thumb{background:var(--navy);width:24px;height:24px;color:var(--bg);border-radius:50%;place-items:center;transition:transform .2s,background .2s,color .2s;display:grid;position:absolute;top:4px;left:4px}.theme-toggle[aria-pressed=true] .theme-toggle-thumb{background:var(--accent);color:#08111f;transform:translate(10px)}.language-switcher{border:1px solid var(--border-strong);background:var(--control-bg);height:46px;box-shadow:var(--shadow);border-radius:999px;grid-template-columns:repeat(2,42px);align-items:center;gap:2px;padding:4px;display:inline-grid}.language-option{min-width:0;height:36px;color:var(--ink-soft);cursor:pointer;letter-spacing:0;background:0 0;border:0;border-radius:999px;font-size:12px;font-weight:800;transition:background .2s,color .2s,box-shadow .2s}.language-option:hover{color:var(--navy)}.language-option.is-active{background:var(--navy);color:var(--bg);box-shadow:0 8px 18px #0f18412e}:root[data-theme=dark] .language-option.is-active{background:var(--accent);color:#08111f}.notice{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:var(--radius);color:var(--accent-deep);margin-bottom:18px;padding:13px 16px;font-weight:600}.notice.error,.error{color:#b91c1c;background:#ef44441a;border-color:#ef444447}:root[data-theme=dark] .notice.error,:root[data-theme=dark] .error{color:#fca5a5}.metrics-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.metric,.panel{background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.metric{align-content:space-between;min-height:144px;padding:18px;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid}.metric:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric span{width:38px;height:38px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--radius);place-items:center;display:grid}.metric p,.metric small{color:var(--ink-soft);margin:0}.metric p{font-size:14px;font-weight:700}.metric strong{color:var(--navy);font-size:34px;font-weight:800;line-height:1}.workspace{grid-template-columns:1.35fr .9fr .9fr;gap:14px;margin-bottom:14px;display:grid}.panel{min-width:0;padding:18px}.panel-title{align-items:center;gap:10px;margin-bottom:16px;display:flex}.panel-title svg{color:var(--accent)}.funnel-row{grid-template-columns:150px 1fr 48px;align-items:center;gap:12px;min-height:40px;display:grid}.funnel-row span{text-transform:capitalize;color:var(--ink-soft);font-size:13px;font-weight:650}.funnel-row div{background:var(--surface-muted);border-radius:999px;height:10px;overflow:hidden}.funnel-row i{background:linear-gradient(90deg, var(--accent), var(--success));border-radius:inherit;height:100%;display:block}.funnel-row strong{color:var(--navy);text-align:right}.service-row,.issue-row{border-top:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px 0;display:grid}.service-row span,.issue-row strong{color:var(--navy);font-weight:750}.service-row small,.issue-row span{color:var(--ink-muted);font-size:13px}.service-row strong{color:var(--accent)}.issue-row em{color:var(--danger);text-align:center;background:#ef44441f;border-radius:999px;min-width:34px;padding:4px 9px;font-style:normal;font-weight:800}.conversation-layout{grid-template-columns:minmax(320px,.75fr) minmax(0,1.4fr);align-items:start;gap:14px;display:grid}.table-tools{grid-template-columns:1fr 150px;gap:10px;margin-bottom:12px;display:grid}.table-tools label{border:1px solid var(--border-strong);background:var(--input-bg);border-radius:var(--radius);align-items:center;gap:8px;min-height:46px;padding:0 12px;display:flex}.table-tools label svg{color:var(--accent);flex:none}.table-tools input{width:100%;box-shadow:none;border:0;outline:none;padding-left:0}.table-tools input:focus{box-shadow:none}.conversation-rows{gap:8px;display:grid}.conversation-row{text-align:left;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:100%;color:var(--ink);grid-template-columns:1fr auto;grid-template-areas:"name status""service status";gap:4px 12px;padding:13px 14px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;display:grid}.conversation-row:hover{border-color:var(--accent-border);transform:translateY(-1px)}.conversation-row.active{border-color:var(--accent-border);background:var(--accent-soft);box-shadow:inset 4px 0 0 var(--accent)}.conversation-row strong{color:var(--navy);grid-area:name}.conversation-row span{color:var(--ink-muted);grid-area:service}.conversation-row small{color:var(--accent-deep);grid-area:status;align-self:center;font-size:12px;font-weight:800}.transcript-head{border-bottom:1px solid var(--border);justify-content:space-between;gap:18px;margin-bottom:14px;padding-bottom:14px;display:flex}.transcript-head p{color:var(--ink-muted);margin:4px 0 0}.status-pill{color:var(--accent-deep);background:var(--accent-soft);border:1px solid var(--accent-border);white-space:nowrap;border-radius:999px;align-self:start;padding:7px 11px;font-size:12px;font-weight:800}.status-pill.booked{color:#15803d;background:#22c55e24;border-color:#22c55e47}.status-pill.abandoned{color:#b45309;background:#f59e0b24;border-color:#f59e0b47}.status-pill.failed{color:#b91c1c;background:#ef444421;border-color:#ef444447}:root[data-theme=dark] .status-pill.booked{color:#86efac}:root[data-theme=dark] .status-pill.abandoned{color:#fcd34d}:root[data-theme=dark] .status-pill.failed{color:#fca5a5}.transcript{align-content:start;gap:12px;min-height:420px;max-height:64vh;padding-right:4px;display:grid;overflow:auto}.bubble{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-soft);width:min(78%,720px);padding:13px 15px;box-shadow:0 8px 22px #0f18410a}.bubble.maria{background:var(--accent-soft);border-color:var(--accent-border);justify-self:end}.bubble small{color:var(--ink-muted);font-size:12px;font-weight:800}.bubble p{margin:5px 0 0;line-height:1.45}.loading{background:var(--navy);color:var(--bg);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);border-radius:var(--radius);padding:11px 13px;font-weight:800;position:fixed;bottom:18px;right:18px}@media (max-width:1100px){h1{font-size:38px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace,.conversation-layout{grid-template-columns:1fr}}@media (max-width:760px){.app-shell{padding:20px}.topbar{align-items:flex-start;gap:14px}.topbar-main{align-items:flex-start}.top-actions{justify-content:flex-end}h1{font-size:32px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:128px}.funnel-row{grid-template-columns:112px 1fr 38px}.table-tools{grid-template-columns:1fr}.bubble{width:100%}}@media (max-width:520px){.app-shell{padding:16px}.login-panel{padding:24px}.topbar{flex-direction:column}.top-actions{justify-content:flex-start}.brand-lockup img{width:68px;height:68px}.topbar .brand-lockup img{width:84px;height:84px}.topbar-main{gap:12px}.login-actions{justify-content:flex-end;left:16px;right:16px}h1{font-size:28px}.metrics-grid{grid-template-columns:1fr}.transcript-head{flex-direction:column;align-items:flex-start}}
