:root{color-scheme:dark;--bg:#090909;--panel:#111111;--panel-2:#171717;--line:#272727;--muted:#8f8f8f;--text:#f6f6f6;--red:#e0142c}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.authShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% -10%,rgba(224,20,44,.22),transparent 36%),radial-gradient(circle at 100% 100%,rgba(78,55,156,.12),transparent 32%),var(--bg)}.authCard{width:min(480px,100%);border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:28px;background:linear-gradient(145deg,rgba(24,24,24,.98),rgba(12,12,12,.98));box-shadow:0 35px 100px rgba(0,0,0,.48),0 0 0 1px rgba(224,20,44,.04)}.authTopline{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.secureBadge{display:inline-flex;align-items:center;gap:7px;color:#91dcae}.secureDot{width:7px;height:7px;border-radius:50%;background:#38d878;box-shadow:0 0 12px rgba(56,216,120,.75)}.authVersion{color:#666}.authBrand{margin-bottom:30px}.authCard h1{margin-bottom:12px;font-size:clamp(34px,8vw,46px)}.authForm{display:grid;grid-gap:15px;gap:15px;margin-top:26px}.authForm label{display:grid;grid-gap:8px;gap:8px;color:#bdbdbd;font-size:12px;font-weight:650}.authForm input{width:100%;min-width:0;border:1px solid #303030;background:rgba(8,8,8,.7);color:var(--text);padding:15px;border-radius:13px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.authForm input::placeholder{color:#5f5f5f}.authForm input:focus{border-color:#a43847;background:#121212;box-shadow:0 0 0 4px rgba(224,20,44,.1)}.authForm button.authSubmit{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;background:linear-gradient(135deg,#ed1b38,#b80e25);color:white;font-weight:800;letter-spacing:-.01em;padding:0 18px;border-radius:13px;box-shadow:0 12px 24px rgba(224,20,44,.22);transition:transform .18s,box-shadow .18s,filter .18s}.authForm button.authSubmit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 15px 30px rgba(224,20,44,.3)}.authForm button.authSubmit:disabled{cursor:wait;opacity:.72}.buttonSpinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.authFootnote{color:#666;font-size:11px;line-height:1.55;margin:22px 0 0;text-align:center}.authError{margin:12px 0 0;color:#ff8996;font-size:12px}.authLinkButton{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;margin-top:24px;border-radius:13px;background:linear-gradient(135deg,#ed1b38,#b80e25);color:#fff;font-weight:800}@keyframes spin{to{transform:rotate(1turn)}}.appShell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#0b0b0b;padding:26px 20px;display:flex;flex-direction:column;gap:30px}.brand{display:flex;align-items:center;gap:12px}.mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--red);font-weight:800}.brand span,.brand strong{display:block}.brand span{color:var(--muted);font-size:12px;margin-top:3px}.nav{display:grid;grid-gap:7px;gap:7px}.nav a{color:#a6a6a6;font-size:14px;padding:11px 12px;border-radius:10px}.nav a.active,.nav a:hover{color:#fff;background:#171717}.nav a.active{box-shadow:inset 2px 0 var(--red)}.connectionCard{margin-top:auto;display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--panel)}.connectionCard strong{font-size:13px}.connectionCard p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.statusDot{width:9px;height:9px;flex:0 0 9px;margin-top:4px;border-radius:50%;background:#38d878;box-shadow:0 0 16px rgba(56,216,120,.5)}.workspace{min-width:0;padding:34px 38px 50px;max-width:1500px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}.topbarActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;color:var(--red);margin:0 0 9px}h1{font-size:clamp(34px,4vw,54px);line-height:.98;letter-spacing:-.045em}h1,h2{margin:0}h2{font-size:20px;letter-spacing:-.025em}.subtitle{color:var(--muted);max-width:720px;line-height:1.55;margin:13px 0 0}.environmentBadge{border:1px solid #4a1b21;color:#ff8996;background:#1c0c0f;padding:9px 12px;border-radius:999px;font-size:11px;white-space:nowrap}.statsGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.panel,.statCard{border:1px solid var(--line);background:linear-gradient(180deg,#121212,#0f0f0f);box-shadow:0 22px 70px rgba(0,0,0,.16)}.statCard{min-height:110px;border-radius:18px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.statCard span{color:var(--muted);font-size:12px}.statCard strong{font-size:31px;letter-spacing:-.04em}.contentGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);grid-gap:16px;gap:16px}.sectionBlock{margin-top:30px;scroll-margin-top:24px}.sectionHeading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 14px}.sectionHeading .eyebrow{margin-bottom:7px}.sectionHeading h2{font-size:28px}.sectionHeading p:not(.eyebrow){color:var(--muted);font-size:13px;margin:7px 0 0}.bottomGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.panel{border-radius:21px;overflow:hidden}.panelHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:19px 20px;border-bottom:1px solid var(--line)}.panelHeaderCopy{color:var(--muted);font-size:12px;line-height:1.45;margin:7px 0 0}.panelCopy{color:var(--muted);line-height:1.65;margin:10px 0 0;font-size:14px}.bottomGrid .panel{padding:21px;min-height:160px}.ghostButton{border:1px solid var(--line);color:#ddd;background:#171717;border-radius:10px;padding:8px 11px}.conversationList{min-height:470px}.conversationRow{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;border:0;border-bottom:1px solid #1f1f1f;background:transparent;color:inherit;text-align:left;transition:background .18s,border-color .18s}.conversationRow:focus-visible,.conversationRow:hover{background:#171717;outline:none}.conversationRow:focus-visible{box-shadow:inset 3px 0 var(--red)}.conversationRow:last-child{border-bottom:0}.conversationIdentity{min-width:0;display:flex;align-items:center;gap:12px}.conversationAvatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid #3a2025;border-radius:12px;background:#241014;color:#ff8996;font-size:13px;font-weight:800}.conversationRow strong{display:block;font-size:13px}.conversationRow p,.conversationRow strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversationRow p{margin:6px 0 0;color:var(--muted);font-size:12px;max-width:520px}.conversationMeta{text-align:right;display:grid;grid-gap:7px;gap:7px;justify-items:end}.conversationMetaTop{display:flex;align-items:center;gap:10px}.conversationMeta time{color:#858585;font-size:11px;white-space:nowrap}.conversationMeta small{color:#696969;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.empty{color:var(--muted);padding:30px 20px}.paginationBar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-top:1px solid var(--line);color:#777;font-size:11px}.paginationControls{display:flex;align-items:center;gap:5px}.pageButton{min-width:30px;height:30px;border:1px solid #2d2d2d;border-radius:8px;background:#171717;color:#a9a9a9;font-size:12px}.pageButton:hover:not(:disabled){border-color:#6a2931;color:#fff;background:#211113}.pageButton.current{border-color:var(--red);background:var(--red);color:#fff;font-weight:800}.pageButton:disabled{cursor:not-allowed;opacity:.4}.pageArrow{font-size:20px;line-height:1}.pill{display:inline-flex;border:1px solid var(--line);background:#191919;color:#c5c5c5;padding:5px 8px;border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.pill.active{color:#77e6a2;border-color:#214a31;background:#0d1b12}.pill.handed_off{color:#ffc477;border-color:#513719;background:#21170d}.pill.closed{color:#aaa}.chatPanel{min-height:560px;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 0,rgba(224,20,44,.08),transparent 35%),var(--panel)}.messages{flex:1 1;min-height:390px;max-height:490px;padding:24px 20px;display:flex;flex-direction:column;gap:11px;overflow-y:auto}.bubble{max-width:82%;padding:12px 14px;border-radius:16px;line-height:1.45;font-size:13px;white-space:pre-wrap}.bubble.agent{background:#202020;border-bottom-left-radius:5px;align-self:flex-start}.bubble.user{background:var(--red);color:white;border-bottom-right-radius:5px;align-self:flex-end}.bubble.muted{color:var(--muted)}.messageSource{display:block;margin:0 0 6px;color:rgba(255,255,255,.58);font-size:9px;font-weight:800;letter-spacing:.11em;line-height:1;text-transform:uppercase}.typingIndicator{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:13px 15px;border:1px solid #2c2c2c;border-radius:16px 16px 16px 5px;background:#202020}.typingIndicator span{width:6px;height:6px;border-radius:50%;background:#a9a9a9;animation:typingBounce 1.1s ease-in-out infinite}.typingIndicator span:nth-child(2){animation-delay:.14s}.typingIndicator span:nth-child(3){animation-delay:.28s}@keyframes typingBounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.controlPanel{display:grid;grid-gap:10px;gap:10px;padding:15px;border-top:1px solid var(--line);background:#101010}.controlPanelHeading{display:flex;align-items:center;justify-content:space-between;gap:12px}.controlPanelHeading .eyebrow{margin:0 0 4px}.controlPanelHeading strong{font-size:13px}.controlHint{color:#6f6f6f;font-size:10px}.controlPanel input{width:100%;border:1px solid var(--line);background:#171717;color:var(--text);padding:11px 12px;border-radius:10px;outline:none}.controlPanel input:focus{border-color:#6a2931;box-shadow:0 0 0 3px rgba(224,20,44,.08)}.controlActions button,.controlPanel>button{border:0;background:var(--red);color:white;font-weight:750;padding:10px 13px;border-radius:10px}.controlActions button:disabled,.controlPanel>button:disabled{cursor:wait;opacity:.55}.controlActions{display:grid;grid-gap:10px;gap:10px}.controlActions .panelCopy{margin:0;font-size:12px}.controlActions>div{display:flex;gap:8px;flex-wrap:wrap}.aiControlNotice{display:flex;align-items:flex-start;gap:10px;padding:14px 15px;border-top:1px solid var(--line);background:#101010}.aiControlNotice .statusDot{margin-top:5px}.aiControlNotice strong{display:block;font-size:12px}.aiControlNotice p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.composer{display:flex;gap:9px;padding:14px;border-top:1px solid var(--line);background:#0d0d0d}.composer input{flex:1 1;min-width:0;border:1px solid var(--line);background:#171717;color:var(--text);padding:13px 14px;border-radius:12px;outline:none}.composer input:focus{border-color:#6a2931;box-shadow:0 0 0 3px rgba(224,20,44,.08)}.composer button{border:0;background:var(--red);color:white;font-weight:750;padding:0 20px;border-radius:12px}.paymentPanel{min-width:0}.paymentForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:18px}.paymentForm input,.paymentForm select{width:100%;min-width:0;min-height:43px;border:1px solid #303030;border-radius:10px;background:#171717;color:var(--text);padding:10px 12px;outline:none}.paymentForm input:focus,.paymentForm select:focus{border-color:#6a2931;box-shadow:0 0 0 3px rgba(224,20,44,.08)}.paymentForm select{grid-column:1/-1;color:#ddd}.paymentForm input::placeholder{color:#737373}.paymentForm button{min-height:43px;grid-column:1/-1;border:0;border-radius:10px;background:var(--red);color:#fff;font-weight:800;padding:0 16px;transition:filter .18s,transform .18s}.paymentForm button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.paymentForm button:disabled{cursor:wait;opacity:.55}.paymentResult{display:grid;grid-gap:7px;gap:7px;margin-top:14px;padding:13px;border:1px solid #214a31;border-radius:12px;background:#0d1b12;color:#9fe8b8}.paymentResult a{color:#fff;font-size:13px;font-weight:750}.paymentResult small{color:#75b88b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1150px){.paymentForm{grid-template-columns:1fr 1fr}.statsGrid{grid-template-columns:repeat(3,1fr)}.contentGrid{grid-template-columns:1fr}}@media (max-width:820px){.appShell{grid-template-columns:1fr}.sidebar{display:none}.workspace{padding:24px 15px 40px}.topbar{flex-direction:column}.topbarActions{justify-content:flex-start}.statsGrid{grid-template-columns:repeat(2,1fr)}.bottomGrid{grid-template-columns:1fr}.bubble{max-width:90%}.conversationRow{align-items:flex-start;padding:14px 15px}.conversationMeta{gap:5px}.conversationMetaTop{display:grid;justify-items:end;grid-gap:4px;gap:4px}.conversationMeta time{font-size:10px}.paginationBar{padding:12px 15px}.paginationControls{gap:3px}.paymentForm{grid-template-columns:1fr}.paymentForm button,.paymentForm select{grid-column:auto}.authForm{grid-template-columns:1fr}.authForm button{padding:13px 18px}}