@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter Display;src:url(/fonts/InterVariable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--blue:#176bff;--blue-hover:#0955da;--cyan:#20b8f6;--navy:#0c2457;--mint:#21d39b;--bg:#f6f9fc;--ink:#111827;--muted:#61718a;--line:#e4ebf4;--pale:#edf4ff;--sidebar:248px;--shadow:0 4px 24px #0c245706;--radius:16px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-optical-sizing:auto;margin:0;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer;justify-content:center;align-items:center;gap:8px;line-height:1.4;transition:background .16s,color .16s,border-color .16s;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #20b8f680}input,textarea,select{max-width:100%;color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-variation-settings:"opsz" 32;color:var(--navy);font-family:Inter Display,Inter,sans-serif}h1{letter-spacing:-1.4px;font-size:40px;font-weight:600;line-height:1.15}h2{letter-spacing:-.65px;font-size:24px;font-weight:600;line-height:1.3}h3{letter-spacing:-.25px;font-size:18px;font-weight:600}small{color:var(--muted);font-size:12px}.primary{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:10px;min-height:44px;padding:12px 17px;font-size:14px;font-weight:600;box-shadow:0 3px 6px #176bff12}.primary:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.secondary{min-height:42px;color:var(--navy);background:#fff;border:1px solid #d9e3f1;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:500}.secondary:hover{background:var(--pale);border-color:#a9caff}.wide{width:100%}.icon{color:var(--muted);background:0 0;border:0;border-radius:8px;flex-shrink:0;min-width:36px;min-height:36px;padding:8px}.icon:hover{background:var(--pale);color:var(--blue)}.text-button{color:#125acf;background:0 0;border:0;padding:9px 0;font-size:13px;font-weight:500}.text-button:hover{color:var(--navy)}.badge{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:500;line-height:1.4;display:inline-flex}.badge.green{color:#087953;background:#e5faf2}.badge.amber{color:#95621b;background:#fff5e6}.badge.gray{color:#526783;background:#edf2f9}.badge.light{color:#b8e9ff;letter-spacing:1px;background:#ffffff0c;border:1px solid #ffffff24;padding:7px 12px}.avatar{color:#3365af;background:#edf3ff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:600;display:inline-flex}.avatar.small{border-radius:11px;width:34px;height:34px;font-size:11px}.brand{align-items:center;display:flex;position:relative}.brand-wordmark{object-fit:contain;flex-shrink:0;width:160px;height:auto;display:block}.brand-symbol{object-fit:contain;flex-shrink:0;width:38px;height:auto;display:block}.brand-sub{letter-spacing:2px;color:#c2d4f3;font-size:11px}.eyebrow{letter-spacing:1.5px;color:#6d83a6;font-size:11px;font-weight:600;line-height:1.7}.status-dot,.amber-dot{background:var(--mint);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.amber-dot{background:#d9a13c}.app{min-height:100dvh;display:flex}.sidebar{width:var(--sidebar);background:var(--navy);z-index:40;color:#fff;flex-direction:column;padding:0 16px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{justify-content:center;min-height:115px;padding:26px 24px}.workspace{text-align:left;background:#ffffff07;border:1px solid #ffffff19;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:29px;padding:13px 11px;display:flex}.workspace-icon{color:#d6e7ff;background:#ffffff14;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:600;display:flex}.workspace>span:nth-child(2){flex:1;min-width:0}.workspace strong{text-overflow:ellipsis;white-space:nowrap;color:#f4f8ff;font-size:12px;font-weight:500;display:block;overflow:hidden}.workspace small{color:#98afd4;margin-top:4px;font-size:10px;display:block}.nav-label{letter-spacing:1.35px;color:#88a3ca;padding:0 13px 14px;font-size:10px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#b4c8e7;background:0 0;border:0;border-radius:10px;justify-content:flex-start;min-height:48px;padding:13px 14px;font-size:14px;font-weight:500}.sidebar nav button.active{background:var(--blue);color:#fff;box-shadow:0 5px 15px #00154220}.sidebar nav button:hover:not(.active){color:#fff;background:#ffffff09}.sidebar nav button svg{stroke-width:1.7px}.nav-count{color:#fff;background:#ffffff23;border-radius:5px;margin-left:auto;padding:2px 7px;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:28px}.ai-status{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;padding:16px 13px}.ai-status strong{color:#e1eafc;margin-left:8px;font-size:12px;font-weight:500}.ai-status p{color:#9cb4d8;margin:9px 0 0 15px;font-size:11px;line-height:1.8}.profile{text-align:left;color:#a8bfde;background:0 0;border:0;border-top:1px solid #ffffff13;gap:10px;width:100%;margin-top:19px;padding:19px 0 0}.profile .avatar{color:#d2e4ff;background:#223d70}.profile span:nth-child(2){flex:1}.profile strong{color:#f2f6ff;font-size:12px;font-weight:500;display:block}.profile small{color:#8ca8cf;margin-top:2px;font-size:11px;display:block}.main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;height:76px;padding:0 32px;display:flex}.breadcrumb{color:#8694ab;align-items:center;gap:14px;font-size:12px;display:flex}.breadcrumb strong{color:#425777;font-weight:500}.breadcrumb-root{color:#7a8aa1}.top-actions{align-items:center;gap:17px;display:flex}.connection{color:#22785e;align-items:center;gap:6px;font-size:12px;display:flex}.connection.offline{color:#946c27}.top-actions>.avatar{color:var(--blue);background:#eaf1ff;border-radius:50%;margin-left:8px}.page-heading{justify-content:space-between;align-items:center;gap:18px;padding:29px 32px 24px;display:flex}.page-heading .eyebrow{letter-spacing:1.7px;color:#7087a5;margin-bottom:8px;font-size:10px}.page-heading h1 span{color:var(--muted);letter-spacing:0;margin-top:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.65;display:block}.heading-actions{flex-shrink:0;gap:10px;display:flex}.inbox-summary{color:#66768d;align-items:center;gap:8px;min-height:24px;margin:0 32px 16px;font-size:12px;display:flex}.inbox-summary>span:first-child{color:#4f6d70;align-items:center;gap:7px;margin-right:15px;display:flex}.summary-right{color:#667f9f;align-items:center;gap:6px;margin-left:auto;display:flex}.summary-right svg{color:var(--blue)}.inbox{border:1px solid var(--line);border-radius:var(--radius);height:calc(100dvh - 286px);min-height:520px;box-shadow:var(--shadow);background:#fff;grid-template-columns:300px minmax(320px,1fr) 248px;margin:0 32px 26px;display:grid;overflow:hidden}.conversation-list{border-right:1px solid var(--line);background:#fff;flex-direction:column;min-height:0;display:flex}.list-heading{justify-content:space-between;align-items:center;padding:21px 20px 0;display:flex}.list-heading h2{letter-spacing:-.3px;font-size:18px}.list-heading>span{border:1px solid var(--line);color:#6d7f98;border-radius:6px;padding:2px 8px;font-size:11px}.list-search{background:var(--bg);color:#8e9eb6;border:1px solid #e6edf6;border-radius:9px;align-items:center;gap:8px;min-width:0;margin:16px 16px 12px;padding:11px;display:flex}.list-search input{width:100%;min-width:0;color:var(--navy);background:0 0;border:0;outline:0;padding:0;font-size:12px}input::placeholder,textarea::placeholder{color:#8c9bb0}.filters{border-bottom:1px solid var(--line);gap:4px;padding:0 15px 15px;display:flex}.filters button{color:#6d7e96;white-space:nowrap;background:0 0;border:0;border-radius:7px;gap:5px;padding:8px 9px;font-size:11px}.filters button.selected{color:var(--blue);background:#edf4ff;font-weight:600}.filters button span{color:#516e97;background:#e1ebfc;border-radius:4px;padding:1px 5px;font-size:10px}.list-scroll{flex:1;overflow:auto}.conversation{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf2f8;align-items:flex-start;gap:11px;width:100%;padding:21px 16px;position:relative}.conversation.selected{background:#edf4ff}.conversation.selected:before{content:"";background:var(--blue);width:3px;position:absolute;top:0;bottom:0;left:0}.conversation:hover:not(.selected){background:#f9fbff}.conversation:nth-child(2n)>.avatar{color:#3782a7;background:#e9f6fe}.conversation>div{flex:1;min-width:0}.conversation-title{justify-content:space-between;align-items:center;gap:6px;display:flex}.conversation-title strong{white-space:nowrap;text-overflow:ellipsis;color:#213d67;font-size:12px;font-weight:600;overflow:hidden}.conversation-title time{color:#8d9bb0;flex-shrink:0;font-size:10px}.conversation p{white-space:nowrap;text-overflow:ellipsis;color:#7c8a9e;margin:8px 0 12px;font-size:12px;line-height:1.6;overflow:hidden}.conversation-meta{color:#8796ad;align-items:center;gap:5px;font-size:10px;display:flex}.conversation-meta .badge{margin-left:auto;padding:3px 6px;font-size:9px}.zalo-icon{color:var(--blue);background:#e1edff;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:inline-flex}.list-footer{border-top:1px solid var(--line);color:#7b8ca6;justify-content:space-between;gap:6px;padding:13px 16px;font-size:10px;display:flex}.chat{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.chat-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:85px;padding:18px 22px;display:flex}.chat-header h3{letter-spacing:-.2px;font-family:Inter,sans-serif;font-size:14px}.chat-header small{align-items:center;gap:5px;margin-top:5px;font-size:11px;display:flex}.takeover{white-space:nowrap;min-height:40px;margin-left:auto;font-size:12px;padding:10px 12px!important}.chat-mode{color:#2869c5;background:#f2f8ff;border-bottom:1px solid #e7effb;flex-direction:column;gap:4px;padding:12px 22px;display:flex}.chat-mode>span{align-items:center;gap:8px;display:flex}.chat-mode .brand-symbol{width:19px;height:17px}.chat-mode strong{font-size:12px;font-weight:500}.chat-mode small{color:#7790b0;padding-left:27px;font-size:11px}.chat-mode.human{color:#8b672b;background:#fff9ef;border-bottom-color:#f5ecd9}.chat-mode.human small{color:#9b805a}.messages{background:#fbfcff;flex:1;min-height:0;padding:22px;overflow:auto}.day-divider{text-align:center;color:#91a0b6;align-items:center;gap:16px;margin:0 0 27px;font-size:10px;display:flex}.day-divider:before,.day-divider:after{content:"";background:#e9eff7;flex:1;height:1px}.message{align-items:flex-start;gap:9px;margin-bottom:24px;display:flex}.message>div{min-width:0;max-width:88%}.message-author{color:#7a8ba7;align-items:center;gap:5px;margin:0 0 8px;font-size:10px;display:flex}.message .avatar{border-radius:9px;width:28px;height:28px;font-size:9px}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;color:#334667;background:#fff;border:1px solid #e7ecf5;border-radius:3px 15px 15px;padding:14px 17px;font-size:16px;line-height:1.8}.message.outgoing{justify-content:flex-end}.outgoing .message-author{color:#5d82b8;justify-content:flex-end}.outgoing .bubble{color:#224575;background:#edf4ff;border-color:#e3edfc;border-radius:15px 3px 15px 15px}.message-time{color:#92a0b3;margin:7px 2px 0;font-size:10px}.outgoing .message-time{text-align:right}.sources{color:#2c79ae;margin:8px 0;font-size:11px}.sources summary{cursor:pointer;justify-content:flex-end;align-items:center;gap:5px;display:flex}.sources p{background:#eaf7fe;border-radius:9px;margin-top:8px;padding:12px;font-size:12px;line-height:1.7}.composer{background:#fff;border:1px solid #dbe5f4;border-radius:12px;margin:15px 18px;padding:14px;box-shadow:0 2px 7px #0c245703}.composer:focus-within{border-color:#a2c3ff;box-shadow:0 0 0 3px #176bff0a}.composer textarea{resize:none;background:0 0;border:0;outline:0;width:100%;min-height:45px;font-size:14px;line-height:1.7}.composer textarea:disabled{background:0 0}.composer>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.composer small{align-items:center;gap:5px;font-size:10px;display:flex}.send-button{background:var(--blue);color:#fff;border:0;border-radius:9px;flex-shrink:0;width:38px;height:38px}.send-button:hover{background:var(--blue-hover)}.customer-panel{border-left:1px solid var(--line);background:#fff;padding:19px 18px;overflow:auto}.panel-heading{color:#455c7e;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.customer-identity{text-align:center;padding:22px 0 24px}.customer-identity>.avatar{color:#3472c8;background:#eaf2ff;border-radius:20px;width:62px;height:62px;font-size:18px}.customer-identity h3{margin:13px 0 6px;font-size:14px}.customer-identity>span:last-child{color:#8798b1;font-size:11px}.contact-row{color:#71829a;overflow-wrap:anywhere;align-items:flex-start;gap:9px;margin-bottom:15px;font-size:11px;line-height:1.7;display:flex}.contact-row svg{color:#9aacc4;flex-shrink:0;margin-top:2px}.panel-section{border-top:1px solid var(--line);padding:20px 0}.panel-section .eyebrow{letter-spacing:1.3px;color:#8396b1;font-size:9px}.stages{margin:15px 0 0;padding:0;list-style:none}.stages li{color:#8d9ab0;align-items:center;gap:10px;padding-bottom:16px;font-size:11px;display:flex;position:relative}.stages li:not(:last-child):after{content:"";background:#e1eaf6;width:1px;height:12px;position:absolute;top:20px;left:9px}.stages li:last-child{padding-bottom:0}.stages li>span{background:#fff;border:1px solid #e2eaf6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;display:flex}.stages li.current{color:var(--blue);font-weight:600}.stages li.current>span{background:var(--blue);color:#fff;border-color:var(--blue)}.stages li.done{color:#508c77}.stages li.done>span{color:#16956e;background:#e4faf1;border-color:#d8f5e8}.panel-section p{color:#7b8ba4;margin-top:12px;font-size:12px;line-height:1.8}.panel-section .text-button{font-size:11px}.customer-panel>.secondary{font-size:12px}.content{padding:0 32px 40px}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:28px}.card p{color:var(--muted);margin:17px 0;font-size:15px;line-height:1.9}.card-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.card-kicker{color:#5388d4;letter-spacing:1.5px;align-items:center;gap:8px;margin-bottom:14px;font-size:10px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:23px;position:relative;overflow:hidden}.stat-icon{color:var(--blue);background:#edf4ff;border-radius:11px;padding:11px;display:inline-flex}.stat:nth-child(2) .stat-icon{color:#1491c9;background:#eaf8ff}.stat:nth-child(4){background:var(--navy);border-color:var(--navy)}.stat:nth-child(4) .stat-icon{color:#9ddfff;background:#ffffff0d}.stat p{color:#71819a;margin:22px 0 9px;font-size:12px}.stat strong{font-variation-settings:"opsz" 32;letter-spacing:-1px;color:var(--navy);font-family:Inter Display,Inter,sans-serif;font-size:30px;font-weight:600}.stat:nth-child(4) strong{color:#fff;font-size:27px}.stat:nth-child(4) p{color:#abc1e4}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.customer-line{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:flex-start;gap:13px;width:100%;padding:20px 0}.customer-line:last-child{border-bottom:0}.customer-line>div{flex:1;min-width:0}.customer-line strong{color:var(--navy);font-size:14px;font-weight:500}.customer-line p{margin:7px 0 0;font-size:12px}.customer-line>svg{color:var(--blue);flex-shrink:0}.resource-stat{border-bottom:1px solid var(--line);color:#6497d8;align-items:center;gap:13px;padding:23px 0;display:flex}.resource-stat strong{color:var(--navy);font-size:27px;font-weight:600}.resource-stat span{color:var(--muted);font-size:13px}.table-toolbar{color:#7084a0;justify-content:space-between;align-items:center;gap:15px;margin:0 0 18px;font-size:13px;display:flex}.table-toolbar .list-search{background:#fff;width:340px;margin:0}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#7183a0;border-bottom:1px solid var(--line);background:#f8faff;padding:18px 22px;font-size:12px;font-weight:500}td{color:#49607f;border-bottom:1px solid #edf2f8;padding:22px;font-size:14px}tr:last-child td{border:0}tbody tr:hover{background:#fbfcff}td small{color:#8b9ab0;margin-top:7px;font-size:11px;display:block}td strong{color:#283f65;font-size:13px;font-weight:600}.name-cell{align-items:center;gap:11px;display:flex}.truncate{text-overflow:ellipsis;max-width:250px;overflow:hidden}.table-wrap select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;font-size:12px}.section-title{justify-content:space-between;align-items:center;gap:15px;margin:32px 0 20px;display:flex}.section-title h2{font-size:22px}.section-title>span{color:var(--muted);font-size:13px}.product-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.product-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:25px}.product-card>svg{color:var(--blue);box-sizing:content-box;background:#edf4ff;border-radius:12px;padding:12px}.product-card h3{margin:23px 0 11px;font-size:16px}.product-card strong{color:var(--blue);font-size:18px;font-weight:600}.knowledge-top{grid-template-columns:1fr 1fr;gap:24px;display:grid}.feature-icon{color:var(--blue);background:#edf4ff;border-radius:13px;margin-bottom:20px;padding:14px;display:inline-flex}.upload-zone{border-radius:var(--radius);text-align:center;color:#5690cd;cursor:pointer;background:#f0f8ff;border:1.5px dashed #a1c5f5;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:34px;display:flex}.upload-zone:hover{border-color:var(--blue);background:#eaf5ff}.upload-zone>svg{box-sizing:content-box;color:var(--blue);background:#fff;border:1px solid #e3edf9;border-radius:15px;padding:16px}.upload-zone strong{color:var(--navy);font-size:20px;font-weight:600}.upload-zone span{color:#6886ac;font-size:13px}.upload-zone small{font-size:12px}.upload-zone input{color:#63799d;max-width:250px;font-size:12px}.upload-zone input::file-selector-button{background:var(--blue);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:7px;margin-right:9px;padding:10px}.document-list{gap:12px;display:grid}.document-list article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:17px;padding:22px;display:flex}.document-icon{color:var(--blue);background:#edf4ff;border-radius:12px;padding:13px}.document-list article>div{flex:1;min-width:0}.document-list h3{overflow-wrap:anywhere;margin-bottom:5px;font-size:15px}.document-list small{font-size:12px}.info-banner{color:var(--blue);background:#edf5ff;border:1px solid #dce9fc;border-radius:13px;gap:13px;margin-bottom:26px;padding:22px;display:flex}.info-banner>svg{flex-shrink:0;margin-top:2px}.info-banner strong{color:#295789;font-size:15px;font-weight:600}.info-banner p{color:#6c86a8;margin-top:7px;font-size:13px;line-height:1.8}.account-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.zalo-brand{color:#2189df;background:#edf5ff;border-radius:10px;padding:10px 12px;font-size:20px;font-style:italic;font-weight:700}.account-card h2{margin-top:26px;font-size:23px}.account-toggle{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:23px 0;display:flex}.account-toggle>span{color:#617899;align-items:center;gap:9px;font-size:14px;display:flex}.account-toggle>span svg{color:#6c91c9}.switch{background:#ced9e9;border:0;border-radius:20px;flex-shrink:0;justify-content:flex-start;width:40px;height:24px;padding:3px}.switch.on{background:var(--blue);justify-content:flex-end}.switch span{background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0c245726}.empty{color:#8ba1c3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:180px;padding:55px 25px;display:flex}.empty svg{color:#85aff0}.empty p{font-size:14px;line-height:1.8}.alert{align-items:center;gap:10px;margin:15px 32px 0;display:flex}.alert .icon{margin-left:auto}.error{color:#ac4939;background:#fff1ee;border-radius:9px;padding:13px;font-size:13px;line-height:1.7}.toast{z-index:80;background:var(--navy);color:#fff;border-radius:11px;align-items:center;gap:10px;padding:16px 22px;display:flex;position:fixed;top:88px;right:30px;box-shadow:0 5px 25px #0c245720}.toast svg{color:var(--mint)}.mobile-menu,.mobile-back,.mobile-nav,.mobile-brand,.sidebar-close,.sidebar-backdrop{display:none}dialog{width:min(540px,100% - 32px);max-height:90dvh;color:var(--ink);border:1px solid #e1eafa;border-radius:20px;padding:0;box-shadow:0 25px 80px #0c245730}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c245770}.modal{padding:30px}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.modal-heading h2{font-size:24px}.modal form>p{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.8}label{color:#3f567b;flex-direction:column;gap:9px;font-size:13px;font-weight:500;display:flex}form label{margin-bottom:20px}label input,label select,label textarea{background:#fff;border:1px solid #dce5f3;border-radius:9px;width:100%;min-height:45px;padding:12px 14px;font-size:14px;font-weight:400}label small{font-size:11px;font-weight:400}label textarea{resize:vertical;line-height:1.7}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:11px;margin-top:25px;padding-top:22px;display:flex}.form-note{color:#5b7fa8;background:#f1f7ff;border-radius:9px;margin-bottom:22px;padding:15px;font-size:12px;line-height:1.9}.login{background:#fff;grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.login-story{background:var(--navy);color:#fff;flex-direction:column;align-items:flex-start;padding:38px clamp(40px,5vw,90px) 35px;display:flex;position:relative;overflow:hidden}.login-brand{align-items:center;gap:30px;min-height:112px;margin-bottom:26px;padding:30px 0;display:flex}.login-brand .brand-wordmark{width:184px}.login-brand .brand-sub{letter-spacing:1.8px;max-width:90px;font-size:9px;line-height:1.9}.login-story h1{letter-spacing:-2px;color:#fff;margin:24px 0;font-size:clamp(42px,4vw,56px);font-weight:600;line-height:1.14}.login-story h1 span{color:var(--cyan)}.login-story>p{color:#aec4e9;max-width:420px;font-size:16px;line-height:1.9}.login-sample{background:#ffffff09;border:1px solid #ffffff1a;border-radius:18px;width:100%;max-width:440px;margin:32px 0 34px;padding:22px;box-shadow:0 15px 50px #00123912}.login-sample>div{align-items:center;gap:10px;display:flex}.login-sample .avatar{color:#d0e4ff;background:#ffffff12;width:36px;height:36px}.login-sample strong{flex:1;font-size:12px;font-weight:500}.login-sample small{color:#a8bee1;margin-top:4px;font-size:10px;display:block}.login-sample .badge{color:#8be8c9;background:#21d39b18;font-size:9px}.login-sample>p{color:#e0e9fa;background:#ffffff0c;border-radius:3px 11px 11px;margin:20px 40px 0 0;padding:12px 14px;font-size:13px;line-height:1.8}.login-sample>p.sample-reply{color:#29558f;background:#eff6ff;border-radius:11px 3px 11px 11px;margin:14px 0 0 35px}.sample-reply small{color:#6190bc;align-items:center;gap:5px;display:flex}.login-story footer{letter-spacing:.4px;color:#809fcf;justify-content:space-between;gap:16px;width:100%;margin-top:auto;font-size:10px;display:flex}.login-story footer span:last-child{letter-spacing:1.3px;font-size:9px}.login-form{justify-content:center;align-items:center;padding:50px;display:flex}.login-form>div{width:100%;max-width:400px}.login-form .eyebrow{color:#6383af;font-size:10px}.login-form h2{letter-spacing:-1px;margin:15px 0;font-size:32px;font-weight:600}.login-form>div>p{color:#71839d;margin-bottom:32px;font-size:15px;line-height:1.8}.login-form form .primary{justify-content:center;min-height:50px;margin-top:8px;padding:14px 17px;position:relative}.login-form .login-submit>svg{position:absolute;right:17px}.login-form .text-button{margin:17px auto;font-size:13px;display:flex}.demo-note{color:#5488ce;background:#f6faff;border:1px solid #e0ebfa;border-radius:12px;gap:11px;margin-top:30px;padding:18px;display:flex}.demo-note>svg{flex-shrink:0;margin-top:1px}.demo-note strong{color:#3e6395;font-size:12px;font-weight:500}.demo-note p{color:#7590b5;margin-top:7px;font-size:11px;line-height:1.9}.login-mobile-brand{display:none}.boot{height:100dvh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.boot .brand-symbol{width:64px}.boot p{font-size:14px}@media (min-width:1650px){.inbox{grid-template-columns:340px minmax(380px,1fr) 275px}.conversation-title strong{font-size:14px}.conversation p{font-size:13px}.conversation-meta{font-size:11px}.conversation-meta .badge{font-size:10px}.chat-header h3,.bubble{font-size:16px}.contact-row,.stages li,.panel-section p{font-size:12px}}@media (max-width:1360px){.inbox{grid-template-columns:290px minmax(320px,1fr)}.customer-panel{display:none}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1.25fr 1fr}.login-brand .brand-sub{display:none}.login-story{padding-left:45px;padding-right:45px}}@media (max-width:1100px){:root{--sidebar:216px}.sidebar{padding-left:12px;padding-right:12px}.sidebar-brand{padding:24px 20px}.sidebar-brand .brand-wordmark{width:145px}.sidebar nav button{padding:12px;font-size:13px}.workspace strong{font-size:11px}.workspace-icon{display:none}.nav-label{font-size:9px}.topbar{padding:0 24px}.page-heading{padding:25px 24px 22px}.page-heading h1{font-size:34px}.page-heading h1 span{font-size:13px}.page-heading .eyebrow{font-size:9px}.inbox{grid-template-columns:260px minmax(280px,1fr);height:calc(100dvh - 270px);margin-left:24px;margin-right:24px}.inbox-summary{margin-left:24px;margin-right:24px;font-size:11px}.summary-right{display:none}.conversation{gap:9px;padding:18px 12px}.conversation>.avatar{width:34px;height:34px;font-size:11px}.conversation-title strong{font-size:11px}.conversation-meta>span:nth-child(2){display:none}.filters{gap:2px;padding-left:12px;padding-right:12px}.filters button{padding:8px;font-size:10px}.chat-header{padding:16px}.chat-header>.avatar{display:none}.chat-mode{padding-left:17px;padding-right:17px}.messages{padding:18px}.bubble{padding:12px 14px;font-size:14px}.content{padding-left:24px;padding-right:24px}.dashboard-grid,.knowledge-top{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.account-grid{grid-template-columns:1fr}.card h2{font-size:23px}.connection{font-size:11px}.top-actions{gap:12px}.login-story h1{font-size:46px}.login-sample .badge{display:none}.login-form{padding:40px}.login-form h2{font-size:30px}}@media (max-width:850px){:root{--sidebar:0px}.sidebar{width:260px;padding:0 18px 18px;display:none;box-shadow:15px 0 40px #0c245720}.sidebar.open{display:flex}.sidebar-backdrop{z-index:39;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c245760;border:0;display:block;position:fixed;inset:0}.sidebar-close{color:#b8cae6;min-width:28px;min-height:28px;padding:5px;display:flex;position:absolute;top:8px;right:8px}.sidebar-close:hover{color:#fff;background:#ffffff15}.sidebar-brand{min-height:124px}.sidebar-brand .brand-wordmark{width:160px}.workspace-icon{display:flex}.workspace strong{font-size:12px}.sidebar nav button{min-height:48px;font-size:14px}.mobile-menu{display:inline-flex}.main{width:100%;margin-left:0}.topbar{gap:10px;height:68px}.breadcrumb{flex:1}.page-heading h1{font-size:36px}.inbox{grid-template-columns:285px minmax(300px,1fr)}.login-story{padding:35px}.login-story h1{font-size:42px}.login-form{padding:30px}.login-story footer span:last-child{display:none}}@media (max-width:700px){body{font-size:14px}.main{height:calc(100dvh - 68px - env(safe-area-inset-bottom));flex-direction:column;display:flex}.topbar{flex-shrink:0;gap:10px;height:64px;min-height:64px;padding:0 16px}.mobile-brand{justify-content:center;align-items:center;padding:7px;display:flex}.mobile-brand .brand-symbol{width:29px;height:25px}.breadcrumb{gap:0;min-width:0;font-size:12px}.breadcrumb .breadcrumb-root,.breadcrumb>span:not(.breadcrumb-root){display:none}.breadcrumb strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.top-actions{gap:5px;margin-left:auto}.top-actions>.avatar,.connection{display:none}.top-actions .badge{font-size:10px}.page-heading{flex-shrink:0;gap:10px;padding:20px 18px 16px}.page-heading h1{letter-spacing:-1px;font-size:30px}.page-heading h1 span{display:none}.page-heading .eyebrow{letter-spacing:1.3px;margin-bottom:5px;font-size:8px}.heading-actions .primary{border-radius:9px;gap:5px;min-height:40px;padding:10px;font-size:11px}.heading-actions svg{width:15px}.inbox-summary{flex-wrap:wrap;flex-shrink:0;gap:6px;min-height:18px;margin:0 18px 14px;font-size:10px}.inbox-summary>span:first-child{gap:5px;margin-right:6px}.inbox{height:auto;min-height:0;box-shadow:none;border-bottom:0;border-left:0;border-right:0;border-radius:0;flex:1;margin:0;display:block}.conversation-list{border-right:0;height:100%}.list-heading{display:none}.list-search{margin:15px 18px 12px;padding:12px}.list-search input{font-size:13px}.filters{gap:7px;padding:0 18px 14px}.filters button{padding:9px 12px;font-size:12px}.conversation{gap:12px;padding:20px 18px}.conversation>.avatar{width:43px;height:43px;font-size:13px}.conversation-title strong{font-size:13px}.conversation-title time{font-size:11px}.conversation p{margin:8px 0 11px;font-size:13px}.conversation-meta{font-size:11px}.conversation-meta>span:nth-child(2){display:inline}.conversation-meta .badge{font-size:10px}.list-footer{padding:12px 18px;font-size:10px}.chat{height:100%;display:none}.show-chat .conversation-list{display:none}.show-chat .chat{display:flex}.mobile-back{display:inline-flex}.chat-header{flex-shrink:0;gap:8px;min-height:68px;padding:11px 14px}.chat-header h3{font-size:13px}.chat-header small{font-size:10px}.takeover{gap:6px;min-height:40px;font-size:11px;padding:10px!important}.chat-mode{flex-shrink:0;padding:10px 19px}.chat-mode strong{font-size:11px}.chat-mode small{font-size:10px;line-height:1.6}.messages{padding:18px 16px}.bubble{padding:12px 14px;font-size:15px;line-height:1.75}.message>div{max-width:88%}.message-author,.message-time{font-size:10px}.composer{flex-shrink:0;margin:10px 13px 12px;padding:12px}.composer textarea{height:45px;min-height:42px;font-size:16px}.composer small{max-width:calc(100% - 48px);font-size:9px;line-height:1.6}.send-button{width:38px;height:38px}.content{flex:1;min-height:0;padding:0 18px 28px;overflow:auto}.mobile-nav{height:calc(68px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);border-top:1px solid var(--line);z-index:30;background:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#7f91ad;background:0 0;border:0;flex-direction:column;flex:1;gap:5px;padding:9px 4px;font-size:10px;font-weight:500;display:flex;position:relative}.mobile-nav button.active{color:var(--blue)}.mobile-nav button.active:before{content:"";background:var(--blue);border-radius:0 0 4px 4px;width:30px;height:3px;position:absolute;top:0}.mobile-nav button.active svg{box-sizing:content-box;background:#edf4ff;border-radius:9px;margin-top:-3px;margin-bottom:-3px;padding:3px 14px}.stats{gap:12px;margin-bottom:18px}.stat{border-radius:13px;padding:17px}.stat-icon{padding:9px}.stat p{margin-top:18px;font-size:11px}.stat strong,.stat:nth-child(4) strong{letter-spacing:-.7px;overflow-wrap:anywhere;font-size:24px}.card{border-radius:14px;padding:22px}.card h2{font-size:22px}.card p{font-size:14px}.card-title{align-items:flex-start}.card-title .badge{flex-shrink:0;font-size:10px}.dashboard-grid{gap:17px}.customer-line strong{font-size:13px}.customer-line p{font-size:11px}.customer-line .avatar{width:36px;height:36px;font-size:11px}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.product-card{border-radius:13px;padding:19px 16px}.product-card h3{margin-top:18px;font-size:14px;line-height:1.6}.product-card strong{font-size:16px}.table-toolbar{flex-wrap:wrap;gap:10px;font-size:11px}.table-toolbar .list-search{flex:1;width:220px;min-width:150px}.table-toolbar .secondary{font-size:12px}.table-wrap th{padding:15px 18px;font-size:11px}.table-wrap td{padding:18px;font-size:13px}.section-title{margin:25px 0 16px}.section-title h2{font-size:21px}.section-title small{text-align:right;max-width:135px;font-size:10px}.section-title>span{font-size:11px}.knowledge-top{gap:17px}.upload-zone{padding:28px 16px}.upload-zone strong{font-size:18px}.upload-zone span,.upload-zone small{font-size:11px}.document-list article{gap:12px;padding:16px}.document-list h3{font-size:13px}.document-list small{font-size:10px}.document-list .badge{display:none}.document-icon{padding:11px}.info-banner{gap:10px;padding:18px}.info-banner strong{font-size:13px}.info-banner p{font-size:12px}.account-grid{gap:16px}.account-card h2{font-size:22px}.account-toggle>span{font-size:13px}.alert{flex-shrink:0;margin:8px 16px;font-size:11px}.toast{padding:14px 18px;font-size:13px;top:75px;left:16px;right:16px}.login{background:var(--bg);min-height:100dvh;display:flex}.login-story{display:none}.login-form{align-items:flex-start;width:100%;padding:30px 25px 40px}.login-form>div{max-width:400px}.login-mobile-brand{justify-content:flex-start;margin-bottom:22px;padding:28px 0 32px;display:flex}.login-mobile-brand .brand-wordmark{width:170px}.login-form h2{font-size:30px}.login-form>div>p{font-size:14px}.login-form label input{background:#fff;min-height:50px;font-size:16px}.login-form .eyebrow{font-size:9px}.login-form .text-button{font-size:12px}.demo-note{background:#fff}.modal{padding:24px}.modal-heading h2{font-size:22px}.modal-heading{margin-bottom:20px}label input,label textarea,label select{font-size:16px}.form-row{grid-template-columns:1fr;gap:0}.modal-actions{background:#fff;margin-top:21px;margin-left:-24px;margin-right:-24px;padding:17px 24px;position:sticky;bottom:-24px}.modal-actions button,.empty p{font-size:13px}}@media (max-width:370px){.page-heading{padding-left:14px;padding-right:14px}.page-heading h1{font-size:27px}.page-heading .eyebrow{font-size:7px}.heading-actions .primary{padding:9px;font-size:10px}.inbox-summary{margin-left:14px;margin-right:14px;font-size:9px}.chat-header h3{font-size:12px}.takeover{font-size:10px}.topbar{padding:0 12px}.breadcrumb{font-size:11px}.filters button{padding:8px 10px}.conversation{padding:18px 14px}.bubble{font-size:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (max-width:700px){.table-wrap{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.table-wrap table,.table-wrap tbody{white-space:normal;width:100%;display:block}.table-wrap thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.table-wrap tr{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:13px;padding:17px;display:block}.table-wrap td{overflow-wrap:anywhere;border:0;max-width:none;padding:11px 0;font-size:14px;display:block;overflow:visible}.table-wrap td:not(:first-child):before{content:attr(data-label);letter-spacing:.2px;color:#8295b1;margin-bottom:7px;font-size:10px;font-weight:500;display:block}.table-wrap td:first-child{border-bottom:1px solid #eef2f8;margin-bottom:3px;padding-top:0;padding-bottom:14px}.table-wrap td:first-child strong{font-size:14px}.table-wrap td:last-child{padding-bottom:0}.table-wrap td[data-label=Thao\ tác]:before{display:none}.table-wrap td[data-label=Thao\ tác] button{width:100%}.table-wrap td select{width:100%;min-height:43px;font-size:14px}.table-wrap td small{font-size:12px;line-height:1.7}.table-wrap .truncate{white-space:normal;text-overflow:initial}.name-cell .avatar{width:38px;height:38px}}.personal-section{margin-bottom:36px}.personal-create{gap:16px;margin-bottom:24px;padding:24px;display:grid}.personal-create label{gap:9px;font-size:14px;display:grid}.personal-create input:not([type=checkbox]){border:1px solid var(--line);border-radius:10px;max-width:440px;padding:12px}.personal-create .personal-consent{align-items:center;gap:10px;display:flex}.personal-consent input{accent-color:#176bff;flex-shrink:0;width:18px;height:18px}.personal-create .primary{justify-self:start}.personal-qr{text-align:center;padding:16px 0}.personal-qr img{max-width:100%;height:auto;margin:0 auto;display:block}.pair-box{background:#f6f9fc;border-radius:12px;margin:18px 0;padding:18px}.pair-box code{color:#0c2457;overflow-wrap:anywhere;background:#fff;margin:12px 0;padding:14px;font-size:16px;font-weight:700;display:block}.participants{padding:0;list-style:none}.participants li{border-bottom:1px solid #e5ebf3;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.participants li span{overflow-wrap:anywhere}.personal-card .personal-hint{margin:12px 0 20px;font-size:13px}.personal-card .switch{flex-shrink:0}.knowledge-workspace{gap:20px;display:grid}.knowledge-workspace .card{min-width:0}.knowledge-workspace .knowledge-top{margin-bottom:0}.knowledge-workspace .card>.secondary{margin-top:16px}.kb-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.document-list article>.kb-actions{flex:0 auto}.knowledge-workspace .document-list h3{overflow-wrap:anywhere}.kb-settings,.kb-probe form{gap:16px;display:grid}.kb-settings label,.kb-probe label,.kb-preview label{gap:8px;font-size:14px;display:grid}.kb-settings input:not([type=checkbox]),.kb-settings select,.kb-preview input,.kb-probe textarea{background:#fff;border:1px solid #dce3ed;border-radius:10px;width:100%;padding:12px}.kb-probe textarea{resize:vertical;min-height:100px}.kb-settings .kb-consent{align-items:flex-start;line-height:1.6;display:flex}.kb-consent input{flex-shrink:0;margin-top:5px}.kb-error{color:#a52621;overflow-wrap:anywhere;background:#fff0ee;border-radius:12px;padding:16px}.kb-warning{color:#87612b;padding-top:5px;display:block}.kb-passages{max-height:440px;margin-top:16px;overflow:auto}.kb-passages pre,.kb-answer pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7fb;border-radius:10px;padding:14px;font-family:inherit;font-size:14px;line-height:1.7}.kb-answer{border-top:1px solid #e1e7ef;margin-top:24px;padding-top:24px}.kb-answer>small{color:#63758a;margin-top:10px;display:block}.kb-answer-text{white-space:pre-wrap;overflow-wrap:anywhere}.kb-answer details{margin-top:16px}.kb-answer summary{cursor:pointer;color:#0057ff;overflow-wrap:anywhere}@media (max-width:700px){.knowledge-workspace .document-list article{flex-wrap:wrap}.document-list article>.kb-actions{flex-basis:100%}.kb-actions button{min-height:42px}.knowledge-workspace .section-title{gap:12px}.kb-settings .kb-actions{flex-direction:column;align-items:stretch}}.commerce-workspace .card{gap:16px;padding:24px;display:grid}.commerce-workspace h2,.commerce-workspace h3{margin:0}.commerce-heading,.commerce-kind,.commerce-key{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.commerce-kind{justify-content:flex-start}.commerce-heading h2{align-items:center;gap:10px;display:flex}.commerce-key label{flex:1;min-width:200px}.commerce-workspace label{gap:8px;display:grid}.commerce-workspace input:not([type=checkbox]),.commerce-workspace select,.commerce-products input{color:#172b4d;background:#fff;border:1px solid #dae3f0;border-radius:10px;width:100%;min-width:0;padding:12px}.commerce-setup{border-top:1px solid #e5edf7;gap:18px;padding-top:20px;display:grid}.commerce-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.commerce-workspace fieldset{border:1px solid #e5edf7;border-radius:12px;padding:16px}.commerce-workspace .commerce-check{align-items:center;gap:10px;margin:8px 0;display:flex}.commerce-help,.commerce-workspace small{color:#63758c;line-height:1.6}.commerce-alert{color:#963d10;overflow-wrap:anywhere;background:#fff4ed;border-radius:12px;padding:14px}.commerce-products{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.commerce-products article{overflow-wrap:anywhere;border:1px solid #e5edf7;border-radius:12px;gap:8px;min-width:0;padding:16px;display:grid}.commerce-products b{color:#005bff}@media (max-width:700px){.commerce-grid{grid-template-columns:1fr}.commerce-workspace .card{padding:18px}.commerce-key{align-items:stretch}.commerce-key button{width:100%}.commerce-products{grid-template-columns:1fr}}.commerce-workspace{gap:20px;display:grid}.internal-note{color:#73551d;overflow-wrap:anywhere;background:#fff7e6;border:1px solid #eed29a;border-radius:12px;margin:16px 8px;padding:14px 18px;font-size:13px}.internal-note p{margin:6px 0;line-height:1.5}.avatar{flex-shrink:0;overflow:hidden}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.outgoing.from-ai .bubble{color:#145447;background:#e8f7f3;border-color:#bfe8dc}.outgoing.from-ai .message-author{color:#18745f}.outgoing.from-human .bubble{color:#224575;background:#edf4ff;border-color:#cbdfff}.outgoing.from-human .message-author{color:#285fba}.inbox-focused .topbar{gap:12px;height:52px;padding:0 18px}.inbox-focused .page-heading{display:none}.inbox-focused .inbox-summary{min-height:34px;margin:0;padding:5px 18px;font-size:12px}.inbox-focused .inbox{height:calc(100dvh - 96px);min-height:360px;margin:0 12px 10px}.inbox-focused .chat-header{padding:12px 18px}.inbox-focused .chat-mode{padding:9px 18px}.inbox-focused .breadcrumb{margin-right:auto}.desktop-nav-toggle{flex-shrink:0}.compact-demo{padding:6px 10px;font-size:12px}.inbox.details-collapsed{grid-template-columns:300px minmax(320px,1fr)}.badge.red{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;font-weight:700}.attention-pulse{animation:1.8s ease-in-out infinite attention-pulse}.chat-mode.needs-attention{color:#b91c1c;background:#fff1f2;border-bottom:1px solid #fecaca}.attention-ack{color:#991b1b;cursor:pointer;background:#fff1f2;border:0;border-bottom:1px solid #fecaca;padding:8px 16px;font-weight:600}@keyframes attention-pulse{0%,to{box-shadow:0 0 #ef444400}50%{background:#fecaca;box-shadow:0 0 0 4px #ef444430}}@media (prefers-reduced-motion:reduce){.attention-pulse{animation:none}}@media (min-width:901px){.nav-collapsed>.sidebar{display:none}.nav-collapsed>.main{width:100%;margin-left:0}}@media (max-width:900px){.desktop-nav-toggle{display:none}.inbox-focused .inbox{height:calc(100dvh - 94px);margin:0 8px 8px}.inbox-focused .summary-right{display:none}.inbox.details-collapsed{grid-template-columns:260px minmax(0,1fr)}}@media (max-width:700px){.inbox-focused .inbox,.inbox.details-collapsed{grid-template-columns:1fr}.inbox-focused .topbar{padding:0 12px}.inbox-focused .inbox-summary{gap:6px;padding:5px 12px;font-size:11px}.details-toggle{display:none}.compact-demo{font-size:11px}}.commerce-workspace form label{margin-bottom:0}.commerce-workspace .commerce-key{align-items:flex-end}.commerce-workspace .commerce-channels{border-color:#e1e9f5;border-radius:14px;min-width:0;margin:4px 0 0;padding:18px}.commerce-channels legend{color:#18345d;padding:0 8px;font-size:14px;font-weight:650}.commerce-section-intro{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.commerce-section-intro p{color:#71829c;margin:0;font-size:13px;line-height:1.5}.commerce-selection-count{white-space:nowrap;color:#2060c7;background:#edf4ff;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:600}.commerce-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.commerce-workspace .commerce-channel{cursor:pointer;background:#fff;border:1px solid #e3eaf4;border-radius:11px;flex-direction:row;align-items:center;gap:12px;min-width:0;padding:14px;transition:background .15s,border-color .15s;display:flex}.commerce-channel:hover{background:#f8fbff;border-color:#9abcf4}.commerce-workspace .commerce-channel.is-selected{background:#f0f6ff;border-color:#7aabff;box-shadow:0 0 0 1px #dceaff}.commerce-workspace .commerce-channel input[type=checkbox]{appearance:auto;accent-color:#1769ff;cursor:pointer;flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:0;padding:0}.commerce-channel-icon{color:#7a8fae;background:#f0f4fa;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.is-selected .commerce-channel-icon{color:#1769ff;background:#dfeaff}.commerce-channel-copy{gap:4px;min-width:0;display:grid}.commerce-channel-copy strong{color:#203b63;overflow-wrap:anywhere;font-size:13px;font-weight:600}.commerce-channel-copy small{font-size:11px}.commerce-automation{background:#fbfcff;border:1px solid #e1e9f5;border-radius:14px;overflow:hidden}.commerce-workspace .commerce-auto-toggle{cursor:pointer;flex-direction:row;align-items:center;gap:14px;padding:20px;display:flex}.commerce-automation-icon{color:#1769ff;background:#eaf1ff;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.commerce-auto-copy{flex:1;gap:5px;min-width:0;display:grid}.commerce-auto-copy strong{color:#18345d;font-size:15px;font-weight:650}.commerce-auto-copy small{font-size:12px;font-weight:400}.commerce-workspace .commerce-auto-toggle input[type=checkbox]{appearance:none;cursor:pointer;background:#c5d1e2;border:1px solid #b4c3d8;border-radius:20px;flex:0 0 44px;width:44px;height:26px;min-height:26px;margin:0;padding:0;transition:background .15s;position:relative}.commerce-auto-toggle input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #18345d25}.commerce-workspace .commerce-auto-toggle input[type=checkbox]:checked{background:#1769ff;border-color:#1769ff}.commerce-auto-toggle input[type=checkbox]:checked:after{transform:translate(18px)}.commerce-order-notes{border-top:1px solid #e5edf8;grid-template-columns:1fr 1fr;gap:20px;margin:0 20px;padding:18px 0;display:grid}.commerce-order-notes>div{align-items:flex-start;gap:10px;display:flex}.commerce-order-notes svg{color:#6b86ad;flex-shrink:0;margin-top:1px}.commerce-order-notes p{color:#71829b;gap:5px;margin:0;font-size:12px;line-height:1.6;display:grid}.commerce-order-notes strong{color:#486286;font-weight:600}.commerce-simulation-note{color:#71809a;background:#f4f7fc;border-top:1px solid #e5edf8;margin:0;padding:12px 20px;font-size:11px;line-height:1.6}.commerce-save-bar{justify-content:space-between;align-items:center;gap:18px;padding-top:2px;display:flex}.commerce-save-bar p{color:#71829c;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.commerce-save-bar svg{flex-shrink:0}.commerce-save-bar button{flex-shrink:0;min-width:180px}.commerce-spinning{animation:1.2s linear infinite commerce-spin}@keyframes commerce-spin{to{transform:rotate(360deg)}}@media (max-width:1200px){.commerce-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.commerce-workspace .commerce-channels{padding:14px}.commerce-channel-grid{grid-template-columns:1fr}.commerce-section-intro{align-items:flex-start}.commerce-section-intro p{font-size:12px}.commerce-selection-count{font-size:11px}.commerce-workspace .commerce-auto-toggle{gap:10px;padding:16px}.commerce-automation-icon{display:none}.commerce-order-notes{grid-template-columns:1fr;gap:14px;margin:0 16px}.commerce-simulation-note{padding:12px 16px}.commerce-save-bar{flex-direction:column;align-items:stretch;gap:14px}.commerce-save-bar button{width:100%}}@media (prefers-reduced-motion:reduce){.commerce-spinning{animation:none}}.commerce-catalog{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.commerce-catalog article{flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.commerce-product-cover{aspect-ratio:4/3;background:#f6f8fc;border-bottom:1px solid #edf1f7;width:100%;overflow:hidden}.commerce-product-cover img{object-fit:contain;width:100%;height:100%;padding:10px;display:block}.commerce-cover-empty{color:#98a8bf;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;font-size:12px;display:flex}.commerce-product-info{flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:14px;font-size:13px;line-height:1.5;display:flex}.commerce-product-info>strong{color:#203b63;font-size:14px}.commerce-product-info>small{font-size:11px}.commerce-product-info>b{margin-top:auto;padding-top:4px;font-size:15px}.commerce-product-info>span{color:#63758c;font-size:12px}@media (max-width:700px){.commerce-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.commerce-product-info{padding:10px}.commerce-product-info>strong{font-size:12px}.commerce-product-info>b{font-size:14px}}@media (max-width:359px){.commerce-catalog{grid-template-columns:1fr}}.channel-delete{color:#bd414b;background:#fff;border:1px solid #f0d9dd;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:13px;display:flex}.channel-delete:hover{background:#fff4f5;border-color:#df9da6}.zalo-plan-card{margin:20px 0;padding:24px}.zalo-plan-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.zalo-plan-eyebrow{color:#6381a8;letter-spacing:1px;font-size:11px;font-weight:700}.zalo-plan-heading h2{align-items:center;gap:10px;margin:10px 0;font-size:23px;display:flex}.zalo-plan-heading p{color:#74859e;margin:0;font-size:13px;line-height:1.6}.zalo-purchase{border-top:1px solid #e3ebf5;margin-top:24px;padding-top:20px}.zalo-price-options{grid-template-columns:1fr 1fr;gap:14px;display:grid}.zalo-price-options button{text-align:left;color:#244369;background:#fff;border:1px solid #dce6f4;border-radius:12px;gap:10px;padding:20px;display:grid}.zalo-price-options button.selected{background:#f2f7ff;border-color:#1769ff;box-shadow:0 0 0 1px #1769ff}.zalo-price-options strong{font-size:26px}.zalo-price-options b{color:#188463;background:#dbf7ed;border-radius:5px;margin-left:8px;padding:4px 8px;font-size:11px}.zalo-price-options small,.zalo-purchase-summary small{color:#74859e;font-size:12px}.zalo-purchase-summary{flex-wrap:wrap;align-items:center;gap:24px;margin:22px 0 14px;display:flex}.zalo-purchase-summary label{max-width:140px}.zalo-purchase-summary>div{flex:1;gap:8px;display:grid}.zalo-purchase-summary strong{color:#1769ff;font-size:22px}.zalo-purchase-history{border-top:1px solid #e3ebf5;margin-top:20px;padding-top:16px;font-size:13px}.zalo-purchase-history summary{cursor:pointer;color:#3b5c88}.zalo-purchase-history summary svg{vertical-align:middle;margin-right:6px}.zalo-purchase-history>div{border-bottom:1px solid #eef2f7;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:15px 0;display:flex}.zalo-purchase-history small{color:#7c8da7;overflow-wrap:anywhere;flex-basis:100%}@media (max-width:700px){.zalo-plan-card{padding:18px}.zalo-price-options{grid-template-columns:1fr}.zalo-purchase-summary{gap:15px}.zalo-purchase-summary button,.zalo-plan-heading>button{width:100%}}.saas-content{flex-direction:column;gap:22px;display:flex}.saas-content h1{letter-spacing:-1px;margin:0 0 8px;font-size:30px}.saas-content h2{margin:12px 0;font-size:20px}.saas-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.saas-heading p{color:#6b7f9e;margin:5px 0}.saas-pill{color:#657998;white-space:nowrap;background:#eff3fa;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:650;display:inline-flex}.saas-pill.good{color:#188165;background:#e5f8f1}.saas-pill.danger{color:#c63148;background:#fff0f0}.saas-onboarding{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.saas-step{justify-content:space-between;align-items:center;display:flex}.saas-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.saas-number{color:#102856;letter-spacing:-1px;font-size:30px;display:block}.saas-number small{color:#71829d;letter-spacing:0;font-size:15px}.saas-url{background:#f5f8ff;border:1px solid #e1eafa;border-radius:12px;align-items:center;gap:8px;padding:12px;display:flex}.saas-url code{overflow-wrap:anywhere;flex:1;font-size:13px}.saas-content progress{accent-color:#1768ff;width:100%;height:8px}.saas-warning{background:#fff2f1;border-radius:10px;padding:12px;color:#b73b49!important}.saas-muted{color:#6b7f9e;font-size:13px;line-height:1.7}.saas-payment{align-items:flex-end;gap:16px;margin:20px 0;display:flex}.saas-payment label{flex:1;max-width:360px}.saas-content label{color:#506789;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.saas-content input,.saas-content select,.saas-content textarea{width:100%;font:inherit;color:#152848;background:#fff;border:1px solid #dce6f5;border-radius:10px;min-height:44px;padding:12px}.saas-content form{flex-direction:column;gap:18px;display:flex}.saas-content label.saas-check{flex-direction:row;align-items:flex-start;gap:10px}.saas-check input[type=checkbox]{accent-color:#1768ff;flex:none;width:18px;height:18px;min-height:18px;margin:1px 0}.saas-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.saas-table-wrap{overflow-x:auto}.saas-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.saas-table th{color:#6c809f;letter-spacing:.4px;white-space:nowrap;background:#f8faff;padding:13px;font-size:11px}.saas-table td{vertical-align:middle;border-bottom:1px solid #edf1f8;padding:16px 13px}.saas-table small{color:#7185a3;overflow-wrap:anywhere;margin-top:5px;font-size:11px;display:block}.saas-search{margin-bottom:18px;position:relative}.saas-search svg{color:#8096b5;position:absolute;top:13px;left:12px}.saas-search input{padding-left:40px}.saas-loading{color:#61789e;padding:40px}.admin-shell{background:#f5f8fc;min-height:100dvh;display:flex}.admin-sidebar{color:#bcd0ef;background:#102653;flex-direction:column;flex:none;gap:24px;width:240px;padding:32px 22px;display:flex;position:fixed;top:0;bottom:0;overflow:auto}.admin-caption{letter-spacing:1.6px;color:#8fa7ce;font-size:10px}.admin-sidebar nav{flex-direction:column;gap:7px;display:flex}.admin-sidebar nav button{color:inherit;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:13px;font-size:13px;display:flex}.admin-sidebar nav button.active{color:#fff;background:#1768ff}.admin-user{flex-direction:column;gap:8px;margin-top:auto;font-size:13px;display:flex}.admin-user small{overflow-wrap:anywhere;font-size:11px}.admin-user button{margin-top:10px}.admin-main{flex:1;min-width:0;margin-left:240px}.admin-topbar{color:#8091ac;background:#fff;border-bottom:1px solid #e4ecf7;justify-content:space-between;align-items:center;height:68px;padding:0 30px;font-size:13px;display:flex}.admin-topbar strong{color:#213c66}.admin-content{max-width:1600px;margin:auto;padding:30px}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.admin-attention{text-align:left;color:#576f92;background:0 0;border:0;border-bottom:1px solid #e9eef7;align-items:center;gap:20px;width:100%;padding:14px 0;font-size:13px;display:flex}.admin-attention strong{color:#172f59}.admin-login{background:radial-gradient(at 20% 10%,#dfecff,#0000 55%),#f3f7fc;place-items:center;min-height:100dvh;padding:24px;display:grid}.admin-login>.card{width:100%;max-width:460px;padding:36px}.admin-login .eyebrow{margin:26px 0 12px;display:block}.admin-login h1{letter-spacing:-.7px;color:#102653;font-size:25px}.admin-login form{flex-direction:column;gap:18px;margin:26px 0;display:flex}.admin-login label{font-size:13px}.admin-login a{color:#1768ff;font-size:13px}.receipt-form{max-width:700px}.saas-secret{overflow-wrap:anywhere;background:#f4f7fc;border-radius:10px;padding:16px;display:block}.saas-ready-strip{color:#46678e;background:#eff6ff;border:1px solid #dce9ff;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:0 24px 18px;padding:14px 18px;font-size:13px;display:flex}.saas-ready-strip button{white-space:nowrap}.kb-sales-settings{margin-bottom:20px}.kb-sales-settings form{flex-direction:column;gap:18px;display:flex}.kb-sales-settings .saas-check{font-weight:400;line-height:1.6}.kb-sales-settings h2{margin-top:0}@media (max-width:1100px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-sidebar{width:205px;padding:24px 16px}.admin-main{margin-left:205px}.saas-onboarding{grid-template-columns:1fr 1fr}}@media (max-width:720px){.admin-shell{display:block}.admin-sidebar{gap:14px;width:100%;padding:18px;position:static}.admin-sidebar>img{width:110px}.admin-sidebar nav{flex-direction:row;overflow-x:auto}.admin-sidebar nav button{white-space:nowrap;padding:10px}.admin-user{display:none}.admin-main{margin-left:0}.admin-topbar{height:55px;padding:0 18px}.admin-content{padding:18px}.saas-content h1{font-size:24px}.saas-columns,.saas-onboarding,.saas-form-grid{grid-template-columns:1fr}.saas-heading{align-items:flex-start}.saas-payment{flex-direction:column;align-items:stretch}.saas-payment label{max-width:none}.saas-ready-strip{align-items:flex-start;margin:0 12px 12px}.admin-attention{flex-direction:column;align-items:flex-start;gap:6px}.admin-login>.card{padding:24px}.admin-metrics .saas-number{font-size:23px}.saas-number{font-size:27px}}