@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:#17221c;background:#f5f7f5;font-synthesis:none;--green: #176b45;--green-dark: #105438;--line: #e3e9e5;--muted: #718078;--surface: #ffffff}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;background:#f5f7f5}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;padding:22px 14px;background:#10251d;color:#fff;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:11px;align-items:center;padding:3px 8px 25px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:#2fae72;border-radius:11px;box-shadow:0 6px 18px #07191080}.brand div{display:flex;flex-direction:column}.brand strong{font-size:16px;letter-spacing:.08em}.brand small{margin-top:1px;color:#9db2a8;font-size:11px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:9px;background:transparent;color:#aebdb6;padding:12px 13px;text-align:left}.sidebar nav button:hover{color:#fff;background:#ffffff0d}.sidebar nav button.active{color:#fff;background:#ffffff14;box-shadow:inset 3px 0 #46c88c}.sidebar-foot{margin-top:auto;padding:14px 4px 4px;border-top:1px solid #ffffff14;color:#cfddd6;font-size:12px;display:grid;gap:8px}.admin-summary{display:flex;align-items:center;gap:9px;padding:4px 7px 8px;min-width:0}.admin-summary>span:last-child{min-width:0;display:flex;flex-direction:column}.admin-summary strong{color:#fff;font-size:12px}.admin-summary small{color:#8da299;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.admin-avatar{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:#2fae72;color:#fff;font-weight:700}.sidebar-action{width:100%;border:0;border-radius:7px;background:#ffffff0b;color:#bfd0c8;padding:8px 9px;display:flex;align-items:center;gap:7px;text-align:left;font-size:11px}.sidebar-action:hover{color:#fff;background:#ffffff14}.runtime-state{padding:7px;color:#cfddd6}.runtime-state small{display:block;color:#7e978b;margin:6px 0 0 15px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#45d08e;margin-right:7px;box-shadow:0 0 0 4px #45d08e1c}main{grid-column:2;padding:34px 38px 60px;max-width:1600px;width:100%}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading h1{font-size:28px;margin:0 0 6px;letter-spacing:-.03em}.page-heading p{margin:0;color:var(--muted);font-size:14px}.sticky-heading{position:sticky;top:0;padding:18px 0;margin-top:-18px;background:#f5f7f5e8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:12}button.primary,button.secondary,button.ghost,button.danger-soft{border-radius:8px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;border:1px solid transparent}button.primary{background:var(--green);color:#fff;box-shadow:0 4px 10px #176b4524}button.primary:hover{background:var(--green-dark)}button.secondary{background:#fff;color:#31443a;border-color:var(--line)}button.ghost{background:transparent;color:#617168}button.danger-soft{background:#fff0ef;color:#b43b34;border-color:#f5d5d2}button:disabled{opacity:.55;cursor:not-allowed}.icon-button{padding:10px!important;width:40px}.full{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px;margin-bottom:18px}.metric-card,.card{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 18px #17392908}.metric-card{padding:18px;display:flex;align-items:center;gap:13px}.metric-card>span{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;color:var(--green);background:#ebf6f0}.metric-card div{display:flex;flex-direction:column}.metric-card small{color:var(--muted);font-size:12px}.metric-card strong{font-size:23px;line-height:1.15;margin-top:3px}.table-card{overflow:hidden}.toolbar{display:flex;gap:10px;padding:16px;border-bottom:1px solid var(--line)}input,select,textarea{border:1px solid #dce4df;color:#26352d;background:#fff;border-radius:8px;outline:none;transition:border .15s,box-shadow .15s}input,select{height:40px;padding:0 12px}textarea{padding:10px 12px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#55a77e;box-shadow:0 0 0 3px #36a66e16}.toolbar input{min-width:320px}.toolbar select{min-width:145px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{padding:12px 16px;text-align:left;color:#738078;font-weight:500;background:#fafbfa;white-space:nowrap}td{padding:15px 16px;border-top:1px solid #edf1ee;color:#49574f;white-space:nowrap}tbody tr{cursor:pointer;transition:background .12s}tbody tr:hover{background:#f8fbf9}td:first-child strong,td:first-child span{display:block}td:first-child strong{color:#1d2b23;font-size:14px}td:first-child span{color:#89938d;margin-top:3px;font-size:12px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:62px;padding:4px 8px;border-radius:99px;font-size:11px;font-weight:600}.badge.neutral{color:#5d6962;background:#eef1ef}.badge.blue{color:#32628e;background:#eaf3fb}.badge.amber{color:#91601d;background:#fff5df}.badge.green{color:#197045;background:#e7f7ee}.badge.violet{color:#67449a;background:#f2ebfb}.badge.red{color:#a73934;background:#fff0ef}.badge.orange{color:#9a551b;background:#fff1df}.badge.black{color:#fff;background:#363b38}.badge-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.empty-state{display:flex;flex-direction:column;align-items:center;color:#8a9690;padding:70px 20px}.empty-state strong{color:#415048;margin-top:12px}.empty-state span{margin-top:5px;font-size:13px}.drawer-backdrop{position:fixed;inset:0;background:#10251d55;z-index:50;display:flex;justify-content:flex-end}.drawer{height:100%;width:min(920px,78vw);background:#f5f7f5;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) 270px;grid-template-rows:auto 1fr;gap:14px;box-shadow:-10px 0 30px #091a1330}.drawer-title{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:2px 4px}.drawer-title>div{display:flex;gap:10px;align-items:baseline}.drawer-title span{font-weight:700;font-size:18px}.drawer-title small{color:#8b9891}.profile-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;align-self:start;max-height:calc(100vh - 90px);overflow-y:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between}.profile-panel dl{margin:18px 0}.profile-panel dl div{padding:10px 0;border-bottom:1px solid #edf1ee}.profile-panel dt{font-size:11px;color:#89958e}.profile-panel dd{margin:4px 0 0;font-size:13px;font-weight:600}.control-section{display:grid;gap:9px;margin:4px 0 14px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.control-section label{display:grid;gap:5px;color:#748078;font-size:11px;font-weight:600}.control-section input,.control-section select{width:100%}.assignment-note,.spam-note{margin:0;padding:8px 9px;border-radius:7px;font-size:10px;line-height:1.45}.assignment-note{color:#5b4a76;background:#f5f0fb}.spam-note{color:#97413b;background:#fff3f2}.blacklist-note{margin:0;padding:9px;border-radius:7px;color:#fff;background:#363b38;font-size:10px;line-height:1.5}button.blacklist-button{border-radius:8px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;border:1px solid #282c2a;background:#363b38;color:#fff}.static-row{cursor:default}.hint{font-size:11px;line-height:1.55;color:#849089}.chat-shell{min-height:580px;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.chat-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#e8f5ee;color:var(--green)}.grow{flex:1;display:flex;flex-direction:column}.grow strong{font-size:13px}.grow span{color:#87928c;font-size:11px;margin-top:2px}.chat-body{padding:20px;overflow-y:auto;background-color:#f7faf8;background-image:radial-gradient(#8bb39d1f 1px,transparent 1px);background-size:17px 17px}.message-row{display:flex;margin-bottom:12px}.message-row.customer{justify-content:flex-start}.message-row.bot,.message-row.human{justify-content:flex-end}.message-bubble{max-width:78%;border-radius:12px;background:#fff;border:1px solid #e3e9e5;padding:9px 11px;font-size:13px;line-height:1.55;white-space:pre-wrap;box-shadow:0 2px 8px #183d2a08}.bot .message-bubble{background:#ddf4e8;border-color:#c8ead8}.human .message-bubble{background:#ebedff;border-color:#d8dcfa}.message-sender{display:block;font-size:10px;color:#7f8d85;font-weight:600;margin-bottom:3px}.message-bubble time{display:block;text-align:right;color:#9aa49e;font-size:9px;margin-top:4px}.empty-chat{text-align:center;color:#8a9790;font-size:13px;padding-top:140px}.composer{border-top:1px solid var(--line);padding:11px;display:flex;gap:8px;background:#fff}.composer input{flex:1}.setup-card{max-width:720px;padding:34px;margin:40px auto;text-align:center}.setup-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#e7f5ed;color:var(--green);margin:0 auto 15px}.setup-card h2{margin:0}.setup-card>p{color:var(--muted);font-size:13px}.form-grid{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#627168;font-weight:600}.span-2{grid-column:1 / -1}.simulator-grid{display:grid;grid-template-columns:minmax(580px,1fr) 310px;gap:18px}.scenario-card{align-self:start;padding:20px}.scenario-card h3{margin:0 0 6px}.scenario-card>p{color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:17px}.scenario-card>button{border:1px solid var(--line);background:#fff;width:100%;padding:10px;margin-bottom:8px;border-radius:8px;display:flex;text-align:left;gap:9px;color:#3c4c43;font-size:12px;align-items:center}.scenario-card>button:hover{border-color:#90bca5;background:#f7fbf9}.scenario-card>button span{width:21px;height:21px;flex:0 0 auto;border-radius:6px;background:#eaf4ee;color:var(--green);display:grid;place-items:center;font-weight:700}.scenario-note{margin-top:12px;padding-top:15px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.scenario-note strong{font-size:12px}.scenario-note small{width:100%;color:#849088}.new-demo{margin-top:8px}.settings-stack{display:grid;gap:17px;max-width:1020px}.settings-card{padding:23px}.settings-card h2,.system-grid h2{font-size:17px;margin:0 0 16px}.requirement-items{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f7fbf9b8;display:grid;gap:8px}.requirement-items>span{color:var(--muted);font-size:11px}.requirement-items>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.requirement-items strong{font-size:12px;color:#24342b}.requirement-items small{color:#66776e;text-align:right}.requirement-items em{color:#86938c;font-size:12px;font-style:normal}.section-copy{color:var(--muted);font-size:12px;margin:-9px 0 17px}.toggle-row{flex-direction:row!important;align-items:center}.toggle-row input{width:17px;height:17px;accent-color:var(--green)}.product-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.moq-grid{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.moq-grid label{display:flex;flex-direction:column;gap:7px;color:#65736b;font-size:11px;font-weight:600}.template-list{display:grid;gap:16px}.template-list label{display:grid;gap:6px}.template-list label>span{font-size:12px;color:#5d6c64;font-weight:600}code{background:#edf2ef;border-radius:4px;padding:2px 4px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;max-width:1000px}.system-grid>section{padding:24px}.health-card{display:flex;align-items:center;gap:17px}.health-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:var(--green);background:#e5f6ed}.health-card small{color:var(--muted)}.health-card h2{margin:2px 0!important;color:var(--green);font-size:21px}.health-card p{margin:0;color:#859189;font-size:11px}.system-list{margin:0}.system-list div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf1ee;font-size:12px}.system-list dt{color:#7c8982}.system-list dd{margin:0;font-weight:600}.warning-card{border-color:#ebdfbd;background:#fffdf7}.warning-card p,.danger-zone p{color:#6e766f;font-size:13px;line-height:1.7}.danger-zone{border-color:#f0d7d4}.error-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:16px;border:1px solid #f0cfcc;background:#fff3f2;color:#9e3731;border-radius:9px;font-size:12px}.error-banner span{flex:1}.error-banner button{border:0;background:transparent;color:inherit;font-weight:700}.loading{padding:70px;text-align:center;color:var(--muted)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 10%,#dff4e9 0,transparent 34%),#f4f7f5}.auth-card{width:min(440px,100%);padding:34px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px #17392916}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:30px}.auth-brand>div{display:flex;flex-direction:column}.auth-brand strong{font-size:14px}.auth-brand small{color:var(--muted);font-size:11px;margin-top:2px}.auth-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;color:var(--green);background:#e8f5ee}.auth-card h1{margin:15px 0 6px;font-size:25px}.auth-card>p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.auth-form{display:grid;gap:14px;margin-top:24px}.auth-form label{display:grid;gap:6px;color:#627168;font-size:12px;font-weight:600}.auth-error{color:#a73934;background:#fff0ef;border:1px solid #f2d3d0;border-radius:8px;padding:9px 11px;font-size:12px}.auth-note{display:block;margin-top:18px;color:#89958e;line-height:1.55}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--green)}.connection-actions{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.connection-actions span{color:var(--muted);font-size:11px}.connection-result{margin-top:14px;padding:10px 12px;border-radius:8px;font-size:12px}.connection-result.success{color:#176b45;background:#e8f6ee;border:1px solid #cfeadb}.connection-result.failure{color:#a73934;background:#fff0ef;border:1px solid #f2d3d0}.wide-textarea{width:100%}.channel-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden}.channel-overview>div{padding:20px;background:#fff;display:flex;flex-direction:column;gap:5px}.channel-overview small{color:var(--muted);font-size:11px}.channel-overview strong{font-size:14px}.channel-status{color:#8d6421}.channel-status.mock{color:#5e6b64}.channel-status.ready_for_server{color:var(--green)}.callback-box{display:grid;gap:8px;padding:14px;border:1px dashed #cbd9d1;border-radius:9px;background:#f8fbf9}.callback-box code{overflow-wrap:anywhere}.callback-box span{color:var(--muted);font-size:11px}@media(max-width:1200px){main{padding-left:25px;padding-right:25px}.metric-grid{grid-template-columns:repeat(2,1fr)}.simulator-grid{grid-template-columns:minmax(560px,1fr) 270px}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:9px 10px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px}.brand{padding:0}.brand-mark{width:34px;height:34px}.brand div{display:none}.sidebar nav{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.sidebar nav button{flex:0 0 auto;width:auto;padding:8px 10px;gap:6px}.sidebar nav button.active{box-shadow:inset 0 -2px #46c88c}.sidebar-foot{grid-column:1 / -1;margin-top:0;padding:7px 0 0;display:flex;align-items:center;overflow-x:auto}.admin-summary{min-width:155px;padding:0 7px 0 0}.admin-summary small{max-width:110px}.sidebar-action{width:auto;flex:0 0 auto}.runtime-state{display:none}main{padding:18px 14px 40px}.page-heading,.sticky-heading{align-items:flex-start;padding-top:0;margin-top:0;position:static}.page-heading h1{font-size:23px}.metric-grid{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select{width:100%;min-width:0}.drawer{width:100%;padding:10px;display:block;overflow-y:auto}.drawer-title{margin-bottom:10px}.profile-panel{margin-top:10px;max-height:none}.chat-shell{min-height:62vh}.form-grid,.product-name-grid,.moq-grid,.system-grid,.channel-overview{grid-template-columns:1fr}.span-2{grid-column:auto}.settings-card{padding:18px}.connection-actions{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.sidebar nav button span{display:none}.metric-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;gap:12px}.page-heading>button{width:100%}.auth-page{padding:14px}.auth-card{padding:25px 21px}}:root{font-family:Segoe UI Variable,Segoe UI,Noto Sans SC,system-ui,sans-serif;color:#17243b;background:#edf4ff;--green: #5a5cf4;--green-dark: #4243d6;--line: rgba(108, 126, 164, .18);--muted: #687891;--surface: rgba(255, 255, 255, .62);--glass-shadow: 0 22px 60px rgba(50, 70, 120, .13), inset 0 1px 0 rgba(255, 255, 255, .86)}body{color:#17243b;background:radial-gradient(circle at 8% 12%,rgba(127,255,219,.52),transparent 28%),radial-gradient(circle at 88% 7%,rgba(147,164,255,.55),transparent 31%),radial-gradient(circle at 75% 88%,rgba(255,181,226,.38),transparent 27%),linear-gradient(145deg,#f7fbff,#edf3ff 45%,#f8f4ff);background-attachment:fixed}body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:999px;filter:blur(4px);opacity:.75;pointer-events:none;animation:glass-float 16s ease-in-out infinite alternate}body:before{width:320px;height:320px;left:19%;top:8%;background:linear-gradient(135deg,#63e7d16b,#6e7bff38)}body:after{width:390px;height:390px;right:2%;bottom:3%;background:linear-gradient(135deg,#ffa6d647,#8299ff4d);animation-delay:-7s}@keyframes glass-float{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(28px,22px,0) scale(1.06)}}.app-shell{grid-template-columns:248px 1fr}.sidebar{width:248px;margin:14px;height:calc(100vh - 28px);inset:0 auto auto 0;padding:20px 14px;border:1px solid rgba(255,255,255,.62);border-radius:26px;background:linear-gradient(155deg,#161e3fe0,#222b55b8);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:0 28px 70px #1b234d4d,inset 0 1px #ffffff29;overflow:hidden}.sidebar:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-70px;background:#72ebd52e;filter:blur(2px)}.brand{position:relative}.brand-mark{background:linear-gradient(135deg,#79f0da,#7278ff 72%);border:1px solid rgba(255,255,255,.38);border-radius:14px;box-shadow:0 10px 30px #515ff666,inset 0 1px #ffffffb8}.brand strong{letter-spacing:.025em;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand small{color:#e2ebffa1}.sidebar nav button{border:1px solid transparent;border-radius:13px;color:#e0e8ffb3;transition:transform .18s ease,background .18s ease,border-color .18s ease}.sidebar nav button:hover{transform:translate(2px);background:#ffffff17;border-color:#ffffff14}.sidebar nav button.active{color:#fff;background:linear-gradient(120deg,#81efdc33,#868dff38);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff21,0 9px 28px #0c123033}.sidebar-foot{border-top-color:#ffffff1f}.admin-avatar{background:linear-gradient(135deg,#72e6d0,#747cf7);box-shadow:inset 0 1px #ffffff80}.sidebar-action,.runtime-state{border:1px solid rgba(255,255,255,.08);background:#ffffff0e;border-radius:11px}.status-dot{background:#79f2ce;box-shadow:0 0 0 4px #79f2ce1f,0 0 14px #79f2cecc}main{grid-column:2;padding:38px 42px 70px 54px}.page-heading h1{font-size:30px;font-weight:720;color:#182540}.page-heading p{color:#71809a}.sticky-heading{background:#eef4ffb8;border-radius:0 0 18px 18px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.metric-card,.card,.chat-shell,.profile-panel,.auth-card{border:1px solid rgba(255,255,255,.76);background:linear-gradient(145deg,#ffffffbd,#ffffff7a);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);box-shadow:var(--glass-shadow)}.metric-card{border-radius:18px;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 26px 62px #39497d2e,inset 0 1px #fff}.metric-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-28px;top:-30px;background:#717aff1c}.metric-card>span{color:#5559e8;background:linear-gradient(135deg,#73efd740,#747df629);border:1px solid rgba(255,255,255,.7);border-radius:12px}.metric-card strong{color:#1e2a45}.table-card,.chat-shell,.profile-panel{border-radius:20px}.toolbar{background:#ffffff3d}th{color:#71809a;background:#ebf1fd7a}td{border-top-color:#7385a81f;color:#53627a}tbody tr:hover{background:#ffffff85}input,select,textarea{border-color:#697a9e38;color:#263451;background:#ffffffad;border-radius:11px;box-shadow:inset 0 1px #ffffffbf}input:focus,select:focus,textarea:focus{border-color:#595deb94;box-shadow:0 0 0 4px #5b60ec1c,inset 0 1px #fff}button.primary,button.secondary,button.ghost,button.danger-soft,button.blacklist-button{border-radius:11px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button.primary{background:linear-gradient(135deg,#5559e9,#7771f7);border-color:#ffffff38;box-shadow:0 10px 24px #4d4eda42,inset 0 1px #ffffff5c}button.primary:hover{background:linear-gradient(135deg,#474ad6,#6963e9);transform:translateY(-1px)}button.secondary{background:#ffffff94;border-color:#64759930;color:#40506b;box-shadow:inset 0 1px #fffc}button.secondary:hover{background:#ffffffdb;transform:translateY(-1px)}.badge{border:1px solid rgba(255,255,255,.62);box-shadow:inset 0 1px #ffffff80}.badge.blue{color:#385da9;background:#dcebffb8}.badge.green{color:#13725d;background:#d3f9ecb8}.badge.violet{color:#5c4ab1;background:#eae2ffb8}.badge.amber{background:#ffefc7b8}.badge.neutral{background:#ebeff7b8}.badge.red{background:#ffe2e5b8}.badge.orange{background:#ffe8d2b8}.drawer-backdrop{background:#131c3552;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drawer{background:linear-gradient(145deg,#eff6ffeb,#f5f0ffe6);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:-20px 0 65px #1b234b33}.chat-body{background-color:#f4f8ff7a;background-image:radial-gradient(rgba(95,104,200,.13) 1px,transparent 1px)}.message-bubble{border-color:#7080a429;background:#ffffffb8;box-shadow:0 8px 26px #2a396014,inset 0 1px #fff}.bot .message-bubble{background:linear-gradient(135deg,#d0f9edc7,#dfeeffb8);border-color:#67cdb538}.human .message-bubble{background:linear-gradient(135deg,#e1e3ffd1,#f0e0ffbd);border-color:#7175e733}.composer{background:#ffffff6b}.auth-page{background:transparent}.auth-card{border-radius:28px;box-shadow:0 30px 90px #303e7133,inset 0 1px #fff}.auth-icon,.health-icon,.setup-icon{color:#5559e9;background:linear-gradient(135deg,#6febd43d,#757df526);border:1px solid rgba(255,255,255,.72)}.auth-card h1{color:#182540}.connection-result.success{color:#13725d;background:#d3f9eca8}.callback-box{border-color:#5e68cf47;background:#f8faff85}@media(max-width:820px){.sidebar{position:sticky;margin:8px;width:calc(100% - 16px);height:auto;border-radius:18px}main{padding:20px 14px 44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.demo-reset-button{white-space:nowrap;padding:7px 10px!important}.demo-safety-banner{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;margin:-8px 0 16px;padding:11px 13px;border:1px solid rgba(71,180,147,.28);border-radius:12px;color:#185d4d;background:linear-gradient(135deg,#dafaeff0,#e2efffeb);box-shadow:0 8px 24px #235b4e1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.demo-safety-banner div{display:grid;gap:2px}.demo-safety-banner strong{font-size:12px}.demo-safety-banner span{color:#5d756e;font-size:10px}.test-scope-notice{display:flex;align-items:center;gap:12px;margin:-8px 0 16px;padding:14px 16px;border:1px solid rgba(71,182,151,.24);border-radius:16px;color:#246c5c;background:linear-gradient(135deg,#dafcf1c2,#e2f1ffb3);box-shadow:0 10px 28px #2b5b5114}.test-scope-notice div{display:grid;gap:3px}.test-scope-notice strong{font-size:13px}.test-scope-notice span{color:#61756f;font-size:11px}.test-workbench{min-height:680px}.test-workbench .chat-shell{height:min(760px,calc(100vh - 230px));min-height:620px}.composer-area{border-top:1px solid var(--line);padding:10px;background:#ffffff7a}.composer-area .composer{border:0;padding:8px 0 0;background:transparent}.input-mode-switch{display:inline-flex;gap:4px;padding:3px;border:1px solid rgba(92,108,149,.17);border-radius:10px;background:#e7edf9a6}.input-mode-switch button{border:0;border-radius:7px;padding:7px 11px;color:#6d7890;background:transparent;font-size:11px;font-weight:650}.input-mode-switch button.active{color:#fff;background:linear-gradient(135deg,#5559e9,#7771f7);box-shadow:0 5px 14px #4e50ce3d}.demo-result{margin-top:8px;padding:8px 10px;border-radius:9px;font-size:11px;line-height:1.45}.demo-result.success{color:#176b54;background:#d8f8eccc;border:1px solid rgba(72,173,138,.2)}.demo-result.failure{color:#a23d43;background:#ffe7e9d6;border:1px solid rgba(197,82,91,.2)}.message-model{display:block;margin-top:7px;color:#647a74;font-size:9px;font-weight:600}.message-row.system{justify-content:center}.system .message-bubble{max-width:90%;color:#9d3840;background:#ffe8eae6;border-color:#c34c553d}.demo-isolation-note p{margin:0;color:#61718b;font-size:11px;line-height:1.55}.chat-media{display:block;width:min(100%,360px);max-height:360px;margin:2px 0 8px;border-radius:10px;object-fit:contain;background:#10151f}.attach-button{display:grid;place-items:center;width:42px;min-width:42px;height:42px;border:1px solid rgba(92,108,149,.18);border-radius:11px;color:#596780;background:#ffffffa6;cursor:pointer}.attach-button input,.media-file-picker input{display:none}.selected-media{display:flex;align-items:center;gap:7px;margin-top:8px;padding:7px 9px;border-radius:9px;color:#4d5b73;background:#e8eefab8;font-size:11px}.selected-media span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-media button{border:0;color:#6b5bd0;background:transparent;font-size:11px}.media-upload-card{padding:22px;margin-bottom:18px}.media-upload-card h2{margin:0 0 16px}.media-upload-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.media-upload-form label{display:grid;gap:6px;color:#58677f;font-size:12px;font-weight:650}.media-upload-form .span-2{grid-column:1 / -1}.media-file-picker{min-height:70px;place-items:center;align-content:center;border:1px dashed rgba(85,89,233,.36);border-radius:13px;color:#5559e9!important;background:#eff1ff8c;cursor:pointer}.media-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.media-card{overflow:hidden}.media-card.disabled{opacity:.62}.media-card>video{width:100%;aspect-ratio:4 / 3;display:block;object-fit:cover;background:#111827}.media-card-body{display:grid;gap:7px;padding:14px}.media-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.media-card-body>span,.media-card-body>small{color:#718098;font-size:11px}.media-card-body p{min-height:42px;margin:3px 0;color:#43526a;font-size:12px;line-height:1.5}.media-card-actions{display:flex;gap:8px}.media-card-actions button{flex:1;justify-content:center}@media(max-width:820px){.chat-header{flex-wrap:wrap}.demo-reset-button{order:3;width:100%}.input-mode-switch{width:100%}.input-mode-switch button{flex:1}.media-upload-form,.media-library-grid{grid-template-columns:1fr}}