.alarms-page{max-width:1100px;margin:0 auto;padding:28px 20px 48px;min-height:100vh;background:radial-gradient(1200px 500px at 10% -10%,#16345f55,transparent),radial-gradient(900px 400px at 90% 0%,#0f513255,transparent),var(--bg)}.alarms-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.alarms-brand{font-size:13px;letter-spacing:.18em;color:var(--accent-soft);font-weight:700}.alarms-page h1{margin:4px 0 6px;font-size:28px;font-weight:650}.alarms-sub,.alarms-meta{color:var(--muted);margin:0}.alarms-meta{margin-top:10px;font-size:13px}.alarms-error{margin:10px 0 0;color:#ff8787;font-size:13px}.alarms-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.alarms-nav{display:flex;gap:12px;align-items:center;font-size:13px}.alarms-nav a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;display:inline-flex;align-items:center;gap:6px}.alarms-nav a:hover{color:var(--accent-soft);border-bottom-color:var(--accent)}.alarms-nav-current{color:var(--text);font-weight:650;border-bottom:1px solid var(--accent);padding-bottom:2px;display:inline-flex;align-items:center;gap:6px}.alarms-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#c92a2a;color:#fff;font-size:11px;font-weight:700;line-height:1}.alarms-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.alarms-badge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.alarms-badge.ok{color:#8ce99a;border-color:#2f9e4466;background:#2f9e4422}.alarms-badge.bad{color:#ff8787;border-color:#c92a2a66;background:#c92a2a22}.alarms-user{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.alarms-user em{font-style:normal;color:var(--accent-soft);margin-left:4px}.alarms-logout{border:1px solid var(--line);background:#0e1626;color:var(--text);border-radius:8px;padding:6px 10px;cursor:pointer}.alarms-logout:hover{border-color:var(--accent)}.alarms-toolbar{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.alarms-filter{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.alarms-filter select{border:1px solid var(--line);background:var(--input-bg);color:var(--text);border-radius:8px;padding:9px 10px;min-width:120px}.alarms-count{margin-left:auto;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;padding-bottom:8px}.alarms-empty{margin-top:28px;padding:24px;border:1px dashed var(--line);border-radius:12px;background:#0e1626aa;color:var(--muted)}.alarms-empty code{font-size:12px}.alarms-table-wrap{margin-top:16px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#152038,var(--bg-elevated))}.alarms-table{width:100%;border-collapse:collapse;font-size:14px}.alarms-table th,.alarms-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #1d2a42;white-space:nowrap}.alarms-table th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:650;background:#0e1626aa}.alarms-table tbody tr:last-child td{border-bottom:none}.alarms-table tbody tr:hover td{background:#1a274066}.alarms-row-active td{background:#c92a2a14}.alarms-table code{font-size:13px}.alarms-state{font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 8px;border-radius:6px;border:1px solid var(--line)}.alarms-state-active{color:#ff8787;border-color:#c92a2a66;background:#c92a2a22}.alarms-state-acked{color:#ffd43b;border-color:#f59f0066;background:#f59f0022}.alarms-state-cleared{color:#8ce99a;border-color:#2f9e4466;background:#2f9e4422}.alarms-num,.alarms-ts{font-variant-numeric:tabular-nums}.alarms-ts{color:var(--muted);font-size:13px}.alarms-ack{border:1px solid #c92a2a88;background:#c92a2a33;color:#ffc9c9;border-radius:8px;padding:6px 12px;cursor:pointer;font-weight:650}.alarms-actions{display:flex;flex-wrap:wrap;gap:6px}.alarms-wo{border-color:#f59f0044;background:#f59f0022;color:#ffd43b}.alarms-ack:hover:not(:disabled){background:#c92a2a55}.alarms-wo:hover:not(:disabled){background:#f59f0044}.alarms-ack:disabled{opacity:.45;cursor:not-allowed}.alarms-action-muted{color:var(--muted)}@media(max-width:720px){.alarms-top{flex-direction:column}.alarms-right{align-items:flex-start}.alarms-count{margin-left:0}}.assets-page{max-width:1100px;margin:0 auto;padding:28px 20px 48px;min-height:100vh;background:radial-gradient(1200px 500px at 10% -10%,#16345f55,transparent),radial-gradient(900px 400px at 90% 0%,#0f513255,transparent),var(--bg)}.assets-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.assets-brand{font-size:13px;letter-spacing:.18em;color:var(--accent-soft);font-weight:700}.assets-page h1{margin:4px 0 6px;font-size:28px;font-weight:650}.assets-sub{color:var(--muted);margin:0}.assets-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.assets-nav{display:flex;gap:12px;align-items:center;font-size:13px}.assets-nav a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px}.assets-nav a:hover{color:var(--accent-soft);border-bottom-color:var(--accent)}.assets-nav-current{color:var(--text);font-weight:650;border-bottom:1px solid var(--accent);padding-bottom:2px}.assets-user{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.assets-user em{font-style:normal;color:var(--accent-soft);margin-left:4px}.assets-logout{border:1px solid var(--line);background:#0e1626;color:var(--text);border-radius:8px;padding:6px 10px;cursor:pointer}.assets-logout:hover{border-color:var(--accent)}.assets-toolbar{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.assets-search{flex:1 1 220px;min-width:180px;border:1px solid var(--line);background:var(--input-bg);color:var(--text);border-radius:8px;padding:10px 12px}.assets-search:focus{outline:2px solid #2b6cb055;border-color:var(--accent)}.assets-filter{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.assets-filter select{border:1px solid var(--line);background:var(--input-bg);color:var(--text);border-radius:8px;padding:9px 10px;min-width:120px}.assets-count{margin-left:auto;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;padding-bottom:8px}.assets-btn{border:1px solid var(--line);background:#0e1626;color:var(--text);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:13px}.assets-btn:hover:not(:disabled){border-color:var(--accent)}.assets-btn:disabled{opacity:.55;cursor:not-allowed}.assets-btn-primary{border-color:#1c7ed655;background:#1c7ed622;color:#74c0fc}.assets-btn-danger{border-color:#c92a2a55;color:#ff8787}.assets-actions{display:flex;gap:8px}.assets-hint{margin:12px 0 0;font-size:13px;color:var(--muted)}.assets-hint code{font-size:12px;color:var(--accent-soft)}.assets-banner{margin-top:12px;padding:10px 12px;border-radius:8px;border:1px solid #c92a2a66;background:#c92a2a22;color:#ffc9c9;font-size:13px}.assets-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617cc;display:grid;place-items:center;padding:20px;z-index:40}.assets-modal{width:min(420px,100%);background:linear-gradient(180deg,#152038,#0e1626);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}.assets-modal h2{margin:0;font-size:18px;font-weight:650}.assets-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.assets-field input,.assets-field select{border:1px solid var(--line);background:var(--input-bg);color:var(--text);border-radius:8px;padding:9px 10px;font-size:14px}.assets-field input:focus,.assets-field select:focus{outline:2px solid #2b6cb055;border-color:var(--accent)}.assets-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.assets-empty{margin-top:28px;padding:24px;border:1px dashed var(--line);border-radius:12px;background:#0e1626aa;color:var(--muted)}.assets-table-wrap{margin-top:16px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#152038,var(--bg-elevated))}.assets-table{width:100%;border-collapse:collapse;font-size:14px}.assets-table th,.assets-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #1d2a42;white-space:nowrap}.assets-table th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:650;background:#0e1626aa}.assets-table tbody tr:last-child td{border-bottom:none}.assets-table tbody tr:hover td{background:#1a274066}.assets-table code{font-size:13px}.assets-status{font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 8px;border-radius:6px;border:1px solid var(--line)}.assets-status-running{color:#74c0fc;border-color:#1c7ed655;background:#1c7ed622}.assets-status-fault{color:#ff8787;border-color:#c92a2a66;background:#c92a2a22}.assets-status-idle{color:var(--idle)}.assets-status-offline{color:#868e96}.assets-ts{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}@media(max-width:720px){.assets-top{flex-direction:column}.assets-right{align-items:flex-start}.assets-count{margin-left:0}}.history-page{max-width:1100px;margin:0 auto;padding:28px 20px 48px;min-height:100vh;background:radial-gradient(1200px 500px at 10% -10%,#16345f55,transparent),radial-gradient(900px 400px at 90% 0%,#0f513255,transparent),var(--bg)}.history-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.history-brand{font-size:13px;letter-spacing:.18em;color:var(--accent-soft);font-weight:700}.history-page h1{margin:4px 0 6px;font-size:28px;font-weight:650}.history-sub,.history-meta{color:var(--muted);margin:0}.history-meta{margin-top:10px;font-size:13px}.history-warn{color:#ffc9c9}.history-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.history-nav{display:flex;gap:12px;align-items:center;font-size:13px}.history-nav a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;display:inline-flex;align-items:center;gap:6px}.history-nav a:hover{color:var(--accent-soft);border-bottom-color:var(--accent)}.history-nav-current{color:var(--text);font-weight:650;border-bottom:1px solid var(--accent);padding-bottom:2px}.history-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#c92a2a;color:#fff;font-size:11px;font-weight:700;line-height:1}.history-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.history-badge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.history-badge.ok{color:#8ce99a;border-color:#2f9e4466;background:#2f9e4422}.history-badge.bad{color:#ff8787;border-color:#c92a2a66;background:#c92a2a22}.history-user{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.history-user em{font-style:normal;color:var(--accent-soft);margin-left:4px}.history-logout{border:1px solid var(--line);background:#0e1626;color:var(--text);border-radius:8px;padding:6px 10px;cursor:pointer}.history-logout:hover{border-color:var(--accent)}.history-toolbar{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.history-filter{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.history-filter select{border:1px solid var(--line);background:var(--input-bg);color:var(--text);border-radius:8px;padding:9px 10px;min-width:140px}.history-metrics{display:flex;gap:6px}.history-metrics button{border:1px solid var(--line);background:#0e1626;color:var(--muted);border-radius:8px;padding:8px 12px;cursor:pointer;text-transform:capitalize}.history-metrics button.on,.history-metrics button:hover{color:var(--text);border-color:var(--accent)}.history-count{margin-left:auto;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;padding-bottom:8px}.history-empty{margin-top:28px;padding:24px;border:1px dashed var(--line);border-radius:12px;background:#0e1626aa;color:var(--muted)}.history-empty.inner{margin:0;min-height:280px;display:flex;align-items:center}.history-play{margin-top:12px;display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted)}.history-play input[type=range]{flex:1}.history-play button,.history-csv{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:4px 10px;cursor:pointer}.history-chart-wrap{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#152038,var(--bg-elevated));padding:8px 4px 4px}.metric-chart{width:100%;height:360px}@media(max-width:720px){.history-top{flex-direction:column}.history-right{align-items:flex-start}.history-count{margin-left:0}.metric-chart{height:280px}}.live-page{max-width:1100px;margin:0 auto;padding:28px 20px 48px;min-height:100vh;background:radial-gradient(1200px 500px at 10% -10%,#16345f55,transparent),radial-gradient(900px 400px at 90% 0%,#0f513255,transparent),var(--bg)}.live-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.live-brand{font-size:13px;letter-spacing:.18em;color:var(--accent-soft);font-weight:700}.live-page h1{margin:4px 0 6px;font-size:28px;font-weight:650}.live-sub,.live-meta,.live-ts{color:var(--muted);margin:0}.live-meta{margin-top:10px;font-size:13px}.live-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.live-nav{display:flex;gap:12px;align-items:center;font-size:13px}.live-nav a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;display:inline-flex;align-items:center;gap:6px}.live-nav a:hover{color:var(--accent-soft);border-bottom-color:var(--accent)}.live-nav-current{color:var(--text);font-weight:650;border-bottom:1px solid var(--accent);padding-bottom:2px}.live-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#c92a2a;color:#fff;font-size:11px;font-weight:700;line-height:1}.live-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.live-badge{border:1px solid var(--line);background:#0e1626;border-radius:999px;padding:6px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.live-badge.ok{border-color:#2b8a3e66;color:#8ce99a}.live-badge.bad{border-color:#c92a2a66;color:#ffa8a8}.live-badge.alarm{border-color:#c92a2a88;color:#ffc9c9;background:#c92a2a33;text-decoration:none}.live-badge.alarm:hover{background:#c92a2a55}.live-user{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.live-user em{font-style:normal;color:var(--accent-soft);margin-left:4px}.live-logout{border:1px solid var(--line);background:#0e1626;color:var(--text);border-radius:8px;padding:6px 10px;cursor:pointer}.live-logout:hover{border-color:var(--accent)}.live-empty{margin-top:28px;padding:24px;border:1px dashed var(--line);border-radius:12px;background:#0e1626aa;color:var(--muted)}.live-anomaly{margin:0 0 8px;font-size:12px;color:#ffd43b}.live-grid{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.live-card{background:linear-gradient(180deg,#152038,var(--bg-elevated));border:1px solid var(--line);border-radius:14px;padding:16px}.live-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.live-card-head h2{margin:0;font-size:18px}.live-card-head h2 a{color:inherit;text-decoration:none}.live-card-head h2 a:hover{color:var(--accent-soft)}.sparkline{display:block;margin:0 0 12px;color:var(--accent-soft)}.sparkline.hot{color:#ff6b6b}.sparkline-empty{height:36px;margin-bottom:12px}.live-status{font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 8px;border-radius:6px;border:1px solid var(--line)}.live-status-running{color:#74c0fc;border-color:#1c7ed655;background:#1c7ed622}.live-status-fault{color:#ff8787;border-color:#c92a2a66;background:#c92a2a22}.live-status-idle{color:var(--idle)}.live-status-offline{color:#868e96}.live-metrics{display:grid;gap:10px}.live-metric{display:flex;justify-content:space-between;align-items:baseline;padding:8px 10px;border-radius:8px;background:#0c1424;border:1px solid #1d2a42}.live-metric.hot .live-value{color:#ff6b6b}.live-label{color:var(--muted);font-size:12px}.live-value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:650}.live-ts{margin-top:12px;font-size:12px}.login-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px 16px 56px;overflow:hidden;background:radial-gradient(900px 420px at 12% -8%,#16345f66,transparent 60%),radial-gradient(700px 360px at 92% 108%,#0b3d4f55,transparent 55%),var(--bg)}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(125,183,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(125,183,255,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 78%);mask-image:radial-gradient(circle at center,black 35%,transparent 78%);pointer-events:none}.login-frame{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid rgba(36,48,73,.9);border-radius:4px;box-shadow:inset 0 0 0 1px #2b6cb01f,0 0 24px #2b6cb014;pointer-events:none}.login-card{position:relative;z-index:1;width:min(100%,400px);padding:36px 32px 28px;border-radius:16px;background:linear-gradient(180deg,#182234,var(--panel));border:1px solid var(--line);box-shadow:0 18px 50px #00000073;display:flex;flex-direction:column;gap:12px}.login-brand{text-align:center;margin-bottom:12px}.login-logo{font-size:34px;font-weight:800;letter-spacing:.08em;line-height:1}.login-logo span{color:var(--accent-soft)}.login-card h1{margin:12px 0 6px;font-size:20px;font-weight:650;letter-spacing:.01em}.login-subtitle{margin:0;color:var(--muted);font-size:14px}.login-input{width:100%;height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--input-bg);color:var(--text);outline:none}.login-input::placeholder{color:#6b7a94}.login-input:focus{border-color:#2b6cb0d9;box-shadow:0 0 0 3px #2b6cb033}.login-role-hint{align-self:flex-end;font-size:12px;color:var(--muted);margin-top:-2px}.login-error{font-size:13px;color:#ff8787;background:#c92a2a1f;border:1px solid rgba(201,42,42,.35);border-radius:8px;padding:8px 10px}.login-submit{margin-top:4px;height:44px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.login-submit:hover:not(:disabled){background:var(--accent-hover)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-hint{margin:4px 0 0;text-align:center;font-size:12px;color:var(--muted)}.login-demo{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.login-demo-title{font-size:12px;color:var(--muted);text-align:center}.login-demo-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.login-demo-roles button{height:34px;border-radius:8px;border:1px solid rgba(77,171,247,.35);background:#4dabf714;color:#d0ebff;font-size:12px;font-weight:600;cursor:pointer}.login-demo-roles button:hover:not(:disabled){background:#4dabf72e}.login-footer{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-size:12px;letter-spacing:.04em;color:var(--muted);z-index:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){.login-card{padding:28px 20px 22px}.login-card h1{font-size:18px}}.kpi-page{max-width:1100px;margin:0 auto;padding:28px 20px 48px;min-height:100vh;background:radial-gradient(1200px 500px at 10% -10%,#16345f55,transparent),radial-gradient(900px 400px at 90% 0%,#0f513255,transparent),var(--bg)}.kpi-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.kpi-brand{font-size:13px;letter-spacing:.18em;color:var(--accent-soft);font-weight:700}.kpi-page h1{margin:4px 0 6px;font-size:28px;font-weight:650}.kpi-sub{color:var(--muted);margin:0}.kpi-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.kpi-nav{display:flex;gap:12px;align-items:center;font-size:13px;flex-wrap:wrap;justify-content:flex-end}.kpi-nav a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px}.kpi-nav a:hover{color:var(--accent-soft);border-bottom-color:var(--accent)}.kpi-nav-current{color:var(--text);font-weight:650;border-bottom:1px solid var(--accent);padding-bottom:2px}.kpi-user{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.kpi-user em{font-style:normal;color:var(--accent-soft);margin-left:4px}.kpi-logout{border:1px solid var(--line);background:#0e1626;color:var(--text);border-radius:8px;padding:6px 10px;cursor:pointer}.kpi-toolbar{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.kpi-filter{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.kpi-filter select{border:1px solid var(--line);background:var(--input-bg);color:var(--text);border-radius:8px;padding:9px 10px;min-width:120px}.kpi-meta{font-size:13px;color:var(--muted);padding-bottom:8px}.kpi-empty{margin-top:28px;padding:24px;border:1px dashed var(--line);border-radius:12px;background:#0e1626aa;color:var(--muted);line-height:1.5}.kpi-empty code{color:var(--accent-soft);font-size:13px}.kpi-summary{margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-stat{border:1px solid var(--line);border-radius:12px;padding:16px;background:linear-gradient(180deg,#152038,var(--bg-elevated));display:flex;flex-direction:column;gap:6px}.kpi-stat-label{font-size:12px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.kpi-stat strong{font-size:26px;font-weight:650;font-variant-numeric:tabular-nums}.kpi-table-wrap{margin-top:16px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#152038,var(--bg-elevated))}.kpi-table{width:100%;border-collapse:collapse;font-size:14px}.kpi-table th,.kpi-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #1d2a42;white-space:nowrap}.kpi-csv{margin:12px 0 0;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:6px 12px;cursor:pointer}.kpi-table th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:650;background:#0e1626aa}.kpi-table tbody tr:last-child td{border-bottom:none}.kpi-bar-wrap{display:flex;align-items:center;gap:8px;min-width:140px}.kpi-bar-wrap span{font-variant-numeric:tabular-nums;font-size:13px;min-width:3.5em}.kpi-bar{height:8px;border-radius:4px;background:#1c7ed6;min-width:2px;flex:0 0 auto;max-width:100px}@media(max-width:800px){.kpi-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-top{flex-direction:column}.kpi-right{align-items:flex-start}}.wo-page{max-width:1100px;margin:0 auto;padding:28px 20px 48px;min-height:100vh;background:radial-gradient(1200px 500px at 10% -10%,#16345f55,transparent),radial-gradient(900px 400px at 90% 0%,#0f513255,transparent),var(--bg)}.wo-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.wo-brand{font-size:13px;letter-spacing:.18em;color:var(--accent-soft);font-weight:700}.wo-page h1{margin:4px 0 6px;font-size:28px;font-weight:650}.wo-sub{color:var(--muted);margin:0}.wo-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.wo-nav{display:flex;gap:12px;align-items:center;font-size:13px;flex-wrap:wrap;justify-content:flex-end}.wo-nav a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px}.wo-nav a:hover{color:var(--accent-soft);border-bottom-color:var(--accent)}.wo-nav-current{color:var(--text);font-weight:650;border-bottom:1px solid var(--accent);padding-bottom:2px}.wo-user{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.wo-user em{font-style:normal;color:var(--accent-soft);margin-left:4px}.wo-logout,.wo-btn{border:1px solid var(--line);background:#0e1626;color:var(--text);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:13px}.wo-btn:disabled{opacity:.55;cursor:not-allowed}.wo-btn-primary{border-color:#1c7ed655;background:#1c7ed622;color:#74c0fc}.wo-btn-muted{color:var(--muted)}.wo-toolbar{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.wo-filter{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.wo-filter select{border:1px solid var(--line);background:var(--input-bg);color:var(--text);border-radius:8px;padding:9px 10px;min-width:160px}.wo-count{margin-left:auto;font-size:13px;color:var(--muted);padding-bottom:8px}.wo-hint{margin:12px 0 0;font-size:13px;color:var(--muted)}.wo-hint a{color:var(--accent-soft)}.wo-hint code{font-size:12px;color:var(--accent-soft)}.wo-banner{margin-top:12px;padding:10px 12px;border-radius:8px;border:1px solid #c92a2a66;background:#c92a2a22;color:#ffc9c9;font-size:13px}.wo-empty{margin-top:28px;padding:24px;border:1px dashed var(--line);border-radius:12px;background:#0e1626aa;color:var(--muted)}.wo-table-wrap{margin-top:16px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#152038,var(--bg-elevated))}.wo-table{width:100%;border-collapse:collapse;font-size:14px}.wo-table th,.wo-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #1d2a42;vertical-align:top}.wo-table th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:650;background:#0e1626aa;white-space:nowrap}.wo-table tbody tr:last-child td{border-bottom:none}.wo-row-highlight td{background:#1c7ed622}.wo-status{font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:6px;border:1px solid var(--line);white-space:nowrap}.wo-status-open{color:#ffd43b;border-color:#f59f0044;background:#f59f0022}.wo-status-in_progress{color:#74c0fc;border-color:#1c7ed655;background:#1c7ed622}.wo-status-done{color:#69db7c;border-color:#2f9e4444;background:#2f9e4422}.wo-status-cancelled{color:#868e96}.wo-priority-high{color:#ff8787;font-weight:650}.wo-title{font-weight:650;margin-bottom:4px}.wo-id,.wo-alarm,.wo-by{font-size:12px;color:var(--muted)}.wo-ts{color:var(--muted);font-size:13px;white-space:nowrap}.wo-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:160px}.wo-muted{color:var(--muted)}@media(max-width:800px){.wo-top{flex-direction:column}.wo-right{align-items:flex-start}.wo-count{margin-left:0}}.floor-wrap{flex:1;min-height:360px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column}.floor-svg{width:100%;height:100%;min-height:320px;background:#0c1424;border-radius:8px}.floor-bg{fill:#0c1424}.floor-asset{cursor:pointer}.floor-label{fill:#e8eefc;font-family:var(--font);pointer-events:none}.floor-hint{margin:8px 0 0;font-size:12px;color:var(--muted)}.twin-page{max-width:1280px;margin:0 auto;padding:28px 20px 32px;min-height:100vh;background:radial-gradient(1200px 500px at 10% -10%,#16345f55,transparent),radial-gradient(900px 400px at 90% 0%,#0f513255,transparent),var(--bg);display:flex;flex-direction:column}.twin-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.twin-brand{font-size:13px;letter-spacing:.18em;color:var(--accent-soft);font-weight:700}.twin-page h1{margin:4px 0 6px;font-size:28px;font-weight:650}.twin-sub{color:var(--muted);margin:0}.twin-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.twin-nav{display:flex;gap:12px;align-items:center;font-size:13px;flex-wrap:wrap;justify-content:flex-end}.twin-nav a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;display:inline-flex;align-items:center;gap:6px}.twin-nav a:hover{color:var(--accent-soft);border-bottom-color:var(--accent)}.twin-nav-current{color:var(--text);font-weight:650;border-bottom:1px solid var(--accent);padding-bottom:2px}.twin-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#c92a2a;color:#fff;font-size:11px;font-weight:700;line-height:1}.twin-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.twin-badge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.twin-badge.ok{color:#8ce99a;border-color:#2f9e4466;background:#2f9e4422}.twin-badge.bad{color:#ff8787;border-color:#c92a2a66;background:#c92a2a22}.twin-user{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.twin-user em{font-style:normal;color:var(--accent-soft);margin-left:4px}.twin-logout{border:1px solid var(--line);background:#0e1626;color:var(--text);border-radius:8px;padding:6px 10px;cursor:pointer}.twin-logout:hover{border-color:var(--accent)}.twin-body{margin-top:18px;flex:1;min-height:520px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.twin-view-toggle{display:flex;gap:8px;margin:12px 0 0}.twin-view-toggle button{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:4px 10px;cursor:pointer}.twin-view-toggle button.on{color:var(--text);border-color:var(--accent)}.twin-canvas{min-height:520px;height:calc(100vh - 220px);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0b1220}.twin-canvas canvas{display:block}.twin-side{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#152038,var(--bg-elevated));padding:16px;display:flex;flex-direction:column;gap:10px}.twin-side-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.twin-side-head h2{margin:0;font-size:18px}.twin-name{margin:0;color:var(--text);font-weight:650}.twin-type,.twin-hint,.twin-alarm-hint{margin:0;color:var(--muted);font-size:13px}.twin-alarm-hint{color:#ff8787}.twin-status{font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 8px;border-radius:6px;border:1px solid var(--line)}.twin-status-running{color:#74c0fc;border-color:#1c7ed655;background:#1c7ed622}.twin-status-fault{color:#ff8787;border-color:#c92a2a66;background:#c92a2a22}.twin-status-idle{color:var(--idle)}.twin-status-offline{color:#868e96}.twin-metrics{margin:8px 0 0;display:grid;gap:8px}.twin-metrics>div{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:#0c1424;border:1px solid #1d2a42}.twin-metrics dt{color:var(--muted);font-size:12px}.twin-metrics dd{margin:0;font-variant-numeric:tabular-nums;font-weight:650}.twin-metrics dd.hot{color:#ff6b6b}.twin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.twin-actions a{color:var(--accent-soft);font-size:13px}.twin-legend{margin-top:auto;padding-top:12px;border-top:1px solid #1d2a42;display:grid;gap:6px;font-size:12px;color:var(--muted)}.twin-heat-legend{display:grid;gap:6px;margin-bottom:6px}.twin-heat-bar{height:10px;border-radius:999px;border:1px solid #1d2a42;background:linear-gradient(90deg,#2f9e44,#e9c46a,#c92a2a)}.twin-heat-labels{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.twin-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:8px;vertical-align:middle}.twin-legend i.running{background:#1c7ed6}.twin-legend i.idle{background:#868e96}.twin-legend i.fault{background:#c92a2a}.twin-legend i.offline{background:#343a40}@media(max-width:960px){.twin-body{grid-template-columns:1fr}.twin-canvas{height:420px}.twin-right{align-items:flex-start}.twin-nav{justify-content:flex-start}}.wall-page{min-height:100vh;padding:16px 20px 24px;background:var(--bg);color:var(--text)}.wall-top{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.wall-brand{letter-spacing:.18em;font-size:12px;color:var(--accent-soft);font-weight:700}.wall-page h1{margin:4px 0 0;font-size:28px}.wall-stats{display:flex;flex-wrap:wrap;gap:14px;font-size:14px;color:var(--muted)}.wall-stats .ok{color:var(--ok)}.wall-stats .bad{color:var(--bad)}.wall-stats .hot{color:#ff8787}.wall-actions{display:flex;gap:10px;align-items:center}.wall-actions a,.wall-actions button{color:var(--accent-soft);background:transparent;border:1px solid var(--line);border-radius:8px;padding:4px 10px;text-decoration:none;cursor:pointer}.wall-grid{margin-top:16px;display:grid;grid-template-columns:minmax(0,1.6fr) 340px;gap:14px;min-height:calc(100vh - 140px)}.wall-side{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:14px 16px;overflow:auto}.wall-side h2{margin:0 0 8px;font-size:14px}.wall-side ul{list-style:none;margin:0 0 18px;padding:0}.wall-side li{display:flex;gap:8px;align-items:center;font-size:13px;padding:6px 0;border-bottom:1px solid var(--line)}.wall-empty{color:var(--muted);font-size:13px}.st{font-size:11px;font-weight:700;letter-spacing:.04em}.st-active,.st-fault{color:#ff8787}.st-acked{color:#ffd43b}.st-running{color:#74c0fc}.st-idle{color:var(--muted)}.st-offline{color:#868e96}@media(max-width:900px){.wall-grid{grid-template-columns:1fr}}.settings-page{max-width:1100px;margin:0 auto;padding:28px 20px 48px;min-height:100vh;background:radial-gradient(1200px 500px at 10% -10%,#16345f55,transparent),radial-gradient(900px 400px at 90% 0%,#0f513255,transparent),var(--bg)}.settings-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.settings-brand{font-size:13px;letter-spacing:.18em;color:var(--accent-soft);font-weight:700}.settings-page h1{margin:4px 0 6px;font-size:28px;font-weight:650}.settings-sub,.settings-meta,.settings-hint{color:var(--muted);margin:0}.settings-meta{margin-top:10px;font-size:13px}.settings-hint{margin:8px 0 14px;font-size:13px}.settings-error{margin:10px 0 0;color:#ff8787;font-size:13px}.settings-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.settings-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;align-items:center;font-size:13px}.settings-nav a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px}.settings-nav a:hover{color:var(--accent-soft);border-bottom-color:var(--accent)}.settings-nav-current{color:var(--text);font-weight:650;border-bottom:1px solid var(--accent);padding-bottom:2px}.settings-user{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.settings-user em{font-style:normal;color:var(--accent-soft);margin-left:4px}.settings-logout{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:4px 10px;cursor:pointer}.settings-card{margin-top:22px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px 18px}.settings-card h2{margin:0;font-size:16px;font-weight:650}.settings-form{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.settings-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.settings-form input,.settings-table input{background:var(--input-bg);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:6px 8px;width:120px}.settings-form button,.settings-table button{background:var(--accent);border:0;color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}.settings-form button:disabled,.settings-table button:disabled{opacity:.5;cursor:not-allowed}.settings-table-wrap{overflow-x:auto}.settings-table{width:100%;border-collapse:collapse;font-size:13px}.settings-table th,.settings-table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:middle}.settings-ts{white-space:nowrap;color:var(--muted)}.settings-detail{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}:root{color-scheme:dark;--bg: #0b1220;--bg-elevated: #121a2b;--panel: #151d2f;--input-bg: #0c1424;--line: #243049;--text: #e8eefc;--muted: #93a0b8;--accent: #2b6cb0;--accent-hover: #3182ce;--accent-soft: #7db7ff;--ok: #2f9e44;--bad: #c92a2a;--warn: #e67700;--idle: #adb5bd;--radius: 12px;--font: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text)}button,input{font:inherit}code{color:#a5d8ff}a{color:var(--accent-soft)}