:root{color:#1d2939;font-synthesis:none;--navy:#111827;--blue:#2563eb;--line:#e5e9ef;--muted:#667085;background:#f5f7fa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{min-width:1180px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-kicker{color:#2563eb;letter-spacing:1.8px;font-size:10px;font-weight:700}.primary,.secondary{border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:11px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#2563eb;border:0;box-shadow:0 6px 14px #2563eb29}.secondary{color:#475467;background:#fff;border:1px solid #dce2e9}.primary svg,.secondary svg{width:16px}.form-error{color:#b42318;background:#fef3f2;border-radius:7px;margin-top:12px;padding:9px 11px;font-size:10px}.admin-login{background:#fff;grid-template-columns:44% 1fr;min-height:100vh;display:grid}.login-aside{color:#fff;background:radial-gradient(circle at 82% 18%,#3674ff57,#0000 28%),linear-gradient(145deg,#17233a,#0b1220 72%);padding:38px 50px;position:relative;overflow:hidden}.login-aside:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-310px;left:-250px;box-shadow:0 0 0 65px #ffffff05,0 0 0 130px #ffffff04}.admin-brand{align-items:center;gap:11px;display:flex}.admin-brand>span{background:#2563eb;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.admin-brand svg{width:21px}.admin-brand strong,.admin-brand small{display:block}.admin-brand strong{font-size:19px}.admin-brand small{color:#8fa0b8;letter-spacing:1.5px;margin-top:2px;font-size:8px}.aside-copy{z-index:1;position:absolute;top:35%;left:50px}.aside-copy>span{color:#6fa0ff;letter-spacing:2px;font-size:9px;font-weight:700}.aside-copy h1{letter-spacing:-2px;margin:17px 0;font-size:54px;line-height:1.15}.aside-copy p{color:#a6b3c5;font-size:14px}.aside-security{z-index:1;color:#a6b3c5;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:45px;left:50px}.aside-security svg{width:17px}.login-form-wrap{place-items:center;padding:50px;display:grid}.login-form-wrap form{width:min(400px,100%)}.login-form-wrap h2{letter-spacing:-.8px;margin:12px 0 6px;font-size:29px}.login-form-wrap form>p{color:#98a2b3;margin:0 0 32px;font-size:12px}.login-form-wrap label,.modal-card label{color:#475467;margin-top:17px;font-size:11px;font-weight:600;display:block}.login-form-wrap label>div{color:#98a2b3;border:1px solid #dce2e9;border-radius:9px;align-items:center;gap:9px;height:45px;margin-top:7px;padding:0 12px;display:flex}.login-form-wrap label>div:focus-within{border-color:#75a0f8;box-shadow:0 0 0 3px #edf3ff}.login-form-wrap label svg{width:16px}.login-form-wrap input{color:#344054;border:0;outline:0;width:100%}.login-form-wrap .primary{width:100%;height:45px;margin-top:23px}.admin-shell{background:#f5f7fa;grid-template-columns:228px minmax(0,1fr);height:100vh;transition:all .2s;display:grid;overflow:hidden}.admin-shell.collapsed{grid-template-columns:72px minmax(0,1fr)}.admin-sidebar{color:#8793a6;background:var(--navy);flex-direction:column;height:100vh;display:flex;overflow:hidden}.sidebar-brand{white-space:nowrap;border-bottom:1px solid #ffffff12;flex:0 0 72px;align-items:center;gap:10px;height:72px;padding:0 20px;display:flex}.sidebar-brand>span{color:#fff;background:#2563eb;border-radius:10px;flex:none;place-items:center;width:35px;height:35px;display:grid}.sidebar-brand svg{width:18px}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{color:#fff;font-size:16px}.sidebar-brand small{color:#718096;margin-top:2px;font-size:9px}.admin-sidebar nav{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:5px;min-height:0;padding:18px 10px;display:flex;overflow-y:auto}.nav-group-label{color:#718096;letter-spacing:.8px;text-transform:uppercase;margin:10px 12px 3px;font-size:9px;font-weight:700}.admin-sidebar nav .nav-group-label:first-child{margin-top:0}.admin-sidebar nav button,.sidebar-bottom>button{height:42px;color:inherit;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:0 12px;font-size:11px;display:flex}.admin-sidebar nav button svg,.sidebar-bottom>button svg{flex:none;width:17px}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{color:#fff;background:#253146}.admin-sidebar nav button.active{box-shadow:inset 3px 0 #3b82f6}.sidebar-bottom{border-top:1px solid #ffffff0f;flex:none;padding:10px}.admin-identity{white-space:nowrap;grid-template-columns:34px minmax(0,1fr) 26px;align-items:center;gap:8px;margin-top:8px;padding:10px 6px 2px;display:grid}.admin-identity>b{color:#fff;background:#6941c6;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.admin-identity strong,.admin-identity small{text-overflow:ellipsis;display:block;overflow:hidden}.admin-identity strong{color:#fff;font-size:10px}.admin-identity small{color:#758299;margin-top:2px;font-size:8px}.admin-identity button{color:#758299;background:0 0;border:0}.admin-identity svg{width:15px}.collapsed .sidebar-brand div,.collapsed .admin-sidebar nav span,.collapsed .admin-sidebar .nav-group-label,.collapsed .sidebar-bottom>button span,.collapsed .admin-identity div,.collapsed .admin-identity button{display:none}.collapsed .sidebar-brand{padding:0 18px}.collapsed .admin-identity{grid-template-columns:34px}.admin-main{grid-template-rows:64px minmax(0,1fr);min-width:0;height:100vh;min-height:0;display:grid}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 26px;display:flex}.topbar>div{align-items:center;gap:14px;display:flex}.menu-button,.notification{color:#667085;background:#fff;border:1px solid #e1e6ec;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.topbar-help{color:#475467;background:#fff;border:1px solid #e1e6ec;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:10px;display:flex}.topbar-help:hover,.topbar-help.active{color:#175cd3;background:#eff6ff;border-color:#bfdbfe}.topbar-help svg{width:15px}.menu-button svg,.notification svg{width:17px}.topbar span,.topbar strong{font-size:10px}.topbar span{color:#98a2b3;margin-right:5px}.topbar strong{color:#475467}.notification{position:relative}.notification i{background:#f04438;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.notification b{color:#fff;background:#f04438;border:2px solid #fff;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font-size:8px;line-height:13px;position:absolute;top:-7px;right:-7px}.admin-notification-inbox{z-index:30;background:#fff;border:1px solid #e1e6ec;border-radius:12px;width:360px;max-height:calc(100vh - 80px);padding:12px;position:absolute;top:56px;right:24px;overflow:auto;box-shadow:0 16px 45px #10182829}.admin-notification-inbox>header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.admin-notification-inbox>header button,.admin-notification-more,.admin-notification-empty button{color:#2563eb;background:0 0;border:0}.admin-notification-inbox>select{background:#fff;border:1px solid #dce2e9;border-radius:8px;width:100%;height:34px;margin-bottom:8px}.admin-notification-list{gap:6px;display:grid}.admin-notification-list>button{text-align:left;background:#fff;border:1px solid #eef1f5;border-radius:8px;gap:4px;padding:10px;display:grid}.admin-notification-list>button.unread{background:#eff6ff;border-color:#bfdbfe}.admin-notification-list span,.admin-notification-list small{color:#667085;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.admin-notification-empty{color:#667085;text-align:center;padding:22px 8px}.page-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;overflow-y:auto}.admin-page{padding:28px 30px 45px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.page-heading h1{letter-spacing:-.7px;margin:7px 0 5px;font-size:24px}.page-heading p{color:#7a8697;margin:0;font-size:11px}.heading-action{height:40px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:14px;min-width:0;padding:19px;display:flex;box-shadow:0 2px 5px #10182806}.metric-icon{border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.metric-icon svg{width:19px}.metric-icon.blue{color:#2563eb;background:#eff6ff}.metric-icon.green{color:#079455;background:#ecfdf3}.metric-icon.violet{color:#7f56d9;background:#f4f3ff}.metric-icon.orange{color:#dc6803;background:#fff4e5}.metric-card>div>span,.metric-card strong,.metric-card small{display:block}.metric-card>div>span{color:#667085;font-size:10px}.metric-card strong{letter-spacing:-.5px;margin:3px 0;font-size:24px}.metric-card small{color:#98a2b3;font-size:8px}.onboarding-summary{background:linear-gradient(135deg,#fff,#f5f9ff);border:1px solid #dbe5f4;border-radius:12px;padding:22px}.onboarding-summary>div:first-child{align-items:baseline;gap:10px;display:flex}.onboarding-summary strong{color:#175cd3;font-size:30px}.onboarding-summary span,.onboarding-summary p{color:#667085;font-size:11px}.onboarding-summary p{margin:10px 0 0}.onboarding-progress{background:#e7eef8;border-radius:5px;height:8px;margin-top:15px;overflow:hidden}.onboarding-progress i{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:5px;height:100%;transition:width .25s;display:block}.onboarding-steps{gap:10px;margin-top:16px;display:grid}.onboarding-steps article{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 18px;display:grid}.onboarding-steps article.completed{background:#fbfefc;border-color:#d1fadf}.onboarding-step-icon{color:#98a2b3;background:#f2f4f7;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.completed .onboarding-step-icon{color:#079455;background:#ecfdf3}.onboarding-step-icon svg{width:20px}.onboarding-steps small{color:#98a2b3;font-size:8px}.onboarding-steps h2{margin:3px 0 4px;font-size:13px}.onboarding-steps p{color:#667085;margin:0;font-size:10px}.onboarding-steps b{color:#344054;margin-top:6px;font-size:9px;font-weight:600;display:block}.onboarding-steps button svg{width:14px}.onboarding-role-note{border:1px solid var(--line);background:#fff;border-radius:11px;margin-top:16px;padding:20px}.onboarding-role-note h2{margin:0 0 14px;font-size:14px}.onboarding-role-note>div{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.onboarding-role-note article{background:#f8fafc;border-radius:9px;padding:14px}.onboarding-role-note strong{font-size:11px}.onboarding-role-note p{color:#667085;margin:6px 0 0;font-size:9px;line-height:1.65}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px;display:grid}.overview-panel,.quality-panel{border:1px solid var(--line);background:#fff;border-radius:11px;padding:20px}.overview-panel header,.quality-panel header{justify-content:space-between;align-items:flex-start;display:flex}.overview-panel h2,.quality-panel h2{margin:0 0 4px;font-size:13px}.overview-panel header p,.quality-panel header p{color:#98a2b3;margin:0;font-size:9px}.live-badge{color:#027a48;background:#ecfdf3;border-radius:9px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;display:flex}.live-badge i{background:#12b76a;border-radius:50%;width:6px;height:6px}.service-status{grid-template-columns:repeat(3,1fr);margin-top:25px;display:grid}.service-status>div{border-right:1px solid #edf0f3;flex-direction:column;align-items:center;display:flex}.service-status>div:last-child{border:0}.status-ring{color:#2563eb;background:#eff6ff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.status-ring.waiting{color:#dc6803;background:#fff4e5}.status-ring.active{color:#079455;background:#ecfdf3}.status-ring svg{width:16px}.service-status strong{margin-top:7px;font-size:20px}.service-status small{color:#98a2b3;font-size:8px}.quality-value{margin-top:25px}.quality-value strong{font-size:32px;display:block}.quality-value span,.quality-panel>small{color:#98a2b3;font-size:9px}.progress-track{background:#edf0f4;border-radius:3px;height:6px;margin:16px 0 7px;overflow:hidden}.progress-track i{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:3px;height:100%;display:block}.traffic-panel{margin-top:14px}.traffic-panel header>span{color:#98a2b3;font-size:9px}.traffic-list{margin-top:14px}.traffic-list>div{border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;min-height:42px;display:flex}.traffic-list strong,.traffic-list small{display:block}.traffic-list strong{color:#344054;font-size:10px}.traffic-list small,.traffic-empty{color:#98a2b3;margin:3px 0 0;font-size:9px}.traffic-list b{color:#175cd3;text-align:center;background:#eff6ff;border-radius:9px;min-width:26px;padding:4px 7px;font-size:10px}.table-card{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.table-tools,.filter-bar{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:60px;padding:11px 16px;display:flex}.table-tools{justify-content:space-between}.table-tools>span,.filter-bar>span{color:#98a2b3;margin-left:auto;font-size:9px}.admin-search{color:#98a2b3;background:#fff;border:1px solid #dfe4ea;border-radius:8px;align-items:center;gap:7px;width:270px;height:36px;padding:0 10px;display:flex}.admin-search svg{width:15px}.admin-search input{color:#344054;border:0;outline:0;width:100%;font-size:10px}.filter-bar select{color:#475467;background:#fff;border:1px solid #dfe4ea;border-radius:8px;height:36px;padding:0 9px;font-size:10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{color:#667085;text-align:left;background:#f8fafc;height:40px;padding:0 14px;font-size:9px;font-weight:600}td{color:#566273;border-top:1px solid #edf0f3;height:62px;padding:0 14px;font-size:9px}.person-cell{align-items:center;gap:9px;display:flex}.person-cell>b{color:#175cd3;background:#eaf2ff;border-radius:9px;place-items:center;width:32px;height:32px;font-size:11px;display:grid}.person-cell strong,.person-cell small{display:block}.person-cell strong{color:#344054;font-size:10px}.person-cell small{color:#98a2b3;margin-top:3px;font-size:8px}.person-cell.compact>b{border-radius:50%}.role-tag,.status-tag,.conversation-status{border-radius:9px;align-items:center;padding:4px 7px;font-size:8px;display:inline-flex}.role-tag.agent{color:#175cd3;background:#eff8ff}.role-tag.supervisor{color:#6941c6;background:#f4f3ff}.role-tag.admin{color:#b54708;background:#fffaeb}.online-state{color:#027a48;align-items:center;gap:5px;display:flex}.online-state i{background:#12b76a;border-radius:50%;width:6px;height:6px}.online-state.offline{color:#98a2b3}.online-state.offline i{background:#d0d5dd}.status-tag.active,.conversation-status.active{color:#027a48;background:#ecfdf3}.status-tag.disabled,.conversation-status.closed{color:#667085;background:#f2f4f7}.conversation-status.waiting{color:#b54708;background:#fffaeb}.conversation-state{gap:3px;display:grid}.conversation-state small{color:#98a2b3;font-size:8px}.row-actions{gap:3px;display:flex}.row-actions button{color:#667085;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.row-actions button:hover{background:#f2f4f7}.row-actions button.danger{color:#d92d20}.row-actions button.success{color:#079455}.row-actions svg{width:14px}.last-message{align-items:center;gap:5px;max-width:190px;display:flex}.last-message svg{color:#98a2b3;flex:none;width:13px}.last-message span{text-overflow:ellipsis;overflow:hidden}.failed-notification-title{color:#b42318;align-items:center;gap:7px;font-size:11px;display:flex}.failed-notification-title svg{width:15px}.notification-error{color:#b42318;text-overflow:ellipsis;max-width:280px;overflow:hidden}.muted-cell{color:#98a2b3}.source-link{color:#2563eb;align-items:center;gap:4px;text-decoration:none;display:flex}.source-link svg{width:11px}.rating-cell{color:#b54708;align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}.rating-cell svg{fill:#fdb022;color:#f79009;width:13px}.satisfaction-settings-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;display:grid}.satisfaction-preview{align-content:start;gap:12px;display:grid}.satisfaction-preview>strong{color:#101828;font-size:20px}.satisfaction-preview>div{color:#f79009;gap:5px;display:flex}.satisfaction-preview>div svg{fill:currentColor;width:24px}.satisfaction-preview em{color:#027a48;background:#ecfdf3;border-radius:8px;padding:10px 12px;font-style:normal}.satisfaction-reason-create{border-bottom:1px solid #eaecf0;grid-template-columns:minmax(180px,1fr) 72px auto 72px 90px auto;align-items:center;gap:8px;padding:14px 18px;display:grid}.satisfaction-reason-create input{min-width:0}.satisfaction-settings-page table input,.satisfaction-settings-page table select{min-width:72px;max-width:180px}.setting-toggle.compact{align-self:end;min-height:42px}@media (width<=1000px){.satisfaction-settings-grid{grid-template-columns:1fr}.satisfaction-reason-create{grid-template-columns:1fr 64px auto 64px}.satisfaction-reason-create>input:nth-of-type(4),.satisfaction-reason-create>button{grid-column:span 2}}.report-metrics.compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));padding:16px}.satisfaction-analysis-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 16px 18px;display:grid}.satisfaction-analysis-grid>div{border:1px solid #eaecf0;border-radius:10px;padding:14px}.satisfaction-analysis-grid h3{margin:0 0 10px;font-size:13px}.satisfaction-analysis-grid p{color:#667085;justify-content:space-between;gap:10px;margin:7px 0;font-size:12px;display:flex}.satisfaction-analysis-grid b{color:#344054}.report-note{color:#667085;margin:0;padding:0 16px 14px;font-size:10px;line-height:1.6}.sla-alert{color:#b42318;align-items:center;gap:3px;font-size:8px;font-weight:700;display:inline-flex}.sla-alert svg{width:11px;height:11px}.inline-action{color:#475467;background:#fff;border:1px solid #dfe4ea;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-size:8px;display:flex}.inline-action svg{width:12px}.table-empty{color:#98a2b3;text-align:center;padding:55px;font-size:10px}.table-load-more{text-align:center;border-top:1px solid #edf0f3;padding:14px}.quick-reply-admin-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);align-items:start;gap:14px;display:grid}.quick-reply-admin-list article{border-bottom:1px solid #edf0f3;grid-template-columns:auto minmax(0,1fr) 28px;align-items:start;gap:11px;padding:14px 16px;display:grid}.quick-reply-admin-list kbd{color:#475467;background:#f8fafc;border:1px solid #dfe4ea;border-radius:5px;height:fit-content;padding:3px 6px;font-size:9px}.quick-reply-admin-list strong{color:#344054;font-size:11px;display:block}.quick-reply-admin-list p{color:#667085;white-space:pre-wrap;margin:5px 0 0;font-size:10px;line-height:1.5}.quick-reply-admin-list article>button{color:#98a2b3;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.quick-reply-admin-list article>button:hover{color:#b42318;background:#fef3f2}.quick-reply-admin-list article svg{width:14px}.public-reply-form{border:1px solid var(--line);background:#fff;border-radius:11px;padding:20px}.public-reply-form h2{margin:7px 0 15px;font-size:17px}.public-reply-form label{color:#475467;margin-top:12px;font-size:10px;font-weight:600;display:block}.public-reply-form input,.public-reply-form textarea{color:#344054;background:#fff;border:1px solid #dce2e9;border-radius:7px;outline:0;width:100%;margin-top:6px;padding:9px;font-size:10px}.public-reply-form textarea{resize:vertical}.public-reply-form input:focus,.public-reply-form textarea:focus{border-color:#75a0f8;box-shadow:0 0 0 3px #edf3ff}.public-reply-form .primary{width:100%;margin-top:16px}.ai-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.4fr);align-items:start;gap:14px;display:grid}.ai-hint{color:#667085;min-height:35px;font-size:10px;line-height:1.5}.toggle-row{color:#475467;align-items:center;gap:7px;font-size:10px!important;display:flex!important}.toggle-row input,.knowledge-enabled input{width:auto!important;margin:0!important}.knowledge-form{margin-top:14px}.knowledge-list article{border-bottom:1px solid #edf0f3;grid-template-columns:minmax(0,1fr) auto 30px;align-items:start;gap:12px;padding:14px 16px;display:grid}.knowledge-list strong{color:#344054;font-size:11px}.knowledge-list p{color:#667085;text-overflow:ellipsis;white-space:pre-wrap;margin:5px 0 0;font-size:10px;line-height:1.5;overflow:hidden}.knowledge-enabled{color:#667085;align-items:center;gap:4px;font-size:9px;display:flex}.knowledge-list button{color:#98a2b3;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.knowledge-list button:hover{color:#b42318;background:#fef3f2}.knowledge-list button svg{width:14px}.learning-card{margin-top:14px}.learning-list article{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.learning-list strong{color:#344054;font-size:11px;display:block}.learning-list p{color:#667085;white-space:pre-wrap;margin:5px 0 0;font-size:10px;line-height:1.5}.learning-list .secondary{flex:none}.published{color:#027a48;background:#ecfdf3;border-radius:8px;flex:none;padding:5px 8px;font-size:9px}.ai-filter-row,.ai-report-dates{border-bottom:1px solid var(--line);gap:8px;padding:12px 16px;display:flex}.ai-filter-row input{flex:1;min-width:180px}.ai-filter-row input,.ai-filter-row select,.ai-report-dates input,.ai-report-dates select{border:1px solid var(--line);background:#fff;border-radius:8px;height:36px;padding:0 10px}.ai-index-status{color:#475467;background:#f2f4f7;border-radius:7px;margin:0 0 0 8px;padding:3px 6px;font-size:8px;display:inline-flex}.ai-index-status.ready{color:#027a48;background:#ecfdf3}.ai-index-status.failed{color:#b42318;background:#fef3f2}.ai-index-status.processing,.ai-index-status.pending{color:#175cd3;background:#eff4ff}.ai-row-actions{gap:3px;display:flex}.ai-load-more{width:calc(100% - 32px);margin:12px 16px;display:block}.ai-review-actions{gap:8px;display:flex}.ai-review-actions>button:not(.secondary){color:#b42318;background:#fef3f2;border:0;border-radius:8px;padding:7px 10px}.ai-report-dates{border:0;flex-wrap:wrap;padding:0}.form-error{color:#b42318;margin-top:6px;display:block}.page-heading-actions{align-items:center;gap:8px;display:flex}.ai-readiness-card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:14px;padding:16px}.ai-readiness-card .table-tools{padding:0 0 14px}.ai-readiness-grid{gap:8px;margin:0}.ai-readiness-grid article{padding:12px}.ai-readiness-grid strong{font-size:14px}.ai-readiness-grid span{font-size:9px}.ai-diagnostics{color:#b42318;background:#fef3f2;border-radius:8px;margin-top:12px;padding:9px 12px}.ai-diagnostics p{margin:4px 0;font-size:10px}.ai-diagnostics button{color:#175cd3;background:0 0;border:0;padding:0;text-decoration:underline}.ai-test-result{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ai-test-result span{color:#475467;background:#f2f4f7;border-radius:7px;padding:6px 9px;font-size:9px}.ai-guide-modal{width:min(760px,100vw - 40px);max-height:90vh}.ai-guide-content{padding:0 4px;overflow-y:auto}.ai-guide-content details{border:1px solid var(--line);background:#fcfcfd;border-radius:9px;margin:10px 0;padding:12px}.ai-guide-content summary{cursor:pointer;color:#344054;font-size:11px;font-weight:700}.ai-guide-content p,.ai-guide-content li{color:#667085;font-size:10px;line-height:1.65}.ai-guide-content ol{padding-left:19px}.ai-credentials-card{margin-bottom:14px}.ai-credential-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px 16px;display:grid}.ai-credential-item{border:1px solid var(--line);background:#fcfcfd;border-radius:10px;gap:8px;padding:14px;display:grid}.ai-key-mask{color:#475467;-webkit-user-select:none;user-select:none;cursor:default;width:max-content;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:inline-block}.ai-credential-item small{color:#667085;font-size:9px}.ai-credential-item button{justify-self:start}@media (width<=760px){.ai-credential-grid{grid-template-columns:1fr}}.knowledge-import{cursor:pointer;border:1px dashed #98a2b3;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:38px;color:#475467!important;margin-top:10px!important;font-size:10px!important;display:flex!important}.knowledge-import svg{width:15px}.audit-list article{border-bottom:1px solid #edf0f3;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:11px;padding:16px 18px;display:grid}.audit-icon{color:#2563eb;background:#eff6ff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.audit-icon svg{width:16px}.audit-copy>div{align-items:center;gap:6px;display:flex}.audit-copy strong{font-size:10px}.audit-copy>div span{color:#475467;font-size:9px}.audit-copy p{color:#98a2b3;margin:4px 0;font-size:8px}.audit-copy code{color:#667085;text-overflow:ellipsis;white-space:nowrap;max-width:600px;font-size:8px;display:block;overflow:hidden}.audit-list time{color:#98a2b3;font-size:8px}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1018287a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:13px;width:440px;padding:22px;box-shadow:0 20px 60px #10182833}.modal-card header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-card h2{margin:5px 0 0;font-size:19px}.modal-card header>button{color:#667085;background:#f2f4f7;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.modal-card header svg{width:16px}.modal-card label input,.modal-card label select{color:#344054;background:#fff;border:1px solid #dce2e9;border-radius:8px;outline:0;width:100%;height:40px;margin-top:7px;padding:0 10px;font-size:10px}.modal-card input:focus,.modal-card select:focus{border-color:#75a0f8;box-shadow:0 0 0 3px #edf3ff}.modal-card input:disabled{color:#98a2b3;background:#f8fafc}.modal-card label textarea{resize:vertical;color:#344054;width:100%;min-height:100px;font:inherit;border:1px solid #dce2e9;border-radius:8px;outline:0;margin-top:7px;padding:10px}.group-name{gap:4px;display:grid}.group-name small{color:#98a2b3;text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.group-member-drawer{width:min(560px,100vw - 40px)}.member-add{gap:8px;display:flex}.member-add select{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;min-width:0;height:40px;padding:0 10px}.member-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.member-list>div:last-child{border:0}.member-list>div>button{color:#b42318;background:#fff1f0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.member-list svg{width:15px}.group-member-drawer .drawer-section>input{border:1px solid var(--line);border-radius:8px;outline:0;width:100%;height:38px;margin-bottom:8px;padding:0 10px}.member-load-more{width:100%;margin-top:8px}.report-filters{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:end;gap:10px;margin-bottom:14px;padding:14px 16px;display:flex}.report-filters label{color:#667085;gap:6px;font-size:9px;display:grid}.report-filters input,.report-filters select{border:1px solid var(--line);color:#344054;background:#fff;border-radius:7px;min-width:145px;height:36px;padding:0 9px;font-size:10px}.report-filters button{height:36px;margin-left:auto}.report-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px;font-size:10px;display:flex}.report-agent-filter{align-items:end;gap:6px;display:flex}.report-agent-filter label:first-child input{min-width:125px}.report-agent-filter label:nth-child(2) select{max-width:220px}.report-agent-filter .report-agent-more{margin-left:0;padding:0 10px}.reception-status-card{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:13px;margin-bottom:14px;padding:16px 18px;display:flex}.reception-status-card>span{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.reception-status-card>span.open{color:#027a48;background:#ecfdf3}.reception-status-card>span.closed{color:#b54708;background:#fffaeb}.reception-status-card svg{width:20px}.reception-status-card small,.reception-status-card strong,.reception-status-card p{margin:0;display:block}.reception-status-card small{color:#98a2b3;font-size:8px}.reception-status-card strong{color:#344054;margin-top:3px;font-size:14px}.reception-status-card p{color:#667085;margin-top:3px;font-size:9px}.reception-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:14px;display:grid}.reception-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:19px}.reception-card h2{color:#344054;margin:0 0 16px;font-size:14px}.setting-toggle{background:#f8fafc;border-radius:8px;align-items:flex-start;gap:9px;padding:12px;display:flex}.setting-toggle input{margin-top:2px}.setting-toggle strong,.setting-toggle small{display:block}.setting-toggle strong{color:#344054;font-size:10px}.setting-toggle small{color:#98a2b3;margin-top:3px;font-size:8px}.mode-choice{color:#475467;gap:16px;margin:16px 0;font-size:10px;display:flex}.mode-choice label{align-items:center;gap:6px;display:flex}.weekly-schedule{border-top:1px solid var(--line)}.schedule-day{border-bottom:1px solid #edf0f3;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:11px 0;display:grid}.schedule-day>strong{color:#475467;padding-top:8px;font-size:10px}.time-range{align-items:center;gap:6px;margin-bottom:6px;display:flex}.time-range input{border:1px solid var(--line);color:#344054;background:#fff;border-radius:7px;width:110px;height:34px;padding:0 8px}.time-range span{color:#98a2b3;font-size:9px}.time-range button{color:#b42318;background:#fff1f0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.time-range svg,.schedule-add svg{width:13px}.schedule-add{color:#2563eb;background:0 0;border:0;align-items:center;gap:4px;padding:5px 7px;font-size:9px;display:flex}.offline-copy label{color:#475467;gap:6px;margin-top:11px;font-size:9px;font-weight:600;display:grid}.offline-copy input,.offline-copy textarea{border:1px solid var(--line);color:#344054;background:#fff;border-radius:7px;outline:0;width:100%;padding:9px;font-size:10px}.offline-copy input{height:36px}.offline-copy textarea{resize:vertical;min-height:82px}.offline-copy h3{color:#344054;margin:18px 0 10px;font-size:11px}.contact-requirements{gap:13px;display:flex}.contact-requirements label{align-items:center;gap:5px;margin:0;display:flex}.contact-requirements input{width:auto;height:auto;padding:0}.report-metrics{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.report-metrics article{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:14px;display:flex}.report-metrics article>span{color:#2563eb;background:#eff6ff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.report-metrics svg{width:16px}.report-metrics small,.report-metrics strong{display:block}.report-metrics small{color:#98a2b3;font-size:8px}.report-metrics strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:15px;overflow:hidden}.report-panel{border:1px solid var(--line);background:#fff;border-radius:11px;margin-top:14px;padding:18px}.report-panel>header{justify-content:space-between;align-items:flex-start;display:flex}.report-panel h2{margin:0;font-size:13px}.report-panel p{color:#98a2b3;margin:4px 0 0;font-size:8px}.report-panel header svg{color:#2563eb;width:18px}.trend-bars{border-bottom:1px solid var(--line);align-items:end;gap:7px;height:180px;margin-top:20px;padding-top:8px;display:flex}.trend-bars>div{text-align:center;flex:1;grid-template-rows:145px 22px;align-items:end;gap:5px;min-width:12px;display:grid}.trend-bars>div>span{justify-content:center;align-items:end;height:145px;display:flex}.trend-bars i{background:linear-gradient(#60a5fa,#2563eb);border-radius:4px 4px 0 0;width:min(20px,70%);min-height:3px;display:block}.trend-bars small{color:#98a2b3;font-size:7px;overflow:hidden}.report-agent-table{margin-top:14px}.report-agent-table table{min-width:1150px}.table-sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.report-methodology{color:#667085;background:#eef2f6;border-radius:8px;margin:14px 0 0;padding:11px 13px;font-size:9px;line-height:1.6}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-card footer{border-top:1px solid #edf0f3;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:16px;display:flex}.compact-modal{width:400px}.compact-modal>p{color:#667085;font-size:10px;line-height:1.6}.admin-toast{z-index:50;color:#fff;background:#1d2939;border-radius:8px;padding:10px 15px;font-size:10px;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #10182833}.conversation-actions{gap:4px;display:flex}.transcript-modal{width:min(680px,100vw - 40px)}.ticket-filters{flex-wrap:wrap}.ticket-filters input,.ticket-filters select{min-width:140px}.ticket-filters input:first-child{flex:1;min-width:230px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8faff}.ticket-drawer{flex-direction:column;width:min(620px,92vw);display:flex}.ticket-detail-scroll{min-height:0;padding-bottom:28px;overflow:auto}.ticket-drawer label{color:#475467;margin:12px 0;font-size:11px;font-weight:600;display:block}.ticket-drawer input,.ticket-drawer select,.ticket-drawer textarea{background:#fff;border:1px solid #dce2e9;border-radius:8px;width:100%;margin-top:7px;padding:9px 10px}.ticket-drawer textarea{resize:vertical;min-height:90px}.ticket-timeline-item{background:#fafbfc;border:1px solid #edf0f3;border-radius:9px;margin-top:10px;padding:11px}.ticket-timeline-item p{white-space:pre-wrap;margin:5px 0}.load-more{justify-content:center;padding:14px;display:flex}.transcript-more{margin:-8px auto 12px;display:block}.feedback-card{color:#92400e;white-space:pre-wrap;background:#fffaeb;border-left:3px solid #f79009;border-radius:0 7px 7px 0;margin:-6px 0 14px;padding:9px 11px;font-size:10px;line-height:1.5}.transcript-list{gap:10px;max-height:min(560px,65vh);display:grid;overflow-y:auto}.transcript-list article{color:#1e293b;background:#f1f5f9;border-radius:12px;max-width:82%;padding:10px 12px}.transcript-list article.agent{color:#fff;background:#2563eb;margin-left:auto}.transcript-list article.system{color:#64748b;text-align:center;background:0 0;max-width:100%;margin:0 auto}.transcript-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}.transcript-list span,.transcript-list time{opacity:.8;font-size:12px;display:block}.visitor-center .table-wrap table{min-width:1080px}.visitor-link{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.visitor-link>b{color:#175cd3;background:#eaf2ff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:11px;display:grid}.visitor-link strong,.visitor-link small,.contact-cell span,.contact-cell small{display:block}.visitor-link strong{color:#344054;font-size:10px}.visitor-link small{color:#98a2b3;text-overflow:ellipsis;max-width:150px;margin-top:3px;font-size:8px;overflow:hidden}.contact-cell span{color:#475467}.contact-cell small{color:#98a2b3;margin-top:3px}.visitor-tags{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.visitor-tags>span{border:1px solid color-mix(in srgb,var(--tag-color) 28%,white);color:var(--tag-color);background:color-mix(in srgb,var(--tag-color) 8%,white);border-radius:9px;align-items:center;gap:3px;padding:4px 7px;font-size:8px;font-style:normal;display:inline-flex}.visitor-tags em{color:#98a2b3;font-size:9px;font-style:normal}.visitor-tags small{color:#667085}.notification-center .metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.notification-settings{margin-bottom:16px}.notification-settings .table-tools small{color:#667085;margin-top:5px;display:block}.notification-setting-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;display:grid}.notification-setting-list>div{border:1px solid #e4e7ec;border-radius:10px;grid-template-columns:minmax(180px,1fr) repeat(3,auto);align-items:center;gap:14px;padding:13px 14px;display:grid}.notification-setting-list label{color:#475467;align-items:center;gap:5px;font-size:10px;display:flex}.notification-filters{flex-wrap:wrap;justify-content:flex-start}.notification-filters select,.notification-filters input{background:#fff;border:1px solid #dce2e9;border-radius:8px;height:36px;padding:0 9px}.notification-center td small{color:#98a2b3;margin-top:4px;display:block}@media (width<=1100px){.notification-setting-list{grid-template-columns:1fr}.notification-center .metric-grid{grid-template-columns:repeat(3,1fr)}}.visitor-tags.editable{min-height:30px;margin-bottom:11px}.visitor-tags.editable>span{font-size:9px}.visitor-tags.editable button{width:13px;height:13px;color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.visitor-tags.editable button svg{width:10px}.error-state p{color:#b42318;margin:0 0 12px}.visitor-drawer-backdrop{z-index:40;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#10182852;justify-content:flex-end;display:flex;position:fixed;inset:0}.visitor-drawer{background:#f8fafc;grid-template-rows:72px minmax(0,1fr);width:min(680px,100vw - 40px);height:100vh;display:grid;overflow:hidden;box-shadow:-20px 0 60px #1018282e}.visitor-drawer>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.visitor-drawer>header h2{margin:5px 0 0;font-size:19px}.visitor-drawer>header>button{color:#667085;background:#f2f4f7;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.visitor-drawer>header svg{width:16px}.visitor-drawer-scroll{overscroll-behavior:contain;min-height:0;padding:18px 20px 35px;overflow-y:auto}.drawer-state{color:#98a2b3;text-align:center;place-items:center;min-height:240px;padding:30px;font-size:10px;display:grid}.visitor-summary{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.visitor-summary>div{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:13px;display:flex}.visitor-summary svg{color:#2563eb;flex:none;width:18px}.visitor-summary span,.visitor-summary strong{display:block}.visitor-summary span{color:#98a2b3;min-width:0;font-size:8px}.visitor-summary strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.drawer-section{border:1px solid var(--line);background:#fff;border-radius:11px;margin-top:12px;padding:17px}.drawer-section-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.drawer-section-title h3{color:#344054;margin:0;font-size:12px}.drawer-section-title small{color:#98a2b3;font-size:8px}.visitor-edit-form label{color:#475467;margin-top:11px;font-size:9px;font-weight:600;display:block}.visitor-edit-form input,.visitor-edit-form textarea,.tag-add-form input:not([type=color]){color:#344054;background:#fff;border:1px solid #dce2e9;border-radius:7px;outline:0;width:100%;margin-top:6px;padding:8px 9px;font-size:10px}.visitor-edit-form input{height:36px}.visitor-edit-form textarea{resize:vertical}.visitor-edit-form input:focus,.visitor-edit-form textarea:focus,.tag-add-form input:focus{border-color:#75a0f8;box-shadow:0 0 0 3px #edf3ff}.visitor-form-actions{justify-content:flex-end;margin-top:13px;display:flex}.visitor-technical{color:#98a2b3;border-top:1px solid #edf0f3;gap:5px;margin-top:14px;padding-top:12px;font-size:8px;display:grid}.visitor-technical span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-add-form{grid-template-columns:minmax(0,1fr) 38px auto;align-items:end;gap:7px;display:grid}.tag-add-form input:not([type=color]){height:36px;margin:0}.tag-add-form input[type=color]{background:#fff;border:1px solid #dce2e9;border-radius:7px;width:38px;height:36px;padding:4px}.tag-add-form button{height:36px}.tag-add-form svg{width:13px}.visitor-timeline article{grid-template-columns:14px minmax(0,1fr);gap:8px;padding:0 0 14px;display:grid;position:relative}.visitor-timeline article:last-child{padding-bottom:0}.visitor-timeline article:before{content:"";background:#e4e7ec;width:1px;position:absolute;top:11px;bottom:0;left:5px}.visitor-timeline article:last-child:before{display:none}.visitor-timeline article>i{background:#2563eb;border:3px solid #dbeafe;border-radius:50%;width:11px;height:11px;margin-top:2px}.visitor-timeline strong,.visitor-timeline a,.visitor-timeline time{display:block}.visitor-timeline strong{color:#344054;font-size:10px}.visitor-timeline a{color:#2563eb;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:3px;font-size:9px;text-decoration:none;overflow:hidden}.visitor-timeline a svg{vertical-align:middle;width:10px;margin-left:4px}.visitor-timeline time{color:#98a2b3;margin-top:4px;font-size:8px}.visitor-record-list{gap:8px;display:grid}.visitor-record-list article{background:#fcfcfd;border:1px solid #edf0f3;border-radius:8px;padding:11px}.visitor-record-list article>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.visitor-record-list strong{color:#344054;align-items:center;gap:5px;font-size:10px;display:flex}.visitor-record-list strong svg{width:13px}.visitor-record-list p{color:#667085;margin:5px 0 0;font-size:8px}.visitor-record-list small{color:#b54708;margin-top:6px;font-size:8px;display:block}.drawer-empty{color:#98a2b3;text-align:center;padding:24px;font-size:9px}.visitor-metadata{border:1px solid var(--line);color:#667085;background:#fff;border-radius:10px;margin-top:12px;padding:13px 17px;font-size:9px}.visitor-metadata summary{cursor:pointer}.visitor-metadata pre{color:#475467;white-space:pre-wrap;background:#f2f4f7;border-radius:7px;max-height:220px;margin:12px 0 0;padding:10px;font-size:8px;overflow:auto}.status-tag.open{color:#175cd3;background:#eff8ff}.status-tag.pending{color:#b54708;background:#fffaeb}.status-tag.resolved{color:#027a48;background:#ecfdf3}.channel-tools{gap:8px;display:flex}.channel-tools input,.channel-tools select{border:1px solid var(--line);background:#fff;border-radius:7px;height:36px;padding:0 10px}.channel-tools input{min-width:260px}.channel-more{margin:12px auto;display:block}.channel-editor{width:min(760px,100vw - 40px)}.channel-form label{color:#475467;gap:6px;margin-top:10px;font-size:9px;font-weight:600;display:grid}.channel-form input,.channel-form select,.channel-form textarea{border:1px solid var(--line);color:#344054;width:100%;font:inherit;background:#fff;border-radius:7px;padding:9px 10px}.channel-form input,.channel-form select{height:38px}.channel-form textarea{resize:vertical}.channel-color-field{grid-template-columns:48px 1fr;gap:8px;display:grid}.channel-form .channel-color-field input[type=color]{padding:4px}.channel-form h3{margin:0 0 10px;font-size:12px}.channel-form footer{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.channel-preview{background:#f2f4f7;border-radius:10px;margin-top:14px;padding:16px;display:flex}.channel-preview.left{justify-content:flex-start}.channel-preview.right{justify-content:flex-end}.channel-preview>div{color:#fff;border-radius:12px;width:240px;padding:14px;box-shadow:0 10px 25px #1018282e}.channel-preview svg{width:18px}.channel-preview strong,.channel-preview p,.channel-preview small{display:block}.channel-preview strong{margin-top:8px}.channel-preview p,.channel-preview small{margin:5px 0 0;font-size:9px}.channel-preview small{background:#ffffff2b;border-radius:6px;padding:6px}.embed-code{color:#344054;white-space:pre-wrap;background:#f2f4f7;border-radius:8px;padding:12px;font-size:9px;overflow:auto}.integration-layout{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:280px minmax(0,1fr);min-height:620px;display:grid;overflow:hidden}.integration-channel-list{border-right:1px solid var(--line);background:#fbfcfd;min-width:0;padding:14px}.integration-channel-list>label{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;height:38px;padding:0 10px;display:flex}.integration-channel-list>label svg{color:#98a2b3;width:16px}.integration-channel-list>label input{background:0 0;border:0;outline:0;width:100%;min-width:0}.integration-channel-list>button:not(.secondary){color:#344054;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:34px minmax(0,1fr) 8px;align-items:center;gap:9px;width:100%;margin-top:8px;padding:10px;display:grid}.integration-channel-list>button.active{background:#eff6ff;border-color:#bfdbfe}.integration-channel-list>button>span{color:#2563eb;background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.integration-channel-list>button svg{width:16px}.integration-channel-list strong,.integration-channel-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.integration-channel-list strong{font-size:10px}.integration-channel-list small{color:#98a2b3;margin-top:3px;font-size:8px}.integration-channel-list i{background:#d0d5dd;border-radius:50%;width:7px;height:7px}.integration-channel-list i.online{background:#12b76a}.integration-more{width:100%;margin-top:12px}.integration-content{min-width:0;padding:22px}.integration-title{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.integration-title h2{margin:0;font-size:20px}.integration-title p{color:#667085;margin:5px 0 0;font-size:9px}.integration-title code{-webkit-user-select:all;user-select:all}.integration-card{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:12px;padding:16px}.integration-card>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.integration-card>header span{color:#2563eb;letter-spacing:.8px;font-size:8px;font-weight:700}.integration-card h3{margin:3px 0 0;font-size:13px}.integration-card pre{color:#dbeafe;white-space:pre-wrap;background:#101828;border-radius:8px;max-height:230px;margin:13px 0 0;padding:13px;font:10px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.integration-card p,.integration-card li{color:#667085;font-size:9px;line-height:1.65}.integration-card code{color:#344054;background:#f2f4f7}.h5-access-row{align-items:center;gap:18px;margin-top:14px;display:flex}.h5-access-row img{border:1px solid var(--line);width:128px;height:128px}.h5-access-row a{color:#2563eb;align-items:center;gap:6px;font-size:10px;text-decoration:none;display:inline-flex}.h5-access-row svg{width:14px}.identity-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;display:grid}.identity-options section{background:#f8fafc;border-radius:8px;padding:12px}.identity-options strong{font-size:10px}.identity-options p{margin-bottom:0}.integration-note{background:#eff6ff;border-radius:8px;padding:9px 11px;color:#475467!important}.diagnostic-field{color:#475467;gap:6px;margin-top:13px;font-size:9px;font-weight:600;display:grid}.diagnostic-field input,.diagnostic-grid input{border:1px solid var(--line);border-radius:7px;height:36px;padding:0 10px}.signature-diagnostic{border:1px solid var(--line);border-radius:8px;margin-top:12px;padding:11px}.signature-diagnostic summary{cursor:pointer;color:#344054;font-size:10px;font-weight:600}.diagnostic-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.diagnostic-summary{border-radius:8px;margin-top:13px;padding:9px 11px;font-size:9px;font-weight:700}.diagnostic-summary.passed{color:#027a48;background:#ecfdf3}.diagnostic-summary.failed{color:#b42318;background:#fef3f2}.diagnostic-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.diagnostic-results>div{background:#f8fafc;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:4px;min-width:0;padding:10px;display:grid}.diagnostic-results svg{width:16px}.diagnostic-results strong{font-size:9px}.diagnostic-results small{color:#98a2b3;text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:7px;overflow:hidden}.diagnostic-results .passed svg{color:#12b76a}.diagnostic-results .failed svg{color:#f04438}.diagnostic-results .untested>span{color:#98a2b3}.integration-empty{color:#98a2b3;text-align:center;padding:28px;font-size:10px}.quick-guide ol{margin-bottom:8px;padding-left:18px}.channel-select{align-items:end;gap:6px;min-width:210px;display:flex}.channel-select input,.channel-select select{min-width:0}.channel-select input{width:110px}.channel-select select{width:150px}.channel-select button{height:36px;padding:0 9px}.quality-overview{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.quality-overview article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.quality-overview strong{color:#1d4ed8;font-size:24px;display:block}.quality-overview span{color:#667085;margin-top:5px;font-size:11px;display:block}.quality-admin-drawer label{color:#475467;gap:6px;margin:14px 0;font-size:11px;display:grid}.quality-admin-drawer input,.quality-admin-drawer textarea{border:1px solid #dfe5ec;border-radius:7px;padding:9px 10px}.quality-admin-drawer textarea{resize:vertical;min-height:120px}.table-link{color:#2563eb;cursor:pointer;background:0 0;border:0}.quality-filters{flex-wrap:wrap;align-items:flex-end}.quality-filters>label,.quality-filters .channel-select{min-width:150px}.quality-filters .report-agent-filter{min-width:270px}.table-more{border-top:1px solid var(--line);justify-content:center;padding:14px;display:flex}@media (width<=1300px){.metric-grid,.report-metrics{grid-template-columns:repeat(2,1fr)}.quality-overview{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.ai-grid,.visitor-summary{grid-template-columns:1fr}.report-filters{flex-wrap:wrap}.report-filters button{margin-left:0}}.danger-action{color:#b42318;background:#fff7f6;border:1px solid #fecdca;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:11px;font-weight:600;display:inline-flex}.visitor-risk-card.blocked{background:snow;border-color:#fecdca}.risk-confirm{background:#fff7f6;border:1px solid #fecdca;border-radius:8px;gap:8px;margin-top:10px;padding:12px;display:grid}.risk-confirm strong{color:#b42318;font-size:11px}.risk-confirm p{color:#667085;margin:0;font-size:9px;line-height:1.5}.risk-confirm>div{justify-content:flex-end;gap:7px;display:flex}.blocklist-agent-filter{align-items:flex-end;gap:7px;display:flex}.blocklist-agent-filter label{color:#667085;gap:3px;font-size:9px;display:grid}.blocklist-agent-filter input{color:#344054;background:#fff;border:1px solid #dfe4ea;border-radius:8px;width:150px;height:36px;padding:0 9px}.blocklist-agent-filter select{min-width:210px}.blocklist-agent-filter>button{height:36px}.vip-badge{color:#9a6700;white-space:nowrap;background:#fff4cc;border-radius:999px;align-items:center;padding:2px 6px;font-size:11px;font-style:normal;font-weight:750;display:inline-flex}.service-record-admin{background:#f5f8fc;border-radius:12px;grid-template-columns:minmax(180px,260px) 1fr auto;align-items:end;gap:12px;margin:0 0 18px;padding:14px;display:grid}.service-record-admin label{gap:6px;display:grid}.service-record-admin textarea{resize:vertical;min-height:74px}.category-badge{color:#2865d8;background:#eef4ff;border-radius:999px;width:fit-content;margin-top:4px;padding:2px 7px;font-size:11px;font-style:normal;display:block}.skill-badges,.channel-skill-list{flex-wrap:wrap;gap:6px;display:flex}.skill-badges>span{color:#2563eb;white-space:nowrap;background:#eef4ff;border-radius:999px;padding:3px 8px;font-size:12px}.skill-member-list{gap:10px;margin-top:12px;display:grid}.skill-member-list article,.channel-skill-list article{border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.skill-member-list article>div{gap:3px;margin-right:auto;display:grid}.skill-member-list small{color:var(--muted)}.channel-skill-list{margin:10px 0}.channel-skill-list article{justify-content:space-between;width:100%}.skill-filter-bar{margin-bottom:12px}.ai-generation-progress,.form-warning{color:#694c12;background:#fffaf0;border:1px solid #f4d58d;border-radius:12px;gap:8px;padding:12px;display:grid}.ai-generation-progress .secondary,.form-warning .secondary{justify-self:start}.ai-debug-card{flex-direction:column;gap:10px;display:flex}.ai-debug-card textarea{resize:vertical;min-height:100px}.ai-debug-card .primary{align-self:flex-start}.ai-debug-result{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:12px}.ai-debug-result p{color:#475467;margin:7px 0}.ai-debug-result blockquote{border-left:3px solid var(--primary);white-space:pre-wrap;background:#fff;margin:10px 0;padding:10px 12px}