:root{font-family:Segoe UI Variable,Segoe UI,Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif;color:#202124;background:#f4f5f7;font-synthesis:none;text-rendering:optimizeLegibility}.call-detail{display:flex;flex-direction:column;gap:16px}.call-detail__summary{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px 16px;margin:0}.call-detail__summary dt{color:#667085}.call-detail__summary dd{margin:0;overflow-wrap:anywhere}.call-detail__privacy{padding:10px 12px;color:#475467;background:#f2f4f7;border-radius:6px}.call-detail__timeline{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}.call-detail__timeline li{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:4px 16px;padding:12px 0;border-bottom:1px solid #e4e7ec}.call-detail__timeline span,.call-detail__timeline small{color:#667085}.call-detail__timeline small{grid-column:1 / -1}.login-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:#f5f7fa}.login-panel{display:flex;flex-direction:column;gap:20px;width:min(100%,380px);padding:32px;background:#fff;border:1px solid #dfe3e8;border-radius:6px;box-shadow:0 12px 32px #10182814}.login-panel h1{margin:0 0 6px;font-size:24px;line-height:1.25;letter-spacing:0}.login-brand{display:grid;place-items:center;width:44px;height:44px;color:#fff;background:#146fd1;border-radius:6px}.login-form{display:flex;flex-direction:column;gap:16px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}button,input,select,textarea{font:inherit;letter-spacing:0}button{touch-action:manipulation}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh;background:#f4f5f7}.sidebar{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;width:232px;height:100dvh;border-right:1px solid #e3e5e8;background:#fbfbfc}.brand{display:flex;align-items:center;gap:11px;height:68px;padding:0 20px;border-bottom:1px solid #eceef0}.brand__mark{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#fff;background:#2867b2}.brand>div:last-child{display:grid;gap:1px}.brand strong{font-size:17px;line-height:22px}.brand span{color:#71757b;font-size:11px}.main-nav{display:grid;gap:4px;padding:14px 10px}.nav-item{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:6px;color:#50545a;background:transparent;cursor:pointer;text-align:left;transition:background-color .12s ease,color .12s ease}.nav-item:hover{color:#1d4f8c;background:#f0f4f8}.nav-item:focus-visible{outline:2px solid #2867b2;outline-offset:1px}.nav-item--active{color:#164f91;background:#e9f2fb;font-weight:600}.sidebar__footer{margin-top:auto;padding:14px;border-top:1px solid #eceef0}.operator{display:flex;align-items:center;gap:9px;padding:8px}.operator>svg{color:#5d6167}.operator>div{display:grid;gap:1px}.operator strong{font-size:13px}.operator span{color:#7b8087;font-size:11px}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;min-height:56px;padding:0 24px;border-bottom:1px solid #e3e5e8;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-menu{display:none!important}.environment{display:flex;align-items:center;gap:7px;color:#555a61;font-size:12px}.environment strong{color:#2b3036}.environment__signal{width:8px;height:8px;border-radius:50%;background:#3d8b5f}.topbar__right{display:flex;align-items:center;gap:12px;margin-left:auto;color:#70757c;font-size:12px}.line-status{color:#2e6848;font-weight:600}.topbar__divider{width:1px;height:18px;background:#dfe2e5}.main-content{width:100%;max-width:1680px;min-height:calc(100dvh - 56px);margin:0 auto;padding:24px}.system-banner{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;border:1px solid #b9d2ea;border-radius:6px;color:#204f7c;background:#eef6fd;font-size:12px}.system-banner--error{border-color:#e0b4b4;color:#8a2727;background:#fff3f3}.page-loading{display:grid;gap:14px}.page-loading>div{height:112px;border-radius:8px;background:#e8ebee}.page-loading>div:first-child{width:38%;height:48px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.page-header h1{margin:0;color:#202124;font-size:24px;font-weight:650;line-height:32px;letter-spacing:0}.page-header p{max-width:720px;margin:5px 0 0;color:#6b7077;font-size:13px;line-height:20px}.page-header__action{flex:0 0 auto}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-header h2{margin:0;font-size:15px;font-weight:650;letter-spacing:0}.section-header p{margin:4px 0 0;color:#747980;font-size:12px}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:16px;padding:14px;border:1px solid #e2e5e8;border-radius:8px;background:#fff}.filter-field{display:grid;min-width:170px;gap:6px}.filter-field label{color:#5f646b;font-size:12px;font-weight:600}.filter-spacer{flex:1 1 auto}.panel{min-width:0;border:1px solid #e2e5e8;border-radius:8px;background:#fff}.panel__body{padding:16px}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:0 16px;border-bottom:1px solid #eceef0}.panel__header h2,.panel__header h3{margin:0;font-size:14px;font-weight:650}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(132px,1fr));margin-bottom:16px;overflow:hidden;border:1px solid #e2e5e8;border-radius:8px;background:#fff}.metric{position:relative;min-width:0;min-height:112px;padding:18px 18px 16px;border-right:1px solid #eceef0}.metric:last-child{border-right:0}.metric:before{position:absolute;top:0;right:16px;left:16px;height:2px;content:"";background:#2867b2}.metric--teal:before{background:#278377}.metric--amber:before{background:#a76818}.metric--violet:before{background:#6855a3}.metric__label{display:flex;align-items:center;justify-content:space-between;min-height:28px;color:#6a6f76;font-size:12px}.metric__label button{min-width:24px!important}.metric strong{display:block;margin-top:8px;color:#1f2328;font-family:Segoe UI Variable,Segoe UI,sans-serif;font-size:29px;font-variant-numeric:tabular-nums;line-height:36px;letter-spacing:0}.charts-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.chart-panel{grid-column:span 4;min-height:300px}.chart-panel--wide{grid-column:span 8}.chart-panel--full{grid-column:1 / -1}.chart-wrap{width:100%;height:238px}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;min-width:760px;border-spacing:0;border-collapse:separate;font-size:12px}.data-table th{height:42px;padding:0 12px;color:#5f646b;background:#f8f9fa;font-weight:600;text-align:left;white-space:nowrap}.data-table td{height:48px;padding:8px 12px;border-top:1px solid #eceef0;color:#34383d;vertical-align:middle}.data-table tbody tr:hover td{background:#fafcff}.number-cell{font-variant-numeric:tabular-nums;text-align:right!important}.muted{color:#737980}.empty-state{display:grid;justify-items:center;min-height:240px;padding:48px 24px;text-align:center}.empty-state__mark{width:58px;height:42px;border:1px solid #cfd5db;border-radius:7px;background:linear-gradient(#dce2e8 0 0) 12px 12px / 34px 3px no-repeat,linear-gradient(#e5e9ed 0 0) 12px 21px / 26px 3px no-repeat,#f7f8f9}.empty-state h3{margin:18px 0 5px;font-size:15px}.empty-state p{max-width:420px;margin:0 0 16px;color:#70757c;font-size:13px;line-height:20px}.split-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:16px}.list-stack{display:grid;gap:10px}.list-item{width:100%;padding:14px;border:1px solid #e1e4e8;border-radius:7px;color:inherit;background:#fff;cursor:pointer;text-align:left}.list-item:hover{border-color:#aebed0;background:#fbfdff}.list-item--selected{border-color:#5687bd;box-shadow:inset 3px 0 #2867b2}.progress-inline{display:grid;grid-template-columns:minmax(80px,1fr) auto;align-items:center;gap:10px}.progress-inline__track{height:5px;overflow:hidden;border-radius:3px;background:#e5e8eb}.progress-inline__fill{height:100%;background:#2867b2}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-field{display:grid;gap:7px}.form-field--full{grid-column:1 / -1}.form-field label{color:#4e5359;font-size:12px;font-weight:600}.form-field small{color:#757a81;font-size:11px;line-height:17px}.sidebar-scrim{display:none}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(132px,1fr))}.metric:nth-child(3){border-right:0}.metric:nth-child(n+4){border-top:1px solid #eceef0}.chart-panel,.chart-panel--wide{grid-column:span 6}.split-layout{grid-template-columns:minmax(280px,.8fr) minmax(450px,1.2fr)}}@media(max-width:860px){.app-shell{display:block}.sidebar{position:fixed;left:0;width:min(82vw,280px);transform:translate(-102%);transition:transform .16s ease}.sidebar--open{transform:translate(0)}.sidebar-scrim{position:fixed;inset:0;z-index:15;display:block;border:0;background:#151c2457}.mobile-menu{display:inline-flex!important;margin-right:8px}.topbar{padding:0 14px 0 8px}.topbar__right>span:last-child,.topbar__divider{display:none}.main-content{padding:18px 14px 28px}.split-layout{grid-template-columns:1fr}}@media(max-width:680px){.page-header{display:grid;gap:14px}.page-header__action{width:100%}.page-header__action>button{width:100%}.filter-bar{align-items:stretch}.filter-field{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:96px;padding:14px}.metric:nth-child(2n){border-right:0}.metric:nth-child(3){border-right:1px solid #eceef0}.metric:nth-child(n+3){border-top:1px solid #eceef0}.metric strong{font-size:24px}.chart-panel,.chart-panel--wide{grid-column:1 / -1}.form-grid{grid-template-columns:1fr}.form-field--full{grid-column:auto}.environment>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.metric-grid--three{grid-template-columns:repeat(3,minmax(132px,1fr))}.metric-grid--three .metric:nth-child(3){border-right:0}.filter-bar--flat{padding:0 0 14px;border:0}.table-empty{height:110px!important;color:#747980!important;text-align:center}.semantic-state{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:4px;color:#48505a;background:#edf0f3;font-size:11px;font-weight:600}.semantic-state--ringing{color:#7a4b0a;background:#fff3d6}.semantic-state--dialing{color:#125d55;background:#dff3ef}.call-strip{display:grid;grid-template-columns:1.2fr 1fr .7fr auto;align-items:center;gap:18px;min-height:84px;padding:14px;border:1px solid #dce2e8;border-radius:7px;background:#f9fbfd}.call-strip>div{display:grid;gap:4px}.call-strip span,.call-strip small{color:#70767d;font-size:11px}.call-strip strong{font-size:13px}.call-strip__label{color:#7a4b0a!important;font-weight:700}.definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.definition-grid article{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px;border:1px solid #dfe3e7;border-radius:7px;background:#fafbfc}.definition-grid article span{color:#2867b2;font-size:12px;font-weight:600}.definition-grid article p{grid-column:1 / -1;margin:0;color:#6e747b;font-size:12px;line-height:19px}.rule-list{display:grid;border:1px solid #e0e4e8;border-radius:7px}.rule-list>div{display:grid;grid-template-columns:140px minmax(0,1fr) 60px;align-items:center;gap:14px;min-height:52px;padding:0 14px;border-top:1px solid #eceef0}.rule-list>div:first-child{border-top:0}.rule-list span{color:#6c7279;font-size:12px}.rule-list b{color:#2867b2;text-align:right}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settings-grid article{display:grid;min-height:108px;align-content:start;gap:7px;padding:15px;border:1px solid #e0e4e7;border-radius:7px;background:#fbfcfd}.settings-grid span,.settings-grid small{color:#6d737a;font-size:11px}.settings-grid strong{font-size:15px}.voice-list{display:grid}.voice-list>div{display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:12px;min-height:66px;padding:8px 4px;border-top:1px solid #eceef0}.voice-list>div:first-child{border-top:0}.voice-list__wave{width:42px;height:30px;border-radius:5px;background:linear-gradient(90deg,transparent 4px,#4c7fb7 4px 7px,transparent 7px 11px,#4c7fb7 11px 14px,transparent 14px 18px,#4c7fb7 18px 21px,transparent 21px 25px,#4c7fb7 25px 28px,transparent 28px 32px,#4c7fb7 32px 35px,transparent 35px),#eef4fa}.voice-list>div>div{display:grid;gap:3px}.voice-list small,.voice-list>div>span:not(.voice-list__wave){color:#70767d;font-size:11px}@media(max-width:680px){.metric-grid--three{grid-template-columns:1fr}.metric-grid--three .metric{border-top:1px solid #eceef0;border-right:0}.metric-grid--three .metric:first-child{border-top:0}.call-strip,.definition-grid,.settings-grid{grid-template-columns:1fr}.call-strip>button{width:100%}.rule-list>div{grid-template-columns:1fr auto;padding:10px 12px}.rule-list span{grid-row:2;grid-column:1 / -1}.voice-list>div{grid-template-columns:42px minmax(0,1fr) auto}.voice-list>div>span:not(.voice-list__wave){display:none}}