:root{--bg: #eef3fa;--bg2: #f6f9fd;--card: #ffffff;--line: #e4ebf5;--line2: #eef2f8;--text: #13213a;--text2: #4a5870;--muted: #8592a8;--blue: #1d6bf3;--blue2: #3b8bff;--blue-soft: #e8f1ff;--green: #12a873;--green-soft: #e3f7ef;--orange: #e8890c;--orange-soft: #fff1dc;--red: #e5484d;--red-soft: #fde8e8;--purple: #7c5cff;--purple-soft: #efeaff;--teal: #0f9fb0;--teal-soft: #e0f6f8;--gray-soft: #eef1f6;--shadow: 0 1px 2px rgba(19, 33, 58, .04), 0 4px 16px rgba(29, 107, 243, .06);--radius: 12px;--side: 224px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif;font-family:var(--font);color:var(--text);font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 75% -10%,#dfeafd 0%,transparent 60%),var(--bg);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.app{display:grid;grid-template-rows:64px minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100%}.topbar{display:flex;align-items:center;gap:18px;padding:0 22px;background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:16px;min-width:0;flex:1 1 auto}.brand-logo,.brand-sep,.brand-badge{flex:none}.brand-logo{font-weight:800;font-size:26px;letter-spacing:1px;color:#0c1a33}.brand-logo b{color:var(--blue);font-weight:800}.brand-sep{width:1px;height:28px;background:var(--line)}.brand-title{min-width:0;flex:0 1 auto;font-size:21px;font-weight:800;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-badge{padding:4px 12px;border-radius:8px;background:var(--blue-soft);color:var(--blue);font-weight:700;font-size:13px;white-space:nowrap}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:16px;flex:none}.global-search{position:relative}.global-search .search-box{width:300px;border-radius:20px;background:#f3f6fb;border-color:transparent}.search-pop{position:absolute;top:42px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #13213a24;padding:6px;max-height:380px;overflow:auto}.search-pop button{display:flex;width:100%;gap:10px;align-items:center;padding:8px 10px;border:0;background:none;border-radius:8px;text-align:left}.search-pop button:hover{background:var(--blue-soft)}.search-pop .sp-kind{font-size:11px;color:var(--muted);min-width:56px}.search-pop .sp-empty{padding:14px;color:var(--muted);text-align:center}.clock{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text2);white-space:nowrap}.weather{display:flex;align-items:center;gap:6px;color:var(--text2);white-space:nowrap}.lang-switch{display:flex;background:#f0f4fa;border-radius:8px;padding:2px}.lang-switch button{border:0;background:none;padding:4px 8px;border-radius:6px;font-size:12px;color:var(--text2)}.lang-switch button.on{background:#fff;color:var(--blue);font-weight:700;box-shadow:0 1px 3px #00000014}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#cfe0ff,#eef4ff);display:grid;place-items:center;color:var(--blue);border:0;position:relative}.bell{position:relative;border:0;background:none;color:var(--text2);display:grid;place-items:center}.bell i{position:absolute;top:-4px;right:-6px;background:var(--red);color:#fff;font-style:normal;font-size:10px;padding:0 4px;border-radius:8px;line-height:15px}.body{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:0}.app{min-width:0;overflow:hidden}.app[data-lang=vi],.app[data-lang=en]{--side: 262px}.app[data-lang=vi] .global-search .search-box,.app[data-lang=en] .global-search .search-box{width:240px}.side{background:#ffffffb3;border-right:1px solid var(--line);padding:14px 12px;overflow:auto;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;background:none;border-radius:10px;font-weight:700;font-size:15px;color:var(--text);text-align:left}.nav-item:hover{background:#f0f5fe}.nav-item.on{background:linear-gradient(135deg,#2b7bff,#1d62e6);color:#fff;box-shadow:0 6px 16px #1d6bf34d}.nav-item .chev{margin-left:auto;transition:transform .2s;color:var(--muted)}.nav-item.open .chev{transform:rotate(90deg)}.nav-badge{background:var(--red);color:#fff;font-size:11px;border-radius:9px;padding:0 6px;line-height:17px;margin-left:2px}.nav-sub{display:flex;flex-direction:column;gap:1px;padding:2px 0 6px 20px;border-left:1px solid var(--line);margin-left:21px}.nav-sub button{display:flex;align-items:center;gap:10px;border:0;background:none;padding:8px 10px;border-radius:8px;color:var(--text2);font-size:13.5px;text-align:left;line-height:1.3}.nav-sub button:hover{background:#f0f5fe;color:var(--blue)}.nav-sub button.on{background:var(--blue-soft);color:var(--blue);font-weight:700}.nav-sub .cnt{margin-left:auto;font-size:11px;color:var(--red);font-weight:700}.side-foot{margin-top:auto;padding:14px 8px 4px;color:var(--muted);font-size:12px;letter-spacing:.5px}.main{overflow:auto;padding:16px 18px 28px;min-width:0;position:relative}.side-foot small{display:block;margin-top:4px;font-size:11px;opacity:.8}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(228,235,245,.7);display:flex;flex-direction:column;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px;gap:10px}.card-head h3{font-size:17px;font-weight:800;display:flex;align-items:center;gap:8px;white-space:nowrap}.card-head h3 svg{color:var(--blue)}.card-extra{display:flex;align-items:center;gap:8px}.card-body{padding:8px 16px 14px;flex:1;min-height:0}.more-link{border:0;background:none;color:var(--muted);font-size:13px;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.more-link:hover{color:var(--blue)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:2px 2px 14px;flex-wrap:wrap}.page-head h2{font-size:22px;font-weight:800}.page-head p{color:var(--muted);margin-top:4px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}.span2{grid-column:span 2}.span3{grid-column:span 3}.stack{display:flex;flex-direction:column;gap:14px;min-width:0}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.toolbar .spacer{flex:1}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;line-height:20px}.tag-blue{background:var(--blue-soft);color:var(--blue)}.tag-green{background:var(--green-soft);color:var(--green)}.tag-orange{background:var(--orange-soft);color:var(--orange)}.tag-red{background:var(--red-soft);color:var(--red)}.tag-gray{background:var(--gray-soft);color:var(--text2)}.tag-purple{background:var(--purple-soft);color:var(--purple)}.tag-teal{background:var(--teal-soft);color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:1px solid transparent;font-weight:600;white-space:nowrap;transition:.15s}.btn-md{height:36px;padding:0 16px}.btn-sm{height:28px;padding:0 10px;font-size:12.5px}.btn-primary{background:linear-gradient(135deg,#2b7bff,#1d62e6);color:#fff;box-shadow:0 4px 12px #1d6bf340}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:#fff;border-color:var(--line);color:var(--text)}.btn-ghost:hover{border-color:#b9cdf0;color:var(--blue)}.btn-outline{background:#fff;border-color:#9fc0fb;color:var(--blue)}.btn-outline:hover{background:var(--blue-soft)}.btn-danger{background:#fff;border-color:#f3b4b6;color:var(--red)}.btn-danger:hover{background:var(--red-soft)}.btn-text{background:none;color:var(--blue);padding:0 4px;height:auto}.btn-text:hover{text-decoration:underline}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{border:0;background:none;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--muted)}.icon-btn:hover{background:var(--gray-soft);color:var(--text)}.stat{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:var(--shadow);border:1px solid rgba(228,235,245,.7)}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none}.stat-blue .stat-icon{background:var(--blue-soft);color:var(--blue)}.stat-green .stat-icon{background:var(--green-soft);color:var(--green)}.stat-orange .stat-icon{background:var(--orange-soft);color:var(--orange)}.stat-red .stat-icon{background:var(--red-soft);color:var(--red)}.stat-purple .stat-icon{background:var(--purple-soft);color:var(--purple)}.stat-teal .stat-icon{background:var(--teal-soft);color:var(--teal)}.stat-gray .stat-icon{background:var(--gray-soft);color:var(--text2)}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25}.stat-sub{font-size:12px;color:var(--muted)}.bar{height:8px;background:#edf2f9;border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;transition:width .5s}.bar-blue{background:linear-gradient(90deg,#6aa7ff,#1d6bf3)}.bar-green{background:linear-gradient(90deg,#5ad4a6,#12a873)}.bar-orange{background:linear-gradient(90deg,#ffc46b,#e8890c)}.bar-red{background:linear-gradient(90deg,#ff9b9e,#e5484d)}.bar-gray{background:#b7c1d3}.bar-purple{background:linear-gradient(90deg,#b3a1ff,#7c5cff)}.bar-teal{background:linear-gradient(90deg,#6fd6e2,#0f9fb0)}.steps{list-style:none;display:flex;padding:0;margin:0}.steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;font-size:12px;color:var(--muted)}.steps li:before{content:"";position:absolute;top:11px;left:-50%;right:50%;height:2px;background:var(--line);z-index:0}.steps li:first-child:before{display:none}.steps li.done:before,.steps li.cur:before{background:var(--blue)}.steps-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;background:#fff;border:2px solid var(--line);z-index:1;color:var(--muted)}.steps li.done .steps-dot{background:var(--blue);border-color:var(--blue);color:#fff}.steps li.cur .steps-dot{background:var(--blue);border-color:#bcd5ff;color:#fff;box-shadow:0 0 0 4px #1d6bf326}.steps li.cur .steps-label,.steps li.done .steps-label{color:var(--text);font-weight:600}.steps-label{text-align:center;white-space:nowrap}.tabs{display:inline-flex;background:#f0f4fa;border-radius:9px;padding:3px;gap:2px}.tabs button{border:0;background:none;padding:6px 16px;border-radius:7px;color:var(--text2);font-weight:600;white-space:nowrap}.tabs button.on{background:var(--blue);color:#fff;box-shadow:0 2px 8px #1d6bf34d}.tabs-sm button{padding:4px 12px;font-size:13px}.search-box{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted)}.search-box input{border:0;outline:0;background:none;flex:1;min-width:0;color:var(--text)}.search-box button{border:0;background:none;color:var(--muted);display:grid;place-items:center;padding:0}.search-box:focus-within{border-color:#9fc0fb;box-shadow:0 0 0 3px #1d6bf31a}.select,.input,.textarea{height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fff;outline:0}.textarea{height:auto;padding:8px 10px;resize:vertical;min-height:80px;width:100%}.select:focus,.input:focus,.textarea:focus{border-color:#9fc0fb;box-shadow:0 0 0 3px #1d6bf31a}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text2)}.field .input,.field .select{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1 / -1}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{text-align:left;font-weight:600;color:var(--muted);font-size:12.5px;padding:10px 12px;background:#f6f9fd;border-bottom:1px solid var(--line);white-space:nowrap}.table th:first-child{border-top-left-radius:8px}.table th:last-child{border-top-right-radius:8px}.table td{padding:11px 12px;border-bottom:1px solid var(--line2);vertical-align:middle}.table-compact td,.table-compact th{padding:7px 10px}.table tr.clickable{cursor:pointer}.table tbody tr:hover td{background:#f7faff}.table td.empty{text-align:center;color:var(--muted);padding:28px}.pager{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px 4px 0;color:var(--muted);font-size:13px}.pager button{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:7px;display:grid;place-items:center}.pager button:disabled{opacity:.4;cursor:not-allowed}.pager-cur{color:var(--text);font-weight:600}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d19305c;z-index:100;display:grid;place-items:center;animation:fade .15s}.overlay-drawer{place-items:stretch end;display:flex;justify-content:flex-end}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(40px);opacity:0}}@keyframes pop{0%{transform:scale(.97);opacity:0}}.modal{background:#fff;border-radius:14px;width:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:0 24px 64px #0d19304d;animation:pop .18s}.modal header,.drawer header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line2)}.modal header h3,.drawer header h3{font-size:17px;font-weight:800;display:flex;align-items:center;gap:8px}.modal-body{padding:18px 20px;overflow:auto}.modal footer,.drawer footer{padding:12px 20px;border-top:1px solid var(--line2);display:flex;justify-content:flex-end;gap:10px}.drawer{background:#fff;width:560px;max-width:100vw;height:100%;display:flex;flex-direction:column;box-shadow:-12px 0 40px #0d19302e;animation:slide .2s}.drawer-body{padding:18px 20px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:18px}.section-title{font-weight:800;font-size:14px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.section-title:before{content:"";width:3px;height:14px;background:var(--blue);border-radius:2px}.kv{display:grid;gap:10px 18px;margin:0}.kv-1{grid-template-columns:1fr}.kv-2{grid-template-columns:1fr 1fr}.kv-3{grid-template-columns:1fr 1fr 1fr}.kv dt{color:var(--muted);font-size:12px;margin-bottom:2px}.kv dd{margin:0;font-weight:600;word-break:break-word}.timeline{list-style:none;margin:0;padding:0 0 0 4px}.timeline li{position:relative;padding:0 0 16px 20px;border-left:2px solid var(--line)}.timeline li:last-child{border-left-color:transparent;padding-bottom:0}.timeline li:before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--blue)}.timeline li.tl-green:before{border-color:var(--green)}.timeline li.tl-orange:before{border-color:var(--orange)}.timeline li.tl-red:before{border-color:var(--red)}.timeline li.tl-gray:before{border-color:#b7c1d3}.tl-time{font-size:12px;color:var(--muted)}.tl-title{font-weight:700;margin-top:2px}.tl-desc{color:var(--text2);font-size:13px;margin-top:2px}.toasts{position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:#fff;padding:10px 18px;border-radius:10px;box-shadow:0 10px 30px #0d19302e;display:flex;gap:8px;align-items:center;font-weight:600;animation:pop .2s}.toast-ok svg{color:var(--green)}.toast-warn svg{color:var(--orange)}.toast-err svg{color:var(--red)}.flag{width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px #00000014;flex:none}.sparkbars{width:60px;height:34px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}.pulse{animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #e5484d80}to{box-shadow:0 0 0 10px #e5484d00}}.link{color:var(--blue);cursor:pointer;border:0;background:none;padding:0;font-weight:600}.link:hover{text-decoration:underline}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.kpi{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px 12px;position:relative;overflow:hidden;border:1px solid rgba(228,235,245,.7);cursor:pointer;transition:transform .15s,box-shadow .15s;text-align:left}.kpi:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1d6bf31f}.kpi{padding-left:70px}.kpi-icon{position:absolute;left:16px;top:18px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.kpi-icon-robots,.kpi-icon-online{background:linear-gradient(135deg,#e3eeff,#f3f7ff);color:#1d6bf3}.kpi-icon-import{background:linear-gradient(135deg,#dff6ec,#f1fbf6);color:#12a873}.kpi-icon-pass{background:linear-gradient(135deg,#e3eeff,#f3f7ff);color:#2f7cf6}.kpi-icon-risk{background:linear-gradient(135deg,#fde3e3,#fff3f3);color:#e5484d}.kpi-icon-ent{background:linear-gradient(135deg,#e3eeff,#f3f7ff);color:#3b6fd8}.kpi-value{white-space:nowrap}.kpi-value small{font-size:14px;font-weight:700;margin-left:4px;color:var(--text2)}.kpi-label{font-weight:700;font-size:14px;color:var(--text)}.kpi-value{font-size:28px;font-weight:800;letter-spacing:.5px;margin-top:4px;font-variant-numeric:tabular-nums}.kpi-delta{font-size:12.5px;display:flex;gap:8px;margin-top:4px;color:var(--muted);max-width:calc(100% - 66px)}.kpi-delta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.kpi-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-delta b{font-weight:700}.kpi-delta .up{color:var(--green)}.kpi-delta .down{color:var(--red)}.kpi .sparkbars{position:absolute;right:12px;bottom:12px}.dash{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.32fr) minmax(0,1fr);gap:14px}.dash-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.32fr) minmax(0,1fr);gap:14px;margin-top:14px}.legend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.legend-list li{display:flex;align-items:center;gap:7px;font-size:13.5px;white-space:nowrap;cursor:pointer;padding:2px 4px;border-radius:6px}.legend-list li:hover{background:#f4f8ff}.legend-list li.dim{opacity:.4}.legend-list .lv{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}.legend-list svg{color:var(--text2)}.donut-wrap{display:grid;grid-template-columns:minmax(120px,146px) minmax(0,1fr);gap:10px;align-items:center}.app[data-lang=vi] .donut-wrap,.app[data-lang=en] .donut-wrap{grid-template-columns:140px minmax(0,1fr)}.app[data-lang=vi] .legend-list li,.app[data-lang=en] .legend-list li{font-size:12.5px;gap:6px;white-space:normal}.app[data-lang=vi] .legend-list svg,.app[data-lang=en] .legend-list svg{display:none}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.rank-list li{display:grid;grid-template-columns:22px 26px minmax(56px,auto) 1fr 52px;gap:8px;align-items:center;font-size:13.5px}.rank-no{width:20px;height:20px;border-radius:5px;background:#f0f4fa;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--text2)}.rank-list .lv{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.map-card .card-body{position:relative;padding:0 8px 8px;display:flex;flex-direction:column}.map-canvas{flex:1;min-height:560px;position:relative}.map-canvas>div{position:absolute;top:0;right:0;bottom:0;left:0}.map-tabs{position:absolute;top:4px;left:16px;z-index:2}.map-legend{position:absolute;left:16px;bottom:16px;z-index:2;font-size:12px;color:var(--text2);background:#ffffffbf;padding:8px 10px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-hint{display:block;margin-top:6px;color:var(--muted);font-size:11px}.map-card .card-body{background:radial-gradient(ellipse at 55% 45%,#f6f9fe,#e7eef8 75%);border-radius:0 0 var(--radius) var(--radius)}.map-legend b{display:block;margin-bottom:4px;font-size:13px;color:var(--text)}.map-legend div{display:flex;align-items:center;gap:6px;line-height:20px}.map-ticker{position:absolute;left:14px;bottom:16px;z-index:2;width:230px;display:flex;flex-direction:column;gap:6px}.map-ticker .mt{background:#ffffffe6;border-radius:8px;padding:6px 10px;font-size:12px;box-shadow:0 4px 14px #13213a1a;display:flex;gap:6px;align-items:center;animation:slide .3s;border-left:3px solid var(--red)}.map-ticker .mt.mid{border-left-color:var(--orange)}.map-ticker .mt.low{border-left-color:var(--teal)}.event-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.event-list li{display:grid;grid-template-columns:12px 44px 92px 1fr auto;gap:8px;align-items:center;padding:7px 4px;border-bottom:1px dashed var(--line);font-size:13.5px;cursor:pointer;border-radius:6px}.event-list li:hover{background:#f7faff}.event-list li:last-child{border-bottom:0}.event-list .ev-city{color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-list .ev-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-list{list-style:none;margin:0;padding:0}.work-list li{display:grid;grid-template-columns:22px 1fr 40px auto;gap:10px;align-items:center;padding:7px 4px;border-bottom:1px dashed var(--line);font-size:14px}.work-list li:last-child{border-bottom:0}.work-list svg{color:var(--blue)}.work-list .wc{color:var(--red);font-weight:800;background:var(--red-soft);border-radius:6px;text-align:center;font-size:13px}.chip-row{display:flex;gap:8px}.chip{padding:2px 10px;border-radius:6px;font-size:12.5px;font-weight:700;display:inline-flex;gap:6px;align-items:center}.chip b{font-size:15px}.chip-red{background:var(--red-soft);color:var(--red)}.chip-blue{background:var(--blue-soft);color:var(--blue)}.chip-orange{background:var(--orange-soft);color:var(--orange)}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.mini-table{width:100%;border-collapse:collapse;font-size:13px}.mini-table th{color:var(--muted);font-weight:600;text-align:left;padding:5px 6px;border-bottom:1px solid var(--line);white-space:nowrap}.mini-table td{padding:6px;border-bottom:1px solid var(--line2);white-space:nowrap}.mini-table tr:hover td{background:#f7faff}.dispatch-card{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:linear-gradient(180deg,#fbfdff,#fff)}.dispatch-card .dc-head{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:8px;font-weight:800;font-size:15px}.dispatch-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 4px;font-size:13.5px}.dispatch-card dt{color:var(--text2)}.dispatch-card dd{margin:0;font-weight:600}@media(max-width:1500px){.kpi .sparkbars{display:none}.kpi-delta{max-width:none}.kpi-value{font-size:23px}.kpi{padding-left:60px;padding-right:10px}.kpi-icon{left:12px;width:38px;height:38px}.weather{display:none}}@media(max-width:1280px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi .sparkbars{display:block}.dash,.dash-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dash .map-card{grid-column:1 / -1;order:-1}.dash .map-canvas{min-height:0;height:640px;flex:none}}@media(max-width:1100px){:root{--side: 64px}.side .nav-label,.side .nav-sub,.side .chev,.side-foot,.nav-badge{display:none}.brand-title{font-size:17px}.global-search .search-box{width:200px}.g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.body{grid-template-columns:1fr}.side{display:none}.kpis,.dash,.dash-bottom,.g2,.g4,.g5{grid-template-columns:minmax(0,1fr)}.span2,.span3{grid-column:auto}.brand-badge,.clock,.global-search,.brand-sep{display:none}.topbar{padding:0 16px}.main{padding:12px 16px 28px}.map-ticker{display:none}.form-grid,.kv-2,.kv-3{grid-template-columns:1fr}}.card-head{flex-wrap:wrap;row-gap:6px}.card-head h3{white-space:normal;min-width:0;flex:1 1 auto;line-height:1.3}.card-extra{flex-wrap:wrap;justify-content:flex-end;min-width:0;max-width:100%;margin-left:auto}.card-extra .select{max-width:100%;min-width:0}.more-link{white-space:nowrap}.chip-row{flex-wrap:wrap;justify-content:flex-end;row-gap:4px}.chip{white-space:nowrap}.btn-row .btn,.page-actions .btn{white-space:normal;height:auto;min-height:36px;padding-top:6px;padding-bottom:6px;line-height:1.25;text-align:center}.btn{max-width:100%}.mini-table{table-layout:auto}.mini-table th,.mini-table td{white-space:normal;word-break:normal;overflow-wrap:anywhere}.mini-table td .tag,.mini-table td .btn,.mini-table td .link{white-space:nowrap}.table th{white-space:normal}.stat>div{min-width:0}.stat-label,.stat-sub{overflow-wrap:anywhere}.tabs{flex-wrap:wrap;max-width:100%}.toolbar>*{min-width:0;max-width:100%}.kv dd,.kv dt{min-width:0;overflow-wrap:anywhere}.section-title{overflow-wrap:anywhere}.event-list li.event-head{cursor:default;color:var(--muted);font-size:12.5px;background:#f6f9fd;border-bottom:0;border-radius:6px;padding:6px 4px}.event-list li.event-head:hover{background:#f6f9fd}.brand-text{display:flex;flex-direction:column;min-width:0;flex:0 1 auto}.brand-text .brand-title{line-height:1.15}.brand-sub{font-size:10px;letter-spacing:1.6px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.user-chip{display:flex;align-items:center;gap:8px;border:0;background:none;padding:2px 4px;border-radius:10px;text-align:left}.user-chip:hover{background:#f0f5fe}.user-chip .avatar{flex:none}.user-text{display:flex;flex-direction:column;line-height:1.2}.user-text b{font-size:13px;white-space:nowrap}.user-text small{font-size:12px;color:var(--muted)}.dock{display:flex;align-items:stretch;justify-content:space-around;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:0 12px;z-index:20}.dock button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;color:var(--text2);font-weight:600;font-size:14.5px;position:relative;white-space:nowrap;min-width:0}.dock button+button:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:1px;background:var(--line)}.dock button:hover,.dock button.on{color:var(--blue)}.dock button.on:after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--blue)}.dock button span{overflow:hidden;text-overflow:ellipsis}@media(max-width:1100px){.user-text,.dock button span{display:none}}@media(max-width:760px){.app{grid-template-rows:56px minmax(0,1fr)}.brand-sub{display:none}}.event-list li.event-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.steps-label{white-space:normal;line-height:1.2;max-width:100%;overflow-wrap:anywhere}.kpi-delta b{white-space:nowrap}@media(max-width:1800px){.kpi .sparkbars{display:none}.kpi-delta{max-width:none}}.fill{position:relative;height:170px}.fill>div{position:absolute;top:0;right:0;bottom:0;left:0}.donut-wrap>div:first-child{height:180px}@media all{.main:has(.dash-page.fit){padding-bottom:14px}.dash-page.fit{height:max(100%,700px);display:flex;flex-direction:column}.dash-page.fit .kpis{flex:none;margin-bottom:12px}.dash-page.fit .dash{flex:1;min-height:0;grid-template-rows:minmax(0,1fr);gap:12px}.dash-page.fit .dash>.stack{min-height:0;display:flex;flex-direction:column;gap:12px}.dash-page.fit .stack>.card{flex:1 1 0;min-height:0;overflow:hidden}.dash-page.fit .stack>.card:nth-child(1){flex-grow:1.25}.dash-page.fit .dash>.stack:last-child>.card:nth-child(2){flex-grow:1.35}.dash-page.fit .card-head{padding:11px 14px 2px}.dash-page.fit .card-head h3{font-size:16px}.dash-page.fit .card-body{min-height:0;display:flex;flex-direction:column;padding:4px 14px 10px}.dash-page.fit .donut-wrap{flex:1;min-height:0}.dash-page.fit .donut-wrap>div:first-child{height:100%;min-height:0}.dash-page.fit .fill{flex:1;min-height:0;height:auto}.dash-page.fit .map-card,.dash-page.fit .map-canvas{min-height:0}.dash-page.fit .legend-list{gap:1px}.dash-page.fit .legend-list li{padding:1px 4px;font-size:13px}.dash-page.fit .rank-list{gap:5px}.dash-page.fit .event-list li{padding:5px 4px;font-size:13px}.dash-page.fit .event-list{flex:1;min-height:0;overflow:hidden}.dash-page.fit .event-list li.event-head{position:sticky;top:0;z-index:1}}.event-list li{grid-template-columns:12px 62px 74px minmax(0,1fr) auto}@media(max-width:1720px){.kpi{padding-left:58px;padding-right:10px}.kpi-icon{left:12px;top:16px;width:36px;height:36px;border-radius:10px}.kpi-icon svg{width:19px;height:19px}.kpi-value{font-size:23px}.kpi-value small{font-size:12px;margin-left:2px}.kpi-label{font-size:13px}}@media(max-width:1400px){.kpi-value{font-size:20px}}.brand-sub{letter-spacing:1px;font-size:9.5px}.kpi .sparkbars{width:60px;height:24px;bottom:10px}@media(max-width:1500px){.kpi-label{font-size:12.5px}}.app:not([data-lang=zh]) .brand-sub{display:none}.app:not([data-lang=zh]) .brand-title{white-space:normal;font-size:16px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.brand-title{overflow:visible;text-overflow:clip}@media(max-width:1600px){.brand-sub{display:none}}.nav-item .nav-label{white-space:normal;line-height:1.25}.app:not([data-lang=zh]) .kpi-label{white-space:normal;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px}.app:not([data-lang=zh]) .kpi-delta span{display:none}.event-list .ev-title,.event-list .ev-city{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}.event-list.ev-table{display:grid;grid-template-columns:12px auto auto minmax(0,1fr) auto;column-gap:10px;align-content:start}.event-list.ev-table li{display:contents}.event-list.ev-table li>*{padding:7px 0;border-bottom:1px dashed var(--line);cursor:pointer;align-self:stretch;display:flex;align-items:center;min-width:0}.event-list.ev-table li>.dot{width:10px!important;height:auto!important;background:none!important;padding:0}.event-list.ev-table li>.dot:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--dot)}.event-list.ev-table li>.tag{background:none;padding:7px 0;justify-content:flex-end}.event-list.ev-table li>.tag>span{padding:2px 9px;border-radius:6px}.event-list.ev-table li:last-child>*{border-bottom:0}.event-list.ev-table li.event-head>*{padding:6px 0;border-bottom:0;background:#f6f9fd;color:var(--muted);font-size:12.5px;cursor:default;position:sticky;top:0;z-index:1}.event-list.ev-table .ev-city{white-space:nowrap}.event-list li.event-head span{overflow:visible;white-space:normal;line-height:1.2}@media all{.dash-page.fit .stack>.card:first-child{flex:0 0 auto}.dash-page.fit .stack>.card:first-child .donut-wrap>div:first-child{height:150px}.dash-page.fit .stack>.card:first-child .donut-wrap{flex:none}}.dock button span{white-space:normal;text-align:center;line-height:1.15;overflow:visible}.app:not([data-lang=zh]) .dock button{font-size:13px}@media(max-width:1400px){.kpi-label{font-size:12px}}@media all{.dash-page.fit .dash>.stack:first-child>.card:nth-child(2){flex:0 0 auto}.dash-page.fit .dash>.stack:first-child>.card:nth-child(3){flex:1 1 0;min-height:150px}}@media(max-width:1400px){.kpi-label{white-space:normal;line-height:1.2}}.dash-page.fit .event-list.ev-table{scroll-snap-type:y mandatory}.dash-page.fit .event-list.ev-table li>*:first-child{scroll-snap-align:start}@media(max-height:900px){.side-foot{display:none}}.event-list.ev-table li:hover>*{background:#f7faff}@media all{.dash-page.fit .dash>.stack:last-child>.card:nth-child(2){flex:1.6 1 0}.dash-page.fit .dash>.stack:last-child>.card:nth-child(3){flex:1 1 0;min-height:170px}}.ev-meta{display:none}.app:not([data-lang=zh]) .event-list.ev-table{grid-template-columns:12px minmax(0,1fr) auto}.app:not([data-lang=zh]) .event-list.ev-table li.event-head{display:none}.app:not([data-lang=zh]) .event-list.ev-table li>.num,.app:not([data-lang=zh]) .event-list.ev-table li>.ev-city{display:none}.app:not([data-lang=zh]) .event-list.ev-table .ev-title{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 0}.app:not([data-lang=zh]) .ev-meta{display:block;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.app:not([data-lang=zh]) .event-list.ev-table li>.tag{padding-left:8px}@media(max-width:1699px)and (min-width:1100px){.app:not([data-lang=zh]) .dash{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.app:not([data-lang=zh]) .dash>.map-card{grid-column:2;grid-row:1}.app:not([data-lang=zh]) .dash>.stack:first-child{grid-column:1;grid-row:1}.app:not([data-lang=zh]) .dash>.stack:last-child{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.app:not([data-lang=zh]) .map-canvas{min-height:640px}.app:not([data-lang=zh]) .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.app:not([data-lang=zh]) .kpi .sparkbars{display:block}.app:not([data-lang=zh]) .kpi-label{-webkit-line-clamp:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:13.5px}.app:not([data-lang=zh]) .kpi-value{font-size:26px}}@media(max-width:1699px){.app:not([data-lang=zh]) .weather,.app:not([data-lang=zh]) .user-text{display:none}.app:not([data-lang=zh]) .global-search .search-box{width:220px}}.app:not([data-lang=zh]) .nav-item{font-size:14px;padding:9px 10px}.app:not([data-lang=zh]) .nav-sub button{font-size:13px;padding:7px 8px;line-height:1.3}.table td .mono,.table td.num,.table td .num{white-space:nowrap}.table td:has(>.mono:only-child){white-space:nowrap}.app:not([data-lang=zh]) .table{font-size:13px}.app:not([data-lang=zh]) .table th{font-size:12px}.app:not([data-lang=zh]) .table-wrap>.table{min-width:1180px}.app:not([data-lang=zh]) .table td{line-height:1.35}.app:not([data-lang=zh]) .table-wrap>.table{min-width:1320px}.app:not([data-lang=zh]) .table td{min-width:104px}.app:not([data-lang=zh]) .table td:first-child:has(input[type=checkbox]){min-width:0}.app:not([data-lang=zh]) .table td:has(>b),.app:not([data-lang=zh]) .table td:nth-child(3){min-width:170px}.dash-page.fit .card-body{padding-bottom:14px}.dash-page.fit .stack>.card:first-child .legend-list{gap:3px;padding-bottom:2px}.map-card .card-body{padding:0}.map-canvas{border-radius:0 0 var(--radius) var(--radius);overflow:hidden}.dash .card{container-type:inline-size}.legend-list li{min-width:0}.legend-list li>span:not(.dot):not(.lv){min-width:0;overflow:hidden;text-overflow:clip}@container (max-width: 380px){.donut-wrap{grid-template-columns:40% minmax(0,1fr)!important;gap:6px}.legend-list li{font-size:12px!important;gap:5px!important}.legend-list svg{display:none}}@container (max-width: 300px){.legend-list li{font-size:11px!important}}@media(max-width:1400px){.kpi-delta span{display:none}}.brand-text{overflow:hidden}.brand-title{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap}@media(max-width:1400px){.brand-badge{display:none}}.map-legend{left:14px!important;right:auto!important;top:auto!important;bottom:14px!important}@container (max-width: 520px){.map-legend{padding:5px 7px!important;font-size:10.5px!important;bottom:10px!important;left:10px!important}.map-legend b{font-size:11px!important;margin-bottom:2px!important}.map-legend div{line-height:16px!important;gap:4px!important}.map-legend .dot{width:8px!important;height:8px!important}}