:root{--bg:#071226;--bg-2:#0d1c34;--card:#0e1e36c7;--card-strong:#112744;--line:#93bcff33;--text:#eaf1ff;--muted:#a3badf;--accent:#2dd4bf;--accent-2:#22d3ee;--warn:#fb923c;--danger:#f87171}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 600px at 20% -20%, #22d3ee33, transparent 65%), radial-gradient(1000px 600px at 100% 0%, #2dd4bf33, transparent 60%), linear-gradient(160deg, var(--bg), var(--bg-2));min-height:100%;color:var(--text);margin:0;font-family:Sora,sans-serif}h1,h2,h3{margin:0;font-family:Space Grotesk,sans-serif}.app-shell{gap:14px;width:min(1700px,100% - 36px);margin:18px auto;display:grid}.topbar{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.brand-block{align-items:center;gap:12px;display:flex}.brand-dot{background:linear-gradient(140deg, var(--accent), var(--accent-2));border-radius:50%;width:14px;height:14px;box-shadow:0 0 18px #2dd4bfb3}.brand-overline{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:11px}.topbar-meta{gap:8px;display:flex}.meta-card{border:1px solid var(--line);background:#ffffff08;border-radius:12px;gap:2px;min-width:150px;padding:8px 10px;display:grid}.meta-label{color:var(--muted);font-size:11px}.workspace-grid{grid-template-columns:340px 380px 1fr;gap:14px;min-height:calc(100vh - 130px);display:grid}.action-panel{padding:12px 14px}.action-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.action-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:linear-gradient(145deg,#114369,#0f3155);border-radius:10px;padding:9px 10px;font-size:12px}.action-btn.ghost{background:#ffffff08}.action-btn[disabled]{opacity:.45;cursor:not-allowed}.action-link-wrap{gap:5px;margin-top:8px;display:grid}.endpoint-input{border:1px solid var(--line);color:#bbd2f8;background:#ffffff08;border-radius:10px;width:100%;padding:8px 10px;font-size:12px}.panel{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-direction:column;min-height:0;padding:14px;display:flex}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.badge{color:#9cfaf0;background:#2dd4bf33;border:1px solid #2dd4bf66;border-radius:999px;padding:4px 10px;font-size:12px}.badge.warn{color:#ffd3a4;background:#fb923c29;border-color:#fb923c80}.inline-form{grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:12px;display:grid}input,button{border:1px solid var(--line);color:var(--text);background:#ffffff0a;border-radius:10px;font-family:inherit}input{padding:10px}button{cursor:pointer;background:linear-gradient(145deg,#10436f,#0c2f52);padding:10px 12px;font-weight:600}button:hover{filter:brightness(1.1)}.search{width:190px;font-size:13px}.page-list,.conversation-list,.message-list{min-height:0;overflow:auto}.page-list{gap:8px;display:grid}.page-card{border:1px solid var(--line);background:#ffffff05;border-radius:12px;gap:8px;padding:10px;display:grid}.page-card.active{border-color:#2dd4bfcc;box-shadow:inset 0 0 0 1px #2dd4bf40}.page-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.page-title{font-size:14px;font-weight:600}.page-id{color:var(--muted);font-size:12px}.placeholder{opacity:.65;border-style:dashed}.ai-toggle{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.ai-toggle input{width:16px;height:16px}.subhead{border:1px solid var(--line);color:var(--muted);border-radius:10px;justify-content:space-between;margin-bottom:10px;padding:8px 10px;font-size:12px;display:flex}.conversation-list{gap:8px;display:grid}.conversation-item{border:1px solid var(--line);cursor:pointer;background:#ffffff05;border-radius:12px;gap:4px;padding:10px;display:grid}.conversation-item.active{border-color:#22d3eeb3;box-shadow:inset 0 0 0 1px #22d3ee33}.conv-top{justify-content:space-between;gap:8px;display:flex}.conv-name{font-size:14px;font-weight:600}.conv-snippet{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.unread-pill{color:#ffd3a4;background:#fb923c1f;border:1px solid #fb923c80;border-radius:999px;padding:2px 8px;font-size:11px}.soft{color:var(--muted);font-size:12px}.message-list{border:1px solid var(--line);background:#00000026;border-radius:12px;flex:1;gap:8px;padding:12px;display:grid}.customer-card{border:1px solid var(--line);background:#ffffff08;border-radius:12px;gap:8px;margin-bottom:10px;padding:10px;display:grid}.customer-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.customer-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.customer-grid label{color:var(--muted);gap:4px;font-size:11px;display:grid}.customer-grid label.full{grid-column:1/-1}.customer-grid input{padding:8px 9px;font-size:12px}.customer-actions{justify-content:flex-end;display:flex}.bubble{border-radius:12px;max-width:min(72%,680px);padding:9px 11px;font-size:13px;line-height:1.45}.bubble.in{background:#162d4e;border:1px solid #6fa2e859}.bubble.out{background:#115a58;border:1px solid #6ef1e259;justify-self:end}.msg-time{color:#c9dbff;opacity:.7;margin-top:4px;font-size:11px;display:block}.composer{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.leads-strip{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.lead-list{gap:8px;margin-top:8px;display:grid}.lead-item{border:1px solid var(--line);border-radius:10px;justify-content:space-between;gap:8px;padding:8px;font-size:12px;display:flex}.hint{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.4}.toast-wrap{z-index:20;gap:8px;display:grid;position:fixed;bottom:18px;right:18px}.toast{color:var(--text);border:1px solid var(--line);border-left:3px solid var(--accent);background:#0e2e45;border-radius:10px;padding:9px 12px;font-size:12px}@media (width<=1260px){.action-grid{grid-template-columns:1fr 1fr}.workspace-grid{grid-template-columns:1fr;min-height:auto}.topbar{flex-direction:column;align-items:flex-start}.inline-form{grid-template-columns:1fr}.search{width:100%}.customer-grid{grid-template-columns:1fr}}