.app-layout{height:100%;background:#eef4fa}.app-sider{height:100%;border-right:1px solid #dbe7f1;background:linear-gradient(180deg,#e4f2ff,#eff7fc)!important;overflow:auto}.app-sider .ant-layout-sider-children{position:relative;min-height:100%}.app-sider .ant-menu{border-inline-end:0!important;background:transparent}.app-sider .ant-menu-inline-collapsed{width:48px}.app-sider .ant-menu-item,.app-sider .ant-menu-submenu-title{height:42px;line-height:42px;margin:2px 4px;width:calc(100% - 8px);border-radius:5px;color:#52687c}.app-sider .ant-menu-item-selected{color:#fff!important;background:#318cea!important}.app-logo{height:58px;display:flex;align-items:center;gap:12px;padding:0 14px;color:#248cf0;font-size:21px;font-weight:700;cursor:pointer;white-space:nowrap}.app-logo span{color:#24425d;font-size:16px}.collapse-button{position:sticky;left:6px;bottom:8px;margin:12px 6px 8px;background:#ffffffa8}.app-main{min-width:0;background:#eef4fa}.app-header{height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce7f1;background:#f8fbfe;padding:0 14px 0 10px}.app-tabs{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.app-tab{height:38px;display:flex;align-items:center;gap:14px;border:0;border-radius:6px;padding:0 13px;color:#566c80;background:transparent;cursor:pointer;white-space:nowrap}.app-tab.active{color:#2a84df;background:#fff;box-shadow:0 2px 9px #37557114}.extension-status{display:flex;align-items:center;gap:9px;border:0;color:#66778a;white-space:nowrap;font-size:12px;background:transparent;cursor:pointer}.offline-pill{display:inline-flex;align-items:center;min-width:98px;justify-content:center;padding:7px 14px;color:#fff;border-radius:18px;background:#818b99}.online-pill{display:inline-flex;align-items:center;min-width:98px;justify-content:center;padding:7px 14px;color:#fff;border-radius:18px;background:#35a56f}.avatar{width:34px;height:34px;display:grid;place-items:center;color:#fff;font-weight:700;border-radius:50%;background:#0875d1;box-shadow:inset 0 0 0 4px #ffffff40}.app-content{height:calc(100% - 56px);min-height:0;overflow:hidden}.call-float{position:fixed;right:14px;bottom:12px;z-index:50;width:48px;height:48px;border:3px solid #fff;border-radius:50%;color:#fff;background:radial-gradient(circle at 36% 30%,#4fc6ff,#0875d1 58%,#06448e);box-shadow:0 3px 12px #1754906b,inset 0 0 0 2px #ffffff47;font-weight:700;cursor:pointer}.call-float:active{transform:translateY(1px)}.rank-page{height:100%;display:grid;grid-template-columns:minmax(700px,1fr) 420px;gap:8px;padding:8px 12px 12px 0;overflow:hidden;background:#eaf3fb}.rank-main{min-width:0;overflow:auto;padding-left:6px}.rank-hero{height:330px;position:relative;overflow:hidden;background:linear-gradient(145deg,#edf7ff,#f8fbff 60%,#dff2ff);border-radius:7px 7px 0 0}.welcome{position:absolute;top:28px;left:26px;z-index:3}.welcome h1{margin:0 0 7px;font-size:20px}.welcome p{margin:0;color:#8a98a7}.service-slogan{position:absolute;z-index:3;top:48px;left:66%;transform:translate(-50%);padding:10px 23px;border-radius:6px;color:#6d91ae;background:#5fbcf230}.agent-crop{position:absolute;z-index:1;width:455px;height:260px;left:50%;top:72px;transform:translate(-50%);background-image:url(/assets/01-%E6%88%91%E7%9A%84%E8%9B%8B%E6%8C%9E-DrSJ9ZKe.png);background-repeat:no-repeat;background-size:1440px 735px;background-position:-298px -121px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 90%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 90%,transparent)}.hero-number{position:absolute;z-index:3;top:145px;width:230px;text-align:center}.hero-number.left{left:50px}.hero-number.right{right:40px}.hero-number span{display:flex;justify-content:center;align-items:center;gap:6px;color:#7b8b9b}.hero-number b{display:block;margin:13px 0;font-size:42px;color:#111c2b}.hero-number small{color:#8998a6}.metric-group-title{height:40px;display:flex;align-items:center;font-weight:600;background:#eaf4fd}.efficiency-title{margin-left:auto;margin-right:33%}.rank-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rank-metric{height:160px;border:0}.rank-metric .ant-card-body{padding:16px}.rank-metric .metric-value{margin:15px 0 4px}.rank-metric span,.rank-place{color:#8997a6;font-size:12px}.rank-place{margin-top:16px}.complaint-box{margin-top:8px;background:#fff;border-radius:6px;overflow:hidden}.box-title{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-weight:600}.box-title span{font-weight:400;color:#8795a4}.honor-board{height:100%;overflow:auto;padding:24px 12px;background:linear-gradient(180deg,#fff0d8,#fff 55%);border-radius:7px}.honor-board h2{text-align:center;margin:0 0 16px;color:#846337;font-size:25px}.honor-board .ant-segmented{background:transparent}.self-ranking{height:74px;margin-top:12px;padding:14px;border-radius:6px;background:#fff;display:flex;flex-direction:column;gap:9px}.self-ranking span{color:#9d835b;font-size:12px}.podium{height:145px;display:flex;align-items:end;justify-content:space-around}.medal{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:22px;box-shadow:0 5px 16px #74522b38}.first{width:72px;height:72px;margin-bottom:28px;background:linear-gradient(#f2ce64,#c5850f)}.second{background:linear-gradient(#eef3f6,#8695a5)}.third{background:linear-gradient(#f4b274,#9f4b1e)}.podium-names,.rank-head,.rank-row{display:grid;grid-template-columns:1fr 1fr}.podium-names{text-align:center;margin-bottom:18px}.rank-head{color:#8b7356;font-size:12px;padding:8px}.rank-head span:last-child,.rank-row span:last-child{text-align:right}.rank-row{padding:12px 8px;border-bottom:1px solid rgba(206,181,145,.16);font-size:13px}.cockpit-page{min-height:100%;background:linear-gradient(145deg,#f7fbff,#edf7ff);border:1px solid #e0eaf3;border-radius:7px;padding:26px}.cockpit-top{display:flex;justify-content:space-between}.cockpit-top h1{font-size:21px;margin:0 0 8px}.cockpit-summary,.cockpit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cockpit-summary{margin-top:28px}.cockpit-metric{padding:20px;background:#ffffffd9;border-radius:6px}.cockpit-metric b{font-size:30px;margin-right:6px}.cockpit-metric div{margin:12px 0}.cockpit-block{margin-top:20px}.cockpit-block h2{font-size:15px}.cockpit-grid{grid-template-columns:repeat(4,1fr)}.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.duration-grid div{display:flex;justify-content:space-between;padding:16px;background:#fff}.cockpit-ranking{display:grid;grid-template-columns:260px 1fr;gap:12px;margin-top:18px;background:#fff;padding:18px}.cockpit-ranking>div{display:grid;place-items:center;color:#8998a7}.workstation{height:100%;display:grid;grid-template-columns:250px minmax(520px,1fr) 310px;background:#fff}.workstation-calls{padding:14px;border-right:1px solid #e4ebf1}.workstation-calls .ant-radio-group{display:flex;margin-bottom:12px}.workstation-calls .ant-empty{margin-top:30vh}.customer-work{min-width:0;padding:14px}.customer-search{display:flex;gap:10px}.customer-number{display:flex;justify-content:space-between;padding:20px 2px 8px;color:#697b8e}.service-summary{border-left:1px solid #e4ebf1}.service-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #e8edf2}.service-empty{height:calc(100% - 54px);display:grid;place-items:center;color:#9ba8b4}.second-line-page{background:#f7fbff}.take-switch{font-size:13px;font-weight:400}.second-tools{padding:16px;display:flex;justify-content:space-between;gap:20px}.second-tools .ant-input-affix-wrapper{max-width:280px}.second-empty{display:grid;grid-template-columns:320px 1fr;height:calc(100% - 115px);border-top:1px solid #e6edf3}.second-empty>*{display:grid;place-items:center}.second-empty>*+*{border-left:1px solid #e6edf3}.cockpit-page{height:100%;display:grid;grid-template-columns:minmax(720px,1fr) 360px;gap:8px;padding:8px 12px 12px 0;overflow:hidden;background:#eaf3fb}.cockpit-main{min-width:0;overflow:auto;padding:28px;border-radius:7px;background:linear-gradient(145deg,#f7fbff,#edf7ff)}.cockpit-top{display:flex;justify-content:space-between;gap:24px}.cockpit-top h1{margin:0 0 8px;font-size:21px}.cockpit-top p{margin:0;color:#8595a4}.cockpit-date{display:flex;align-items:center;gap:6px}.cockpit-date .ant-picker{width:138px}.cockpit-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.cockpit-metric{min-height:126px;padding:20px;border-radius:6px;background:#ffffffe0}.cockpit-metric h3{margin:0;color:#53687d;font-size:14px;font-weight:500}.cockpit-metric div{margin:15px 0 8px}.cockpit-metric b{margin-right:7px;color:#172536;font-size:31px}.cockpit-metric span,.cockpit-metric small{color:#75879a}.cockpit-section-title{display:grid;grid-template-columns:2fr 1fr;margin:28px 0 10px;color:#42566a;font-weight:600}.cockpit-grid{display:grid;gap:12px}.cockpit-grid.inbound{grid-template-columns:repeat(3,1fr)}.cockpit-grid.ticket{grid-template-columns:repeat(4,1fr)}.service-duration{margin-top:22px}.service-duration h3{margin:0 0 8px;font-size:15px}.service-duration p{margin:0 0 12px;color:#8493a2;font-size:12px}.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.duration-grid div{display:flex;justify-content:space-between;padding:17px;border-radius:5px;background:#fff}.cockpit-ranking{display:block;min-width:0;margin-top:0;overflow:auto;padding:24px 16px;border-radius:7px;background:linear-gradient(180deg,#fef6df,#fff 48%);text-align:center}.cockpit-ranking h2{margin:0 0 28px;color:#9b7a42;font-size:22px}.cockpit-ranking>strong{color:#687a8c}.cockpit-ranking .ant-empty{margin:46px 0 20px}.cockpit-ranking .cockpit-rank-head{display:grid;grid-template-columns:48px 1fr 82px 72px;place-items:initial;align-items:center;margin-top:24px;padding:12px 8px;color:#67798b;border-top:1px solid rgba(201,174,120,.22);font-size:12px;text-align:left}.workstation{position:relative;height:100%;display:grid;grid-template-columns:340px minmax(600px,1fr);gap:8px;padding:8px 12px 12px 0;overflow:hidden;background:#eaf3fb}.workstation-calls{display:flex;min-width:0;flex-direction:column;padding:16px;border:0;border-radius:7px;background:#fff}.workstation-calls .ant-radio-group{display:flex;margin-bottom:14px}.workstation-calls .ant-radio-button-wrapper{flex:1;text-align:center}.call-list-empty{display:grid;flex:1;place-items:center}.current-call-card{margin-top:14px;padding:14px;border:1px solid #cfe3f3;border-radius:6px;background:#f4faff;box-shadow:0 2px 8px #3a719f0f}.current-call-card>div{display:flex;align-items:center;gap:8px;color:#2f8e52;font-size:13px}.current-call-card>b{display:block;margin:14px 0 6px;color:#263d51;font-size:18px}.current-call-card p{margin:0 0 8px;color:#62778a;font-size:12px}.current-call-card small{color:#8a99a7}.customer-work{position:relative;display:flex;min-width:0;flex-direction:column;padding:16px 16px 0;overflow:hidden;border-radius:7px;background:#fff}.customer-work.asr-panel-open{padding-right:16px}.customer-search{display:flex;width:310px;gap:0}.customer-search .ant-select{width:100px}.customer-search .ant-select-selector{border-radius:6px 0 0 6px!important}.customer-search .ant-input-group-addon .ant-btn{border-radius:0 6px 6px 0}.customer-number{display:flex;justify-content:flex-start;gap:20px;padding:15px 2px 0;color:#697b8e}.workstation-customer-overview{min-height:96px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,1.3fr);align-items:stretch;margin-top:10px;overflow:hidden;border:1px solid #d7e8f3;border-radius:5px;color:#607488;background:#eef7fc;font-size:12px}.customer-overview-identity{padding:12px 14px}.customer-overview-identity>div{display:flex;align-items:center;gap:6px}.customer-overview-identity strong{margin-right:2px;color:#283f53;font-size:16px}.customer-overview-identity p{margin:8px 0 7px;color:#718496}.customer-overview-identity>span{display:flex;align-items:center;gap:5px;color:#d34c4c}.customer-overview-info,.customer-overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid #d8e6ef}.customer-overview-info>span,.customer-overview-metrics>span{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:7px;padding:10px 12px}.customer-overview-info small,.customer-overview-metrics small{color:#8293a2}.customer-overview-info b{overflow:hidden;color:#41586c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.customer-overview-metrics b{color:#2e79b7;font-size:14px}.customer-tabs{min-height:0;flex:1;margin-top:4px;overflow:hidden}.customer-tabs .ant-tabs-content-holder,.customer-tabs .ant-tabs-content,.customer-tabs .ant-tabs-tabpane,.customer-tabs .ant-table-wrapper{height:100%}.customer-tabs .ant-table-container{overflow-x:auto;overflow-y:hidden}.summary-toggle{display:grid;height:42px;flex:0 0 42px;grid-template-columns:22px 1fr 22px;align-items:center;border:1px solid #d8e0e8;border-bottom:0;border-radius:7px 7px 0 0;color:#384c61;background:#fff;cursor:pointer}.summary-toggle span:nth-child(2){text-align:center}.summary-form{display:grid;flex:0 0 auto;grid-template-columns:minmax(210px,1fr) minmax(260px,1.5fr) auto;gap:16px;align-items:end;padding:16px 18px;border-top:1px solid #e7edf3;background:#fff}.summary-form label{display:grid;gap:8px;color:#52677a;font-size:12px}.summary-form .ant-select{width:100%}.summary-form>div{display:flex;gap:8px;padding-bottom:1px}.sms-records{height:100%}.sms-toolbar{display:flex;gap:24px;padding:6px 4px 14px;color:#53687c}.sms-toolbar label{display:flex;align-items:center;gap:7px}.sms-empty{display:grid;height:calc(100% - 48px);grid-template-columns:1fr 1fr;color:#8997a5}.sms-empty>*{display:grid;place-items:center}.sms-empty>*+*{border-left:1px solid #e7edf3}.asr-call-panel{position:absolute;z-index:25;top:102px;right:18px;bottom:58px;width:min(420px,calc(100vw - 96px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #cbd9e3;border-radius:6px;background:#f4f7fa;box-shadow:0 10px 28px #2d506e33}.asr-call-panel.minimized{top:auto;bottom:58px;height:47px}.asr-call-header{min-height:47px;display:flex;flex:0 0 47px;align-items:center;justify-content:space-between;padding:0 10px 0 14px;border-bottom:1px solid #d7e1e8;color:#31495e;background:#edf3f7}.asr-call-header>div{display:flex;align-items:center;gap:9px}.asr-call-header span{color:#7a8c9d;font-size:11px;font-weight:400}.asr-call-header button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;color:#667b8e;background:transparent;cursor:pointer}.asr-call-header button:hover{background:#ffffffb3}.asr-call-body{min-height:0;flex:1;overflow-y:auto;padding:16px 14px 24px;scrollbar-color:#b8cad7 transparent}.asr-line{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:17px}.asr-line.customer{align-items:flex-start}.asr-bubble{max-width:86%;padding:9px 11px;border:1px solid #d7e4ec;border-radius:5px;color:#3e5569;background:#fff;font-size:13px;line-height:1.6}.asr-line.customer .asr-bubble{border-color:#c8dfef;background:#dceefa}.asr-inspection{width:86%;margin-top:7px;padding:4px 10px 5px;border-left:2px solid #cfd5db;color:#d84a4a;background:transparent}.asr-inspection>div{display:flex;align-items:center;gap:5px}.asr-inspection .ant-tag{margin:0;font-size:11px}.asr-inspection p{margin:5px 0 0;color:#7d8893;font-size:11px;line-height:1.5}.first-line-countdown{width:60px;height:60px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:#e58a1f;font-size:26px;font-weight:700}.first-line-countdown small{margin-left:2px;color:#fff;font-size:11px;font-weight:400}.first-line-transfer-progress,.first-line-transfer-result{padding:10px 8px 4px;text-align:center}.first-line-transfer-progress .first-line-countdown{margin:0 auto 16px}.first-line-transfer-progress h3{margin:0 0 16px;color:#574425;font-size:16px}.first-line-transfer-progress>p{margin:14px 0 0;color:#758698}.first-line-transfer-result h3{margin:14px 0 8px;color:#21753c}.first-line-transfer-result p{color:#7d8c9b}.first-line-transfer-check{width:54px;height:54px;display:grid;place-items:center;margin:0 auto;border-radius:50%;color:#fff;background:#4eb86d;font-size:30px}.first-line-agent{display:flex;align-items:center;gap:10px;padding-left:20px;border-left:1px solid #e5ebf1}.first-line-agent span{color:#8695a3;font-size:12px;font-weight:400}.first-line-agent strong{color:#344a5f;font-size:13px}.workstation-phone-panel{position:absolute;z-index:24;top:12px;right:18px;width:min(500px,calc(100vw - 430px));min-height:78px;padding:12px 14px;overflow:hidden;border:1px solid #cfe0ec;border-radius:7px;background:#fff;box-shadow:0 9px 24px #2d506e2e}.workstation-phone-panel.live{border-color:#ffd0d0}.workstation-phone-panel.failed{width:min(620px,calc(100vw - 430px));padding:0;border-color:#ffc9c6}.workstation-phone-head{display:flex;align-items:center;gap:10px;color:#2e8edf}.workstation-phone-head>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}.workstation-phone-head strong{overflow:hidden;color:#31485d;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.workstation-phone-head span{color:#8494a3;font-size:12px;font-variant-numeric:tabular-nums}.workstation-phone-panel.live .workstation-phone-head span{color:#e14545;font-weight:600}.workstation-phone-copy{margin:10px 0 0 30px;color:#718496;font-size:12px}.workstation-phone-panel .phone-status-controls{justify-content:flex-end;margin-top:9px;padding:8px 0 0;border-top:1px solid #edf1f4;border-left:0}.second-line-workstation .asr-call-panel:not(.minimized){top:145px}.connected-workstation{height:100%;display:flex;min-width:0;flex-direction:column;gap:8px;padding:8px 12px 12px 0;overflow:hidden;background:#eaf3fb}.connected-call-head{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-radius:6px;background:#fff}.connected-call-head>div{display:flex;align-items:center;gap:8px;color:#30475c;font-weight:600}.connected-call-head p{margin:0 0 0 12px;color:#8492a1;font-size:12px;font-weight:400}.connected-live-dot{width:9px;height:9px;border-radius:50%;background:#48b96b;box-shadow:0 0 0 4px #48b96b24}.connected-live-dot.red{background:#e44949;box-shadow:0 0 0 4px #e4494924}.second-line-call-head{min-height:76px;gap:20px}.second-line-call-state{display:flex;min-width:300px;align-items:center;gap:8px}.second-line-call-state>strong{color:#566a7d}.second-line-call-state>b{color:#52687d;font-variant-numeric:tabular-nums}.second-line-call-state>p{margin-left:6px}.second-line-call-head.live .second-line-call-state>strong,.second-line-call-head.live .second-line-call-state>b{color:#d83e3e}.second-line-connecting-icon{color:#2d8fe5}.second-line-transfer-status{margin:0;border-radius:6px}.phone-status-panel{display:flex;min-width:500px;align-items:center;justify-content:flex-end;gap:16px}.phone-status-identity{display:flex;min-width:116px;flex-direction:column;align-items:flex-end;gap:3px}.phone-status-identity span{color:#607488;font-size:12px}.phone-status-identity strong{color:#d83e3e;font-size:16px;font-variant-numeric:tabular-nums}.phone-status-controls{display:flex;align-items:center;gap:2px;padding-left:12px;border-left:1px solid #e5ebf1}.phone-status-controls .ant-btn{height:44px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 9px;font-size:11px}.phone-status-controls .phone-hangup{min-width:66px;margin-left:4px;border-radius:5px;color:#fff}.connected-work-grid{min-height:0;display:grid;flex:1;grid-template-columns:250px minmax(420px,1fr) 330px;gap:8px}.connected-customer,.connected-dialogue,.connected-ai,.connected-service-summary{min-width:0;overflow:auto;padding:16px;border-radius:6px;background:#fff}.connected-customer h2{margin:0 0 5px;font-size:19px}.connected-customer>p{margin:0 0 18px;color:#7f8e9c}.connected-customer .ant-descriptions-item-label{width:82px;color:#8694a2}.connected-panel-title{display:flex;min-height:28px;align-items:center;justify-content:space-between;margin-bottom:14px;color:#354b60;font-weight:600}.connected-panel-title>span{display:flex;align-items:center;gap:7px}.connected-transcript{padding:4px 8px}.connected-line{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:16px}.connected-line.customer{align-items:flex-end}.connected-line-meta{display:flex;align-items:center;gap:8px;color:#8694a2;font-size:12px}.connected-line-meta strong{color:#4f6478}.connected-line p{max-width:82%;margin:6px 0 0;padding:10px 12px;border-radius:5px;background:#edf6ff;line-height:1.6}.connected-line.customer p{background:#f2f3f5}.connected-risk-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.connected-summary{padding:13px;border-left:3px solid #3994e8;background:#f4f9fe;color:#485d70;line-height:1.7}.connected-ai .ant-alert{margin-top:14px}.connected-service-summary{flex:0 0 auto;padding:0;overflow:visible}.connected-service-summary>.connected-panel-title{margin:0;padding:12px 18px 0}.connected-service-summary .summary-form{padding-top:12px}.risk-call-missing{height:100%;display:grid;place-content:center;gap:16px;background:#fff}.second-line-page{height:100%;display:grid;grid-template-columns:350px 1fr;gap:8px;padding:8px 12px 12px 0;overflow:hidden;background:#eaf3fb}.second-ticket-list{display:flex;min-width:0;flex-direction:column;padding:16px;border-radius:7px;background:#fff}.second-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.second-title label{display:flex;align-items:center;gap:8px;color:#33495d;font-size:13px}.second-ticket-list .ant-radio-group{display:flex}.second-ticket-list .ant-radio-button-wrapper{flex:1;padding:0 8px;text-align:center}.second-ticket-list .ant-input-affix-wrapper{margin-top:14px}.second-list-empty,.second-detail-empty{display:grid;place-items:center}.second-list-empty{flex:1}.second-detail-empty{border-radius:7px;background:#fff}@media(max-width:1100px){.cockpit-page{grid-template-columns:minmax(650px,1fr) 300px}.workstation{grid-template-columns:300px minmax(600px,1fr)}.summary-form{grid-template-columns:1fr 1fr}.summary-form>div{grid-column:1 / -1;justify-content:flex-end}.connected-work-grid{grid-template-columns:220px minmax(380px,1fr)}.connected-ai{grid-column:1 / -1;max-height:220px}.phone-status-panel{min-width:420px}.phone-status-controls .ant-btn{padding-inline:6px}.customer-work.asr-panel-open{padding-right:16px}.workstation-customer-overview{grid-template-columns:1fr}.customer-overview-info,.customer-overview-metrics{border-top:1px solid #d8e6ef;border-left:0}}.ops-page{height:100%;overflow:auto;padding:12px 14px 24px}.ops-panel{min-height:100%;background:#fff;border:1px solid #e3eaf1;border-radius:5px}.ops-toolbar{padding:16px}.ops-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px 14px;align-items:end}.ops-filter-grid.ops-filter-grid-5{grid-template-columns:repeat(5,minmax(150px,1fr))}.ops-field label{display:block;margin-bottom:6px;color:#354357;font-size:13px}.ops-field .ant-input,.ops-field .ant-select,.ops-field .ant-picker{width:100%}.ops-action-row{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:16px}.ops-action-row-left{justify-content:flex-start}.ops-table-area{padding:0 16px 16px}.ops-table-area .ant-table-wrapper{overflow:hidden;border-radius:4px}.ops-table-area .ant-table{color:#293548}.ops-table-area .ant-table-thead>tr>th{height:56px;background:#f5f7fb;font-weight:600}.ops-table-area .ant-table-tbody>tr>td{height:60px}.ops-link{padding:0}.ops-secondary{color:#8795a6}.ops-priority{margin:0}.ops-search-line{display:flex;justify-content:space-between;gap:16px;padding:16px}.ops-search-line>.ant-input-affix-wrapper{max-width:300px}.ops-tabs{padding:0 16px}.ops-tabs .ant-tabs-nav{margin-bottom:16px}.ops-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}.ops-detail-item span{display:block;margin-bottom:4px;color:#8b98a7;font-size:12px}.ops-empty-board{min-height:calc(100vh - 110px);display:grid;place-items:center;color:#418de2;background:linear-gradient(135deg,#e5f2fdb8,#ffffffe6)}.ops-board-loader{display:flex;gap:4px}.ops-board-loader i{width:6px;height:6px;border-radius:50%;background:#4c9bf2;animation:opsPulse 1s infinite alternate}.ops-board-loader i:nth-child(2){animation-delay:.2s}.ops-board-loader i:nth-child(3){animation-delay:.4s}.ops-watermark{min-height:calc(100vh - 160px);background-image:repeating-linear-gradient(-18deg,transparent 0 145px,rgba(99,118,140,.025) 146px 147px)}.ops-rule-target{max-width:560px;white-space:normal;line-height:1.55}.ops-rule-modal .ant-modal-body{max-height:68vh;overflow:auto;padding-right:8px}.ops-rule-condition{display:grid;grid-template-columns:150px 150px 1fr 36px;gap:8px;padding:12px;margin-bottom:10px;background:#f7f9fc}.ops-rule-condition .ant-form-item{margin-bottom:0}.ops-people-tree{max-height:250px;overflow:auto;padding:10px;border:1px solid #e1e7ee}.ops-status-text{color:#60bb39}.ops-muted-table .ant-table-tbody{color:#aab3bd}.ops-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.ops-form-section{margin:4px 0 14px;padding-left:9px;border-left:4px solid #2f8fea;font-size:15px}.ops-create-ticket .ant-picker{width:100%}.ops-detail-page{padding-bottom:72px}.ops-detail-page .ops-panel{border:0;background:transparent}.ops-detail-heading{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;font-size:16px;font-weight:600}.ops-user-banner{margin-top:1px;padding:18px 20px;background:#eaf4ff;border-radius:5px;position:relative}.ops-user-main{display:flex;align-items:center;gap:14px}.ops-user-main h2{display:inline-block;margin:0 8px 4px 0;font-size:20px}.ops-user-main p{display:inline-block;margin:0 0 4px}.ops-user-main span{display:block;color:#68788a}.ops-avatar{width:50px;height:50px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#fff;color:#4389d5;font-size:20px;font-weight:600}.ops-user-actions{position:absolute;top:18px;right:18px;display:flex;gap:8px}.ops-user-metrics{display:flex;gap:72px;margin:26px 0 0 64px}.ops-user-metrics div{display:flex;min-width:110px;flex-direction:column;gap:3px}.ops-user-metrics span{color:#738397}.ops-detail-content{margin-top:10px;padding:0 16px 20px;background:#fff;border-radius:5px}.ops-detail-content .ant-tabs-nav{margin-bottom:16px}.ops-ticket-summary{position:relative;display:flex;align-items:center;gap:8px;margin:16px 0}.ops-ticket-summary div{display:flex;gap:10px;margin-right:4px}.ops-ticket-summary span{color:#7c8998}.ops-ticket-log-link{position:absolute;right:0}.ops-ticket-descriptions{margin-bottom:14px}.ops-ticket-block{padding:15px 0;border-top:1px solid #edf1f5}.ops-ticket-block h3{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-size:15px}.ops-block-title{width:100%;display:flex;justify-content:space-between;border:0;padding:0 0 14px;background:transparent;font-size:15px;font-weight:600;cursor:pointer}.ops-block-title span{color:#358de7;font-size:13px;font-weight:400}.ops-related-empty{min-height:330px;display:grid;place-items:center}.ops-ai-summary{padding:14px 16px;border:1px solid #dbe9f8;background:#f3f8fe}.ops-ai-summary h3{margin:0 0 10px}.ops-ai-summary p{margin:6px 0}.ops-dialogue{max-height:420px;overflow:auto;padding:18px 6px 4px}.ops-dialogue-row{display:flex;gap:10px;margin-bottom:16px}.ops-dialogue-row.customer{flex-direction:row-reverse;text-align:right}.ops-dialogue-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#e7f2fd;color:#2485dd}.ops-dialogue-row.customer .ops-dialogue-avatar{background:#eef0f3;color:#667486}.ops-dialogue-row p{max-width:500px;margin:5px 0 0;padding:10px 12px;border-radius:4px;background:#edf6ff;text-align:left}.ops-dialogue-row.customer p{background:#f2f3f5}.ops-assign-head{display:grid;grid-template-columns:72px 1fr 72px 1fr;gap:10px;align-items:center}.ops-assign-tools{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:18px 0 10px}.ops-assign-tools span{margin-right:auto;color:#647386}.ops-detail-footer{position:fixed;z-index:20;right:14px;bottom:0;left:14px;display:flex;justify-content:flex-end;padding:10px 16px;background:#fff;border-top:1px solid #e3eaf1;box-shadow:0 -3px 12px #2d486414}.ops-warning-button{color:#d88919;border-color:#d88919}.ops-sla-edit-page{overflow:hidden}.ops-sla-edit-page .ops-panel{height:100%}.ops-sla-layout{height:100%;display:grid;grid-template-columns:minmax(700px,1fr) 310px;gap:16px;padding:16px}.ops-sla-form-panel,.ops-sla-history{overflow:auto;border:1px solid #e8edf3;border-radius:5px;background:#fff}.ops-sla-form-panel .ant-form{padding:14px 16px 40px}.ops-condition-box{padding:16px;border:1px solid #e1e7ee;border-radius:4px}.ops-condition-row{display:grid;grid-template-columns:160px 140px 1fr;gap:8px;margin:12px 0}.ops-duration-card{padding:16px;border:1px solid #e1e7ee;border-radius:4px}.ops-duration-inputs{display:flex;gap:16px;margin-top:12px}.ops-duration-inputs .ant-input-number-group-wrapper{width:128px}.ops-sla-history{padding:16px}.ops-sla-history h3{margin:0 0 18px}.ops-sla-history .ant-timeline{margin-top:18px}.ops-sla-history p{margin:3px 0}@keyframes opsPulse{0%{opacity:.25;transform:translateY(2px)}to{opacity:1;transform:translateY(-2px)}}@media(max-width:1320px){.ops-filter-grid,.ops-filter-grid.ops-filter-grid-5{grid-template-columns:repeat(4,minmax(160px,1fr))}}.monitor-page{--monitor-blue: #1687ef;--monitor-border: #e5eaf0;min-height:100%;color:#273444}.monitor-page .monitor-panel{min-height:100%;padding:16px 20px 22px;background:#fff;border:1px solid var(--monitor-border);border-radius:6px}.monitor-page .monitor-filter{display:flex;flex-wrap:wrap;gap:14px 12px;align-items:flex-end;margin-bottom:16px}.monitor-page .monitor-filter-item{min-width:230px}.monitor-page .monitor-filter-item.wide{min-width:320px}.monitor-page .monitor-filter-label{display:block;margin-bottom:6px;color:#1e2c3c;font-size:14px}.monitor-page .monitor-actions{display:flex;gap:8px;align-items:center}.monitor-page .view-switch{display:flex;justify-content:flex-end;margin:2px 0 16px}.monitor-page .metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;margin-bottom:16px}.monitor-page .metric-card{position:relative;min-height:142px;overflow:hidden;padding:18px;border:1px solid var(--monitor-border);border-radius:18px;background:linear-gradient(150deg,#fff 45%,var(--soft-color, #eff8ff));box-shadow:0 6px 18px #1e45690d}.monitor-page .metric-card:before{position:absolute;top:17px;left:18px;width:40px;height:4px;border-radius:4px;background:var(--accent-color, #1687ef);content:""}.monitor-page .metric-title{margin-top:25px;color:#627084}.monitor-page .metric-number{margin-top:18px;color:var(--accent-color, #1687ef);font-size:29px;font-weight:700;line-height:1}.monitor-page .metric-unit{margin-left:4px;color:#8a96a6;font-size:13px;font-weight:400}.monitor-page .metric-caption{margin-top:13px;color:#9aa5b2;font-size:12px}.monitor-page .metric-tag{position:absolute;top:38px;right:18px;border:1px solid color-mix(in srgb,var(--accent-color) 25%,white);border-radius:14px;padding:3px 10px;background:var(--soft-color, #eff8ff);color:var(--accent-color);font-size:12px}.monitor-page .section-box{overflow:hidden;border:1px solid var(--monitor-border);border-radius:6px;background:#fff}.monitor-page .section-heading{display:flex;min-height:56px;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #eef1f4;font-weight:600}.monitor-page .section-meta{display:flex;align-items:center;gap:12px;color:#8793a1;font-size:12px;font-weight:400}.monitor-page .seat-grid{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:18px}.monitor-page .seat-card{overflow:hidden;border:1px solid #dfe5ec;border-radius:6px;background:#fff;box-shadow:0 4px 13px #2645650f}.monitor-page .seat-card-head{display:flex;min-height:78px;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #e9edf2}.monitor-page .seat-avatar{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:50%;background:#0bb3ed;color:#fff;font-size:12px;font-weight:600}.monitor-page .seat-name{min-width:0;flex:1;font-weight:600}.monitor-page .seat-name span{display:block;margin-top:3px;color:#7b8795;font-size:12px;font-weight:400}.monitor-page .seat-status{padding:3px 8px;border-radius:4px;color:#fff;font-size:12px;white-space:nowrap}.monitor-page .seat-status.idle{background:#0ac864}.monitor-page .seat-status.calling{background:#7e8798}.monitor-page .seat-status.aftercall{background:#e5a600}.monitor-page .seat-status.other{background:#6c7190}.monitor-page .seat-timer{color:#0080bf;font-family:Consolas,monospace;font-size:12px}.monitor-page .seat-state{display:grid;justify-items:end;gap:6px}.monitor-page .seat-card-body{padding:12px 16px 14px}.monitor-page .seat-login{display:flex;justify-content:space-between;color:#657286;font-size:13px}.monitor-page .seat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.monitor-page .seat-stat{padding:8px 4px;border:1px solid #e2e7ed;border-radius:3px;background:#fafbfc;text-align:center;color:#7b8795;font-size:11px}.monitor-page .seat-stat b{display:block;margin-top:3px;color:#1f2b3c;font-size:14px}.monitor-page .seat-phone{height:34px;margin-bottom:12px;padding:7px 10px;border:1px solid #e2e7ed;border-radius:3px;background:#fafbfc;font-size:12px}.monitor-page .seat-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.monitor-page .seat-card.compact{min-height:164px}.monitor-page .seat-card.compact .seat-card-head{min-height:64px}.monitor-page .seat-table-name{display:flex;align-items:center;gap:8px}.monitor-page .workforce-hero{position:relative;min-height:245px;overflow:hidden;border-radius:6px;background:radial-gradient(circle at center,#fff 0,#eef8ff 48%,#e7f3fc)}.monitor-page .workforce-summary{display:flex;min-height:200px;align-items:center;justify-content:space-around;text-align:center}.monitor-page .workforce-figure{display:flex;width:220px;height:150px;align-items:center;justify-content:center;color:#1687ef;font-size:25px;font-weight:700}.monitor-page .workforce-figure:before{width:90px;height:90px;margin-right:12px;border-radius:50%;background:linear-gradient(145deg,#5cb2ff,#147be0);box-shadow:36px 14px 0 -10px #b9dcff;content:""}.monitor-page .workforce-toolbar{position:relative}.monitor-page .workforce-toolbar .update-time{position:absolute;top:8px;right:2px;color:#9ba6b2;font-size:12px}.monitor-page .workforce-summary-label{font-size:16px}.monitor-page .workforce-summary-value{margin:8px 0;font-size:47px;font-weight:700}.monitor-page .workforce-summary-value small{margin-left:4px;font-size:17px;font-weight:400}.monitor-page .workforce-status-grid{position:absolute;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.monitor-page .workforce-status{min-height:118px;padding:18px 24px;border:1px solid #e5eaf0;border-radius:12px 12px 0 0;background:#ffffffed}.monitor-page .workforce-status b{display:block;margin-top:30px;font-size:37px}.monitor-page .report-hero{margin:-16px -20px 0;padding:24px 20px 34px;background:linear-gradient(110deg,#f7fbff,#e8f4ff 70%,#f7fbff)}.monitor-page .report-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:44px}.monitor-page .report-metric-label{color:#354155}.monitor-page .report-metric-value{margin:10px 0 6px;color:#111a2a;font-size:30px;font-weight:700}.monitor-page .report-metric-note{color:#69788a;font-size:13px}.monitor-page .report-section{margin-top:-1px}.monitor-page .table-link{padding:0;border:0;background:transparent;color:#1687ef;cursor:pointer}.monitor-page .risk-tags{display:flex;flex-wrap:wrap;gap:4px}.monitor-page .risk-tag{padding:3px 7px;border-radius:2px;background:#fff8e8;color:#bd7b1d;font-size:12px}.monitor-page .transcript{padding:8px 2px}.monitor-page .transcript-item{margin-bottom:18px}.monitor-page .transcript-meta{margin-bottom:7px;color:#7c8998;font-size:12px}.monitor-page .transcript-bubble{padding:12px 14px;border-radius:5px;background:#f3f7fb;line-height:1.7}.monitor-page .transcript-bubble.risk-hit{border-left:3px solid #f0a020;background:#fff9eb}.call-modal-head{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;border:1px solid #e8edf3;border-radius:4px;background:#fafcff}.call-transcript{max-height:520px;overflow-y:auto;padding:20px 4px 4px}.call-line{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.call-line .agent{background:#1687ef}.call-line .customer{background:#13b488}.call-line-content{min-width:0;flex:1}.call-speaker{margin-bottom:7px;font-weight:600}.call-speaker span{margin-left:10px;color:#98a3af;font-size:12px;font-weight:400}.call-text{margin-top:5px;padding:10px 13px;border-radius:4px;background:#f4f7fb;line-height:1.7}.call-detail-section{margin-bottom:12px;padding:12px;border:1px solid #e5eaf0;border-radius:5px}.call-detail-section p{margin:8px 0 0}.call-recording{display:grid;min-height:64px;place-items:center;background:#f6f8fb;color:#929daa}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.monitor-page .status-live{color:#13a864;font-weight:600}.monitor-page .seat-report-detail{display:flex;flex-wrap:wrap;gap:28px;padding:12px 18px;color:#657286}.monitor-page .analytics-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.monitor-page .analytics-title{margin:0 0 6px;font-size:21px}.monitor-page .analytics-subtitle{color:#8490a0}.monitor-page .analytics-metrics{grid-template-columns:repeat(3,1fr)}.monitor-page .analytics-card{min-height:112px;padding:24px;border:1px solid #e5eaf0;border-radius:6px;background:#fff}.monitor-page .analytics-card b{display:block;margin-top:9px;color:#202c3b;font-size:25px;font-weight:500}.monitor-page .chart-box{height:370px;margin-top:16px;padding:28px 18px 8px;border:1px solid #e5eaf0;border-radius:6px;background:#fff}.monitor-page .analytics-surface{background:#f7f9fc}.monitor-page .analytics-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.monitor-page .analytics-page-name span{display:block;margin-top:3px;color:#8994a2;font-size:12px}.monitor-page .empty-note{padding:42px;text-align:center;color:#8a96a6}@media(max-width:1300px){.monitor-page .metrics-grid,.monitor-page .seat-grid{grid-template-columns:repeat(2,1fr)}.monitor-page .report-metrics{gap:14px}.monitor-page .analytics-details{grid-template-columns:1fr}}.admin-page{min-height:100%;padding:16px;background:#fff}.admin-page--soft{background:#f4f7fb}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 16px 8px}.admin-toolbar:first-child{margin-top:16px}.admin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.admin-table{margin:8px 16px 16px}.admin-table .ant-table-thead>tr>th{height:56px;padding:12px 16px;background:#f5f7fa;color:#263447;font-weight:600;border-bottom:0}.admin-table .ant-table-tbody>tr>td{height:60px;padding:12px 16px;color:#273444}.admin-table .ant-table-cell:before{display:none!important}.admin-link{padding:0;color:#1683e8;cursor:pointer}.admin-danger{padding:0;color:#ef7079;cursor:pointer}.admin-empty{padding:70px 0;color:#b4bec9;text-align:center}.admin-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 16px 6px}.admin-section-head h2{margin:0 0 5px;font-size:20px;line-height:1.4}.admin-section-head p{margin:0;color:#8c98a5}.admin-filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:16px}.admin-pagination{display:flex;justify-content:flex-end;padding:0 16px 16px}.admin-status{display:inline-flex;align-items:center;gap:7px}.admin-status:before{width:6px;height:6px;border-radius:50%;background:#25bd8b;content:""}.admin-tag-blue{color:#287ecc;background:#edf5ff;border:0}.admin-tag-green{color:#229a7c;background:#ebf9f5;border:0}.admin-tag-gold{color:#b58122;background:#fff8e7;border:0}.admin-tag-cyan{color:#168b92;background:#eafafa;border:0}.admin-tabs{padding:0 16px}.admin-tabs .ant-tabs-nav{margin-bottom:16px}.admin-card{background:#fff;border:1px solid #e0e6ed;border-radius:8px}.admin-ip-note{margin:0 16px 2px}.admin-ip-search{padding:0 16px 16px}.admin-tree-dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#2b8af0}.admin-permission-box{margin:20px 0 0;border:1px solid #d9dee5;border-radius:7px;overflow:hidden}.admin-permission-title{padding:16px;border-bottom:1px solid #e4e8ed}.admin-permission-row{display:flex;align-items:center;gap:12px;min-height:36px;padding:4px 24px}.admin-permission-name{min-width:100px}.admin-mapping{display:grid;grid-template-columns:330px minmax(0,1fr);gap:8px;height:calc(100vh - 104px);margin:-16px}.admin-mapping-side{padding:16px;background:#fff}.admin-group-card{display:flex;align-items:center;gap:14px;min-height:80px;margin-bottom:16px;padding:14px;border:1px solid #dce3eb;border-radius:8px}.admin-group-card.active{border-color:#1683e8;background:#f1f7ff}.admin-group-medal{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#eaf3ff;color:#277dde}.admin-group-card.gold .admin-group-medal{background:#fff5d9;color:#c08b16}.admin-mapping-main{overflow:auto}.admin-mapping-head{display:flex;justify-content:space-between;padding:24px;margin-bottom:8px;background:#fff}.admin-mapping-body{padding:26px 24px;background:#fff}.admin-chip-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;min-height:56px;border-bottom:1px solid #e2e8ee}.admin-chip{min-width:204px;padding:16px;background:#f6f8fb;border:1px solid #e0e5eb;border-radius:7px}.admin-add-chip{padding:16px 24px;color:#1683e8;background:#fff;border:1px dashed #1683e8;border-radius:7px}.admin-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.admin-rule{padding:18px 20px;background:#f8f9fc;border:1px solid #e1e6ed;border-radius:8px}.admin-asr{padding:16px 20px;background:#f5f7fb}.admin-asr-summary{display:grid;grid-template-columns:repeat(4,1fr);margin:10px 0 16px;background:#fff;border:1px solid #dfe5ec;border-radius:10px;overflow:hidden}.admin-asr-metric{min-height:88px;padding:20px;border-right:1px solid #e4e8ed}.admin-asr-metric:last-child{border-right:0}.admin-asr-label{margin-bottom:7px;color:#7d8996;font-size:12px}.admin-asr-list{background:#fff;border:1px solid #dfe5ec;border-radius:10px;overflow:hidden}.admin-drawer-section{margin:0 0 22px}.admin-drawer-title{margin:0 0 10px;padding-left:10px;border-left:4px solid #2488ef;font-weight:600}.admin-drawer-hint{margin:-4px 0 14px 14px;color:#919ba7;font-size:12px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.admin-user-switches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:12px 16px 0;margin-bottom:18px;background:#f7f9fc;border-radius:6px}.admin-dialog-section{margin:4px 0 10px;font-weight:600}.admin-user-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 110px)}.admin-user-side{padding:16px;border-right:1px solid #edf0f3}.admin-user-main{min-width:0}.admin-range-separator{display:grid;width:36px;place-items:center;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}.admin-template-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 12px}.admin-template-empty{padding:28px;margin:8px 0;color:#9aa4af;text-align:center;background:#fafbfc;border:1px dashed #d9dfe6}.admin-template-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:start;gap:10px}.admin-template-row .ant-form-item{margin-bottom:12px}.admin-mapping-switch{display:flex;align-items:center;justify-content:space-between}.admin-rule-title{margin-bottom:18px;color:#238b69}.admin-checkbox-row{display:flex;gap:24px}.admin-checkbox-row .ant-form-item{margin-bottom:12px}.admin-subsection{margin-top:18px}.admin-advice-row{display:grid;grid-template-columns:130px 150px 1fr 1fr 36px;gap:8px;align-items:start}.admin-advice-row .ant-form-item{margin-bottom:10px}.admin-child-head,.admin-child-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 60px;gap:8px;align-items:center;padding:9px 10px}.admin-child-head{color:#66727f;background:#f5f7fa}.admin-child-row .ant-form-item{margin-bottom:0}.admin-template-sort{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 10px}.admin-template-field{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;background:#f5f7fa;border:1px solid #dfe5ec;border-radius:4px;cursor:grab}.admin-asr-preview{position:relative;padding:28px 8px 6px}.admin-asr-preview>h2{margin:4px 0 24px;text-align:center;font-size:24px}.admin-asr-preview>h3{margin:18px 0 8px;padding-left:10px;border-left:3px solid #273444;font-size:17px}.admin-preview-badge{position:absolute;top:-54px;left:calc(50% - 40px);display:grid;width:80px;height:66px;place-items:center;color:#fff;background:#147bdd;border:6px solid #dcecff;border-radius:50%;font-size:25px;font-weight:700}.admin-preview-advice{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.admin-preview-advice div{display:flex;flex-direction:column;gap:6px}.admin-preview-advice b{color:#f16b45;font-size:25px}.admin-preview-quote{padding:18px;background:#f6f7fa;border-radius:6px;color:#6d7784}@media(max-width:1280px){.admin-mapping{grid-template-columns:280px minmax(0,1fr)}.admin-advice-row{grid-template-columns:1fr 1fr}}.takeover-page{--takeover-blue: #1687ef;--takeover-border: #e3eaf1;--takeover-muted: #758396;color:#263447}.takeover-shell{display:grid;min-height:720px;grid-template-columns:316px minmax(420px,1fr) 360px;overflow:hidden;border:1px solid var(--takeover-border);border-radius:6px;background:#fff}.takeover-queue,.takeover-detail{min-width:0;background:#fff}.takeover-queue{border-right:1px solid var(--takeover-border)}.takeover-queue-head{display:flex;height:72px;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #edf1f5}.takeover-queue-head h2{margin:0;font-size:17px}.takeover-queue-head p{margin:5px 0 0;color:var(--takeover-muted);font-size:12px}.takeover-capacity{min-width:44px;padding:5px 8px;border-radius:4px;background:#eaf5ff;color:#087ed6;text-align:center;font-weight:600}.takeover-queue-alert{margin:12px;padding:7px 10px}.takeover-task-list{height:calc(100% - 126px);overflow:auto;padding:0 10px 12px}.takeover-task{position:relative;width:100%;margin-bottom:9px;padding:13px;border:1px solid #e1e7ee;border-radius:5px;background:#fff;color:inherit;text-align:left;cursor:pointer}.takeover-task:hover{border-color:#a9cff2}.takeover-task.active{border-color:#1687ef;background:#f4faff;box-shadow:inset 3px 0 #1687ef}.takeover-task-top,.takeover-task-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.takeover-task-top>span:last-child{display:flex;align-items:center;gap:4px;color:#e18721;font-size:12px}.takeover-task strong{display:block;margin:9px 0 7px;font-size:14px}.takeover-task-tags{min-height:25px}.takeover-task p{display:-webkit-box;overflow:hidden;margin:6px 0 10px;color:#5f6d7e;font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.takeover-task-foot{color:#8793a1;font-size:11px}.takeover-call{min-width:0;background:#f7f9fc}.takeover-call-head{display:flex;height:72px;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--takeover-border);background:#fff}.takeover-call-head p{margin:5px 0 0 15px;color:var(--takeover-muted);font-size:12px}.takeover-call-title{display:flex;align-items:center;gap:7px;font-weight:600}.takeover-live-dot{width:8px;height:8px;border-radius:50%;background:#14b873;box-shadow:0 0 0 4px #14b8731f}.takeover-transcript{height:calc(100% - 72px);overflow:auto;padding:22px 24px 56px}.takeover-line{max-width:82%;margin-bottom:18px}.takeover-line.customer{margin-left:auto}.takeover-line-meta{display:flex;align-items:center;gap:9px;margin-bottom:6px;color:#8793a1;font-size:12px}.takeover-line.customer .takeover-line-meta{justify-content:flex-end}.takeover-line-meta b{color:#46566a}.takeover-line-text{padding:11px 13px;border:1px solid #e2e8ef;border-radius:5px;background:#fff;line-height:1.7}.takeover-line.customer .takeover-line-text{background:#edf7ff}.takeover-line-text.hit{border-color:#f2c5bc;border-left:3px solid #e7594f;background:#fff5f3;color:#9e352e}.takeover-listening{display:flex;align-items:center;justify-content:center;gap:8px;color:#8a97a6;font-size:12px}.takeover-listening span{width:7px;height:7px;border-radius:50%;background:#14b873}.takeover-detail{border-left:1px solid var(--takeover-border)}.takeover-section{padding:17px 18px;border-bottom:1px solid #edf1f5}.takeover-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:600}.takeover-section-title>span{display:flex;align-items:center;gap:7px}.takeover-section-title>span:last-child:not(:first-child){color:#df584d;font-size:12px;font-weight:400}.takeover-tags{display:inline-flex;flex-wrap:wrap;gap:2px}.takeover-reason,.takeover-summary{margin:9px 0 0;color:#526174;font-size:13px;line-height:1.7}.risk-summary{background:snow}.takeover-context{max-height:280px;overflow:auto}.takeover-descriptions .ant-descriptions-item-label{width:78px;color:#8793a1}.takeover-descriptions .ant-descriptions-item-content{color:#344256;word-break:break-all}.takeover-actions{display:grid;gap:10px;padding:18px}.takeover-empty{display:grid;height:100%;place-items:center;align-content:center}.takeover-modal-tip{color:#667589}.takeover-ignore-options{display:grid;gap:12px;margin-top:16px}.takeover-ignore-options .ant-radio-wrapper{display:flex;min-height:32px;align-items:center;padding:5px 8px;border:1px solid #e7ecf2;border-radius:4px}.takeover-transfer-progress,.takeover-transfer-success,.takeover-transfer-failed{padding:8px 18px 10px;text-align:center}.takeover-countdown{color:#1687ef;font-size:58px;font-weight:700;line-height:1.15}.takeover-countdown small{margin-left:4px;font-size:16px;font-weight:400}.takeover-transfer-progress h3,.takeover-transfer-success h3,.takeover-transfer-failed h3{margin:8px 0;font-size:18px}.takeover-transfer-progress>p,.takeover-transfer-success p,.takeover-transfer-failed p{margin:0 0 18px;color:#758396}.takeover-progress-track{height:5px;margin-top:18px;overflow:hidden;border-radius:3px;background:#e8edf3}.takeover-progress-track span{display:block;height:100%;background:#1687ef;transition:width .5s linear}.takeover-transfer-success svg{color:#18aa6d}.takeover-transfer-failed svg{color:#e0524d}.takeover-monitor,.takeover-rules{min-height:100%;padding:16px 20px 22px;border:1px solid var(--takeover-border);border-radius:6px;background:#fff}.takeover-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.takeover-page-head h2{margin:0 0 5px;font-size:18px}.takeover-page-head p{margin:0;color:var(--takeover-muted);font-size:13px}.takeover-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.takeover-metric{min-height:105px;padding:16px;border:1px solid #e4eaf1;border-radius:5px;background:#fff}.takeover-metric span{color:#748295;font-size:13px}.takeover-metric strong{display:block;margin-top:13px;color:#1d2a3c;font-size:26px}.takeover-metric small{margin-left:4px;color:#8996a5;font-size:12px;font-weight:400}.takeover-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:16px;padding:14px 16px;border:1px solid #e7ecf2;border-radius:5px;background:#fafcff}.takeover-filter-item{min-width:190px}.takeover-filter-item label{display:block;margin-bottom:6px;color:#536276;font-size:12px}.takeover-rule-tabs .ant-tabs-nav{margin-bottom:16px}.takeover-rule-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.takeover-rule-toolbar span{color:var(--takeover-muted);font-size:13px}.takeover-settings-block{margin-bottom:16px;padding:18px;border:1px solid #e2e8ef;border-radius:5px}.takeover-settings-block h3{margin:0 0 16px;font-size:15px}.takeover-mode-list{display:grid;gap:10px}.takeover-mode-item{display:block;padding:13px 14px;border:1px solid #e2e8ef;border-radius:5px}.takeover-mode-item>span:last-child{display:block;margin:5px 0 0 24px;color:#7f8c9c;font-size:12px}.takeover-preview-card{padding:16px;border:1px solid #dce9f5;border-left:3px solid #1687ef;border-radius:5px;background:#f7fbff}.takeover-preview-card strong{display:block;margin-bottom:8px}.takeover-preview-card p{margin:0;color:#58677a;line-height:1.7}.takeover-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.takeover-form-grid .full{grid-column:1 / -1}.takeover-detail-summary{margin-bottom:14px;padding:12px;border-radius:4px;background:#f6f9fc;line-height:1.7}@media(max-width:1400px){.takeover-shell{grid-template-columns:286px minmax(390px,1fr) 330px}.takeover-metrics{grid-template-columns:repeat(3,1fr)}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:1180px;overflow:hidden;background:#eef4fa;color:#263447}button,input,textarea,select{letter-spacing:0}.page-scroll{height:100%;overflow:auto;padding:12px 14px 24px}.page-panel{min-height:100%;background:#fff;border:1px solid #e3eaf1;border-radius:5px}.page-title{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e8eef4;font-size:16px;font-weight:600}.filter-bar{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:end;padding:16px;border-bottom:1px solid #edf1f5}.filter-item{min-width:150px}.filter-label{display:block;margin-bottom:6px;color:#5d6f82;font-size:12px}.table-wrap{padding:0 16px 16px}.section-title{margin:0;font-size:15px;font-weight:600}.muted{color:#8a99a8}.metric-value{font-size:28px;line-height:1.2;font-weight:600;color:#182334}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:6px}.status-dot.online{background:#22b47b}.status-dot.busy{background:#ee9a31}.status-dot.calling{background:#2f93e8}.risk-text{color:#d84d58}@media(max-width:1280px){.page-scroll{padding-left:10px;padding-right:10px}}