:root{--page-bg: linear-gradient(180deg, #08131a 0%, #101c24 48%, #d9d9ce 100%);--page-text: #e9efe8;--panel-bg: rgba(10, 20, 26, .86);--panel-border: rgba(188, 215, 196, .18);--muted: #98aa9b;--accent: #b4ff4d;--accent-dark: #243b06;--warn: #ffd166;--danger: #ff6f61;--ok: #72f1b8}body[data-admin-modbus]{margin:0;min-height:100vh;color:var(--page-text);background:var(--page-bg);font-family:Segoe UI,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}button,input,textarea,select{font:inherit}.modbus-page{padding:20px;display:grid;gap:16px}.grid.two-up{display:grid;gap:20px;grid-template-columns:1fr}.card{border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:24px;box-shadow:0 24px 80px #0000003d}.hero{padding:22px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.hero h1,.panel h2{margin:0}.hero h1{font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.18}.panel h2{font-size:clamp(1.25rem,1.8vw,1.55rem);line-height:1.22}.eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.lede{max-width:64ch;color:#d6e4d8}.batch-link{display:inline-block;margin-top:12px;padding:7px 16px;border-radius:10px;border:1px solid rgba(180,255,77,.35);background:#b4ff4d14;color:var(--accent);text-decoration:none;font-size:13px;font-weight:600;transition:background .15s ease,border-color .15s ease}.batch-link:hover{background:#b4ff4d29;border-color:#b4ff4d99}.hero-meta{display:grid;gap:12px;justify-items:end}.hero-command-preview{min-width:min(540px,100%);width:100%;gap:8px}.hero-command-preview textarea{min-height:104px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.45}.panel{padding:18px;display:grid;gap:14px}.device-card{align-content:start}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.field-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}label{display:grid;gap:6px}label span{font-size:12px;color:var(--muted)}input,textarea,select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff0f;color:var(--page-text);padding:12px 14px}textarea{resize:vertical}button{border:0;border-radius:999px;padding:9px 14px;background:var(--accent);color:#08131a;cursor:pointer;font-weight:700;font-size:15px}button.secondary{background:#ffffff1a;color:var(--page-text)}button.small{padding:8px 12px}button.accent{background:linear-gradient(135deg,#b4ff4d,#79dbff)}button.danger{background:#ff6f612e;color:var(--danger);border:1px solid rgba(255,111,97,.45)}button.danger:hover:not(:disabled){background:#ff6f6147}button:disabled{cursor:not-allowed;opacity:.55}.actions,.entry-actions{display:flex;gap:8px;flex-wrap:wrap}.helper-text{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.console-hud{position:sticky;top:0;z-index:40;display:flex;flex-direction:column;gap:8px;padding:10px 16px;border-radius:16px;border:1px solid var(--panel-border);background:#081016eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 40px #0006}.console-hud__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.console-hud__row--meta{padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.console-hud__devices,.console-hud__current,.console-hud__command,.console-hud__read{display:flex;align-items:center;gap:8px;min-width:0}.console-hud__current{margin-left:auto}.console-hud__command{flex-wrap:wrap}.console-hud__read{margin-left:auto}.console-hud__timeout{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.console-hud__timeout input{width:72px;height:30px;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#081016b3;color:var(--page-text);font-size:12px;font-variant-numeric:tabular-nums}.console-hud__timeout input:focus{outline:none;border-color:#b4ff4d99;box-shadow:0 0 0 2px #b4ff4d2e}.console-hud__action{font-size:13px;font-weight:700;letter-spacing:.2px;color:var(--page-text)}.console-hud__action.read{color:var(--ok)}.console-hud__action.write{color:var(--warn)}.console-hud__read-val{font-size:13px;font-weight:600;color:var(--page-text);font-variant-numeric:tabular-nums;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-hud__label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.console-hud__tabs{display:flex;flex-wrap:wrap;gap:6px}.hud-tab{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--page-text);font-size:12px;font-weight:600;line-height:1;cursor:pointer;transition:border-color .15s ease,background .15s ease}.hud-tab:hover{border-color:#ffffff42;background:#ffffff14}.hud-tab.active{border-color:#b4ff4d99;background:#b4ff4d24;color:#eaffd0}.hud-tab__dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.hud-tab__dot.online{background:var(--ok);box-shadow:0 0 6px #72f1b8d9}.hud-tab__dot.offline{background:#ffffff52}.hud-tab__mn{font-variant-numeric:tabular-nums;letter-spacing:.3px}.hud-tab--manual{border-style:dashed}.console-hud__cur-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.console-hud__cur-dot.online{background:var(--ok);box-shadow:0 0 7px #72f1b8e6}.console-hud__cur-dot.offline{background:var(--warn)}.console-hud__mn{font-size:16px;font-weight:800;letter-spacing:.4px;font-variant-numeric:tabular-nums;color:var(--page-text)}.console-hud__meta{font-size:12px;color:var(--muted)}.console-hud__cmd-meta{font-size:12px;color:var(--page-text);font-variant-numeric:tabular-nums}.console-hud__cmd-resp{font-size:12px;color:var(--muted);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.console-hud__cmd-resp--err{color:var(--danger)}@media (max-width: 720px){.console-hud__current,.console-hud__read,.console-hud__timeout{margin-left:0;width:100%}}.device-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px}.device-tabs{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 320px;min-width:0}.device-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--page-text);font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.device-tab:hover{border-color:#ffffff3d;background:#ffffff12}.device-tab:active{transform:translateY(1px)}.device-tab.active{border-color:#b4ff4d8c;background:#b4ff4d1f;color:#eaffd0}.device-tab__dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.device-tab__dot.online{background:var(--ok);box-shadow:0 0 6px #72f1b8d9}.device-tab__dot.offline{background:#ffffff52}.device-tab__mn{font-variant-numeric:tabular-nums;letter-spacing:.3px}.device-tab__meta{font-size:11px;font-weight:500;color:var(--muted)}.device-tab--manual{border-style:dashed}.device-toolbar__actions{display:flex;gap:8px;flex:0 0 auto}.device-select{min-width:0}.device-select select{min-height:42px}.compact-btn{white-space:nowrap;border-radius:12px;padding:10px 14px}.config-editor{display:grid;gap:14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;background:#ffffff08}.command-picker{margin-top:2px}.device-summary{display:flex;gap:8px;flex-wrap:wrap}.current-device{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:2px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.current-device__label{font-size:12px;color:var(--muted)}.current-device__mn{font-size:18px;font-weight:800;letter-spacing:.4px;font-variant-numeric:tabular-nums;color:var(--page-text)}.current-device__status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.current-device__status.online{color:var(--ok)}.current-device__status.offline{color:var(--warn)}.current-device__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.current-device__status.online .current-device__dot{box-shadow:0 0 6px currentColor}.current-device__meta{margin-left:auto;font-size:12px;color:var(--muted)}.selected-entry-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid rgba(180,255,77,.28);border-radius:14px;padding:12px 14px;background:#b4ff4d0f}.selected-entry-banner p{margin:4px 0 0;color:var(--muted);font-size:13px}.shortcut-list{display:flex;gap:8px;flex-wrap:wrap}.chip,.status{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:12px;border:1px solid rgba(255,255,255,.18)}.chip.ok,.status.ok{background:#72f1b81f;color:var(--ok)}.chip.warn,.status.warn{background:#ffd1661f;color:var(--warn)}.chip.danger,.status.danger{background:#ff6f611f;color:var(--danger)}.chip.neutral,.status.neutral{background:#ffffff14;color:var(--page-text)}.template-list,.history-list{display:grid;gap:12px;max-height:520px;overflow:auto}.template-entry,.history-item,.active-command{border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;background:#ffffff08}.active-command--hero{display:grid;gap:10px;border-color:#b4ff4d2e;background:#ffffff0a}.template-entry--active{border-color:#b4ff4d7a;background:#b4ff4d14;box-shadow:inset 0 0 0 1px #b4ff4d2e}.workflow-stack{display:grid;gap:16px}.workflow-group{display:grid;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px;background:#ffffff05}.workflow-group-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.workflow-group-head h3{margin:0;font-size:16px}.workflow-group-head small{display:block;margin-top:4px;color:var(--muted)}.workflow-head-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.air-quality-panel{border-color:#70d1ff2e;background:#70d1ff09}.air-quality-summary,.air-quality-grid{display:grid;gap:8px}.air-quality-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.air-quality-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.air-quality-card{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px;background:#ffffff0a}.air-quality-card span{display:block;color:var(--muted);font-size:12px}.air-quality-card strong{display:block;margin-top:5px;color:#f4fff8;font-size:16px}.air-quality-card--primary strong{font-size:20px}.workflow-row{display:grid;gap:10px;border:1px dashed rgba(255,255,255,.16);border-radius:12px;padding:10px}.workflow-panel-tabs{display:flex;flex-wrap:wrap;gap:0;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;border-radius:0}.workflow-panel-tabs button{border:0;border-radius:0;background:transparent;color:var(--muted);padding:10px 16px 12px;font-weight:600;font-size:14px;position:relative;transition:color .15s ease,background .15s ease}.workflow-panel-tabs button:hover{color:var(--page-text);background:#ffffff0a}.workflow-panel-tabs button.active{color:var(--accent);background:transparent}.workflow-panel-tabs button.active:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.workflow-meta-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.workflow-read-chip{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;line-height:1.2;font-weight:700;padding:5px 12px;border-radius:999px;border:1px solid rgba(188,215,196,.28);color:#cfe7d4;background:#bcd7c414}.workflow-read-chip__label{font-size:12px;line-height:1;color:#cfe7d4d1}.workflow-read-chip__value{font-size:32px;line-height:.95;font-weight:800;letter-spacing:-.03em;color:#f3fff6}.workflow-read-chip--loading{border-color:#ffd16673;color:#ffe1a6;background:#ffd1661f}.workflow-read-chip--failed{border-color:#ff6f6173;color:#ffb2a9;background:#ff6f611f}.workflow-read-chip--adv{margin-top:8px;border-color:#b4ff4d4d;color:#cff7b6;background:#b4ff4d0f}.workflow-read-chip--adv .workflow-read-chip__label{font-size:11px;color:#b4ff4db8}.workflow-read-chip--adv .workflow-read-chip__value{font-size:20px;line-height:.95;font-weight:700;color:#e2ffcc}.workflow-meta strong{display:block}.workflow-meta p,.workflow-meta small{margin:4px 0 0;color:var(--muted)}.workflow-actions{display:grid;grid-template-columns:auto auto minmax(140px,1fr) auto;gap:8px;align-items:center}.workflow-actions--calibration{grid-template-columns:auto minmax(140px,1fr) auto auto}.clock-summary{display:grid;gap:8px;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;text-align:center}.clock-summary__time{font-size:28px;font-weight:800;letter-spacing:.02em;color:#f3fff6;font-variant-numeric:tabular-nums}.clock-summary__time--empty{color:var(--muted);font-size:16px;font-weight:600}.clock-summary__hint{margin:0;color:var(--muted);font-size:12px}.zero-lock{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--muted)}.confirm-check{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.confirm-check input[type=checkbox]{width:16px;height:16px}.tip-list.compact{border-radius:12px;padding:10px 12px}.tip-list.compact p{margin:4px 0}.modal-backdrop{position:fixed;inset:0;z-index:560;display:grid;place-items:center;background:#020a0ead;backdrop-filter:blur(3px);padding:20px}.import-modal{width:min(1100px,96vw);max-height:88vh;overflow:auto;padding:20px;display:grid;gap:12px;background:linear-gradient(180deg,#0c1c16f5,#081218f0)}.advanced-calibration-modal{width:min(920px,96vw)}.special-action-modal{width:min(760px,94vw)}.text-debug-modal{width:min(820px,94vw)}.text-debug-list{display:grid;gap:10px}.text-debug-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0f}.text-debug-item p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.text-debug-status{display:grid;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d}.text-debug-status--ok{border-color:#72f1b873;background:#72f1b814}.text-debug-status--warn{border-color:#ffd16673;background:#ffd16614}.text-debug-status--danger{border-color:#ff6f6173;background:#ff6f6114}.text-debug-status-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.text-debug-status-label{font-size:13px;font-weight:700;color:var(--page-text)}.text-debug-status-time{font-size:12px;color:var(--muted)}.text-debug-status-command,.text-debug-status-envelope,.text-debug-status-response,.text-debug-status-error,.text-debug-status-pending{margin:0;font-size:12px;line-height:1.5;word-break:break-all}.text-debug-status-command{color:var(--page-text);font-weight:600}.text-debug-status-envelope{color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.text-debug-status-response{color:var(--ok)}.text-debug-status-error{color:var(--danger)}.text-debug-status-pending{color:var(--warn)}.special-check-item{align-items:flex-start;gap:10px;color:var(--page-text)}.special-check-item span{color:var(--page-text);line-height:1.45}.special-progress-block{display:grid;gap:10px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a}.special-progress-head{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--page-text)}.special-progress-head strong{font-variant-numeric:tabular-nums;color:var(--warn)}.special-progress-track{width:100%;height:12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;overflow:hidden}.special-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#79dbff,#b4ff4d);transition:width .12s linear}.special-progress-error{color:var(--danger)}.import-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.import-head h3{margin:4px 0 0}.candidate-list{display:grid;gap:8px;max-height:360px;overflow:auto}.checklist-box{display:grid;gap:10px;border:1px solid rgba(255,209,102,.22);background:#ffd1660f;border-radius:14px;padding:12px}.danger-callout{border:1px solid rgba(255,111,97,.22);background:#ff6f6114}.formula-box{display:grid;gap:4px;border-radius:14px;padding:12px 14px;border:1px solid rgba(114,241,184,.16);background:#72f1b80f}.formula-box p{margin:0}.candidate-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 10px;background:#ffffff08}.candidate-item input[type=checkbox]{width:16px;height:16px}.candidate-main{font-weight:700;margin-right:auto}.formula-box,.tip-list{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;background:#b4ff4d0d}.formula-box p,.tip-list p{margin:8px 0}.template-header,.history-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.entry-summary-grid{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));color:var(--muted);font-size:13px}.compact-actions{margin-top:8px}.maintenance-box{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;display:grid;gap:12px;background:#ffffff0a}.history-item p,.active-command p{margin:6px 0}small{color:var(--muted)}@media (max-width: 1100px){.grid.two-up,.field-grid,.field-grid.compact{grid-template-columns:1fr}.hero,.panel-head{flex-direction:column}.hero-meta{justify-items:start}.modbus-page,.panel{padding:14px;gap:12px}.hero{padding:16px}.actions{display:flex;flex-wrap:wrap;gap:8px}.device-toolbar{flex-direction:column;align-items:stretch}.selected-entry-banner,.workflow-group-head{align-items:flex-start;flex-direction:column}.workflow-actions,.entry-summary-grid{grid-template-columns:1fr}.compact-btn{width:100%;text-align:center}}