@import url('/static/font.css');
:root{font-family:Arial,Helvetica,sans-serif;color:#173239;background:#f4f7f7;font-synthesis:none;--teal:#007f76;--line:#dce6e5;--muted:#72878c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:white;color:#25444a;padding:11px 16px}button:hover{border-color:var(--teal);background:#eff8f6}button:disabled{opacity:.5;cursor:wait}input,select{width:100%;padding:12px;border:1px solid #cbd9d8;border-radius:7px;background:white;color:#173239}input:focus,select:focus{outline:2px solid #5cc8b6;outline-offset:2px}label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}label input,label select{margin-top:9px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px}h2{font-size:23px;letter-spacing:-.5px}h3{font-size:16px}.muted{color:var(--muted);line-height:1.6}.small,small{font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--teal);margin-bottom:12px}.primary{background:var(--teal);color:white;border-color:var(--teal)}.primary:hover{background:#006e65;color:white}.quiet{padding:8px 12px;font-size:12px;background:transparent}.error{color:#b84135;font-size:13px;min-height:18px}.wordmark{font-size:25px;font-weight:800;letter-spacing:3px}.wordmark small{display:block;font-size:8px;letter-spacing:2.8px;margin:9px 0 0 31px;opacity:.6}.login{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.intro{background:#073d3c;color:#e6f6ef;padding:60px;position:relative;overflow:hidden}.intro h1{font-size:clamp(34px,4vw,60px);font-weight:500;line-height:1.1;letter-spacing:-2px;margin-top:110px}.intro p{color:#9bc5be;line-height:1.8}.intro-foot{font-size:9px;letter-spacing:2px;position:absolute;bottom:40px}.water-art{height:180px;position:relative;margin-top:50px}.water-art span{position:absolute;border:1px solid #298478;border-radius:50%;width:480px;height:160px;transform:rotate(-15deg);left:-70px}.water-art span:nth-child(2){top:35px;left:0}.water-art span:nth-child(3){top:70px;left:70px}.login-side{display:grid;place-items:center;padding:40px}.login-side form{width:min(100%,370px)}.login-side h2{font-size:30px}.login-side .primary{width:100%;display:flex;justify-content:space-between;margin:22px 0}.login-side .small{text-align:center}#shell{min-height:100vh}#shell:not([hidden]){display:flex}aside{width:240px;background:#0c3437;color:#d9eae6;position:fixed;inset:0 auto 0 0;padding:32px 22px;display:flex;flex-direction:column}.nav-label{font-size:9px;letter-spacing:1.6px;color:#719796;margin:58px 0 18px}nav{display:grid;gap:8px}nav button{text-align:left;border:0;color:#a3c1be;background:transparent;font-size:13px;padding:14px 12px}nav button:hover,nav button.selected{background:#1b4c4c;color:#ecfff8}.sidebar-foot{margin-top:auto;font-size:11px;color:#acd0c6;line-height:2}.sidebar-foot small{font-size:9px;color:#779b98}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6fc9a1;margin-right:6px}main{margin-left:240px;width:calc(100% - 240px);padding:35px 42px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}header h1{margin:0}.header-right{display:flex;align-items:center;gap:18px;font-size:12px}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:24px 0}.toolbar select{width:auto;max-width:340px}.toolbar .group{display:flex;gap:10px;align-items:center}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px}.card .label{font-size:12px;color:var(--muted);margin-bottom:16px}.value{font-size:32px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.value small{font-size:12px;color:var(--muted);letter-spacing:0;margin-left:8px}.sub{font-size:11px;color:var(--muted);margin-top:10px}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.device-card{position:relative}.device-card h3{font-size:19px;margin:4px 0 6px}.device-card .location{font-size:12px;color:var(--muted)}.badge{display:inline-block;border-radius:20px;padding:5px 9px;font-size:10px;background:#eef3f3;color:#688080}.badge.ok{background:#def5eb;color:#177451}.badge.danger{background:#fff0ea;color:#b4492b}.device-card .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.device-card .values{display:flex;gap:30px;margin:26px 0}.device-card .values strong{display:block;font-size:22px;font-weight:500;margin-top:7px}.device-card .values span{font-size:11px;color:var(--muted)}.device-card button{width:100%;margin-top:14px}.empty{padding:55px 24px;text-align:center;border:1px dashed #c6d9d5;border-radius:12px;background:#f9fcfb;color:#718983}.empty h3{color:#315850;font-size:19px}.empty .symbol{font-size:34px;color:#64a79a;margin-bottom:15px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:32px 0 16px}.section-head h2{margin:0;font-size:19px}.charts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.chart{min-width:0}.chart svg{width:100%;height:220px}.chart svg text{font-size:10px;fill:#819598}.legend{display:flex;gap:18px;font-size:11px;color:#668079}.line-key{display:inline-block;width:17px;height:3px;background:#168c80;vertical-align:middle;margin-right:5px}.line-key.alt{background:#e5ae53}.states{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--muted);font-weight:500;padding:13px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:15px 12px;border-bottom:1px solid #eef2f1}td button{padding:6px 9px;font-size:11px;margin:3px}.form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.form-row label{margin:0}.form-row button{height:43px}.space{margin-top:22px}#notice{border-radius:8px;padding:14px 18px;background:#fff2df;color:#895e20;font-size:13px;margin-bottom:20px}footer{display:flex;justify-content:space-between;color:#8a9e9f;font-size:10px;border-top:1px solid var(--line);padding:24px 0;margin-top:45px}dialog{border:1px solid var(--line);border-radius:14px;padding:30px;width:min(570px,94vw);color:#173239}dialog::backdrop{background:#0c343780}dialog pre{white-space:pre-wrap;word-break:break-all;background:#f1f6f5;padding:16px;border-radius:7px;font-size:12px;line-height:1.7}dialog label.check{display:flex;align-items:center;gap:12px}dialog label.check input{width:auto}.account{max-width:520px}.connection{font-family:monospace;font-size:12px;overflow-wrap:anywhere}.hint{border-left:3px solid #70b8a7;padding:10px 15px;font-size:12px;line-height:1.7;color:#55746d;background:#eef8f4}.title-note{font-size:12px;color:#7d918f}.chart-empty{height:220px;display:grid;place-items:center;color:#8a9c98;font-size:12px}[hidden]{display:none!important}
@media(max-width:1100px){aside{width:200px;padding:26px 16px}main{margin-left:200px;width:calc(100% - 200px);padding:28px 24px}.grid{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}.intro{padding:40px}}
@media(max-width:720px){.login{grid-template-columns:1fr}.intro{padding:28px;min-height:230px}.intro h1{font-size:32px;margin:35px 0 15px}.intro p,.water-art,.intro-foot{display:none}.login-side{padding:40px 24px}#shell:not([hidden]){display:block}aside{position:static;width:100%;padding:20px}.wordmark small,.nav-label,.sidebar-foot{display:none}nav{display:flex;overflow:auto;margin-top:15px;gap:5px}nav button{white-space:nowrap;font-size:11px;padding:10px}main{margin:0;width:100%;padding:24px 16px}header{align-items:flex-start;gap:12px}header h1{font-size:24px}.header-right{gap:8px;flex-direction:column;align-items:flex-end}.device-grid{grid-template-columns:1fr}.grid{gap:10px}.card{padding:17px}.value{font-size:25px}.toolbar{flex-wrap:wrap}.toolbar .group{flex-wrap:wrap}.form-row{grid-template-columns:1fr}.form-row button{margin-top:8px}footer{gap:16px}.title-note{font-size:11px}}