.admin-page{height:100vh;background:#edf0f3;overflow-y:auto;color:#17212b}.admin-page>header{height:62px;background:#fff;border-bottom:1px solid #dbe1e6;display:flex;align-items:center;gap:18px;padding:0 20px;position:sticky;top:0;z-index:2}.admin-page>header button{border:0;background:#edf1f4;border-radius:7px;padding:7px 10px;display:flex;align-items:center;gap:5px}.admin-page>header span{display:flex;align-items:center;gap:7px}.admin-page>main{max-width:1050px;margin:0 auto;padding:20px}.admin-page section{background:#fff;border:1px solid #dbe1e6;border-radius:12px;padding:16px;margin-bottom:14px}.admin-page h2{font-size:13px;margin:0 0 13px;display:flex;align-items:center;gap:6px}.setting-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}.admin-page label{font-size:10px;color:#6e7984}.admin-page input,.admin-page select{width:100%;border:1px solid #ccd4db;border-radius:7px;padding:8px;margin-top:5px;background:#fff}.admin-page button{cursor:pointer}.admin-page .save,.inline-form button,.entry-row button{border:0;background:#25313d;color:#fff;border-radius:7px;padding:8px 11px;margin-top:10px}.inline-form{display:grid;grid-template-columns:1fr auto;gap:8px}.inline-form button{margin:5px 0 0;display:flex;align-items:center;gap:4px}.staff-form{grid-template-columns:1fr 1fr 1fr auto}.simple-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.simple-list>div{border:1px solid #dfe4e8;border-radius:8px;padding:9px}.simple-list small{display:block;color:#74808a;margin-top:3px}.entry-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.entry-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:9px;border:1px solid #dfe4e8;border-radius:9px;padding:9px}.entry-row img{width:64px;height:64px}.entry-row div{min-width:0}.entry-row code{display:block;font-size:9px;color:#65717c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.entry-row button{margin:0;font-size:9px}@media(max-width:800px){.setting-grid,.staff-form,.simple-list,.entry-list,.inline-form{grid-template-columns:1fr}}.logs-page{min-height:100vh;background:#e7edf2}.logs-page>header{height:64px;background:#fff;border-bottom:1px solid #d6dee5;display:flex;align-items:center;gap:16px;padding:0 18px}.logs-page>header span{display:flex;align-items:center;gap:7px;margin-right:auto}.logs-page button{border:0;border-radius:8px;background:#e8eef3;color:#263746;padding:8px 11px;display:flex;align-items:center;gap:5px;cursor:pointer}.logs-page main{padding:20px}.logs-page table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #ccd6de;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #2637461a}.logs-page th,.logs-page td{text-align:left;padding:12px;border-bottom:1px solid #e4e9ed;font-size:12px}.logs-page th{background:#dbe5ed;color:#425466}.logs-page tbody tr:last-child td{border-bottom:0}.logs-empty{background:#fff;border:1px solid #ccd6de;border-radius:12px;padding:60px;text-align:center;color:#74818c}.customers-page{min-height:100vh;background:#e7edf2;color:#17212b}.customers-page>header{height:64px;background:#fff;border-bottom:1px solid #d1dbe3;display:flex;align-items:center;gap:18px;padding:0 18px}.customers-page>header span{display:flex;align-items:center;gap:7px}.customers-page button{border:0;border-radius:8px;background:#e6edf3;padding:8px 11px;display:flex;align-items:center;gap:5px;cursor:pointer}.customers-page main{padding:20px}.customer-summary{display:grid;grid-template-columns:repeat(3,minmax(150px,220px));gap:12px;margin-bottom:16px}.customer-summary article{background:#fff;border:1px solid #cbd6de;border-radius:12px;padding:15px;box-shadow:0 2px 8px #26374614}.customer-summary small{display:block;color:#71808c;font-size:11px}.customer-summary strong{font-size:25px;margin-top:4px;display:block}.customer-table-panel{background:#fff;border:1px solid #c7d2db;border-radius:13px;overflow:hidden;box-shadow:0 3px 12px #2637461a}.customer-toolbar{display:flex;align-items:center;gap:10px;padding:13px;border-bottom:1px solid #dde4e9}.customer-toolbar label{width:min(390px,45vw);height:35px;border:1px solid #c7d2da;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px;background:#f8fafb}.customer-toolbar input{width:100%;border:0;outline:0;background:transparent}.customer-toolbar select{height:35px;border:1px solid #c7d2da;border-radius:8px;background:#fff;padding:0 10px}.customer-toolbar>span{margin-left:auto;color:#71808c;font-size:11px}.customer-table-panel table{width:100%;border-collapse:collapse}.customer-table-panel th,.customer-table-panel td{text-align:left;padding:12px;border-bottom:1px solid #e5eaee;font-size:11px;vertical-align:middle}.customer-table-panel th{background:#d9e4ec;color:#506272}.customer-table-panel td small{display:block;color:#7b8791;margin-top:3px}.customer-name{display:flex;align-items:center;gap:8px}.customer-name i{width:30px;height:30px;border-radius:50%;background:#dfe8ef;display:grid;place-items:center;font-style:normal}.customer-status{display:inline-block;border-radius:10px;padding:4px 8px;font-size:9px}.customer-status.active{background:#d7efe1;color:#23633e}.customer-status.waiting{background:#fff0d0;color:#855c13}.latest-message{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-table-empty{text-align:center;padding:55px;color:#78858f}@media(max-width:1050px){.latest-message{max-width:150px}.customer-table-panel{overflow-x:auto}.customer-table-panel table{min-width:900px}}:root{font-family:Inter,Noto Sans SC,system-ui,sans-serif;color:#17212b;background:#e9edf1}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}.app{height:100vh;min-width:960px;overflow:hidden}.topbar{height:64px;background:#fff;border-bottom:1px solid #dce2e7;display:flex;align-items:center;padding:0 18px;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand>b{width:32px;height:32px;border-radius:9px;background:#ff5b3d;color:#fff;display:grid;place-items:center}.brand span,.manager{display:flex;flex-direction:column}.brand small,.manager small,.monitor-title small,.customer-card small,.staff-card small,.focus small{color:#78838e;font-size:11px;margin-top:2px}.topbar nav{margin-left:auto;display:flex;gap:5px}.topbar nav button,.focus button,.context button{border:0;background:#edf1f4;border-radius:7px;padding:7px 10px;display:flex;align-items:center;gap:5px;cursor:pointer}.topbar nav .danger{color:#c73838}.manager{text-align:right}.workspace{height:calc(100vh - 64px);display:grid;grid-template-columns:178px minmax(0,1fr) 270px;overflow:hidden}.new-customers,.departments{background:#fff;padding:12px;overflow-y:auto}.new-customers{border-right:1px solid #dce2e7}.departments{border-left:1px solid #dce2e7}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px}.panel-title>span{background:#edf1f4;padding:3px 8px;border-radius:11px;font-size:11px}.customer-card{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;text-align:left;border:1px solid #dde3e8;background:#fbfcfd;border-radius:10px;padding:9px;margin-bottom:8px;cursor:pointer}.customer-card>i,.conversation-phone header>i{width:27px;height:27px;border-radius:50%;background:#e9eef2;display:grid;place-items:center;font-style:normal;font-size:11px}.customer-card span{display:flex;flex-direction:column;min-width:0}.customer-card time{font-size:10px;color:#d64a35}.customer-card.selected{border-color:#ff5b3d;background:#fff1ed;box-shadow:inset 3px 0 #ff5b3d}.empty{text-align:center;color:#7b8690;font-size:11px;padding:30px 4px}.monitor{overflow-y:auto;padding:14px;background:#eef1f4}.monitor-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.monitor-title>span:first-child{display:flex;flex-direction:column}.monitor-title>span:last-child{font-size:11px;color:#74808b}.conversation-grid{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:11px;align-items:start}.conversation-phone{height:360px;border:2px solid #d2d9df;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer}.conversation-phone.risk{border-color:#df4040;animation:warning 1.2s infinite}.call-label{position:absolute;right:8px;top:7px;background:#d83535;color:#fff;border-radius:10px;padding:3px 7px;font-size:9px;z-index:2}@keyframes warning{50%{box-shadow:0 0 0 5px #df40402e}}.conversation-phone>header{padding:9px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e3e8ec}.conversation-phone>header span{display:flex;flex-direction:column;font-size:11px}.online,.red-light{width:8px;height:8px;border-radius:50%;background:#35a568;margin-left:auto}.red-light{background:#df4040;box-shadow:0 0 0 4px #df404029}.message-list{flex:1;padding:11px;background:#f7f8fa;display:flex;flex-direction:column;gap:8px;overflow:hidden}.message{max-width:82%;background:#fff;border:1px solid #e1e6ea;border-radius:9px;padding:8px;font-size:11px;line-height:1.4}.message.staff,.message.manager,.message.agent{align-self:flex-end;background:#def2e7;border:0}.message small{display:block;border-top:1px solid #d9e2dd;margin-top:5px;padding-top:4px;color:#68747f}.message em{display:block;color:#477b61;font-size:9px;font-style:normal;font-weight:700;margin-bottom:3px}.conversation-phone>footer{height:31px;padding:7px 10px;font-size:9px;color:#6e7984;border-top:1px solid #e3e8ec}.conversation-phone>footer span{display:flex;align-items:center;gap:4px}.department-block{margin-bottom:9px}.department-card{width:100%;border:0;border-radius:11px;padding:11px;text-align:left;color:#17212b;cursor:pointer}.department-card>span{display:flex;align-items:center;gap:6px}.department-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.department-card label{font-size:9px;opacity:.74}.department-card label b{display:block;font-size:15px}.department-card.active{box-shadow:inset 0 0 0 2px #253341}.blue .department-card{background:#dcecff}.green .department-card{background:#dff3e8}.amber .department-card{background:#ffedca}.purple .department-card{background:#eadffd}.assign-hint{background:#fff0eb;border:1px solid #ffb4a4;border-radius:9px;padding:9px;font-size:10px;margin-bottom:9px}.assign-department{width:100%;margin-top:5px;border:0;border-radius:7px;background:#25313d;color:#fff;padding:7px;font-size:10px;cursor:pointer}.staff-list{padding-left:8px}.staff-card{background:#fff;border:2px solid;border-radius:8px;padding:8px;margin-top:6px}.blue .staff-card{border-color:#629fde}.green .staff-card{border-color:#56a976}.amber .staff-card{border-color:#d59731}.purple .staff-card{border-color:#936bc5}.staff-card header span{display:flex;flex-direction:column;font-size:10px}.claim-row{display:flex;align-items:center;justify-content:space-between;gap:5px;background:#fff1d6;border-radius:6px;padding:6px;margin-top:6px}.claim-row span{display:flex;flex-direction:column;font-size:9px}.claim-row button{border:0;background:#25313d;color:#fff;border-radius:5px;padding:5px 7px;font-size:9px;cursor:pointer}.focus{background:#fff;border:1px solid #d7dde2;border-radius:13px;overflow:hidden;min-height:calc(100vh - 94px)}.focus>header{height:56px;padding:10px 13px;border-bottom:1px solid #dfe4e8;display:flex;gap:14px;align-items:center}.focus>header span{display:flex;flex-direction:column}.focus-body{display:grid;grid-template-columns:1fr 210px;min-height:620px}.full-chat{background:#f7f8fa;padding:16px;display:flex;flex-direction:column;gap:9px}.context{border-left:1px solid #dfe4e8;padding:13px}.context h3{font-size:11px;margin:8px 0}.context p{font-size:10px;line-height:1.6;color:#64707b}.context button{width:100%;margin-bottom:6px;font-size:10px}.context .primary{background:#25313d;color:#fff}.private-thread{margin-top:8px;padding:10px;background:#fff1d6;border-radius:9px;font-size:10px}.private-thread textarea{width:100%;height:70px;margin:7px 0;border:1px solid #d7c59e;border-radius:6px;padding:7px}.private-thread button{border:0;background:#25313d;color:#fff;border-radius:6px;padding:6px 9px}.system-line{text-align:center;color:#69747f;font-size:10px;padding:5px}@media(max-width:1100px){.workspace{grid-template-columns:165px minmax(0,1fr) 245px}.conversation-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.monitor{background:#4c545c}.monitor-title{color:#fff}.monitor-title small,.monitor-title>span:last-child{color:#d7dde2}.new-customers{background:#e7edf2}.customer-card{background:#fff;border-color:#b8c5cf;box-shadow:0 2px 7px #24344224;grid-template-columns:42px 1fr auto;min-height:78px}.customer-card:hover{border-color:#879aa9;box-shadow:0 3px 10px #24344233}.customer-card>i.im-badge{width:42px;height:42px;border-radius:12px;color:#fff;font-size:10px;font-weight:900;letter-spacing:-.04em}.customer-card>i.im-badge.whatsapp{background:#25d366}.customer-card>i.im-badge.wechat{background:#07c160}.customer-card>i.im-badge.line{background:#06b900;font-size:8px}.customer-card small{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:5px}.customer-card small .im-name{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;color:#fff;font-size:9px;line-height:1;font-weight:800}.customer-card small .im-name.whatsapp{background:#178f46}.customer-card small .im-name.wechat{background:#078b48}.customer-card small .im-name.line{background:#078e12}.customer-card small em{font-size:9px;color:#687582;font-style:normal}.workspace{grid-template-columns:195px minmax(0,1fr) 270px}.departments{background:#e7edf2}.department-card{border:1px solid rgba(38,55,70,.16);box-shadow:0 2px 6px #2637461f}.blue .department-card{background:#b9d8f6}.green .department-card{background:#b9dfca}.amber .department-card{background:#f5d28f}.purple .department-card{background:#d3b9ee}.department-card:hover{filter:saturate(1.08) brightness(.98);box-shadow:0 3px 9px #2637462e}.brand>b{font-size:11px;letter-spacing:-.5px}.staff-workspace{height:390px;border:2px solid #d2d9df;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative}.staff-workspace.risk{border-color:#df4040;animation:warning 1.2s infinite}.staff-workspace>header{padding:10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e3e8ec}.staff-workspace>header>i,.wecom-row>i{width:28px;height:28px;border-radius:50%;background:#e9eef2;display:grid;place-items:center;font-style:normal;font-size:11px}.staff-workspace>header>span{display:flex;flex-direction:column;font-size:11px}.staff-workspace>footer{height:31px;padding:7px 10px;font-size:9px;color:#6e7984;border-top:1px solid #e3e8ec}.staff-workspace>footer span{display:flex;gap:4px;align-items:center}.staff-metrics{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:8px 10px;background:#f6f8fa;border-bottom:1px solid #e2e7eb}.staff-metrics>span{font-size:9px;color:#6f7b86}.staff-metrics strong{display:block;font-size:15px;color:#17212b}.staff-metrics button{border:0;background:#25313d;color:#fff;border-radius:7px;padding:7px 9px;display:flex;align-items:center;gap:4px;font-size:10px}.wecom-list{flex:1;overflow-y:auto;padding:5px 9px;background:#fff}.wecom-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px 2px;border-bottom:1px solid #edf0f2}.wecom-row>span{min-width:0}.wecom-row strong{font-size:10px}.wecom-row small{display:block;color:#7a8590;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.wecom-row svg{color:#d84040}.empty-chat{text-align:center;color:#7b8690;font-size:10px;padding:34px 5px}.private-fullscreen{height:calc(100vh - 92px);background:#fff;border:1px solid #d7dde2;border-radius:14px;overflow:hidden;display:grid;grid-template-rows:58px 1fr auto}.private-fullscreen>header{display:flex;align-items:center;gap:14px;padding:10px 13px;border-bottom:1px solid #dfe4e8}.private-fullscreen>header>button{border:0;background:#edf1f4;border-radius:7px;padding:7px 10px;display:flex;gap:5px;align-items:center}.private-fullscreen>header>span{display:flex;flex-direction:column}.private-status{margin-left:auto;background:#fff1d6;color:#8b5d0e;border-radius:10px;padding:4px 8px;font-size:9px}.private-history{padding:22px;overflow-y:auto;background:#f5f7f9;display:flex;flex-direction:column;gap:10px}.private-bubble{max-width:68%;padding:11px;border-radius:10px;background:#fff;border:1px solid #dfe4e8;font-size:11px}.private-bubble.manager-message{align-self:flex-end;background:#dff2e7;border:0}.private-composer{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:12px;border-top:1px solid #dfe4e8}.private-composer textarea{height:56px;resize:none;border:1px solid #ccd4db;border-radius:8px;padding:9px}.private-composer button{border:0;border-radius:8px;background:#25313d;color:#fff;padding:0 14px;display:flex;align-items:center;gap:5px}.private-composer .end-private{background:#edf1f4;color:#17212b}.staff-workspace{width:100%;height:365px;aspect-ratio:auto}.staff-metrics>span{line-height:1.25}.wecom-row.pinned-management,.wecom-row.pinned-department{background:#f1f5f8;border-radius:8px;padding-left:6px;padding-right:6px;margin-bottom:4px}.wecom-row.pinned-management b,.wecom-row.pinned-department b{font-size:8px;color:#587089;background:#d9e4ed;border-radius:8px;padding:3px 5px}.wecom-row.pinned-management>i{background:#263d52;color:#fff}.wecom-row.pinned-department>i{background:#667b8e;color:#fff}.staff-workspace .call-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.staff-workspace .call-label strong{font-size:9px}.staff-workspace .call-label small{font-size:8px;color:#fff;margin-top:2px}.staff-workspace{animation:none}.staff-workspace.private,.staff-workspace.sensitive{border-color:#df4040}.staff-alert-state{position:absolute;right:8px;top:7px;z-index:3;min-width:68px;border:0;border-radius:9px;padding:5px 8px;display:flex;align-items:center;gap:5px;line-height:1.15;text-align:left;cursor:pointer}.staff-alert-state>span{display:flex;flex-direction:column;align-items:flex-start}.staff-alert-state strong{font-size:10px}.staff-alert-state small{font-size:8px;margin-top:3px}.staff-alert-state.normal{background:#dbe5ef;color:#41566b}.staff-alert-state.private,.staff-alert-state.sensitive{background:#da3434;color:#fff}.staff-alert-state.private{animation:private-flash 2s step-end infinite}.staff-alert-state.sensitive{animation:sensitive-flash 1s step-end infinite}.staff-alert-state:focus-visible{outline:3px solid rgba(60,130,220,.35);outline-offset:2px}.staff-metrics{grid-template-columns:1fr 1fr}.staff-workspace.private .red-light{animation:private-light 2s step-end infinite}.staff-workspace.sensitive .red-light{animation:sensitive-light 1s step-end infinite}@keyframes private-flash{50%{background:#ffb6b6;color:#7f1717}}@keyframes sensitive-flash{50%{background:#fff;color:#d52f2f;box-shadow:inset 0 0 0 2px #d52f2f}}@keyframes private-light{50%{opacity:.2}}@keyframes sensitive-light{50%{opacity:.15}}@media(prefers-reduced-motion:reduce){.staff-alert-state.private,.staff-alert-state.sensitive,.staff-workspace .red-light{animation:none}}.staff-alert-state{width:116px;height:48px;min-width:116px;overflow:hidden}.staff-alert-state.normal{background:#b8c8d8;color:#263d52}.staff-alert-state{width:92px;height:36px;min-width:92px;padding:4px 7px;gap:4px;border-radius:8px}.staff-alert-state>span{min-width:0}.staff-alert-state strong{white-space:nowrap}.staff-alert-state small{max-width:66px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}