:root{--green:#13a4bc;--green-d:#0e8597;--green-l:#e2f4f7;--nav:#0f2e38;--nav2:#0a242c;--navtxt:#9db6c0;--bg:#eef2f6;--card:#fff;--line:#e4e9ef;--chip:#f2f6fa;--txt:#1f2937;--mut:#6b7280;--red:#dc2626;--amber:#e08a1e;--blue:#2f7fd0;--orange:#f97316;--gray:#9ca3af;--ok:#16a34a;--shadow:0 1px 3px #1028460d, 0 4px 14px #1028460f}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--txt);font-family:Microsoft JhengHei,PingFang TC,Noto Sans CJK TC,system-ui,sans-serif;font-size:14px}.app{grid-template-rows:60px 1fr;grid-template-columns:224px 1fr;height:100vh;display:grid}.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:20;grid-column:2;align-items:center;gap:16px;padding:0 22px;display:flex}.tb-spacer{flex:1}.pill{background:var(--chip);border:1px solid var(--line);color:var(--mut);border-radius:20px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.pill .dot{background:var(--ok);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #16a34a80}@keyframes pulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 7px #16a34a00}to{box-shadow:0 0 #16a34a00}}.pill.off .dot{background:var(--gray);box-shadow:none;animation:none}.clock{font-variant-numeric:tabular-nums;color:var(--txt);font-size:13px;font-weight:700}.ava{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:flex}.logo{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:900;display:flex}.side{background:var(--nav);color:#fff;flex-direction:column;grid-row:1/3;padding:14px 0;display:flex;overflow:auto}.brand{border-bottom:1px solid #243650;align-items:center;gap:10px;margin-bottom:10px;padding:0 18px 14px;display:flex}.brand .bt{font-size:14px;font-weight:800}.brand .bs{color:#8fa6c0;font-size:10.5px}.nav{flex:1;padding:4px 10px}.navitem{cursor:pointer;color:var(--navtxt);border-radius:9px;align-items:center;gap:11px;margin-bottom:3px;padding:11px 12px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:flex;position:relative}.navitem .ic{text-align:center;color:#6e84a0;width:18px;font-size:15px}.navitem:hover{color:#fff;background:#ffffff0f}.navitem.on{color:#fff;background:#1fc3d633}.navitem.on .ic{color:var(--green)}.navitem.on:before{content:"";background:var(--green);border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.navitem.disabled{opacity:.55;cursor:default}.navitem .soon{color:#6e84a0;margin-left:auto;font-size:10px;font-weight:700}.main{padding:18px 22px;overflow:auto}.crumb{color:var(--mut);margin-bottom:12px;font-size:12.5px}.crumb b{color:var(--txt)}.headrow{align-items:center;gap:8px;display:flex}.headrow h2,.stub h2{font-size:20px;font-weight:800}a{color:var(--green);font-weight:700;text-decoration:none}a:hover{color:var(--green-d);text-decoration:underline}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:16px;display:grid}.kpi{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:14px 16px;position:relative;overflow:hidden}.kpi:before{content:"";background:var(--c,var(--green));border-radius:2px;width:4px;position:absolute;top:14px;bottom:14px;left:0}.kpi.c-amber{--c:var(--amber)}.kpi.c-red{--c:var(--red)}.kpi.c-blue{--c:var(--blue)}.kpi.c-orange{--c:var(--orange)}.kpi .l{color:var(--mut);margin-bottom:6px;font-size:12px;font-weight:600}.kpi .v{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.1}.kpi .v small{color:var(--mut);margin-left:3px;font-size:13px;font-weight:600}.kpi .s{color:var(--mut);margin-top:5px;font-size:11.5px;font-weight:600}.kpi .tbd{color:var(--amber);border:1px solid var(--amber);vertical-align:middle;border-radius:5px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700}a.kpi{color:var(--txt);display:block}a.kpi:hover{border-color:var(--green);text-decoration:none}.alarmcount{white-space:nowrap;margin-left:7px;font-size:11px;font-weight:700}.trunc{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.td-org{max-width:15em}.grid2{grid-template-columns:1.05fr 1fr;gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:16px 18px}.card h3{align-items:center;gap:9px;margin-bottom:12px;font-size:15px;font-weight:800;display:flex}.card h3:before{content:"";background:var(--green);border-radius:2px;flex:none;width:4px;height:16px}.card h3 .r{color:var(--green);margin-left:auto;font-size:11.5px;font-weight:700}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--mut);border-bottom:1px solid var(--line);padding:8px 6px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--line);padding:9px 6px}tr.clk{cursor:pointer;transition:all .12s}tr.clk:hover{background:var(--green-l)}.sdot{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.soft{border-radius:6px;padding:2px 9px;font-size:11.5px;font-weight:700}input:not([type=checkbox]):not([type=radio]),select,textarea{font:inherit;border:1px solid var(--line);color:var(--txt);background:#fff;border-radius:7px;padding:6px 9px;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--green);outline:none}input[type=checkbox]{accent-color:var(--green);cursor:pointer}button{font:inherit;border:1px solid var(--line);background:var(--chip);color:var(--txt);cursor:pointer;border-radius:8px;padding:7px 13px;font-size:13px;font-weight:700;transition:border-color .12s,color .12s,background .12s}button:hover{border-color:var(--green);color:var(--green-d)}button:disabled{opacity:.55;cursor:not-allowed}button:disabled:hover{border-color:var(--line);color:var(--txt)}button.primary{background:var(--green);border-color:var(--green);color:#fff}button.primary:hover{background:var(--green-d);border-color:var(--green-d);color:#fff}button.sm{padding:4px 10px;font-size:12px;font-weight:600}button.danger:hover{border-color:var(--red);color:var(--red)}.mapwrap{height:430px;position:relative}.legend{color:var(--mut);gap:14px;font-size:11.5px;display:flex;position:absolute;top:0;right:6px}.legend i{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:4px;display:inline-block}.sitepin{cursor:pointer}.sitepin .halo{animation:2.2s infinite pulse2}@keyframes pulse2{0%{opacity:.45}70%{opacity:0}to{opacity:0}}.note{color:var(--mut);font-size:12px;line-height:1.7}.note.err{color:var(--red);font-weight:600}.kv{border-bottom:1px solid var(--line);gap:10px;padding:8px 0;font-size:13.5px;display:flex}.kv .k{color:var(--mut);flex:none;width:120px}.modal{background:0 0;border:none;max-width:92vw;margin:auto;padding:0}.modal::backdrop{background:#00000080}.modal.sm{width:440px}.modal.md{width:560px}.modal .card{max-height:86vh;overflow:auto}.stub{max-width:720px}.stub .stub-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:28px 30px}.stub h2{margin-bottom:8px}.stub .tag{background:var(--green-l);color:var(--green-d);border-radius:8px;margin-bottom:16px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-block}.loading{height:60vh;color:var(--mut);justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex}.sim-toolbar{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:8px;padding:12px 16px;display:flex}.sim .fld{color:var(--mut);flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;display:flex}.sim .fld .inline{gap:6px;display:flex}.sim select,.sim input{font:inherit;border:1px solid var(--line);color:var(--txt);background:#fff;border-radius:7px;padding:6px 8px;font-size:13px}.sim input.num{font-variant-numeric:tabular-nums;width:78px}.sim .grow{flex:1}.sim .chip{font:inherit;border:1px dashed var(--line);color:var(--mut);cursor:pointer;background:#fff;border-radius:14px;padding:4px 10px;font-size:12px;font-weight:700}.sim .chip:hover{border-color:var(--green);color:var(--green-d)}.sim .x{color:var(--mut);cursor:pointer;background:0 0;border:none;padding:2px 5px;font-size:13px}.sim .x:hover{color:var(--red)}.sim-note{color:var(--mut);margin:4px 2px 14px;font-size:12px}.sim-note .ok-msg{color:var(--ok)}.topo-card{margin-bottom:16px}.topo-card .topo-h{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0}.topo-card .topo-h .tw{color:var(--mut);margin-right:2px;font-size:12px}.topo-card .topo-scroll{margin-top:12px}.topo-scroll{overflow-x:auto}.sim-cols{grid-template-columns:1.15fr 1fr 1fr;align-items:start;gap:16px;display:grid}.sim-rows{flex-direction:column;align-items:stretch;gap:16px;display:flex}.sim-pane{min-height:120px}.sim .srctag{border-radius:5px;padding:1px 7px;font-size:10.5px;font-weight:700}.sim .srctag.platform{color:#4b3f86;background:#f1eefa;border:1px solid #c8beea}.sim .srctag.thirdParty{color:var(--green-d);background:var(--chip);border:1px solid var(--line)}.sim .member-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sim .muted{color:var(--mut);padding:6px 0;font-size:12.5px}.sim .dev{border:1px solid var(--line);background:var(--chip);border-radius:10px;margin-bottom:10px;padding:10px 12px}.sim .dev-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.sim .dev-head b{font-size:13.5px}.sim .dev-head select{margin-left:auto}.sim .sen{align-items:center;gap:7px;padding:4px 0;display:flex}.sim .sen .ty{width:42px;color:var(--green-d);font-size:12px;font-weight:700}.sim .sen .unit{color:var(--mut);width:22px;font-size:11.5px}.sim .beat{font:inherit;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:2px 9px;font-size:11px;font-weight:700}.sim .beat.on{color:var(--ok);border-color:var(--ok)}.sim .beat.off{color:var(--gray);border-color:var(--gray)}.sim .add-row{gap:6px;margin-top:8px;display:flex}.sim .sub{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:10px 12px}.sim .sub-head{align-items:center;gap:8px;display:flex}.sim .sub-head b{font-size:13.5px}.sim .kindtag{color:var(--blue);background:#eaf2fb;border-radius:5px;padding:1px 6px;font-size:10.5px;font-weight:700}.sim .sub-head .cap{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.sim .sub-head select{margin-left:auto}.sim .cov{color:var(--mut);margin-top:7px;font-size:12px}.sim .cov .miss{color:var(--amber);font-weight:700}.sim .host-row{align-items:center;gap:6px;display:flex}.sim .host-row select{font:inherit;font-size:12px}.sim .ctl-strip{border-bottom:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:7px;margin:2px 0 12px;padding-bottom:10px;display:flex}.sim .ctl-chip{color:#4b3f86;background:#f1eefa;border:1px solid #c8beea;border-radius:14px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.sim .ctl-chip .x{color:#8678b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1}.sim .add-sub{flex-wrap:wrap;align-items:center;gap:7px;margin-top:6px;display:flex}.sim .add-sub input:first-child{flex:1;min-width:110px}.sim .pv-sub,.sim .pv-roll{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:10px 12px}.sim .pv-roll{background:var(--green-l);border-color:var(--green)}.sim .pv-head{align-items:center;gap:8px;margin-bottom:7px;display:flex}.sim .pv-head b{font-size:13px}.sim .pv-head .soft{margin-left:auto}.sim .pv-row{color:var(--mut);justify-content:space-between;padding:2px 0;font-size:12.5px;display:flex}.sim .pv-row b{color:var(--txt)}.sim .warn{border-radius:7px;margin-top:6px;padding:5px 8px;font-size:11.5px;font-weight:600}.sim .warn.info{color:var(--amber);background:#fdf6e8}.sim .warn.danger{color:var(--red);background:#fdecec}.dsim button.fire-on{border-color:var(--red);color:var(--red);background:#fdecec}.dsim .ctl{background:#faf9fe;border:1px solid #c8beea;border-radius:10px;margin-bottom:10px;padding:10px 12px}.dsim .ctl-head{align-items:center;gap:8px;display:flex}.dsim .ctl-head b{color:#4b3f86;font-size:13.5px}.dsim .ctl-head select{margin-left:auto;font-size:12px}.dsim .ctl .hint{color:var(--mut);margin:7px 0;font-size:11.5px;line-height:1.5}.dsim .ctl .params{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.dsim .ctl .params .p{color:var(--mut);flex-direction:column;gap:3px;font-size:11px;font-weight:600;display:flex}.dsim .ctl .params .p input{font-variant-numeric:tabular-nums;width:72px}.dsim .ctl .params .p .u{color:var(--mut);font-size:10px}.dsim .ctl .mon{border-top:1px dashed var(--line);margin-top:9px;padding-top:8px}.dsim .ctl .mon-row{color:var(--mut);justify-content:space-between;padding:2px 0;font-size:12px;display:flex}.dsim .ctl .mon-row b{color:var(--txt)}.dsim .ctl .sps{margin-top:5px}.dsim .ctl .sp{color:var(--mut);justify-content:space-between;padding:1px 0;font-size:11.5px;display:flex}.dsim .ctl .mfst{border-top:1px dashed var(--line);margin-top:9px;padding-top:8px}.dsim .ctl .mfst-head{color:#6d5bb0;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.dsim .ctl .mfst-head select{margin-left:auto;font-size:12px}.dsim .ctl .mfst-row{color:var(--mut);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:11.5px;display:flex}.dsim .ctl .mfst-row>b{color:var(--txt)}.dsim .ctl .mfst-row label{align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.dsim .ctl .mfst-row label select{font-size:11.5px}.dsim .ctl .mfst-row .btn-sm{font:inherit;border:1px solid var(--line);cursor:pointer;color:#6d5bb0;background:#fff;border-radius:8px;padding:2px 9px;font-size:11px;font-weight:700}.dsim .ctl .mfst-row .btn-sm:disabled{color:var(--gray);border-color:var(--line);cursor:not-allowed;opacity:.55}.dsim .ctl .mfst-row .drift{color:#b45309;background:#fbf0dd;border:1px solid #e6c58a;border-radius:10px;padding:0 7px;font-size:10px;font-weight:800}.dsim .ctl .mfst-drivers{font-variant-numeric:tabular-nums;margin-top:6px;font-size:10.5px}.dsim .ctl .mfst-head .btn-sm{font:inherit;cursor:pointer;color:#6d5bb0;background:#fff;border:1px solid #c8beea;border-radius:8px;margin-left:auto;padding:2px 9px;font-size:11px;font-weight:700}.dsim .ctl .bind{background:#fff;border:1px solid #d8d0f0;border-radius:8px;margin-top:7px;padding:7px 9px}.dsim .ctl .bind-head{align-items:center;gap:8px;font-size:11.5px;display:flex}.dsim .ctl .bind-head .x{color:#8678b8;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:12px;line-height:1}.dsim .ctl .bind-members{color:var(--mut);flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;font-size:11px;display:flex}.dsim .ctl .bind-members .memb{font:inherit;border:1px solid var(--line);color:var(--mut);cursor:pointer;background:#fff;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.dsim .ctl .bind-members .memb.on{color:#4b3f86;background:#f1eefa;border-color:#c8beea}.dsim .facets{flex-wrap:wrap;gap:5px;margin:7px 0;display:flex}.dsim .ftag{color:var(--green-d);background:var(--chip);border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-size:11px;font-weight:700}.dsim .setpt{color:#b45309;font-size:12px;font-weight:700}.dsim .add-sub select{font-size:12px}.mono{font-variant-numeric:tabular-nums}@media (max-width:980px){.kpis{grid-template-columns:repeat(2,1fr)}.grid2,.sim-cols{grid-template-columns:1fr}}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--card,#12161c);border:1px solid var(--line,#232a33);border-radius:12px;width:340px;max-width:100%;padding:28px 24px;box-shadow:0 8px 30px #00000059}.login-brand{align-items:center;gap:12px;margin-bottom:20px;display:flex}.login-brand .bt{font-weight:700}.login-brand .bs{opacity:.7;font-size:12px}.login-form{flex-direction:column;gap:12px;display:flex}.login-form label{opacity:.85;flex-direction:column;gap:4px;font-size:13px;display:flex}.login-form input{border:1px solid var(--line,#232a33);background:var(--bg,#0d1013);color:inherit;border-radius:8px;padding:8px 10px}.login-form button{cursor:pointer;background:var(--accent,#3b82f6);color:#fff;border:0;border-radius:8px;margin-top:6px;padding:9px;font-weight:600}.login-form button:disabled{opacity:.6;cursor:default}.login-error{color:var(--danger,#f87171);font-size:13px}.userbadge{align-items:center;gap:8px;font-size:12px;display:inline-flex}.userbadge .ub-name{font-weight:600}.userbadge .ub-role{opacity:.7}.userbadge .ub-logout{border:1px solid var(--line,#232a33);color:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px}.topo-view{border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;width:100%;height:min(72vh,720px);position:relative;overflow:hidden}.topo-canvas{width:100%;height:100%;display:block}.topo-canvas.editable:focus-visible{outline:2px solid var(--green);outline-offset:2px}.topo-menu-btn{anchor-name:--topo-menu;font-size:13px;line-height:1}.topo-menu{position-anchor:--topo-menu;inset:auto;top:anchor(bottom);right:anchor(right);border:1px solid var(--line);background:var(--card);border-radius:10px;flex-direction:column;gap:2px;min-width:132px;margin:6px 0 0;padding:5px;position:absolute;box-shadow:0 8px 26px #10284629}.topo-menu:popover-open{display:flex}.topo-menu button{text-align:left;border-color:#0000;justify-content:flex-start;width:100%;padding:6px 10px;font-size:12.5px;font-weight:600}.topo-menu button:not(:disabled):hover{background:var(--chip)}.topo-menu button.danger:not(:disabled){color:var(--red)}.card h3 input{font:inherit;font-size:inherit;font-weight:inherit;width:190px;padding:1px 7px}.topo-edit{grid-template-columns:132px minmax(0,1fr) 216px;align-items:start;gap:12px;display:grid}@media (max-width:1100px){.topo-edit{grid-template-columns:1fr}}.topo-pal{flex-direction:column;gap:5px;display:flex}.topo-pal .ph{color:var(--mut);margin-bottom:2px;font-size:11px;font-weight:800}.topo-pal button{text-align:left;justify-content:flex-start;width:100%;padding:5px 9px;font-size:12px;font-weight:600}@media (max-width:1100px){.topo-pal{flex-flow:wrap}.topo-pal button{width:auto}}.topo-props{border:1px solid var(--line);background:var(--chip);border-radius:10px;padding:11px 12px}.topo-props .ph{color:var(--mut);margin-bottom:8px;font-size:11px;font-weight:800}.topo-props label{color:var(--mut);margin:8px 0 3px;font-size:11px;font-weight:700;display:block}.topo-props input,.topo-props select{box-sizing:border-box;width:100%}.topo-props .row{gap:6px;margin-top:11px;display:flex}.topo-props .row button{flex:1}.topo-zoom .stamp{color:var(--mut);font-size:11.5px}.topo-zoom .dirty{color:var(--red);font-size:11.5px;font-weight:700}.topo-zoom .hint{color:#b45309;font-size:11.5px;font-weight:700}.topo-zoom .err{color:var(--red);font-size:11.5px;font-weight:700}.topo-legend{color:var(--mut);flex-wrap:wrap;gap:14px;margin-top:9px;font-size:11px;display:flex}.topo-legend span{align-items:center;gap:5px;display:inline-flex}.topo-legend i{border-top-style:solid;border-top-width:2px;width:22px;height:0;display:inline-block}.topo-props textarea{box-sizing:border-box;width:100%;font:inherit;resize:vertical;font-size:12.5px}.topo-props .two{gap:8px;display:flex}.topo-props .two>div{flex:1;min-width:0}.topo-props label.chk{align-items:center;gap:6px;margin-top:10px;font-size:11.5px;display:flex}.topo-props label.chk input{width:auto}.topo-tables{grid-template-columns:1fr 1.35fr;align-items:start;gap:18px;display:grid}@media (max-width:1100px){.topo-tables{grid-template-columns:1fr}}.topo-tables .ph{color:var(--mut);margin-bottom:6px;font-size:11.5px;font-weight:800}.topo-tables table{font-size:12.5px}.topo-zoom{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.topo-zoom button{padding:3px 10px;font-size:12px}.topo-zoom .right{align-items:center;gap:9px;margin-left:auto;display:flex}.topo-help-btn{anchor-name:--topo-help;font-size:13px;line-height:1}.topo-help{position-anchor:--topo-help;inset:auto;top:anchor(bottom);left:anchor(left);border:1px solid var(--line);background:var(--card);width:268px;color:var(--txt);border-radius:10px;margin:6px 0 0;padding:11px 14px 12px;font-size:12.5px;position:absolute;box-shadow:0 8px 26px #10284629}.topo-help b{margin-bottom:7px;font-size:12px;display:block}.topo-help ul{color:var(--mut);margin:0;padding-left:17px;line-height:1.9}.topo-zoom .tip{color:var(--mut);margin-left:4px;font-size:11px}.topo-pal button[draggable=true]{cursor:grab}.topo-pal button[draggable=true]:active{cursor:grabbing}