:root{--oc-primary-blue: #5AA6FF;--oc-primary-purple: #7B61FF;--oc-accent-cyan: #22D3EE;--oc-soft-violet: #E9E6FF;--oc-light-blue: #F2F6FF;--oc-ink-dark: #0F172A;--oc-slate: #475569;--oc-grey: #94A3B8;--oc-border: #E5E7EB;--oc-background: #F8FAFF;--oc-surface: #FFFFFF;--oc-success: #22C55E;--oc-danger: #EF4444;--oc-warning: #F59E0B;--oc-deep-navy: #070B2A;--oc-glow-blue: #89C2FF;--oc-glow-purple: #A78BFA;--oc-gradient-primary: linear-gradient(135deg, #5AA6FF 0%, #7B61FF 58%, #22D3EE 100%);--oc-gradient-soft: linear-gradient(135deg, #F8FAFF 0%, #F2F6FF 48%, #E9E6FF 100%);--oc-gradient-ai: linear-gradient(135deg, rgba(90, 166, 255, .18), rgba(123, 97, 255, .16), rgba(34, 211, 238, .12));--oc-gradient-deep: linear-gradient(135deg, #070B2A 0%, #0F172A 48%, #7B61FF 100%);--oc-radius-sm: 8px;--oc-radius-md: 12px;--oc-radius-lg: 16px;--oc-radius-xl: 24px;--oc-radius-card: 20px;--oc-radius-modal: 24px;--oc-radius-pill: 999px;--oc-shadow-card: 0 14px 40px rgba(15, 23, 42, .06);--oc-shadow-card-hover: 0 18px 52px rgba(90, 166, 255, .18);--oc-shadow-brand: 0 18px 48px rgba(123, 97, 255, .18);--oc-shadow-nav: 0 10px 32px rgba(15, 23, 42, .05);--oc-chart-message: var(--oc-primary-blue);--oc-chart-comment: var(--oc-accent-cyan);--oc-chart-lead: var(--oc-success);--oc-chart-risk: var(--oc-danger);--oc-chart-ai: var(--oc-primary-purple);--blue: var(--oc-primary-blue);--blue-strong: var(--oc-primary-purple);--cyan: var(--oc-accent-cyan);--green: var(--oc-success);--rose: var(--oc-danger);--amber: var(--oc-warning);--ink: var(--oc-ink-dark);--muted: var(--oc-slate);--line: rgba(148, 163, 184, .22);--card: rgba(255, 255, 255, .86);--shadow: var(--oc-shadow-card)}html{background:var(--oc-background)}body{color:var(--oc-ink-dark);background:radial-gradient(circle at 80% 0%,rgba(167,139,250,.18),transparent 30%),radial-gradient(circle at 15% 16%,rgba(137,194,255,.2),transparent 28%),var(--oc-gradient-soft)}::selection{background:#5aa6ff3d;color:var(--oc-ink-dark)}a{color:var(--oc-primary-purple)}button,input,select,textarea{letter-spacing:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(90,166,255,.28);outline-offset:2px}.ant-app{color:var(--oc-ink-dark)}:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2740;background:#edf5fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue: var(--oc-primary-blue);--blue-strong: var(--oc-primary-purple);--cyan: var(--oc-accent-cyan);--green: var(--oc-success);--rose: var(--oc-danger);--amber: var(--oc-warning);--ink: var(--oc-ink-dark);--muted: var(--oc-slate);--line: rgba(148, 163, 184, .22);--card: rgba(255, 255, 255, .86);--shadow: var(--oc-shadow-card)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(120deg,#f5f9fff5,#eef4ffdb 42%,#e1f9faeb),#eef6fb}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.login-screen{min-height:100vh;display:grid;place-items:center;padding:32px}.login-panel{width:min(1020px,100%);display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:28px;border:1px solid rgba(255,255,255,.78);border-radius:8px;background:#ffffff94;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-copy,.login-form{border:1px solid var(--line);border-radius:8px;background:#ffffffb8;padding:28px}.login-copy h1{margin:20px 0 14px;font-size:42px;line-height:1.16}.login-copy p{margin:0;color:var(--muted);line-height:1.8}.login-highlights,.tag-row,.filter-chips,.download-icons,.hero-actions,.topbar-actions,.row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.login-highlights{margin-top:28px}.login-highlights span,.tag-row span,.filter-chips button{border:1px solid rgba(47,140,244,.16);border-radius:999px;padding:7px 11px;background:#f1f7ffdb;color:#3c5d91;font-size:13px}.login-form{display:grid;gap:18px}.login-form h2{margin:0;font-size:24px}.login-form label{display:grid;gap:8px;color:#4b5876;font-size:14px}.input-with-icon{display:flex;align-items:center;gap:10px;padding:0 12px;height:46px;border:1px solid var(--line);border-radius:8px;background:#fff}.input-with-icon input{width:100%;border:0;outline:0}.form-note{margin:0;color:var(--muted);font-size:13px}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:22px 14px;border-right:1px solid rgba(180,196,224,.38);background:#f5f8ffd1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);overflow-y:auto}.brand{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#1b2b55;font-weight:800;font-size:18px;padding:0 8px}.brand-mark{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--blue-strong),#45c1ff);box-shadow:0 8px 18px #2f8cf43d;flex:0 0 auto}.brand-mark.large{width:54px;height:54px}.presence{position:relative;display:flex;align-items:center;gap:7px;width:fit-content;margin:18px 8px 14px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#5d6885;font-size:12px}.presence select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;padding-right:2px;color:inherit}.presence-dot{width:8px;height:8px;border-radius:999px;background:var(--green)}.presence-dot.invisible{background:var(--amber)}.presence-dot.offline{background:#a1a8b8}.sidebar-nav,.sidebar-footer{display:grid;gap:3px}.sidebar-nav button,.sidebar-footer button{min-height:38px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;color:#59647d;padding:9px 10px;text-align:left}.sidebar-nav button span,.sidebar-footer button span{flex:1;min-width:0}.sidebar-nav button b{min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:var(--rose);color:#fff;font-size:11px}.sidebar-nav button:hover,.sidebar-footer button:hover,.sidebar-nav button.active{color:#176bd7;background:#2f8cf417}.sidebar-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.main-area{min-width:0;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{color:#5e78a9;font-size:12px;font-weight:700}.topbar h1,.module-hero h2,.quick-start h2,.help-rail h2,.metric-section h2,.activity-panel h2{margin:5px 0 0;color:var(--ink);line-height:1.2;letter-spacing:0}.topbar h1{font-size:24px}.primary-button,.secondary-button,.text-button,.icon-button,.account-chip{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid transparent;padding:0 14px;font-weight:700;white-space:nowrap}.primary-button{background:var(--blue-strong);color:#fff;box-shadow:0 9px 18px #1677ff33}.primary-button.full{width:100%}.secondary-button,.account-chip{border-color:var(--line);background:#ffffffd6;color:#416086}.danger-button{border-color:#f25f8247;background:#fff1f5e6;color:#c9355b}.text-button{border:0;background:transparent;color:var(--blue-strong);padding:0}.icon-button{position:relative;width:36px;padding:0;border-color:var(--line);background:#ffffffd1;color:#526281}.notification-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:999px;background:var(--rose)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.quick-start,.help-rail,.metric-section,.activity-panel,.module-hero,.table-card,.chart-card,.customer-card,.insight-block,.settings-block,.agent-card,.agent-editor-panel{border:1px solid rgba(255,255,255,.82);border-radius:8px;background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.quick-start,.metric-section,.activity-panel,.module-hero,.table-card,.chart-card{padding:18px}.section-heading,.table-header,.chat-header,.desk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading.compact h2{font-size:17px}.channel-row,.quick-actions,.metric-grid,.activity-list,.account-list,.comment-list,.agent-grid,.settings-grid,.settings-console,.choice-card-grid,.settings-form-grid{display:grid;gap:12px}.channel-row{grid-template-columns:repeat(6,minmax(0,1fr));margin:18px 0 12px}.channel-row button,.quick-actions button,.activity-item,.account-row,.comment-row,.data-row{border:1px solid var(--line);border-radius:8px;background:#ffffffad}.channel-row button{min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px;color:#4a5d82;line-height:1.35;text-align:center;word-break:keep-all}.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-actions button{min-height:120px;display:grid;align-content:start;justify-items:start;gap:9px;padding:15px;color:#405171;text-align:left}.quick-actions button svg{color:var(--blue-strong)}.quick-actions button span,.module-hero p,.activity-item span,.account-row span,.comment-row span,.data-row span,.settings-block span,.agent-card span,.agent-card p{color:var(--muted)}.help-rail{padding:18px;align-self:start;grid-column:2;grid-row:1 / span 3}.help-rail{display:grid;gap:13px;align-content:start}.help-rail button{min-height:66px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:8px;background:#ffffffc7;padding:12px;color:#4d5c78}.client-download{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.metric-section,.activity-panel{grid-column:1 / 2}.metric-section{grid-row:2}.activity-panel{grid-row:3}.metric-grid{grid-template-columns:repeat(5,minmax(150px,1fr));margin-top:16px}.metric-grid.four{grid-template-columns:repeat(4,minmax(170px,1fr));margin-top:0}.metric-card{min-height:78px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;border:1px solid var(--line);border-radius:8px;background:#ffffffb8;padding:13px}.metric-card strong{grid-column:2;font-size:20px;color:#202945}.metric-label{color:#6f7b94;font-size:13px;min-width:0}.metric-icon{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:8px}.metric-icon.blue{background:#2f8cf41c;color:var(--blue-strong)}.metric-icon.cyan{background:#18b7c81f;color:var(--cyan)}.metric-icon.green{background:#35b87f1f;color:var(--green)}.metric-icon.rose{background:#f25f821f;color:var(--rose)}.metric-icon.amber{background:#f4a62f24;color:var(--amber)}.segmented{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:8px;background:#ffffffbd}.segmented button{min-height:28px;border:0;border-radius:6px;background:transparent;color:#69758e;padding:0 10px}.segmented button.active{background:#fff;color:var(--blue-strong);box-shadow:0 5px 12px #435b821a}.activity-list{margin-top:12px}.activity-item{display:grid;grid-template-columns:190px 110px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:10px 12px;text-align:left}.activity-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-pill{display:inline-flex;align-items:center;width:fit-content;max-width:100%;gap:7px;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.platform-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-pill.douyin{background:#1f274014;color:#1f2740}.platform-pill.xhs{background:#f25f821c;color:#d9375f}.platform-pill.mock{background:#35b87f1f;color:#168b5a}.status-badge{display:inline-flex;align-items:center;width:fit-content;min-height:24px;border-radius:999px;padding:0 9px;font-size:12px;font-weight:700}.status-badge.success{background:#35b87f1f;color:#178d5a}.status-badge.warning{background:#f4a62f29;color:#a76a12}.status-badge.danger{background:#f25f8224;color:#d83d62}.status-badge.neutral{background:#7b88a11f;color:#66728a}.toast-host{position:fixed;top:18px;right:18px;z-index:40;display:grid;gap:10px;width:min(360px,calc(100vw - 32px))}.toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:var(--shadow);padding:11px 12px;color:#43516c}.toast.success svg{color:var(--green)}.toast.warning svg{color:var(--amber)}.toast.error svg{color:var(--rose)}.toast.info svg{color:var(--blue-strong)}.toast button{width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:#7d879e}.page-stack{display:grid;gap:18px}.module-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.module-hero p{max-width:780px;margin:10px 0 0;line-height:1.7}.auth-flow-panel{display:grid;gap:14px;padding:18px;border:1px solid rgba(47,140,244,.18);border-radius:8px;background:linear-gradient(135deg,#ffffffe6,#eff6ffd6 50%,#fff3fcb8);box-shadow:0 18px 42px #3a5b8a14}.auth-flow-panel strong{display:block;margin-top:4px;color:var(--ink)}.auth-flow-panel p{max-width:840px;margin:8px 0 0;color:var(--muted);line-height:1.7}.missing-env-list{display:flex;flex-wrap:wrap;gap:8px}.missing-env-list span{min-height:26px;display:inline-flex;align-items:center;border:1px solid rgba(244,166,47,.28);border-radius:999px;background:#f4a62f1f;padding:0 10px;color:#9b6514;font-size:12px;font-weight:700}.auth-url{max-width:100%;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#ffffffc2;padding:10px 12px;color:#62708c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.table-card{display:grid;gap:10px}.account-row,.comment-row,.data-row{display:grid;align-items:center;gap:14px;padding:14px}.account-row{grid-template-columns:260px minmax(260px,1fr) auto}.account-row>div:first-child,.comment-row>div:first-child,.data-row>div:first-child{display:grid;gap:7px;min-width:0}.capability-grid{display:flex;flex-wrap:wrap;gap:8px}.comment-row{grid-template-columns:260px minmax(260px,1fr) auto}.comment-row p{margin:0;color:#35415f;line-height:1.6}.inline-draft{grid-column:2 / 3;border:1px solid rgba(47,140,244,.18);border-radius:8px;background:linear-gradient(135deg,#eef6ffe6,#f8f0ffe6);padding:10px 12px;color:#405171;line-height:1.6}.data-row{grid-template-columns:1.2fr 1fr auto 1fr}.conversation-desk{height:calc(100vh - 116px);min-height:720px;display:grid;grid-template-columns:292px minmax(420px,1fr) 300px;gap:14px}.conversation-list,.chat-pane,.customer-panel{min-height:0;border:1px solid rgba(255,255,255,.82);border-radius:8px;background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.conversation-list,.customer-panel{overflow:auto;padding:14px}.filter-chips{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0}.filter-chips button{min-height:30px}.filter-chips button.active{border-color:#2f8cf442;background:#2f8cf41a;color:var(--blue-strong)}.conversation-item{width:100%;display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;background:#ffffffb3;padding:12px;text-align:left;margin-bottom:10px}.conversation-item.active{border-color:#2f8cf473;background:#ecf6ffe0}.conversation-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-item span,.conversation-item small{color:var(--muted);line-height:1.5}.chat-pane{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden}.chat-header{padding:16px;border-bottom:1px solid var(--line)}.chat-header h2{margin:8px 0 4px}.chat-header span{color:var(--muted)}.message-stream{display:flex;flex-direction:column;gap:12px;overflow:auto;padding:18px}.message-bubble{max-width:min(640px,82%);display:grid;gap:8px;border-radius:8px;padding:12px 14px;background:#fff;box-shadow:0 8px 18px #445a841a}.message-bubble.ai{align-self:flex-end;background:linear-gradient(135deg,#eef6fffa,#f8f0fffa);border:1px solid rgba(47,140,244,.18)}.message-bubble.agent{align-self:flex-end}.message-bubble.system,.message-bubble.internal{align-self:center;max-width:min(620px,92%);border:1px solid rgba(148,163,184,.18);background:#f8fafceb;color:#64748b;box-shadow:none}.message-bubble p{margin:0;line-height:1.6}.message-bubble small{color:var(--muted)}.message-bubble div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.delivery-badge{min-height:22px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:0 8px;font-size:12px;font-weight:800}.delivery-badge.sent{background:#22c55e1f;color:#15803d}.delivery-badge.pending_platform{background:#f59e0b29;color:#a16207}.delivery-badge.local_only{background:#5aa6ff21;color:#1d4ed8}.delivery-badge.failed,.delivery-badge.blocked{background:#ef44441f;color:#b91c1c}.delivery-note{display:block;line-height:1.55}.delivery-alert{border:1px solid rgba(245,158,11,.22);border-radius:8px;background:#fffbebdb;color:#8a5a0a;padding:10px 12px;font-size:13px;line-height:1.6}.assistant-strip{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line);overflow-x:auto}.assistant-strip button{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#50627f;padding:0 10px;white-space:nowrap}.composer{display:grid;gap:10px;padding:14px 16px 16px}.composer textarea{min-height:86px;resize:vertical;border:1px solid var(--line);border-radius:8px;outline:0;padding:12px}.composer>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.switch{display:inline-flex;align-items:center;gap:8px;color:#5b6881;font-size:13px}.switch input{position:absolute;opacity:0}.switch span{width:34px;height:20px;border-radius:999px;background:#c8d2e5;position:relative}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:999px;background:#fff;transition:transform .18s ease}.switch input:checked+span{background:var(--blue-strong)}.switch input:checked+span:after{transform:translate(14px)}.customer-panel{display:grid;align-content:start;gap:12px}.customer-card,.insight-block{padding:14px}.customer-card{display:grid;gap:8px}.insight-block h3{margin:0 0 8px;font-size:15px}.insight-block p,.insight-block ul{margin:0;color:var(--muted);line-height:1.7}.insight-block ul{display:grid;gap:6px;list-style:none;padding:0}.insight-block li{display:flex;align-items:center;gap:7px}.chart-card{min-height:360px}.agent-grid,.settings-grid,.settings-console{grid-template-columns:repeat(4,minmax(0,1fr))}.agent-card,.settings-block{display:grid;gap:9px;padding:16px}.settings-block--wide{grid-column:1 / -1;gap:16px}.settings-block__head{display:flex;align-items:center;gap:12px}.settings-block__head>div{min-width:0;display:grid;gap:3px}.settings-block__head .status-badge{margin-left:auto}.choice-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{position:relative;min-height:118px;display:grid;align-content:start;gap:7px;border:1px solid var(--line);border-radius:8px;background:#ffffffb8;padding:13px;color:#405171;cursor:pointer}.choice-card.compact{min-height:84px}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card__title{color:var(--ink);font-weight:800}.choice-card small,.settings-form-grid small,.settings-actions-row span{color:var(--muted)}.choice-card b{width:fit-content;border-radius:999px;background:#2f8cf41a;color:#276fbf;padding:4px 8px;font-size:12px}.choice-card.selected{border-color:#2f8cf47a;background:#eff7ffeb;box-shadow:0 12px 28px #2f8cf421}.settings-form-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end}.settings-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-form-grid label{display:grid;gap:7px;color:#4f5f7d;font-size:13px;font-weight:700}.settings-form-grid input{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;background:#ffffffe0;color:var(--ink);padding:8px 10px;outline:0}.settings-actions-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.agent-workbench{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:14px;align-items:start}.agent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.agent-card.active{border-color:#2f8cf461;box-shadow:0 16px 38px #2f8cf429}.agent-card-main{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:0;color:var(--ink);text-align:left}.agent-card-main>span:last-child{display:grid;gap:4px;min-width:0}.agent-card-main strong,.agent-card-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-card-main small{color:var(--muted);font-size:12px}.agent-meta-grid,.agent-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.agent-meta-grid span,.agent-resource-grid span{min-height:30px;display:inline-flex;align-items:center;overflow:hidden;border:1px solid rgba(47,140,244,.12);border-radius:8px;background:#f3f8ffc2;padding:0 10px;color:#496487;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.agent-editor-panel{display:grid;gap:14px;padding:18px}.agent-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.agent-form label{display:grid;gap:7px;color:#4f5f7d;font-size:13px;font-weight:700}.agent-form input,.agent-form select,.agent-form textarea{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;background:#ffffffe0;color:var(--ink);padding:8px 10px;outline:0}.agent-form textarea{min-height:132px;resize:vertical;line-height:1.65}.agent-resource-panel{display:grid;gap:14px;min-width:0;border:1px solid rgba(47,140,244,.16);border-radius:8px;background:linear-gradient(135deg,#ffffffeb,#eff6ffd1);padding:14px}.agent-resource-fields,.agent-resource-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.agent-resource-fields label{display:grid;gap:7px;color:#4f5f7d;font-size:13px;font-weight:700}.agent-resource-fields select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;background:#ffffffe6;color:var(--ink);padding:8px 10px;outline:0}.agent-resource-picker{display:grid;gap:10px}.agent-resource-picker__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.agent-resource-picker__head span{color:var(--muted);font-size:12px;line-height:1.5}.agent-resource-option{min-height:62px;display:flex;align-items:flex-start;gap:9px;min-width:0;border:1px solid var(--line);border-radius:8px;background:#ffffffc2;padding:10px;color:#3f4f6d;cursor:pointer}.agent-resource-option input{flex:0 0 auto;margin-top:3px}.agent-resource-option span{display:grid;gap:4px;min-width:0}.agent-resource-option strong,.agent-resource-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-resource-option small{color:var(--muted);font-size:12px}.agent-resource-preview{display:flex;flex-wrap:wrap;gap:8px}.agent-resource-preview span{min-height:28px;display:inline-flex;align-items:center;max-width:100%;overflow:hidden;border:1px solid rgba(47,140,244,.14);border-radius:999px;background:#f3f8ffd6;color:#496487;padding:0 10px;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.agent-form .wide-field{grid-column:1 / -1}.sop-workbench{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(360px,1.14fr) minmax(280px,.9fr);gap:14px;align-items:start}.sop-library-panel,.sop-editor-panel,.sop-script-panel,.sop-import-panel{display:grid;gap:14px;min-width:0;border:1px solid rgba(229,231,235,.86);border-radius:8px;background:#ffffffe0;box-shadow:var(--shadow);padding:16px}.sop-list,.sop-script-list,.sop-step-editor,.sop-script-editor{display:grid;gap:10px}.sop-list-item,.sop-script-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;border:1px solid var(--line);border-radius:8px;background:#ffffffbd;color:var(--ink);padding:12px;text-align:left}.sop-list-item.active,.sop-script-item.active{border-color:#2f8cf46b;background:#ecf6ffe6}.sop-list-item>span,.sop-script-item{min-width:0}.sop-list-item strong,.sop-list-item small,.sop-script-item strong,.sop-script-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sop-list-item>span,.sop-script-item{display:grid;gap:4px}.sop-list-item small,.sop-script-item span{color:var(--muted);font-size:12px}.sop-field,.sop-script-editor label{display:grid;gap:7px;color:#4f5f7d;font-size:13px;font-weight:700}.sop-field input,.sop-step-row input,.sop-script-editor input,.sop-script-editor textarea,.sop-import-panel textarea{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;background:#ffffffe6;color:var(--ink);padding:8px 10px;outline:0}.sop-script-editor textarea,.sop-import-panel textarea{min-height:132px;resize:vertical;line-height:1.65}.sop-step-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px}.sop-step-row>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#2f8cf41f;color:var(--blue-strong);font-size:12px;font-weight:800}.process-logs-page{display:grid;gap:16px}.process-metrics{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:12px}.process-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(5,minmax(120px,1fr)) auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(207,222,255,.9);border-radius:8px;background:#ffffffd1;box-shadow:0 12px 30px #5984ff14}.process-filters input,.process-filters select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:8px 10px;outline:0}.process-search{display:flex;align-items:center;gap:8px;min-width:0;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.process-search input{border:0;padding:0}.process-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.process-run-list{display:grid;gap:10px}.process-run-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:8px}.process-run-card--failed,.process-run-card--blocked,.process-run-card--timeout{border-color:#ef44443d;background:linear-gradient(135deg,#fffffff0,#fff1f2b3)}.process-run-card__main{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;min-width:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.process-run-card__body{display:grid;gap:7px;min-width:0}.process-run-card__title{overflow:hidden;color:var(--ink);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.process-run-card__meta,.process-duration,.process-timeline__meta{color:var(--muted);font-size:12px}.process-run-card__side{display:flex;align-items:center;gap:8px;justify-content:flex-end}.process-emoji{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fffffff2,#e9e6ff85),linear-gradient(135deg,#5aa6ff2e,#7b61ff29);box-shadow:0 10px 24px #5aa6ff2e;font-size:20px}.process-mini-button{width:32px;height:32px}.process-duration{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.process-settings-panel{display:grid;gap:12px;padding:16px;border:1px solid rgba(207,222,255,.9);border-radius:8px;background:linear-gradient(180deg,#ffffffeb,#f8faffe0),#fff;box-shadow:0 16px 36px #5984ff1a}.process-settings-panel header,.process-settings-panel label{display:flex;align-items:center;justify-content:space-between;gap:12px}.process-settings-panel label{color:var(--slate);font-size:13px}.process-settings-panel input[type=number],.process-settings-panel select{width:112px;min-height:34px;border:1px solid var(--line);border-radius:8px;padding:6px 8px}.process-drawer{position:fixed;right:18px;top:84px;z-index:50;display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(680px,calc(100vw - 36px));max-height:calc(100vh - 108px);padding:18px;border:1px solid rgba(207,222,255,.96);border-radius:8px;background:linear-gradient(180deg,#fffffff7,#f4f8fff0),#fff;box-shadow:0 24px 80px #0f172a2e;overflow:hidden}.process-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(229,231,235,.9)}.process-drawer__header h3{margin:2px 0 4px;color:var(--ink)}.process-drawer__header p{margin:0;color:var(--muted);font-size:12px}.process-drawer__summary{display:grid;gap:10px;padding:12px 0}.process-drawer-toolbar{position:fixed;right:30px;bottom:24px;z-index:60}.process-error-toggle{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(207,222,255,.9);border-radius:999px;background:#fffffff0;box-shadow:0 12px 30px #0f172a1f;color:var(--slate);font-size:13px}.process-timeline{position:relative;display:grid;gap:8px;min-height:0;overflow:auto;padding:4px 4px 12px}.process-timeline__item{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;width:100%;padding:10px;border:1px solid rgba(229,231,235,.88);border-radius:8px;background:#ffffffc2;color:inherit;text-align:left;cursor:pointer}.process-timeline__item--failed,.process-timeline__item--blocked,.process-timeline__item--timeout{border-color:#ef444442;background:#fff1f2b8}.process-timeline__line{position:absolute;left:31px;top:52px;bottom:-12px;width:2px;background:linear-gradient(180deg,#5aa6ff6b,#7b61ff1f)}.process-timeline__body,.process-timeline__head{display:grid;gap:6px;min-width:0}.process-timeline__head{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.process-timeline__message{color:var(--slate);line-height:1.6}.process-timeline__error,.process-error-box{padding:9px 10px;border:1px solid rgba(239,68,68,.24);border-radius:8px;background:#fff1f2cc;color:#b42318;line-height:1.55}.process-timeline__next,.process-next-box{padding:9px 10px;border:1px solid rgba(245,158,11,.28);border-radius:8px;background:#fffbebdb;color:#92400e;line-height:1.55}.process-timeline__empty{display:grid;place-items:center;min-height:160px;color:var(--muted)}.process-log-modal{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow:auto;padding:20px}.process-log-modal__header,.process-log-modal__tags{display:flex;align-items:center;justify-content:space-between;gap:10px}.process-log-modal__header h3{margin:2px 0 0}.process-log-modal__tags{justify-content:flex-start;margin:12px 0}.process-detail-grid{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 12px;padding:12px;border-radius:8px;background:#f2f6ffd1}.process-detail-grid dt{color:var(--muted)}.process-detail-grid dd{margin:0;min-width:0;overflow-wrap:anywhere}.process-detail-grid button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--blue-strong);cursor:pointer}.process-payload{max-height:220px;overflow:auto;padding:12px;border-radius:8px;background:#0f172a;color:#e2e8f0;white-space:pre-wrap}@media (max-width: 1180px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.brand span:not(.brand-mark),.presence select,.presence svg,.sidebar-nav button span,.sidebar-footer button span{display:none}.sidebar-nav button,.sidebar-footer button{justify-content:center}.dashboard-grid{grid-template-columns:1fr}.help-rail,.metric-section,.activity-panel{grid-column:auto}.metric-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.channel-row,.quick-actions,.agent-grid,.agent-list,.settings-grid,.settings-console,.choice-card-grid,.choice-card-grid.two,.settings-form-grid.three,.process-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.process-layout,.process-filters,.agent-workbench,.sop-workbench{grid-template-columns:1fr}.conversation-desk{grid-template-columns:250px minmax(420px,1fr)}.customer-panel{display:none}.account-row,.comment-row{grid-template-columns:1fr}}@media (max-width: 760px){.login-panel,.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:20;height:auto;display:flex;flex-wrap:wrap;overflow:visible;gap:8px;padding:10px}.brand{width:auto;min-height:38px;padding:0 10px}.presence,.sidebar-footer{display:none}.sidebar-nav{display:flex;flex:1 1 280px;flex-wrap:wrap;gap:6px}.sidebar-nav button{flex:0 0 38px;width:38px}.main-area{padding:16px}.topbar,.module-hero,.section-heading,.activity-item,.data-row{align-items:stretch;flex-direction:column;grid-template-columns:1fr}.metric-grid,.metric-grid.four,.channel-row,.quick-actions,.agent-grid,.agent-list,.agent-form,.agent-meta-grid,.agent-resource-grid,.agent-resource-fields,.agent-resource-options,.settings-grid,.settings-console,.choice-card-grid,.choice-card-grid.two,.settings-form-grid,.settings-form-grid.three,.process-metrics,.process-run-card,.process-run-card__side,.process-timeline__head{grid-template-columns:1fr}.process-run-card__side{display:grid;justify-content:stretch}.process-drawer{top:72px;right:10px;bottom:10px;left:10px;width:auto;max-height:none}.settings-actions-row,.settings-block__head{align-items:stretch;flex-direction:column}.settings-block__head .status-badge{margin-left:0}.agent-workbench,.sop-workbench{grid-template-columns:1fr}.sop-library-panel,.sop-editor-panel,.sop-script-panel,.sop-import-panel{padding:14px}.conversation-desk{height:auto;min-height:0;grid-template-columns:1fr}.conversation-list{max-height:420px}}:root{--blue: var(--oc-primary-blue);--blue-strong: var(--oc-primary-purple);--cyan: var(--oc-accent-cyan);--green: var(--oc-success);--rose: var(--oc-danger);--amber: var(--oc-warning);--ink: var(--oc-ink-dark);--muted: var(--oc-slate);--line: rgba(148, 163, 184, .22);--card: rgba(255, 255, 255, .86);--shadow: var(--oc-shadow-card)}.brand-logo{display:inline-flex;align-items:center;max-width:100%;min-width:0}.brand-logo img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain}.brand-logo--sm{height:28px}.brand-logo--md{height:36px}.brand-logo--lg{height:48px}.brand-logo--xl{height:64px}.brand-logo--mark{width:38px;height:38px}.brand-logo--mark.brand-logo--lg{width:48px}.brand-shell-logo{width:100%;display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:8px 8px 16px}.brand-shell-logo .brand-logo{flex:0 0 auto;width:32px;height:32px}.brand-shell-logo .brand-name{display:inline-flex;min-width:0;color:var(--oc-ink-dark);font-size:16px;font-weight:800;line-height:1.1;white-space:nowrap}.brand-page-header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:var(--oc-radius-card);background:linear-gradient(135deg,#ffffffeb,#f2f6ffe6 48%,#e9e6ffbd),var(--oc-surface);box-shadow:var(--oc-shadow-card);padding:22px}.login-screen{background:radial-gradient(circle at 82% 12%,rgba(167,139,250,.22),transparent 30%),radial-gradient(circle at 18% 20%,rgba(137,194,255,.22),transparent 32%),var(--oc-gradient-soft)}.login-panel{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);border-color:#ffffffeb;border-radius:var(--oc-radius-xl);background:#ffffffa8;box-shadow:var(--oc-shadow-brand)}.login-copy,.login-form{border-color:#e5e7ebdb;border-radius:var(--oc-radius-card)}.login-copy{display:grid;gap:18px;overflow:hidden;background:linear-gradient(135deg,#ffffffe6,#f2f6ffe6 48%,#e9e6ffbd),var(--oc-surface)}.login-copy h1{margin:8px 0 0;color:var(--oc-ink-dark)}.login-copy .brand-illustration{justify-self:center;margin:4px 0 -10px}.login-form{align-content:center}.brand-page-header:after{content:"";position:absolute;inset:auto -70px -100px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(90,166,255,.3),rgba(123,97,255,.14) 48%,transparent 70%);pointer-events:none}.brand-page-header__content{position:relative;z-index:1;min-width:0}.brand-page-header__title{margin:6px 0 0;color:var(--oc-ink-dark);font-size:24px;line-height:1.25}.brand-page-header__intro{max-width:760px;margin:10px 0 0;color:var(--oc-slate);line-height:1.7}.brand-page-header__media{position:relative;z-index:1;display:flex;justify-content:flex-end;min-width:150px}.brand-page-header__media img{width:min(260px,28vw);max-height:170px;object-fit:contain}.brand-card{border:1px solid rgba(229,231,235,.9);border-radius:var(--oc-radius-card);background:#ffffffe6;box-shadow:var(--oc-shadow-card)}.brand-card--interactive{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.brand-card--interactive:hover{border-color:#5aa6ff6b;box-shadow:var(--oc-shadow-card-hover);transform:translateY(-1px)}.brand-card--danger{border-color:#ef444438;background:linear-gradient(135deg,#ffffffeb,#fef2f2b8)}.brand-button,.primary-button,.secondary-button,.text-button,.icon-button,.account-chip{border-radius:var(--oc-radius-md)}.brand-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;padding:0 14px;font-weight:700;white-space:nowrap}.brand-button--primary,.primary-button{border-color:transparent;background:var(--oc-gradient-primary);color:#fff;box-shadow:var(--oc-shadow-brand)}.brand-button--secondary,.secondary-button,.account-chip{border-color:#94a3b83d;background:#ffffffe0;color:#355074}.brand-button--ghost,.text-button{border-color:transparent;background:transparent;color:var(--oc-primary-purple)}.brand-button--danger{background:var(--oc-danger);color:#fff}.danger-button{border-color:#ef44443d;background:#fef2f2e6;color:#b91c1c}.danger-button:hover{border-color:#ef444461;background:#fee2e2f2}.brand-status,.status-badge,.brand-tag{display:inline-flex;align-items:center;width:fit-content;min-height:26px;border-radius:var(--oc-radius-pill);padding:0 10px;font-size:12px;font-weight:700}.brand-status--success,.status-badge.success{background:#22c55e1f;color:#15803d}.brand-status--warning,.status-badge.warning{background:#f59e0b24;color:#a16207}.brand-status--danger,.status-badge.danger{background:#ef44441f;color:#b91c1c}.brand-status--info,.status-badge.neutral{background:#5aa6ff21;color:#1d4ed8}.brand-tag{border:1px solid rgba(90,166,255,.16);background:#f2f6ffe6;color:#315a92}.brand-tag--ai{background:var(--oc-gradient-ai);color:#5735d0}.brand-tag--risk{border-color:#ef444433;background:#ef44441a;color:#b91c1c}.brand-tag--lead{border-color:#22c55e33;background:#22c55e1a;color:#15803d}.brand-metric-card,.metric-card{min-height:92px;border:1px solid rgba(229,231,235,.88);border-radius:var(--oc-radius-lg);background:linear-gradient(180deg,#fffffff5,#f8faffe0),var(--oc-surface);box-shadow:0 10px 26px #0f172a0a}.brand-metric-card{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;padding:15px}.brand-metric-card strong,.metric-card strong{color:var(--oc-ink-dark)}.metric-icon,.brand-metric-card__icon,.brand-functional-icon{width:34px;height:34px;display:inline-grid;place-items:center;overflow:hidden;border-radius:var(--oc-radius-md)}.brand-functional-icon img,.brand-metric-card__icon img{width:100%;height:100%;object-fit:contain}.metric-icon.blue,.brand-metric-card__icon.blue{background:#5aa6ff21;color:#2563eb}.metric-icon.cyan,.brand-metric-card__icon.cyan{background:#22d3ee21;color:#0891b2}.metric-icon.green,.brand-metric-card__icon.green{background:#22c55e1f;color:#15803d}.metric-icon.rose,.brand-metric-card__icon.rose{background:#ef44441f;color:#b91c1c}.metric-icon.amber,.brand-metric-card__icon.amber{background:#f59e0b26;color:#a16207}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}.metric-grid.four{grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}.brand-illustration{display:inline-flex;align-items:center;justify-content:center}.brand-illustration img{display:block;width:100%;height:auto;object-fit:contain}.brand-illustration--sm{width:96px}.brand-illustration--md{width:180px}.brand-illustration--lg{width:min(320px,100%)}.brand-illustration--xl{width:min(520px,100%)}.brand-empty,.brand-loading,.brand-error,.brand-permission,.brand-config{display:grid;justify-items:center;gap:12px;padding:28px;color:var(--oc-slate);text-align:center}.brand-empty h3,.brand-loading h3,.brand-error h3,.brand-permission h3,.brand-config h3{margin:0;color:var(--oc-ink-dark)}.brand-empty p,.brand-loading p,.brand-error p,.brand-permission p,.brand-config p{max-width:520px;margin:0;line-height:1.7}.brand-progress{display:grid;gap:8px}.brand-progress__bar{overflow:hidden;height:9px;border-radius:var(--oc-radius-pill);background:#94a3b824}.brand-progress__fill{height:100%;border-radius:inherit;background:var(--oc-gradient-primary)}.brand-alert{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(90,166,255,.18);border-radius:var(--oc-radius-lg);background:#f2f6ffd1;padding:12px;color:var(--oc-slate)}.brand-alert--danger{border-color:#ef444433;background:#fef2f2d6}.brand-alert--warning{border-color:#f59e0b38;background:#fffbebdb}.brand-avatar{width:42px;height:42px;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:50%;background:var(--oc-gradient-ai);box-shadow:0 8px 22px #5aa6ff2e}.brand-avatar img{width:100%;height:100%;object-fit:cover}.brand-modal,.brand-drawer,.brand-table,.brand-tabs,.brand-form-section{border:1px solid rgba(229,231,235,.9);border-radius:var(--oc-radius-card);background:#ffffffeb;box-shadow:var(--oc-shadow-card)}.brand-modal,.brand-drawer,.brand-form-section{padding:18px}.brand-table{overflow:hidden}.brand-table__row{display:grid;align-items:center;gap:12px;border-top:1px solid rgba(229,231,235,.78);padding:12px 14px}.brand-table__row:first-child{border-top:0}.brand-tabs{display:inline-flex;gap:4px;padding:4px}.brand-tabs button{min-height:30px;border:0;border-radius:var(--oc-radius-sm);background:transparent;color:var(--oc-slate);padding:0 12px}.brand-tabs button.active{background:#fff;color:var(--oc-primary-purple);box-shadow:0 8px 18px #0f172a0f}.app-shell{grid-template-columns:252px minmax(0,1fr)}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(260px,280px)}.sidebar{padding:18px 14px;border-right:1px solid rgba(229,231,235,.72);background:linear-gradient(180deg,#ffffffeb,#f2f6ffe0),var(--oc-light-blue);box-shadow:var(--oc-shadow-nav)}.brand{padding:0}.presence{margin:4px 8px 16px;border-color:#5aa6ff29;background:#ffffffe0}.presence-dot{background:var(--oc-success)}.sidebar-nav{gap:5px}.sidebar-nav button,.sidebar-footer button{min-height:42px;border-radius:var(--oc-radius-md);color:#52627a}.sidebar-nav button svg,.sidebar-footer button svg{color:#73839d}.nav-brand-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;border-radius:8px}.nav-brand-icon img{width:22px;height:22px;object-fit:contain;opacity:.96}.sidebar-nav button:hover,.sidebar-footer button:hover{color:#214c86;background:#5aa6ff1a}.sidebar-nav button.active{color:#fff;background:var(--oc-gradient-primary);box-shadow:0 12px 28px #5aa6ff38}.sidebar-nav button.active svg{color:#fff}.sidebar-nav button b{background:var(--oc-danger)}.main-area{overflow-x:hidden;padding:0 24px 24px}.topbar{position:sticky;top:0;z-index:10;margin:0 -24px 16px;padding:8px 24px 12px;border-bottom:1px solid rgba(229,231,235,.74);background:#f8faffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{color:#5879b6}.quick-start,.help-rail,.metric-section,.activity-panel,.module-hero,.table-card,.chart-card,.customer-card,.insight-block,.settings-block,.agent-card,.agent-editor-panel,.sop-library-panel,.sop-editor-panel,.sop-script-panel,.sop-import-panel,.conversation-list,.chat-pane,.customer-panel{border-color:#e5e7ebdb;border-radius:var(--oc-radius-card);background:#ffffffe0;box-shadow:var(--oc-shadow-card)}.settings-block--wide{background:linear-gradient(135deg,#fffffff0,#f3f8ffe6 58%,#e8fcfd9e),var(--oc-surface)}.choice-card{border-color:#94a3b838;border-radius:var(--oc-radius-md);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.choice-card:hover{border-color:#5aa6ff6b;transform:translateY(-1px)}.choice-card.selected{border-color:#5aa6ff94;background:linear-gradient(135deg,#eff7fff0,#f0efffeb),#fff;box-shadow:0 14px 32px #5aa6ff29}.choice-card.selected:after{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:999px;background:var(--oc-success);box-shadow:0 0 0 4px #35b87f1f}.settings-form-grid input{border-color:#94a3b83d;border-radius:var(--oc-radius-md)}.settings-form-grid input:focus{border-color:#5aa6ff8f;box-shadow:0 0 0 4px #5aa6ff1f}.quick-start{overflow:hidden;background:linear-gradient(135deg,#fffffff0,#f2f6ffe6 54%,#e9e6ffc2),var(--oc-surface)}.module-hero{border-radius:var(--oc-radius-card);background:linear-gradient(135deg,#fffffff0,#f2f6ffe6,#e9e6ffb8),var(--oc-surface)}.module-hero__main{display:flex;gap:16px;align-items:center;min-width:0}.module-hero__icon,.module-hero__media{flex:0 0 auto}.module-hero__media img{width:min(210px,22vw);max-height:128px;object-fit:contain}.channel-row button,.quick-actions button,.activity-item,.account-row,.comment-row,.data-row,.sop-list-item,.sop-script-item,.conversation-item,.assistant-strip button{border-color:#e5e7ebdb;border-radius:var(--oc-radius-lg);background:#ffffffc2}.channel-row button:hover,.quick-actions button:hover,.activity-item:hover,.account-row:hover,.comment-row:hover,.data-row:hover,.sop-list-item:hover,.sop-script-item:hover,.conversation-item:hover,.assistant-strip button:hover{border-color:#5aa6ff57;box-shadow:0 12px 30px #5aa6ff1f}.platform-pill{border:1px solid rgba(148,163,184,.16);background:#ffffffbd}.platform-pill.douyin{color:var(--oc-ink-dark)}.platform-pill.xhs{background:#ef444414;color:#be123c}.platform-pill.mock{background:#94a3b81f;color:var(--oc-slate)}.segmented{border-color:#94a3b833;border-radius:var(--oc-radius-md)}.segmented button.active{color:var(--oc-primary-purple)}.auth-flow-panel{border-color:#5aa6ff38;border-radius:var(--oc-radius-card);background:var(--oc-gradient-ai)}.message-bubble{border-radius:18px}.message-bubble.customer{align-self:flex-start;border:1px solid rgba(229,231,235,.88);background:#fff}.message-bubble.agent{align-self:flex-end;background:linear-gradient(135deg,#5aa6ffeb,#7b61ffe6);color:#fff}.message-bubble.ai{align-self:flex-end;border:1px solid rgba(123,97,255,.2);background:var(--oc-gradient-ai)}.message-bubble.system,.message-bubble.internal{align-self:center;border:1px solid rgba(148,163,184,.18);background:#f8fafceb;color:var(--oc-slate)}.message-bubble.agent small,.message-bubble.agent .status-badge{color:#ffffffe0}.message-bubble.agent .delivery-badge.pending_platform,.message-bubble.agent .delivery-badge.local_only,.message-bubble.agent .delivery-badge.sent{background:#fff3;color:#fff}.composer textarea,.input-with-icon,.agent-form input,.agent-form select,.agent-form textarea,.agent-resource-fields select,.sop-field input,.sop-step-row input,.sop-script-editor input,.sop-script-editor textarea,.sop-import-panel textarea{border-color:#94a3b83d;border-radius:var(--oc-radius-md)}.agent-resource-panel{border-color:#5aa6ff33;border-radius:var(--oc-radius-lg);background:linear-gradient(135deg,#fffffff0,#f2f6ffe6,#e9e6ffad),var(--oc-surface)}.agent-resource-option{border-color:#e5e7ebdb;border-radius:var(--oc-radius-md)}.agent-resource-option:hover{border-color:#5aa6ff57;box-shadow:0 12px 30px #5aa6ff1f}.switch input:checked+span{background:var(--oc-gradient-primary)}.chart-card{border-radius:var(--oc-radius-card)}.distillation-workbench,.distillation-bottom-grid{display:grid;gap:14px;align-items:start}.distillation-workbench{grid-template-columns:minmax(0,.96fr) minmax(360px,1.04fr)}.distillation-bottom-grid{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)}.distillation-panel{display:grid;gap:14px;min-width:0;border:1px solid rgba(229,231,235,.86);border-radius:var(--oc-radius-card);background:#ffffffe0;box-shadow:var(--oc-shadow-card);padding:18px}.distillation-textarea{width:100%;min-height:218px;border:1px solid rgba(148,163,184,.24);border-radius:var(--oc-radius-md);background:#ffffffeb;color:var(--oc-ink-dark);padding:12px;line-height:1.7;outline:0;resize:vertical}.distillation-textarea:focus{border-color:#5aa6ff75;box-shadow:0 0 0 3px #5aa6ff1f}.distillation-note,.distillation-message{margin:0;color:var(--oc-slate);line-height:1.65}.distillation-message{border:1px solid rgba(90,166,255,.16);border-radius:var(--oc-radius-md);background:#f2f6ffc2;padding:10px 12px}.distillation-step-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.distillation-step-list li{min-height:42px;display:flex;align-items:center;gap:7px;min-width:0;border:1px solid rgba(148,163,184,.18);border-radius:var(--oc-radius-md);background:#f8faffc2;padding:8px;color:#52627a;font-size:12px;font-weight:800}.distillation-step-list li span{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 18px;border-radius:50%;background:#94a3b829;color:#fff;font-size:12px}.distillation-step-list li.done{border-color:#22c55e38;background:#22c55e14;color:#15803d}.distillation-step-list li.done span{background:var(--oc-success)}.distillation-summary,.distillation-job-meta{display:grid;gap:8px}.distillation-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.distillation-summary span,.distillation-job-meta span{min-height:32px;display:inline-flex;align-items:center;overflow:hidden;border:1px solid rgba(90,166,255,.13);border-radius:var(--oc-radius-sm);background:#f3f8ffb8;color:#496487;padding:0 10px;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.distillation-job-list{display:grid;gap:10px}.distillation-job-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border:1px solid rgba(229,231,235,.86);border-radius:var(--oc-radius-lg);background:#ffffffc2;padding:13px;color:var(--oc-ink-dark);text-align:left}.distillation-job-card:hover,.distillation-job-card.active{border-color:#5aa6ff5c;box-shadow:0 12px 30px #5aa6ff1f}.distillation-job-card>span{display:grid;gap:4px;min-width:0}.distillation-job-card strong,.distillation-job-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.distillation-job-card small{color:var(--oc-slate)}.distillation-job-meta{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.distillation-artifacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.distillation-artifact{display:grid;gap:9px;min-width:0;border:1px solid rgba(229,231,235,.86);border-radius:var(--oc-radius-lg);background:#f8faffb8;padding:14px}.distillation-artifact p,.distillation-artifact ol,.distillation-artifact ul{margin:0;color:var(--oc-slate);line-height:1.7}.distillation-artifact ol,.distillation-artifact ul{padding-left:18px}.distillation-tags{display:flex;flex-wrap:wrap;gap:8px}.distillation-tags span{min-height:26px;display:inline-flex;align-items:center;border:1px solid rgba(90,166,255,.18);border-radius:var(--oc-radius-pill);background:#f2f6ffe0;color:#315a92;padding:0 10px;font-size:12px;font-weight:800}@media (max-width: 1180px){.app-shell{grid-template-columns:80px minmax(0,1fr)}.brand-shell-logo{display:flex!important;justify-content:center;padding:10px 0 14px}.brand-shell-logo .brand-name{display:none}.brand-shell-logo .brand-logo:not(.brand-logo--mark){width:38px;height:38px}.brand-shell-logo .brand-logo:not(.brand-logo--mark) img{content:url(/brand/svg/logo_mark_gradient.svg)}.distillation-workbench,.distillation-bottom-grid,.distillation-artifacts{grid-template-columns:1fr}}@media (max-width: 760px){.brand-page-header,.module-hero{grid-template-columns:1fr}.brand-page-header__media,.module-hero__media{display:none}.topbar{position:static;margin:0 0 18px;padding:0;border:0;background:transparent}.distillation-step-list,.distillation-summary,.distillation-job-meta{grid-template-columns:1fr}}.app-shell{--shell-sidebar-width: 252px;width:100%;max-width:100vw;min-height:100dvh;grid-template-columns:var(--shell-sidebar-width) minmax(0,1fr);overflow-x:clip}.sidebar{z-index:20;display:flex;flex-direction:column;height:100dvh;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(90,166,255,.3) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{border-radius:var(--oc-radius-pill);background:#5aa6ff42}.brand{min-height:44px;border-radius:var(--oc-radius-md)}.brand:hover{background:#5aa6ff14}.presence{flex:0 0 auto;max-width:calc(100% - 16px)}.sidebar-nav,.sidebar-footer{width:100%;min-width:0}.sidebar-nav button,.sidebar-footer button{position:relative;width:100%;min-width:0;overflow:hidden}.nav-brand-icon{flex:0 0 22px!important;width:22px;max-width:22px}.nav-label,.footer-label{flex:1 1 auto!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{flex:0 0 auto}.main-area{min-width:0;width:100%;max-width:100%}.topbar>div:first-child{min-width:0}.topbar-actions{min-width:0;justify-content:flex-end}.assistant-strip{flex-wrap:wrap;overflow-x:visible}.composer>div{flex-wrap:wrap}@media (max-width: 1180px){.app-shell{--shell-sidebar-width: 88px;grid-template-columns:var(--shell-sidebar-width) minmax(0,1fr)}.sidebar{align-items:center;padding:16px 10px}.brand{justify-content:center;width:52px;min-height:52px}.brand-shell-logo{width:52px;height:52px;justify-content:center;padding:0}.brand-shell-logo .brand-name,.nav-label,.footer-label,.presence select,.presence svg{display:none!important}.sidebar-nav .nav-brand-icon{display:inline-flex!important}.presence{width:38px;height:30px;justify-content:center;margin:2px 0 16px;padding:0}.sidebar-nav,.sidebar-footer{justify-items:center}.sidebar-nav button,.sidebar-footer button{width:52px;min-height:46px;justify-content:center;gap:0;padding:0}.sidebar-nav button.active{box-shadow:0 12px 26px #5aa6ff3d}.nav-badge{position:absolute;top:4px;right:5px;min-width:18px;height:18px;border:2px solid rgba(255,255,255,.88);font-size:10px}.topbar-actions .account-chip{max-width:230px;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 760px){.app-shell{display:block;grid-template-columns:none;overflow-x:hidden}.sidebar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;height:auto;max-height:none;padding:10px 12px;border-right:0;border-bottom:1px solid rgba(229,231,235,.78);overflow:hidden;background:linear-gradient(180deg,#fffffff5,#f2f6ffeb),var(--oc-light-blue)}.brand{width:44px;min-width:44px;min-height:44px}.brand-shell-logo{width:44px;height:44px}.presence,.sidebar-footer{display:none}.sidebar-nav{display:flex;grid-column:2;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;min-height:52px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav button{flex:0 0 52px;width:52px;min-height:44px;border-radius:var(--oc-radius-md);scroll-snap-align:start}.nav-brand-icon,.nav-brand-icon img{width:24px;height:24px}.main-area{padding:14px}.dashboard-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px}.quick-start,.help-rail,.metric-section,.activity-panel{grid-column:auto!important;grid-row:auto!important;min-width:0}.quick-start,.help-rail,.metric-section,.activity-panel,.module-hero,.table-card,.chart-card{padding:14px}.quick-start .section-heading{display:grid;grid-template-columns:minmax(0,1fr)}.quick-start .section-heading .brand-illustration{justify-self:center;width:min(180px,100%)}.quick-start .section-heading .secondary-button{width:100%}.channel-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick-actions,.metric-grid,.metric-grid.four{grid-template-columns:minmax(0,1fr)!important}.agent-resource-fields,.agent-resource-options{grid-template-columns:minmax(0,1fr)}.topbar{display:grid;gap:12px;margin:0 0 14px;padding:0}.topbar h1{font-size:22px}.topbar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.topbar-actions .icon-button,.topbar-actions .primary-button,.topbar-actions .account-chip{width:100%;min-width:0}.topbar-actions .account-chip{overflow:hidden;text-overflow:ellipsis}.conversation-desk{height:auto;min-height:0;grid-template-columns:minmax(0,1fr)}.chat-pane{min-height:640px}.assistant-strip{padding:10px 12px}.assistant-strip button{flex:1 1 calc(50% - 8px);justify-content:center}.composer{padding:12px}.composer>div{align-items:stretch;flex-direction:column}.composer .primary-button{width:100%}}