:root{color-scheme:light;--ink:#152f38;--muted:#586b72;--line:#dce5e6;--green:#086b59;--red:#9c3030}*{box-sizing:border-box}body{margin:0;background:#f2f5f4;color:var(--ink);font-family:Arial,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}header{background:#122e37;color:white;padding:22px max(20px,calc((100vw - 640px)/2));display:flex;align-items:center;justify-content:space-between}h1{font-size:25px;margin:0}h2{font-size:21px;line-height:1.4;margin:8px 0 12px}h3{font-size:18px;margin:0 0 8px}p{margin:8px 0 16px}small{display:block;color:var(--muted);font-size:13px}header small{color:#b8d8d7}main{max-width:680px;padding:20px;margin:auto;padding-bottom:env(safe-area-inset-bottom)}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:16px;box-shadow:0 3px 12px #142d3505}.identity{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}.machine-label{display:flex;gap:8px;align-items:center;margin:0}input,select,button{font:inherit}input,select{border:1px solid #b5c5c8;background:white;border-radius:10px;min-height:48px;padding:10px 12px;color:var(--ink);max-width:100%;min-width:0}label{display:flex;flex-direction:column;gap:6px;margin:0 0 17px;font-weight:600}label input{font-weight:400;width:100%}button{border:0;border-radius:11px;background:var(--green);color:white;min-height:49px;padding:12px 16px;font-weight:700;cursor:pointer}form>button{width:100%;margin-top:8px}button:disabled{background:#dce4e4;color:#64767a;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d59e2c;outline-offset:3px}.quiet{background:#ffffff18;min-height:44px}nav{display:flex;gap:5px;background:#e3eae9;border-radius:13px;padding:5px;margin:22px 0}.tab{flex:1;background:transparent;color:var(--ink);padding:10px 3px;font-size:14px}.tab.selected{background:white;box-shadow:0 2px 5px #122e3712}.badge{display:inline-block;border-radius:30px;padding:3px 11px;background:#e9edef;font-size:13px;font-weight:700}.badge.online{color:#065b4c;background:#ddf3e9}.badge.offline{color:#71440c;background:#fff0d8}.metrics{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;border-top:1px solid var(--line);padding-top:15px}.metrics strong{display:block;font-size:15px;overflow-wrap:anywhere}.fault{border-right:5px solid var(--red)}.fault ol{padding-right:22px;margin-bottom:0}.info{border-right:5px solid #c28b21}.good{border-right:5px solid var(--green)}#message{padding:14px;border:1px solid #dfc699;background:#fff3dc;border-radius:12px;overflow-wrap:anywhere}.check{flex-direction:row;align-items:flex-start;font-weight:400;gap:10px}.check input{width:22px;min-height:22px;flex-shrink:0;margin-top:4px;accent-color:var(--green)}fieldset{border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:15px}legend{padding:0 8px;font-weight:bold}.write-hint{font-size:14px;color:#805714}.history-item{padding:14px 0;border-bottom:1px solid var(--line)}.history-item:last-child{border:0}.history-item p{margin:4px 0;font-size:14px}.history-item strong{display:block}footer{color:var(--muted);font-size:13px;text-align:center;margin:24px 0}#updated{font-size:13px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:380px){main{padding:12px}.card{padding:17px}.metrics{grid-template-columns:1fr 1fr}.metrics>div:last-child{grid-column:1/-1}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}