:root{color-scheme:dark;--bg:#0c141c;--panel:#141f29;--line:#2a3b47;--muted:#91a5b3;--text:#e1eaf0;--cyan:#53c9c0;--amber:#e4b45e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,sans-serif}header{height:82px;padding:0 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#111c26}.brand{display:flex;align-items:center;gap:15px;font-size:19px;font-weight:750;letter-spacing:2px}.logo{border:1px solid var(--cyan);color:var(--cyan);padding:9px;font:700 20px monospace}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:2px}.header-right{display:flex;gap:16px;align-items:center;font:13px monospace;color:var(--muted)}#clock{font-size:20px;color:var(--text);margin-left:20px}.dot{width:7px;height:7px;background:var(--cyan);border-radius:50%}main{max-width:1600px;margin:auto;padding:30px 36px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font:12px monospace;letter-spacing:2px;color:var(--cyan)}h1{font-size:32px;margin:7px 0}p{color:var(--muted);margin:8px 0 18px}.intro p{margin:0}.operator{font:12px/2 monospace;color:var(--muted);text-align:right}.operator strong{font-size:14px;color:var(--text);font-weight:400}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.toolbar>div{display:flex;gap:12px;align-items:center}button,select,input{font:inherit;border:1px solid #39515e;border-radius:4px;background:#1a2a35;color:var(--text);padding:9px 13px}button{cursor:pointer}button:hover{background:#273f4b}button:focus-visible,input:focus-visible,select:focus-visible,tr:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button:disabled{opacity:.55;cursor:default}.primary{background:#56c9bd;color:#072722;border-color:#56c9bd;font-weight:700}.primary:hover{background:#7cddd3}.badge{font:12px monospace;letter-spacing:1px;border:1px solid #2a625b;color:#69d4be;padding:7px 10px;background:#16332f}.badge.warning{color:var(--amber);border-color:#806530;background:#332b1d}.badge.danger{color:#ff9a97;background:#392426;border-color:#894448}#timeLabel{font:13px monospace;color:var(--muted)}.workspace{display:grid;grid-template-columns:1.8fr 1fr;gap:18px}.panel{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden}.panel-title{min-height:53px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}h2{font-size:15px;font-weight:600;letter-spacing:.4px;margin:0}.panel-title>span,.panel-title label{font:12px monospace;color:var(--muted)}.panel-title select{font-size:13px;padding:5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 24px 8px;gap:15px}.metrics small{font:11px monospace;color:var(--muted);display:block;letter-spacing:.6px}.metrics strong{font:30px/1.7 monospace}.metrics em{font-size:15px;font-style:normal;color:var(--muted)}#pump{font-size:19px;color:var(--cyan)}svg{display:block;width:100%;max-height:345px}svg text{fill:#a6bcc8;font:13px monospace}svg .tiny{font-size:10px}svg .tank-label{font-size:22px;fill:#d9edf1}.equipment{fill:#182732;stroke:#88a0ad;stroke-width:2}.process-footer{padding:12px 20px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);font:11px monospace;color:var(--muted)}.process-footer>span:first-child{color:var(--cyan)}.legend{display:flex;flex-wrap:wrap;gap:17px;font:12px monospace;padding:22px 20px 10px}.cyan{color:var(--cyan)}.amber{color:var(--amber)}canvas{display:block;width:calc(100% - 30px);height:220px;margin:0 15px}.hint{font-size:13px;padding:0 20px;margin-top:12px}.event-summary{margin:20px;padding:16px;background:#0f1922;border-left:2px solid var(--cyan)}.event-summary small{font:11px monospace;letter-spacing:1px;color:var(--muted)}.event-summary p{margin:8px 0 0;font-size:14px;color:var(--text)}nav{display:flex;gap:5px;margin-top:24px;border-bottom:1px solid var(--line)}.tab{border:none;background:transparent;color:var(--muted);border-radius:0;padding:15px 20px;border-bottom:2px solid transparent}.tab.active{color:var(--cyan);border-color:var(--cyan);background:#14232c}.tab span{font:10px monospace;margin-left:8px}.tab-content{margin-top:14px;min-height:290px}[hidden]{display:none!important}.capture-layout{display:grid;grid-template-columns:2.1fr 1fr}.table-scroll{height:310px;overflow:auto}table{border-collapse:collapse;width:100%;font:13px/1.5 monospace;text-align:left}th{position:sticky;top:0;background:#192832;color:var(--muted);font-size:12px;font-weight:400}th,td{padding:10px 12px;border-bottom:1px solid #263640;white-space:nowrap}tbody tr{cursor:pointer}tbody tr:hover{background:#203541}.write{color:var(--amber);background:#302b21}aside{padding:22px;border-left:1px solid var(--line);background:#101b24;min-width:0}aside small{font:11px monospace;color:var(--muted);letter-spacing:1px}h3{font-size:15px}aside p{font:13px/1.9 monospace;white-space:pre-line;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#080f16;color:var(--cyan);font:14px/1.8 monospace}.docs-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:28px}.docs-grid p{font-size:15px}.docs-grid table{font-size:12px}.docs-grid td{white-space:normal}.event-list{max-height:340px;overflow:auto;padding:10px 20px}.event{padding:13px 0;border-bottom:1px solid var(--line);font:14px monospace}.critical{color:#ff9995}form{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:14px}input,select{width:100%;min-width:0;color:var(--text)}.submit-row{margin-top:24px;display:flex;gap:24px;align-items:center}output{font-size:15px;color:var(--amber)}output.success{color:var(--cyan)}footer{display:flex;justify-content:space-between;gap:15px;margin:25px 0 0;color:#708795;font:11px monospace;letter-spacing:1px}@media(min-width:1500px){svg{max-height:370px}}@media(max-width:1000px){main{padding:24px 18px}header{padding:0 18px}.workspace{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.toolbar .controls{flex-wrap:wrap}.trends canvas{height:220px}.form-grid{grid-template-columns:1fr 1fr}.capture-layout{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line)}.header-right{font-size:11px;gap:8px}nav{overflow:auto}.tab{white-space:nowrap;padding:13px}.docs-grid{gap:20px;padding:20px}}@media(max-width:600px){.brand{font-size:16px}.header-right{font-size:0}#clock{font-size:15px;margin-left:0}.operator{display:none}h1{font-size:27px}.metrics{padding:15px;gap:8px}.metrics small{font-size:10px}.metrics strong{font-size:23px}#pump{font-size:15px}.process-footer{flex-direction:column}.panel-title{padding:12px}.panel-title>span{display:none}.form-grid,.docs-grid{grid-template-columns:1fr}.submit-row,footer{align-items:flex-start;flex-direction:column}.toolbar>div{flex-wrap:wrap}.tab span{display:none}form{padding:18px}button{font-size:14px}}