:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#e8f0f6;background:#09131d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select{font:inherit}button{border:0;border-radius:7px;background:#2ab582;color:#03160f;padding:.58rem .9rem;font-weight:700;cursor:pointer}button.secondary{background:#1b2a38;color:#b9cbd8;border:1px solid #304555}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{background:#0c1925;padding:1.6rem 1rem;display:flex;flex-direction:column;border-right:1px solid #1b2b39}.brand{display:flex;align-items:center;gap:.7rem;padding:0 .6rem 2.2rem}.brand-mark{color:#3ad6a1;font-size:1.8rem}.brand strong{display:block;font-size:1.12rem}.brand small,.eyebrow{color:#7590a4;font-size:.68rem;letter-spacing:.12em}.sidebar nav{display:grid;gap:.35rem}.sidebar a{padding:.72rem .78rem;border-radius:7px;color:#99adbd;text-decoration:none;font-size:.94rem}.sidebar a span{display:inline-block;width:1.8rem;color:#51cca1}.sidebar a.router-link-exact-active{background:#173044;color:#eaf7f1}.sidebar-foot{margin-top:auto;padding:.9rem;color:#9db0c0;font-size:.85rem;line-height:1.7}.online-dot{display:inline-block;width:.48rem;height:.48rem;border-radius:50%;background:#34cf92;box-shadow:0 0 12px #34cf92}.workspace{padding:2rem clamp(1.25rem,4vw,4rem);overflow:hidden}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}header h1{margin:.22rem 0 0;font-size:1.75rem;letter-spacing:-.04em}.clock{background:#102331;border:1px solid #243a49;padding:.55rem .8rem;border-radius:999px;color:#a4b9c8;font-size:.83rem}.clock .online-dot{margin-left:.45rem}.view{max-width:1280px}.view-title{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:1.4rem}.view-title h2{margin:0;font-size:1.35rem}.view-title p{margin:.35rem 0 0;color:#91a7b8;font-size:.91rem}.hint{color:#dfc57a;background:#2e2919;border:1px solid #5c4e24;padding:.7rem .8rem;border-radius:7px;font-size:.82rem}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.metric-grid article,.panel{background:#101f2c;border:1px solid #203746;border-radius:11px}.metric-grid article{padding:1.3rem}.metric-grid span{display:block;color:#8fa5b7;font-size:.88rem}.metric-grid strong{display:block;font-size:2.35rem;margin:.5rem 0;color:#ebf8f3}.metric-grid small{color:#6d8496}.alarm-card strong{color:#ffb26e}.two-column{display:grid;grid-template-columns:1.35fr 1fr;gap:1rem}.panel{padding:1.25rem}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.panel-head h3{margin:0;font-size:1rem}.panel-head>span,.panel-head a{font-size:.8rem;color:#76d8b0}.flow{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:1.7rem 0}.flow b{background:#173347;padding:.55rem .7rem;border-radius:6px;font-size:.82rem}.flow i{color:#3cd2a0;font-style:normal}.panel p{color:#8ca2b4;line-height:1.6;font-size:.88rem}.device-list>div{display:grid;grid-template-columns:auto 1fr auto auto;gap:.55rem;align-items:center;padding:.75rem 0;border-top:1px solid #203746;font-size:.86rem}.device-list time{color:#7890a2;font-size:.77rem}.empty{color:#8399aa;text-align:center;padding:2rem!important}.chart-panel{padding:0;overflow:hidden}.prediction{display:grid;grid-template-columns:repeat(3,1fr);background:#0d1a26;padding:1.1rem 1.4rem}.prediction span{display:block;color:#8199aa;font-size:.78rem}.prediction strong{display:block;margin-top:.3rem}.normal{color:#4ed49f}.chart{height:480px}.table-panel{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;padding:1rem;border-bottom:1px solid #203746;font-size:.86rem}th{color:#7f96a7;font-weight:600;background:#0d1a26}td small{display:block;color:#7e94a5;margin-top:.25rem}.severity{color:#ffb46d;font-weight:700}.edge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.edge-card dl{display:grid;grid-template-columns:100px 1fr;gap:.75rem;margin:1.3rem 0;font-size:.87rem}.edge-card dt{color:#8198a9}.edge-card dd{margin:0;overflow-wrap:anywhere}.controls,.speed{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.speed{margin-top:.7rem}.speed label{color:#a2b6c5;font-size:.84rem}.speed select,.view-title select{background:#142938;border:1px solid #345063;border-radius:6px;color:#e2ecf2;padding:.5rem}.view-title select{min-width:160px}@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{padding:1rem;border-right:0;border-bottom:1px solid #1b2b39}.brand{padding:0 0 .8rem}.sidebar nav{grid-template-columns:repeat(4,1fr)}.sidebar a{font-size:.75rem;padding:.55rem .3rem;text-align:center}.sidebar a span{display:block;width:auto;margin-bottom:.25rem}.sidebar-foot{display:none}.workspace{padding:1.2rem}.metric-grid,.two-column{grid-template-columns:1fr}.view-title,header{align-items:flex-start;flex-direction:column}.prediction{grid-template-columns:1fr;gap:.8rem}.chart{height:360px}}