*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer}a{text-decoration:none}button:disabled{cursor:default;opacity:.6}input:not([type=checkbox]):not([type=hidden]),select{max-width:100%}label{display:block}input[type=checkbox]{width:auto;vertical-align:middle}button svg{width:18px;height:18px}svg{max-width:100%}.error{padding:12px 14px;margin:0 0 20px;font-size:13px;line-height:1.5;background:#fff3f2;color:#a22828;border-left:3px solid #d83b36}.muted{color:#75828b}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.check{display:flex;align-items:center;gap:6px;font-size:13px}.check input{margin:0}.field{margin-bottom:19px}.field label{margin-bottom:7px}input[type=text],input[type=password],input[type=email]{width:100%;padding:11px;border:1px solid #bbc4cb;border-radius:3px;background:#fff}.button{border:0;padding:11px 19px;border-radius:3px}.small{font-size:12px;line-height:1.6}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px}.brand svg{width:38px;height:38px}.brand b{font-size:25px}.form-end{margin-top:23px}.remember{margin:17px 0}.legal{font-size:11px;line-height:1.6}h1,h2,p{overflow-wrap:anywhere}table{border-collapse:collapse;width:100%}td,th{text-align:left}pre,code{white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:600px){.row{flex-wrap:wrap}}
body{font:13px "Segoe UI",Arial,sans-serif;background:#18252c;color:#d9e2e5;min-height:100vh}.hmi-bar{height:68px;background:#101b21;border-bottom:1px solid #3b505b;display:flex;justify-content:space-between;align-items:center;padding:0 30px}.hmi-brand{font-weight:650;font-size:19px;letter-spacing:.5px}.hmi-brand span{color:#5fbfaf;font-size:10px;letter-spacing:1.8px;display:block;margin-top:3px}.run{color:#83c3a1;font-size:11px;border:1px solid #3f6453;padding:6px 10px}.hmi-main{max-width:1000px;margin:45px auto;padding:0 25px}.hmi-main h1{font-size:26px;font-weight:400;margin:0 0 9px}.hmi-main p{color:#8fa5af;line-height:1.8}.hmi-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;margin-top:30px}.hmi-station{border:1px solid #3a515e;background:#1c2e38;padding:26px}.hmi-station svg{width:100%;height:150px}.hmi-station dl{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:12px;line-height:1.7}.hmi-station dt{color:#809ba8}.hmi-station dd{margin:0;font-family:Consolas,monospace}.operator-login{background:#213640;border:1px solid #3b5665;padding:26px}.operator-login h2{font-size:17px;font-weight:400;margin:0 0 25px}.operator-login input{background:#162832;color:#d5e2e8;border:1px solid #4c6675;border-radius:0;padding:10px}.operator-login label{color:#a8bcc6;font-size:12px}.operator-login .button{background:#2f8b85;color:white;width:100%;border-radius:0;margin-top:10px}.hmi-link{display:inline-block;color:#8fd4c6;margin-top:20px;font-size:12px}.hmi-footer{border-top:1px solid #334750;padding:20px 30px;margin-top:50px;color:#6e8792;font-size:10px}.hmi-main .error{background:#483134;color:#f3b2b2}@media(max-width:700px){.hmi-columns{grid-template-columns:1fr}.hmi-bar{padding:0 20px}.hmi-main{margin-top:30px;padding:0 20px}.hmi-brand{font-size:16px}.run{font-size:9px}}

.hmi-main nav{margin-bottom:30px}.hmi-main nav a{color:#91d0c5;margin-right:23px}.hmi-main .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hmi-main .grid section,.hmi-main>section{background:#213640;border:1px solid #3b5665;padding:20px;margin:20px 0}.hmi-main .grid .value{font-size:28px;color:#9fd5ca;margin:12px 0}.hmi-main .grid section span{font-size:11px;color:#8fa5af}.hmi-main .grid section{margin:0}.hmi-main h2{font-size:17px;font-weight:500}.hmi-main table{font-size:12px}.hmi-main td,.hmi-main th{padding:13px;border-bottom:1px solid #38505d}.hmi-main>section svg{width:100%;height:auto}@media(max-width:700px){.hmi-main .grid{grid-template-columns:1fr 1fr}}