:root{font-family:Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color:#e2e8f0;background-color:#09111d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}*{box-sizing:border-box}:root{color-scheme:dark}body{margin:0;color:#dce8ff;font-family:Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(126,143,208,.28),transparent 18%),linear-gradient(180deg,#7d86ab,#616d90 6%,#232c42 16%,#0f1521 38%,#08111d)}#root{min-height:100vh}button,input,select{font:inherit}.industrial-shell{min-height:100vh;padding:8px 10px 12px}.top-header{display:grid;grid-template-columns:300px 1fr 260px;align-items:center;gap:14px;padding:4px 8px 10px}.brand-block{display:flex;align-items:center;gap:12px}.brand-logo-mark{position:relative;width:34px;height:34px;flex:0 0 auto}.brand-circle,.brand-dot,.brand-line{position:absolute}.brand-circle{width:22px;height:22px;border:4px solid #eff5ff;border-right-color:transparent;border-top-color:#eff5ffcc;border-radius:999px;left:1px;bottom:3px;transform:rotate(-20deg)}.brand-dot{width:8px;height:8px;right:4px;top:5px;border-radius:999px;background:#ff3158;box-shadow:0 0 12px #ff3158bf}.brand-line{width:5px;height:16px;right:6px;top:11px;border-radius:999px;background:linear-gradient(180deg,#eef5ff,#c6d3ea)}.brand-name{font-size:20px;font-weight:900;letter-spacing:-.03em;color:#f5f8ff}.brand-sub{margin-top:2px;font-size:10px;letter-spacing:.14em;color:#afbed9}.header-title{text-align:center;font-size:34px;font-weight:900;letter-spacing:-.04em;color:#f4f7ff;text-shadow:0 1px 0 rgba(255,255,255,.08)}.clock-block{text-align:right}.clock-date{font-size:13px;color:#c0cee7;letter-spacing:.02em}.clock-time{font-size:38px;font-weight:900;line-height:1;color:#f8fbff}.main-board{border-radius:10px}.tab-bar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-bottom:8px}.tab-btn{height:44px;border:1px solid rgba(134,150,190,.24);border-radius:8px 8px 0 0;color:#d7e2f8;background:linear-gradient(180deg,#566083f2,#232c44fa 48%,#101623fc);box-shadow:inset 0 1px #ffffff14,inset 0 -6px 12px #00000047;font-size:14px;font-weight:700;cursor:pointer}.tab-btn.active{color:#f7fdff;background:linear-gradient(180deg,#18a8d6,#0f648d 28%,#0b2e4b 62%,#0b1524);border-color:#50d5ff6b;box-shadow:inset 0 1px #ffffff2e,inset 0 0 20px #13a6dc3d}.tab-btn.disabled{opacity:.6;cursor:not-allowed}.top-status-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}.strip-item{min-height:52px;padding:10px 12px;border-radius:7px;border:1px solid rgba(124,141,178,.16);background:linear-gradient(180deg,#1c263cf5,#0b111dfa);box-shadow:inset 0 1px #ffffff0a}.strip-item span{display:block;margin-bottom:4px;font-size:11px;color:#90a5ca}.strip-item strong{display:block;font-size:15px;color:#f4f7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-item strong.good{color:#20df83}.strip-item strong.bad{color:#ff4b68}.strip-item strong.warn{color:#ffb038}.strip-item strong.muted{color:#d0daf0}.dashboard-grid,.row{display:grid;gap:10px}.row-top{grid-template-columns:280px 1fr}.row-middle{grid-template-columns:1fr 1.05fr 250px 1.8fr}.row-bottom{grid-template-columns:1.55fr 1fr}.dash-card{position:relative;overflow:hidden;min-height:186px;padding:12px 14px 14px;border-radius:7px;border:1px solid rgba(122,141,181,.18);background:linear-gradient(180deg,#1d273efa,#0a101bfe),linear-gradient(90deg,rgba(255,255,255,.035),transparent 20%);box-shadow:inset 0 1px #ffffff0d,0 10px 24px #0000002e}.dash-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent 14%,transparent 86%,rgba(255,255,255,.02));pointer-events:none}.tall-card,.wide-card{min-height:250px}.small-card{min-height:200px}.bottom-card{min-height:252px}.panel-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-title-row h3{margin:0;font-size:14px;font-weight:900;color:#f4f7ff;letter-spacing:-.02em}.badge-select,.status-pill{min-width:56px;height:24px;padding:0 8px;display:inline-grid;place-items:center;border-radius:4px;border:1px solid rgba(144,163,198,.16);background:#ffffff0f;color:#dfe9ff;font-size:11px}.status-pill.good{color:#20df83}.status-pill.bad{color:#ff4b68}.status-pill.warn{color:#ffb038}.status-pill.muted{color:#d0daf0}.chart-shell{position:relative}.runtime-shell,.compact-chart,.trend-large-shell{padding-top:4px}.gauge-layout{display:grid;grid-template-columns:1fr;gap:8px;min-height:204px}.gauge-wrap{position:relative;width:180px;height:180px;margin:0 auto}.gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center}.gauge-center strong{font-size:20px;line-height:1}.gauge-center span{margin-top:4px;font-size:11px;color:#a8b8d4}.legend-list{display:grid;gap:6px}.legend-list.compact{grid-template-columns:1fr}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#a8bbd8}.legend-dot{width:10px;height:10px;border-radius:999px}.result-table-box{border-radius:6px;overflow:hidden;border:1px solid rgba(121,139,180,.14)}.result-table{width:100%;border-collapse:collapse;font-size:12px}.result-table th,.result-table td{padding:8px 10px;border-bottom:1px solid rgba(121,139,180,.1);text-align:center}.result-table th{background:#ffffff0a;color:#a9bddb;font-size:11px}.result-table td{color:#edf3ff}.result-table tbody tr:nth-child(odd){background:#ffffff05}.judge-tag{min-width:46px;display:inline-grid;place-items:center;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700}.judge-tag.ok{color:#ecfff6;background:linear-gradient(180deg,#18d26b,#0f8745)}.judge-tag.ng{color:#fff3f6;background:linear-gradient(180deg,#ff4b68,#af1938)}.incident-top,.emission-top,.summary-rings{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.big-ring,.round-metric{width:110px;height:110px;border-radius:999px;display:grid;place-items:center;align-content:center;border:3px solid currentColor;background:radial-gradient(circle at center,#ffffff0a,#ffffff03);box-shadow:inset 0 0 28px #ffffff0a}.big-ring strong,.round-metric strong{font-size:28px;line-height:1}.big-ring span,.round-metric span,.round-metric em{font-size:11px;color:#b8c6dd;font-style:normal}.big-ring.magenta{color:#df49ff}.big-ring.orange{color:#ff8a00}.big-ring.cyan,.round-metric.cyan{color:#00d7ff}.big-ring.green,.round-metric.green{color:#8cf224}.big-ring.blue{color:#5db7ff}.secondary-rings{margin-top:4px}.bottom-message-bar{margin-top:10px;min-height:38px;padding:8px 12px;display:flex;align-items:center;gap:12px;border-radius:5px;border:1px solid rgba(44,197,255,.36);background:linear-gradient(180deg,#102c49f5,#0b1727fa);color:#d8e7ff;font-size:13px}.message-label{min-width:82px;height:22px;display:inline-grid;place-items:center;border-radius:999px;background:#ffffff0f;color:#b5cdf0;font-size:12px}.control-layout .row-top,.control-top-row,.control-bottom-row,.control-layout .row-middle{grid-template-columns:1.4fr .9fr}.control-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.control-field label{display:block;margin-bottom:6px;font-size:12px;color:#a5b6d4}.control-input{width:100%;height:42px;padding:0 12px;border-radius:6px;border:1px solid rgba(123,143,182,.18);background:#040a12b3;color:#eef4ff}.control-summary-box{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-summary-box>div,.status-box-line{padding:10px 12px;border-radius:6px;border:1px solid rgba(123,143,182,.14);background:#ffffff08}.control-summary-box span,.status-box-line span{display:block;margin-bottom:4px;font-size:11px;color:#91a4ca}.control-summary-box strong,.status-box-line strong{font-size:14px;color:#f4f8ff}.command-zone{display:flex;gap:10px;align-items:center;min-width:0}.command-zone .control-input{flex:1 1 auto;min-width:0}.command-zone .control-btn{flex:0 0 auto;min-width:108px}.control-btn{height:42px;padding:0 18px;border:0;border-radius:6px;font-weight:800;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;text-align:center;word-break:keep-all;line-height:1}.control-btn.primary{color:#f7fdff;background:linear-gradient(180deg,#15a6d1,#0f5b82)}.control-btn.secondary{color:#fff3f6;background:linear-gradient(180deg,#f04b67,#972238)}.state-stack{display:grid;gap:10px}.metric-chip{min-height:52px;padding:10px 12px;border-radius:6px;border:1px solid rgba(122,142,181,.16);background:#ffffff08}.metric-chip span{display:block;font-size:11px;color:#90a4ca;margin-bottom:4px}.metric-chip strong{font-size:18px}.metric-chip.cyan strong{color:#00d0de}.metric-chip.blue strong{color:#5db7ff}.metric-chip.orange strong{color:#ffb03a}.metric-chip.green strong{color:#7eed47}.full-width{width:100%}.status-grid-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lamp-column{display:grid;gap:12px;padding-top:8px}.lamp-line{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:#ffffff08}.signal-lamp{width:18px;height:18px;border-radius:999px;background:#51617e;box-shadow:inset 0 0 10px #0006}.signal-lamp.on.green{background:#20df83;box-shadow:0 0 14px #20df83bf}.signal-lamp.on.cyan{background:#00d7ff;box-shadow:0 0 14px #00d7ffbf}.signal-lamp.on.orange{background:#ffb038;box-shadow:0 0 14px #ffb038bf}.signal-lamp.on.red{background:#ff4b68;box-shadow:0 0 14px #ff4b68bf}.screen-message{min-height:100vh;display:grid;place-items:center;color:#ecf4ff;font-size:20px}.screen-message.error{color:#ff8799}@media (max-width: 1200px){.top-header,.row-top,.row-middle,.row-bottom,.control-layout .row-top,.control-layout .row-middle,.tab-bar,.top-status-strip,.control-form-grid,.status-grid-board{grid-template-columns:1fr}.header-title{font-size:26px}.clock-time{font-size:28px}}.control-form-grid-advanced{grid-template-columns:repeat(2,minmax(0,1fr))}.tag-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.control-btn.ghost{color:#dce8ff;background:linear-gradient(180deg,#6f80a6e6,#303d59f2)}.control-btn:disabled{opacity:.45;cursor:not-allowed}.tag-live-summary{margin-bottom:14px}.tag-table tbody tr{cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.tag-table tbody tr:hover{background:#00c8d714}.tag-table tbody tr.selected-row{background:#00c8d71f;box-shadow:inset 0 0 0 1px #00c8d74d}.judge-tag.warn{color:#fff9ef;background:linear-gradient(180deg,#ffb038,#9e6710)}.tag-guide-box{margin-top:10px;padding:14px;border-radius:8px;border:1px solid rgba(122,141,181,.14);background:#ffffff08}.tag-guide-box strong{display:block;margin-bottom:8px;color:#f4f8ff}.tag-guide-box p{margin:0 0 8px;color:#a9bddb;font-size:12px;line-height:1.5}.tag-guide-box p:last-child{margin-bottom:0}.mini-help-text{margin-top:8px;color:#9fb3d6;font-size:12px;line-height:1.5}.empty-chart-notice{display:flex;align-items:center;justify-content:center;min-height:140px;color:#7f93b8;font-size:13px;text-align:center;padding:12px;border:1px dashed rgba(116,130,161,.22);border-radius:10px;background:#09122159}@media (max-width: 1280px){.command-zone{flex-wrap:wrap}.command-zone .control-input{flex-basis:100%}.command-zone .control-btn{min-width:120px}}