:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f4;--bg-soft:#f7f9fa;--paper:#fff;--panel:#f5f7f8;--panel-strong:#e9eef1;--line:#d4dde3;--line-strong:#b8c6d0;--text:#14202b;--muted:#5d6b76;--brand:#1459d2;--brand-strong:#0d47b0;--accent:#c57a1d;--danger:#b42318;--ok:#1f845a;--shadow:0 18px 46px #12202b14;--shadow-soft:0 10px 26px #12202b0f;font-family:Aptos,Bahnschrift,Segoe UI Variable Text,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--text);background:0 0;overflow-x:hidden}body:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#1459d214,#0000 26%),radial-gradient(circle at 0 100%,#c57a1d14,#0000 24%);position:fixed;inset:0}a{color:inherit}button,input,textarea,select{font:inherit}button{transition:background-color .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.58}.auth-shell,.visitor-shell,.workspace-shell{min-height:100vh;padding:24px;position:relative}.auth-shell{place-items:center;display:grid}.auth-card{background:var(--paper);width:min(1120px,100%);box-shadow:var(--shadow);border:1px solid #0c1d2d14;border-radius:24px;grid-template-columns:minmax(0,1.1fr) minmax(340px,420px);display:grid;overflow:hidden}.auth-copy{color:#eef3f7;background:linear-gradient(#ffffff08,#fff0 44%),linear-gradient(140deg,#101923 0%,#17222d 58%,#1d2b38 100%);padding:44px 44px 40px;position:relative}.auth-copy:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:18px;position:absolute;inset:18px}.auth-copy h1,.visitor-header h1,.workspace-header h1{letter-spacing:-.03em;margin:14px 0 10px;font-family:Bahnschrift SemiCondensed,Segoe UI Variable Display,Aptos Display,sans-serif;font-size:clamp(2rem,3vw,3.1rem);line-height:.98}.auth-copy p,.visitor-header p,.workspace-header p,.section-header p,.helper-text,.contact-body span,.message-meta span,.message-status span,.detail-list span,.stat-box span,.stats-row span,.stats-row strong,.stack-item p,.empty-state,.auth-form span,.field span,.composer-actions span{color:var(--muted)}.auth-copy p,.auth-note{color:#eef3f7c7;max-width:640px}.auth-note{margin:18px 0 0}.auth-links{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.auth-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.auth-access-list{gap:12px;max-width:520px;margin-top:28px;display:grid}.access-row{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.access-row span{color:#eef3f7ad;letter-spacing:.04em;text-transform:uppercase;font-size:.9rem}.access-row strong{color:#f4f8fb;font-family:Consolas,Cascadia Mono,JetBrains Mono,monospace;font-size:.92rem}.auth-form{background:linear-gradient(#fff 0%,#f8fafb 100%);align-content:center;gap:18px;padding:40px;display:grid}.field{gap:8px;display:grid}.field span{letter-spacing:.03em;text-transform:uppercase;font-size:.88rem;font-weight:700}.input,.textarea,.select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:14px;outline:none;padding:13px 15px}.input::placeholder,.textarea::placeholder{color:#8a98a3}.input:focus,.textarea:focus,.select:focus{border-color:#1459d27a;box-shadow:0 0 0 4px #1459d214}.textarea{resize:vertical}.textarea.compact{min-height:88px}.primary-button,.ghost-button,.tab-button,.text-button,.emoji-button,.simple-list-item,.reply-item,.contact-item{cursor:pointer;border:0}.primary-button,.ghost-button,.tab-button{border-radius:12px;min-height:44px;padding:0 16px}.primary-button{background:linear-gradient(180deg, var(--brand) 0%, var(--brand-strong) 100%);color:#fff;box-shadow:0 10px 24px #1459d233}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 26px #1459d238}.ghost-button,.tab-button{color:var(--text);border:1px solid var(--line);background:#fff}.ghost-button:hover:not(:disabled),.tab-button:hover:not(:disabled){background:var(--bg-soft);border-color:var(--line-strong)}.ghost-button.danger,.text-button.danger{color:var(--danger)}.tab-button.is-active{color:#fff;background:#14202b;border-color:#14202b;box-shadow:inset 0 0 0 1px #ffffff0a}.text-button{color:var(--brand);background:0 0;padding:0}.text-button:hover:not(:disabled){color:var(--brand-strong)}.eyebrow{min-height:28px;color:var(--brand);letter-spacing:.08em;text-transform:uppercase;background:#1459d20f;border:1px solid #1459d21f;border-radius:999px;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.auth-copy .eyebrow{color:#f0f5fa;background:#ffffff0f;border-color:#ffffff1f}.error-text{color:var(--danger);margin:0}.workspace-header,.visitor-header{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #12202b14;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding:18px 20px;display:flex}.workspace-header p,.visitor-header p{margin:0;font-size:.96rem}.header-actions,.toolbar-row,.composer-actions{align-items:center;gap:10px;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end}.toolbar-row.wrap{flex-wrap:wrap}.workspace-grid{grid-template-columns:310px minmax(0,1fr) 330px;align-items:start;gap:18px;display:grid}.workspace-col{gap:18px;display:grid}.list-pager{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-card.full-width{grid-column:1/-1}.visitor-layout{width:min(1160px,100%);margin:0 auto}.card{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #12202b14;border-radius:20px;overflow:hidden}.section-header,.chat-header{justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 0;display:flex}.section-header h3,.chat-header h3{letter-spacing:-.02em;margin:0;font-size:1.02rem;font-weight:800}.section-header p,.chat-header p{margin:6px 0 0;font-size:.9rem}.contact-card,.quick-panel,.visitor-card,.settings-card{padding-bottom:16px}.contact-list,.reply-groups,.simple-list,.stack-list{gap:10px;padding:16px 16px 0;display:grid}.contact-item,.simple-list-item,.reply-item{text-align:left;background:var(--panel);border:1px solid #12202b14;border-radius:16px;width:100%}.contact-item{cursor:pointer;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.contact-item.is-active{background:linear-gradient(#f5f8ff 0%,#edf3ff 100%);border-color:#1459d247;box-shadow:inset 0 0 0 1px #1459d20f}.contact-item.has-unread{border-left:4px solid var(--accent);padding-left:10px}.contact-item.is-offline .contact-avatar,.contact-item.is-offline .contact-body{opacity:.56}.contact-avatar,.message-avatar{color:#fff;background:linear-gradient(145deg,#182532,#334557);border-radius:14px;place-items:center;width:48px;height:48px;font-weight:700;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.message-avatar{border-radius:12px;width:42px;height:42px}.contact-avatar img,.message-avatar img,.emoji-button img{object-fit:cover;width:100%;height:100%}.contact-body{gap:4px;min-width:0;display:grid}.contact-body strong,.message-meta strong{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.contact-body span{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.contact-body span.is-typing{color:var(--brand);font-weight:700}.contact-meta{justify-self:end;align-items:center;gap:8px;display:flex}.badge{color:#fff;background:linear-gradient(#d88b2b 0%,#bb6c10 100%);border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 8px;font-size:.78rem;font-weight:800;display:inline-flex}.pin-button{color:#6d7882;letter-spacing:.04em;background:#fff;border:1px solid #12202b1f;border-radius:999px;justify-content:center;align-items:center;min-width:42px;height:30px;padding:0 8px;font-size:.72rem;font-weight:800;display:inline-flex}.pin-button:hover:not(:disabled){color:var(--brand);border-color:#1459d238}.pin-button.is-pinned{color:#a25d0d;background:#c57a1d14;border-color:#c57a1d47}.chat-workbench,.visitor-chat-card{grid-template-rows:auto minmax(0,1fr) auto;min-height:calc(100vh - 116px);display:grid}.message-stream{background:linear-gradient(#14202b07 1px,#0000 1px) 0 0/26px 26px,linear-gradient(90deg,#14202b07 1px,#0000 1px) 0 0/26px 26px,linear-gradient(#f9fbfc 0%,#f1f5f7 100%);gap:14px;padding:18px;display:grid;overflow:auto}.message-stream.large{min-height:420px}.message-bubble{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;display:grid}.message-bubble.is-self{direction:rtl}.message-bubble.is-self .message-panel{direction:ltr}.message-panel{gap:6px;display:grid}.message-meta,.message-status{align-items:center;gap:10px;display:flex}.message-meta strong{font-size:.94rem}.message-meta span,.message-status span{font-size:.82rem}.message-content{word-break:break-word;background:#fff;border:1px solid #12202b14;border-radius:16px;width:fit-content;max-width:min(720px,100%);padding:13px 15px;line-height:1.6;box-shadow:0 8px 18px #12202b0a}.message-bubble.is-self .message-content{color:#f5f8fb;background:linear-gradient(#1d2a38 0%,#172330 100%);border-color:#ffffff0a;margin-left:auto}.message-bubble.is-self .message-content a,.message-bubble.is-self .message-content .chat-file-link{color:#d5e4ff}.composer{background:linear-gradient(#f7f9faf5 0%,#f1f5f7f5 100%);border-top:1px solid #12202b14;padding:16px 18px 18px}.composer-actions{justify-content:space-between;margin-top:12px}.helper-text{font-size:.85rem}.emoji-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:34px;height:34px;padding:0;overflow:hidden}.emoji-button:hover:not(:disabled){border-color:#1459d23d;transform:translateY(-1px)}.detail-list,.stats-grid,.stats-table{padding:16px}.detail-list{gap:10px;display:grid}.detail-list div,.stats-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-list strong{letter-spacing:.04em;text-transform:uppercase;color:#70808b;font-size:.82rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-box{background:linear-gradient(#fbfcfd 0%,#f2f6f8 100%);border:1px solid #12202b14;border-radius:16px;gap:6px;padding:14px;display:grid}.stat-box strong{font-size:1.45rem;font-weight:800}.stats-table{gap:10px;display:grid}.stats-row{background:var(--panel);border:1px solid #12202b0f;border-radius:14px;padding:13px 14px}.stack-item{background:var(--panel);border:1px solid #12202b14;border-radius:16px;gap:12px;padding:14px;display:grid}.admin-config-list{gap:12px;margin-top:12px;display:grid}.inline-field,.inline-checkbox{justify-content:space-between;align-items:center;display:flex}.reply-groups details{background:linear-gradient(#fbfcfd 0%,#f4f7f9 100%);border:1px solid #12202b14;border-radius:16px;overflow:hidden}.reply-groups summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;list-style:none;display:flex}.reply-groups summary::-webkit-details-marker{display:none}.summary-actions{align-items:center;gap:10px;display:flex}.reply-items{gap:10px;padding:0 14px 14px;display:grid}.reply-item-card{gap:8px;display:grid}.reply-item{gap:4px;padding:12px 14px;display:grid}.reply-item strong{font-size:.95rem}.reply-item-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.reply-item span{color:var(--muted);font-size:.92rem}.simple-list-item{padding:12px 14px}.simple-list-item:hover:not(:disabled),.reply-item:hover:not(:disabled){background:#fff;border-color:#1459d22e}.chat-inline-image{border-radius:12px;max-width:min(260px,100%);display:block}.chat-inline-image.emoji{vertical-align:middle;width:28px;height:28px;display:inline-block}.chat-file-link{color:var(--brand);font-weight:700;text-decoration:none}.chat-file-link:hover{text-decoration:underline}.empty-state{text-align:center;padding:16px 0;font-size:.9rem}.status-pill{color:var(--brand);background:#1459d214;border:1px solid #1459d21f;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:.82rem;font-weight:800;display:inline-flex}@media (width<=1220px){.workspace-grid,.settings-grid{grid-template-columns:1fr}.chat-workbench,.visitor-chat-card{min-height:auto}}@media (width<=980px){.auth-card{grid-template-columns:1fr}.auth-form{padding-top:28px}}@media (width<=720px){.auth-shell,.visitor-shell,.workspace-shell{padding:14px}.workspace-header,.visitor-header,.section-header,.chat-header,.composer-actions,.toolbar-row,.header-actions,.list-pager,.inline-field,.inline-checkbox,.detail-list div,.stats-row{flex-direction:column;align-items:stretch}.auth-copy,.auth-form{padding:24px 22px}.contact-item{grid-template-columns:42px minmax(0,1fr)}.contact-meta{grid-column:2;justify-self:start}.contact-avatar,.message-avatar{width:42px;height:42px}.message-stream,.composer{padding-left:14px;padding-right:14px}.stats-grid{grid-template-columns:1fr}}html{background:#f5f5f5!important}body:before{display:none}.auth-shell,.visitor-shell,.workspace-shell{background:#f5f5f5}.auth-panel,.workspace-header,.visitor-header,.card,.contact-item,.simple-list-item,.reply-item,.reply-groups details,.stack-item,.stats-row,.stat-box{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:8px!important}.workspace-header,.visitor-header,.card,.contact-item,.simple-list-item,.reply-item,.reply-groups details,.stack-item,.stats-row,.stat-box,.auth-panel{background:#fff!important;border-color:#dcdfe6!important}.workspace-header,.visitor-header{align-items:center;margin-bottom:14px;padding:14px 16px}.workspace-header-main,.visitor-header-main{align-items:center;gap:16px;min-width:0;display:flex}.workspace-header h1,.visitor-header h1,.auth-panel h1{letter-spacing:0;margin:0 0 4px;font-size:1.45rem;line-height:1.2}.workspace-header p,.visitor-header p{font-size:.9rem}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-lockup strong{margin-bottom:2px;font-size:1rem;display:block}.brand-lockup span{color:var(--muted);font-size:.84rem;display:block}.brand-mark{object-fit:contain;background:#fff;border:1px solid #dcdfe6;border-radius:8px;width:40px;height:40px;padding:4px}.auth-shell-legacy{place-items:center;display:grid}.portal-shell{background:#f5f5f5;place-items:center;min-height:100vh;padding:24px;display:grid}.portal-panel{width:min(1080px,100%);padding:18px}.portal-header{gap:10px;margin-bottom:18px;display:grid}.portal-note{color:var(--muted);margin:0;font-size:.92rem}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.portal-card{background:#fff;border:1px solid #ebeef5;border-radius:8px;gap:14px;padding:16px;display:grid}.portal-card-head{gap:8px;display:grid}.portal-card h2{margin:0;font-size:1.08rem}.portal-card p{color:var(--muted);margin:0;line-height:1.6}.portal-badge{color:#3f3f46;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:999px;align-items:center;width:fit-content;min-height:28px;padding:0 10px;font-family:Consolas,Cascadia Mono,monospace;font-size:.82rem;display:inline-flex}.portal-link{width:fit-content;text-decoration:none}.portal-card.is-visitor .portal-badge{color:#175cd3;background:#eef6ff;border-color:#cfe2ff}.portal-card.is-direct .portal-badge{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.portal-card.is-staff .portal-badge{color:#067647;background:#ecfdf3;border-color:#ccebd7}.portal-card.is-admin .portal-badge{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.auth-panel{width:min(460px,100%);padding:18px}.auth-panel-head{gap:10px;margin-bottom:18px;display:grid}.auth-panel-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-panel-note{color:var(--muted);margin:0;font-size:.9rem}.auth-form-legacy{background:0 0;padding:0}.auth-entry-list{gap:10px;margin-top:18px;display:grid}.auth-entry-item{background:#fafafa;border:1px solid #ebeef5;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;display:flex}.auth-entry-item a,.auth-entry-item strong{color:var(--brand);font-family:Consolas,Cascadia Mono,monospace;text-decoration:none}.visitor-shell-legacy .visitor-layout{width:min(1080px,100%)}.visitor-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.visitor-chat-card-legacy{min-height:calc(100vh - 140px)}.composer-legacy,.composer{background:#fff}.visitor-toolbar,.header-actions{flex-wrap:wrap}.header-actions{align-items:center}.locale-switch{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:.86rem;display:inline-flex}.locale-select{border-radius:6px;min-width:124px;min-height:38px;padding:8px 12px}.brand-preview-box{background:#fafafa;border:1px solid #ebeef5;border-radius:6px;gap:10px;padding:12px;display:grid}.reply-groups details,.contact-item,.simple-list-item,.reply-item,.stack-item,.stats-row,.stat-box{background:#fff!important}.primary-button,.ghost-button,.tab-button,.input,.textarea,.select{border-radius:6px!important}.primary-button{box-shadow:none}.tab-button.is-active{background:var(--brand);border-color:var(--brand)}@media (width<=720px){.workspace-header-main,.visitor-header-main,.auth-panel-topbar,.auth-entry-item{flex-direction:column;align-items:stretch}.portal-grid{grid-template-columns:1fr}.locale-switch{justify-content:space-between}}