*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--color-primary: #a78bfa;--color-primary-focus: #c084fc;--color-primary-on-dark: #a78bfa;--color-primary-soft: rgba(167, 139, 250, .08);--color-primary-hover: #b8a1fa;--color-primary-glow: rgba(167, 139, 250, .25);--color-canvas: #07050d;--color-parchment: #0d0b14;--color-pearl: #141122;--color-tile-dark: #110e19;--color-tile-dark-2: #181525;--color-tile-dark-3: #0c0a12;--color-void: #040307;--color-chip-translucent:rgba(20, 17, 34, .72);--color-ink: #e6e1f0;--color-ink-muted-80: #b0a8c4;--color-ink-muted-48: #645d7a;--color-on-dark: #f0ecf6;--color-on-dark-muted: #8a829e;--color-hairline: rgba(167, 139, 250, .08);--color-divider-soft: rgba(167, 139, 250, .04);--color-border-glow: rgba(167, 139, 250, .12);--color-status-normal: #10b981;--color-status-warning: #f59e0b;--color-status-critical: #ef4444;--color-status-normal-soft: rgba(16, 185, 129, .07);--color-status-warning-soft: rgba(245, 158, 11, .07);--color-status-critical-soft: rgba(239, 68, 68, .07);--color-status-normal-glow: rgba(16, 185, 129, .3);--color-status-warning-glow: rgba(245, 158, 11, .3);--color-status-critical-glow: rgba(239, 68, 68, .3);--bg-primary: var(--color-canvas);--bg-secondary: var(--color-parchment);--bg-card: var(--color-parchment);--bg-input: var(--color-parchment);--bg-nav: var(--color-void);--bg-code: var(--color-parchment);--border: var(--color-hairline);--border-subtle: var(--color-divider-soft);--text-primary: var(--color-ink);--text-secondary: var(--color-ink-muted-80);--text-muted: var(--color-ink-muted-48);--text-inverse: var(--color-void);--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--accent-subtle: var(--color-primary-soft);--success: var(--color-status-normal);--success-subtle: var(--color-status-normal-soft);--warning: var(--color-status-warning);--warning-subtle: var(--color-status-warning-soft);--danger: var(--color-status-critical);--danger-subtle: var(--color-status-critical-soft);--muted: var(--color-ink-muted-48);--radius: 6px;--neobrutal-border: #181525;--neobrutal-border-accent: rgba(167, 139, 250, .35);--neobrutal-shadow: #040307;--chart-grid: var(--color-divider-soft);--chart-tooltip-bg:var(--color-parchment);--scrollbar-thumb: rgba(167, 139, 250, .15);--scrollbar-track: var(--color-canvas);--glass-bg: rgba(13, 11, 20, .65);--glass-border: rgba(167, 139, 250, .1);--glass-glow: 0 0 20px rgba(167, 139, 250, .04), inset 0 1px 0 rgba(255,255,255,.03);--glass-blur: blur(16px) saturate(180%);--diag-sys: #6366f1;--diag-ok: #10b981;--diag-warn: #f59e0b;--diag-crit: #ef4444;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace}[data-theme=light]{--color-primary: #6366f1;--color-primary-focus: #4f46e5;--color-primary-on-dark: #6366f1;--color-primary-soft: rgba(99, 102, 241, .06);--color-primary-hover: #4338ca;--color-primary-glow: rgba(99, 102, 241, .12);--color-canvas: #f6f5fa;--color-parchment: #eeebf4;--color-pearl: #e5e2ec;--color-tile-dark: #292730;--color-tile-dark-2: #2c2a33;--color-tile-dark-3: #27252d;--color-void: #100e17;--color-chip-translucent:rgba(215, 210, 225, .64);--color-ink: #1e1a26;--color-ink-muted-80: #403a4c;--color-ink-muted-48: #827a90;--color-on-dark: #f6f2fa;--color-on-dark-muted: #c8c4d4;--color-hairline: rgba(0, 0, 0, .08);--color-divider-soft: rgba(0, 0, 0, .04);--color-border-glow: rgba(99, 102, 241, .08);--color-status-normal: #059669;--color-status-warning: #d97706;--color-status-critical: #dc2626;--color-status-normal-soft: rgba(5, 150, 105, .06);--color-status-warning-soft: rgba(217, 119, 6, .06);--color-status-critical-soft: rgba(220, 38, 38, .06);--color-status-normal-glow: rgba(5, 150, 105, .15);--color-status-warning-glow: rgba(217, 119, 6, .15);--color-status-critical-glow: rgba(220, 38, 38, .15);--bg-primary: var(--color-canvas);--bg-secondary: var(--color-parchment);--bg-card: #ffffff;--bg-input: #ffffff;--bg-nav: var(--color-void);--bg-code: var(--color-parchment);--border: var(--color-hairline);--border-subtle: var(--color-divider-soft);--text-primary: var(--color-ink);--text-secondary: var(--color-ink-muted-80);--text-muted: var(--color-ink-muted-48);--text-inverse: var(--color-on-dark);--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--accent-subtle: var(--color-primary-soft);--success: var(--color-status-normal);--success-subtle: var(--color-status-normal-soft);--warning: var(--color-status-warning);--warning-subtle: var(--color-status-warning-soft);--danger: var(--color-status-critical);--danger-subtle: var(--color-status-critical-soft);--muted: var(--color-ink-muted-48);--radius: 6px;--neobrutal-border: #1e1a26;--neobrutal-border-accent: rgba(99, 102, 241, .35);--neobrutal-shadow: #1e1a26;--chart-grid: var(--color-divider-soft);--chart-tooltip-bg:#ffffff;--scrollbar-thumb: rgba(0, 0, 0, .12);--scrollbar-track: var(--color-canvas);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .06);--glass-glow: 0 1px 3px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255,255,255,.8);--glass-blur: blur(16px) saturate(180%);--diag-sys: #3366cc;--diag-ok: #1d8a4a;--diag-warn: #b45309;--diag-crit: #c81e1e}html{font-size:16px;background:var(--color-canvas);transition:background-color .4s ease}body{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-main);font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.01em;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss03","cv11"}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--color-ink)}.app{display:flex;flex-direction:column;min-height:100vh;gap:0;background:var(--color-canvas);position:relative}[data-theme=dark] .app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(167,139,250,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.018) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.app>*{position:relative;z-index:1}.global-nav{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 22px;background:var(--color-void);color:var(--color-on-dark);position:sticky;top:0;z-index:100;flex-shrink:0;border-bottom:1px solid var(--color-hairline)}[data-theme=dark] .global-nav{background:linear-gradient(180deg,#030507f2,#06080df2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.global-nav-logo{font-size:12px;font-weight:700;color:var(--color-on-dark);letter-spacing:.06em;text-transform:uppercase}[data-theme=dark] .global-nav-logo{background:linear-gradient(135deg,var(--color-primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.global-nav-center{display:flex;align-items:center;gap:12px}.global-nav-right{display:flex;align-items:center;gap:14px}.global-nav-machine{font-size:12px;font-weight:400;color:var(--color-on-dark);letter-spacing:0;opacity:.9}.global-nav-live{font-size:10px;font-weight:600;color:var(--color-on-dark);letter-spacing:.12em;text-transform:uppercase;opacity:.8}.global-nav-logo-full{display:inline}.global-nav-logo-short{display:none}.global-nav-time{text-align:right}.time-main{font-family:var(--font-mono);font-size:12px;font-weight:400;color:var(--color-on-dark);letter-spacing:.04em;font-variant-numeric:tabular-nums}.global-nav-theme-mobile{display:none;background:transparent;border:0;color:var(--color-on-dark);font-size:14px;cursor:pointer;padding:6px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0;background:var(--color-ink-muted-48);transition:background-color .5s ease}.dot-live,.dot-sim{background:var(--color-status-normal);box-shadow:0 0 6px var(--color-status-normal-glow);animation:pulse-neon-green 2s ease-out infinite}.dot-err{background:var(--color-status-critical);box-shadow:0 0 8px var(--color-status-critical-glow);animation:pulse-neon-red 1.2s ease-out infinite}.dot-offline{background:var(--color-ink-muted-48)}.dot-demo{background:var(--color-status-warning);box-shadow:0 0 6px var(--color-status-warning-glow);animation:pulse-neon-amber 2s ease-out infinite}@keyframes pulse-neon-green{0%{opacity:1;box-shadow:0 0 4px var(--color-status-normal-glow)}50%{opacity:.6;box-shadow:0 0 12px var(--color-status-normal-glow)}to{opacity:1;box-shadow:0 0 4px var(--color-status-normal-glow)}}@keyframes pulse-neon-amber{0%{opacity:1;box-shadow:0 0 4px var(--color-status-warning-glow)}50%{opacity:.6;box-shadow:0 0 12px var(--color-status-warning-glow)}to{opacity:1;box-shadow:0 0 4px var(--color-status-warning-glow)}}@keyframes pulse-neon-red{0%{opacity:1;box-shadow:0 0 4px var(--color-status-critical-glow)}50%{opacity:.5;box-shadow:0 0 14px var(--color-status-critical-glow)}to{opacity:1;box-shadow:0 0 4px var(--color-status-critical-glow)}}@keyframes pulse-soft{0%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.machine-select{background:transparent;border:0;color:var(--color-on-dark);font-size:12px;font-weight:400;font-family:inherit;padding:4px 6px;cursor:pointer;outline:none;border-radius:4px;transition:background-color .15s ease}.machine-select:hover{background:#ffffff0f}.machine-select option{background:var(--color-parchment);color:var(--color-ink)}.device-status-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;background:transparent}.device-status-label{font-size:11px;font-weight:400;color:var(--color-on-dark);letter-spacing:0;opacity:.8}.live-mode-toggle{display:flex;align-items:center;gap:6px}.lm-label{font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--color-on-dark);opacity:.45;transition:opacity .2s ease}.lm-active-label{opacity:1}.toggle-switch{width:38px;height:22px;background:#ffffff1a;border:1px solid rgba(255,255,255,.08);border-radius:11px;cursor:pointer;position:relative;transition:background-color .25s ease,border-color .25s ease;padding:0;flex-shrink:0}.toggle-switch.toggle-on{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-on-dark);border-radius:50%;transition:left .25s cubic-bezier(.4,0,.2,1);pointer-events:none;box-shadow:0 1px 3px #0006}.toggle-switch.toggle-on .toggle-knob{left:18px}.button-dark-utility{background:#ffffff0d;color:var(--color-on-dark);font-family:var(--font-main);font-size:11px;font-weight:500;line-height:1.29;letter-spacing:.02em;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:5px 14px;cursor:pointer;box-shadow:2px 2px #0006;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s ease,background-color .15s ease}.button-dark-utility:hover{background:#ffffff1a;border-color:var(--color-primary);transform:translate(-1.5px,-1.5px);box-shadow:3.5px 3.5px #00000080}.button-dark-utility:active{transform:translate(0);box-shadow:1px 1px #00000080}.sub-nav{display:flex;align-items:center;gap:2px;height:50px;padding:0 22px;background:var(--color-parchment);border-bottom:1px solid var(--color-hairline);flex-shrink:0}[data-theme=dark] .sub-nav{background:#0c1017b3;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.sub-nav-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;font-family:var(--font-main);font-size:13px;font-weight:400;line-height:1.29;letter-spacing:0;color:var(--color-ink-muted-48);padding:0 14px;height:100%;cursor:pointer;transition:color .2s ease;position:relative}.sub-nav-btn:hover{color:var(--color-ink)}.sub-nav-btn.sub-nav-btn-active{color:var(--color-primary);font-weight:600}.sub-nav-btn.sub-nav-btn-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);border-radius:3px 3px 0 0}.sub-nav-icon{font-size:14px;opacity:.85}.sub-nav-status{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink)}.anomaly-dot{width:6px;height:6px;border-radius:50%;background:var(--color-status-critical);box-shadow:0 0 8px var(--color-status-critical-glow);animation:pulse-neon-red .8s ease-out infinite}.tab-content{animation:tab-fade .2s ease}@keyframes tab-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.status-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px 22px;background:transparent;flex-shrink:0}.stat-card{background:var(--glass-bg);border:2px solid var(--neobrutal-border);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;gap:14px;position:relative;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1);min-height:82px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:4px 4px 0 var(--neobrutal-shadow);overflow:hidden}.stat-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--neobrutal-shadow);border-color:var(--color-primary)}.stat-icon{font-size:1.5rem;line-height:1}.stat-body{flex:1;min-width:0}.stat-value{font-family:var(--font-mono);font-size:28px;font-weight:700;line-height:1;letter-spacing:-.02em;transition:color .4s ease;font-variant-numeric:tabular-nums}.stat-label{font-size:11px;font-weight:500;color:var(--color-ink-muted-48);letter-spacing:.04em;text-transform:uppercase;margin-top:4px}.stat-unit{font-size:11px;color:var(--color-ink-muted-48);font-weight:400}.stat-badge{position:absolute;top:12px;right:12px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:9999px}.stat-progress-track{width:100%;height:3px;background:var(--color-divider-soft);border-radius:2px;margin-top:8px;overflow:hidden}.stat-progress-fill{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.16,1,.3,1),background .4s ease;box-shadow:0 0 6px currentColor}@keyframes value-flash{0%,to{background-color:transparent}30%{background-color:var(--color-primary-soft)}}.stat-card-flash{animation:value-flash .5s ease}.main-content{display:flex;gap:14px;padding:0 22px 20px;flex:1;min-height:0}.main-left{flex:0 0 60%;display:flex;flex-direction:column;gap:14px}.main-right{flex:1;display:flex;flex-direction:column}.chart-card{background:var(--glass-bg);border:2px solid var(--neobrutal-border);border-radius:var(--radius);padding:20px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:4px 4px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}.chart-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--neobrutal-shadow);border-color:var(--neobrutal-border-accent)}.chart-main{flex:1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.chart-title{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--color-ink)}.chart-sub{font-size:11px;color:var(--color-ink-muted-48);letter-spacing:.02em;font-family:var(--font-mono)}.right-panel{display:flex;flex-direction:column;gap:14px;height:100%}.chart-tooltip{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;padding:10px 14px;font-size:12px;color:var(--color-ink);box-shadow:0 8px 24px #0000004d;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.tooltip-time{color:var(--color-ink-muted-48);margin-bottom:4px;font-size:10px;font-family:var(--font-mono)}.tooltip-row{display:flex;justify-content:space-between;gap:16px;font-weight:600;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.tooltip-status{margin-top:4px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:right}.alert-panel{background:var(--color-parchment);padding:20px 22px;flex-shrink:0}.alert-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.alert-list{display:flex;flex-direction:column;gap:6px}.alert-empty{color:var(--color-ink-muted-48);font-size:13px;padding:8px 0;font-style:italic}.alert-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius);background:var(--glass-bg);border:2px solid var(--neobrutal-border);gap:12px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:3px 3px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}.alert-card:hover{transform:translate(-1.5px,-1.5px);box-shadow:4.5px 4.5px 0 var(--neobrutal-shadow);border-color:var(--neobrutal-border-accent)}.alert-left{display:flex;align-items:center;gap:12px}.alert-critical{border-left:3px solid var(--color-status-critical)}.alert-warning{border-left:3px solid var(--color-status-warning)}.alert-normal{border-left:3px solid var(--color-status-normal)}.alert-message{font-size:13px;color:var(--color-ink)}.alert-time{font-size:11px;color:var(--color-ink-muted-48);font-family:var(--font-mono);white-space:nowrap;font-variant-numeric:tabular-nums}@keyframes alert-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.alert-slide-in{animation:alert-in .25s ease}.badge-critical,.badge-warning,.badge-normal{display:inline-block;padding:3px 10px;border-radius:9999px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.badge-critical{background:var(--color-status-critical-soft);color:var(--color-status-critical);box-shadow:0 0 8px var(--color-status-critical-glow)}.badge-warning{background:var(--color-status-warning-soft);color:var(--color-status-warning);box-shadow:0 0 8px var(--color-status-warning-glow)}.badge-normal{background:var(--color-status-normal-soft);color:var(--color-status-normal);box-shadow:0 0 8px var(--color-status-normal-glow)}.badge-critical{animation:pulse-soft 2s ease-in-out infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-glow)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}@keyframes spin-gear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.twin3d-wrapper{position:relative;width:100%;height:100%;min-height:500px}.twin3d-canvas{width:100%;height:100%;display:block;cursor:grab}.twin3d-canvas:active{cursor:grabbing}.twin3d-status-label,.twin3d-vib-readout,.twin3d-hint{display:none}.twin3d-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-ink-muted-48);letter-spacing:.08em;background:var(--color-parchment);z-index:10;animation:pulse-soft 1.5s ease-in-out infinite}.analytics-page{display:flex;flex-direction:column;gap:20px;padding:20px 22px;flex:1;overflow-y:auto;background:transparent}.analytics-top{display:grid;grid-template-columns:300px 1fr;gap:14px;align-items:start}.analytics-gauge{background:var(--glass-bg);border:2px solid var(--neobrutal-border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;align-items:center;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:4px 4px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}.analytics-gauge:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--neobrutal-shadow);border-color:var(--neobrutal-border-accent)}.analytics-maint{display:flex;flex-direction:column;gap:14px}.rul-gauge-wrap{display:flex;flex-direction:column;align-items:center;width:100%}.rul-gauge-svg{width:100%;max-width:220px}.rul-gauge-caption{font-size:11px;color:var(--color-ink-muted-48);text-align:center;margin-top:4px;font-family:var(--font-mono);letter-spacing:.02em}.maint-box{display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:var(--radius);border:2px solid var(--neobrutal-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:3px 3px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}.maint-box:hover{transform:translate(-1.5px,-1.5px);box-shadow:4.5px 4.5px 0 var(--neobrutal-shadow)}.maint-healthy{border-color:#39ff1433}.maint-warning{border-color:#fa03}.maint-critical{border-color:#f053}.maint-icon{font-size:1.5rem;line-height:1;flex-shrink:0;margin-top:2px}.maint-healthy .maint-icon{color:var(--color-status-normal)}.maint-warning .maint-icon{color:var(--color-status-warning)}.maint-critical .maint-icon{color:var(--color-status-critical)}.maint-body{flex:1}.maint-title{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px}.maint-healthy .maint-title{color:var(--color-status-normal)}.maint-warning .maint-title{color:var(--color-status-warning)}.maint-critical .maint-title{color:var(--color-status-critical)}.maint-normal .maint-title{color:var(--color-ink-muted-48)}.maint-text{font-size:13px;color:var(--color-ink);line-height:1.5}.maint-rul-row{display:flex;gap:8px;align-items:center;margin-top:12px}.maint-rul-label{font-size:11px;color:var(--color-ink-muted-48);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono)}.maint-rul-value{font-size:14px;font-weight:700;font-family:var(--font-mono);color:var(--color-ink);font-variant-numeric:tabular-nums}.analytics-quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-stat{background:var(--glass-bg);border:2px solid var(--neobrutal-border);border-radius:var(--radius);padding:14px;text-align:center;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:3px 3px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}.quick-stat:hover{transform:translate(-1.5px,-1.5px);box-shadow:4.5px 4.5px 0 var(--neobrutal-shadow);border-color:var(--neobrutal-border-accent)}.quick-stat-value{font-family:var(--font-mono);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--color-ink);font-variant-numeric:tabular-nums}.quick-stat-label{font-size:10px;color:var(--color-ink-muted-48);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-family:var(--font-mono)}.quick-stat-unit{color:var(--color-ink-muted-48)}.full-alert-log{display:flex;flex-direction:column}.full-log-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px;margin-top:4px}.log-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:var(--glass-bg);font-size:12px;transition:background-color .15s ease,border-color .15s ease;border:1px solid transparent}.log-row:hover{border-color:var(--color-border-glow)}.log-row-critical{border-left:3px solid var(--color-status-critical)}.log-row-warning{border-left:3px solid var(--color-status-warning)}.log-row-normal{border-left:3px solid var(--color-status-normal)}.log-ts{font-family:var(--font-mono);font-size:10px;color:var(--color-ink-muted-48);flex-shrink:0;white-space:nowrap;font-variant-numeric:tabular-nums}.log-msg{color:var(--color-ink);flex:1}.export-btn{background:transparent;border:1px solid var(--glass-border);color:var(--color-primary);font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1.29;letter-spacing:.04em;padding:4px 14px;border-radius:9999px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.export-btn:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.export-btn:disabled{opacity:.35;cursor:not-allowed}.device-guide-page{display:flex;flex-direction:column;gap:0;overflow-y:auto;flex:1;background:transparent}.guide-section{padding:40px 22px;border-bottom:1px solid var(--color-hairline)}.guide-section:last-child{border-bottom:none}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.section-num{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase}.section-title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--color-ink)}.device-card-grid{display:flex;gap:14px;flex-wrap:wrap}.device-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--glass-bg);border:2px solid var(--neobrutal-border);border-radius:var(--radius);padding:22px 30px;cursor:pointer;min-width:160px;position:relative;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:4px 4px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1),background-color .15s ease}.device-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--neobrutal-shadow);border-color:var(--color-primary)}.device-card.device-card-active{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:4px 4px 0 var(--neobrutal-shadow),0 0 14px var(--color-primary-glow)}.device-icon{font-size:2rem}.device-name{font-size:14px;font-weight:600;color:var(--color-ink)}.device-sub{font-size:11px;color:var(--color-ink-muted-48);font-family:var(--font-mono)}.device-check{position:absolute;top:10px;right:12px;color:var(--color-primary);font-size:14px;font-weight:700}.pipeline-scroll{overflow-x:auto;padding-bottom:8px}.pipeline-flow{display:flex;align-items:center;gap:0;min-width:max-content;padding:8px 0}.pipeline-step{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--glass-bg);border:2px solid var(--neobrutal-border);border-radius:var(--radius);padding:18px 22px;min-width:140px;text-align:center;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:3px 3px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}.pipeline-step:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--neobrutal-shadow);border-color:var(--color-primary)}.pipeline-icon{font-size:1.5rem}.pipeline-step-title{font-size:12px;font-weight:600;color:var(--color-ink)}.pipeline-step-desc{font-size:10px;color:var(--color-ink-muted-48);line-height:1.4}.pipeline-arrow-wrap{display:flex;flex-direction:column;align-items:center;padding:0 6px;position:relative}.pipeline-arrow{font-size:1.2rem;color:var(--color-primary);line-height:1}.pipeline-arrow-line{width:2px;height:0;background:var(--color-primary)}.wiring-diagram{display:flex;align-items:stretch;gap:0;margin-bottom:24px;overflow-x:auto;padding:8px 0}.wiring-box{background:var(--glass-bg);border:2px solid;border-radius:var(--radius);overflow:hidden;min-width:150px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:4px 4px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.wiring-box:hover{transform:translate(-1.5px,-1.5px);box-shadow:5.5px 5.5px 0 var(--neobrutal-shadow)}.wiring-box-label{color:var(--color-on-dark);font-size:10px;font-weight:700;padding:6px 12px;letter-spacing:.06em;text-transform:uppercase}.wiring-pin-row{padding:6px 12px;font-family:var(--font-mono);font-size:11px;color:var(--color-ink);border-top:1px solid var(--color-divider-soft)}.wiring-connector{display:flex;flex-direction:column;justify-content:space-around;padding:32px 6px;gap:4px}.wiring-wire{width:32px;height:3px;border-radius:2px;flex-shrink:0;box-shadow:0 0 4px currentColor}.pin-table{width:100%;border-collapse:collapse;font-size:12px;border:1px solid var(--glass-border);border-radius:10px;overflow:hidden}.pin-table th{text-align:left;padding:10px 16px;background:var(--color-parchment);border-bottom:1px solid var(--color-hairline);color:var(--color-ink-muted-48);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-mono)}.pin-table td{padding:10px 16px;border-bottom:1px solid var(--color-divider-soft);color:var(--color-ink);font-family:var(--font-mono);font-size:12px}.pin-table tr:last-child td{border-bottom:0}.pin-code{background:var(--color-primary-soft);color:var(--color-primary);padding:2px 8px;border-radius:4px;font-family:var(--font-mono);font-size:11px;font-weight:600}.wire-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle;flex-shrink:0;box-shadow:0 0 4px currentColor}.code-block-wrap{background:var(--color-parchment);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.code-block-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--color-pearl);border-bottom:1px solid var(--color-hairline)}.code-lang-badge{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-soft);padding:2px 8px;border-radius:9999px;font-family:var(--font-mono)}.code-label{font-size:11px;color:var(--color-ink-muted-48);flex:1}.code-scroll{overflow-x:auto}.hljs-block{margin:0;padding:18px 22px;font-family:var(--font-mono);font-size:12px;line-height:1.6;background:var(--color-parchment)!important;min-width:max-content}.copy-btn{background:transparent;border:1px solid var(--glass-border);color:var(--color-ink-muted-48);font-family:var(--font-mono);font-size:10px;font-weight:600;padding:4px 10px;border-radius:9999px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0;letter-spacing:.04em;text-transform:uppercase}.copy-btn:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow)}.copy-done{border-color:var(--color-status-normal)!important;color:var(--color-status-normal)!important}.inline-code{background:var(--color-primary-soft);color:var(--color-primary);padding:1px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.85em}.code-hint{font-size:13px;color:var(--color-ink-muted-48);margin-bottom:12px;line-height:1.5}.setup-note{font-size:13px;color:var(--color-ink);background:var(--color-primary-soft);border-left:3px solid var(--color-primary);border-radius:10px;padding:14px 18px;margin-bottom:24px;line-height:1.5}.setup-steps{display:flex;flex-direction:column;gap:10px}.setup-step{display:flex;gap:16px;align-items:flex-start;background:var(--glass-bg);border:2px solid var(--neobrutal-border);border-radius:var(--radius);padding:16px 20px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:3px 3px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}.setup-step:hover{transform:translate(-1.5px,-1.5px);box-shadow:4.5px 4.5px 0 var(--neobrutal-shadow);border-color:var(--neobrutal-border-accent)}.setup-step-num{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--color-primary);flex-shrink:0;line-height:1.5}.setup-step-body{flex:1}.setup-step-title{font-size:14px;font-weight:600;color:var(--color-ink);margin-bottom:4px}.setup-step-note{font-size:11px;color:var(--color-ink-muted-48);margin-top:6px}.setup-cmd-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.setup-cmd{background:var(--color-parchment);border:1px solid var(--glass-border);color:var(--color-primary);padding:4px 12px;border-radius:6px;font-family:var(--font-mono);font-size:12px}.status-ref-grid{display:flex;gap:14px;flex-wrap:wrap}.status-ref-card{background:var(--glass-bg);border:2px solid var(--neobrutal-border);border-radius:var(--radius);padding:14px 18px;min-width:220px;flex:1;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:3px 3px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}.status-ref-card:hover{transform:translate(-1.5px,-1.5px);box-shadow:4.5px 4.5px 0 var(--neobrutal-shadow);border-color:var(--neobrutal-border-accent)}.status-ref-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.status-ref-desc{font-size:12px;color:var(--color-ink-muted-48);line-height:1.5}.accordion{display:flex;flex-direction:column;gap:6px}.accordion-item{background:var(--glass-bg);border:2px solid var(--neobrutal-border);border-radius:var(--radius);overflow:hidden;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:3px 3px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}.accordion-open{border-color:var(--color-primary)}.accordion-header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:transparent;border:0;color:var(--color-ink);font-size:13px;font-weight:500;cursor:pointer;width:100%;text-align:left;transition:all .15s ease;font-family:inherit}.accordion-header:hover{background:var(--color-primary-soft)}.accordion-arrow{color:var(--color-primary);font-size:10px;flex-shrink:0;transition:transform .2s ease}.accordion-q{flex:1}.accordion-body{overflow:hidden;transition:max-height .3s ease}.accordion-content{padding:0 18px 14px 44px;font-size:12px;color:var(--color-ink-muted-48);line-height:1.6}@media (min-width: 768px){.chat-sidebar-open{margin-right:400px;transition:margin-right .3s ease}}.button-primary{position:fixed;bottom:24px;right:24px;z-index:900;display:inline-flex;align-items:center;gap:8px;background:var(--color-primary);color:#000;border:2px solid var(--neobrutal-border);border-radius:var(--radius);padding:11px 22px;font-family:var(--font-main);font-size:13px;font-weight:600;line-height:1.29;letter-spacing:0;cursor:pointer;box-shadow:4px 4px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),background-color .15s ease}.button-primary:hover{background:var(--color-primary-hover);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--neobrutal-shadow)}.button-primary:active{transform:translate(0);box-shadow:2px 2px 0 var(--neobrutal-shadow)}.button-primary-label{font-size:13px}@media (max-width: 500px){.button-primary-label{display:none}}.button-primary.button-primary-critical{background:var(--color-status-critical);color:#fff;box-shadow:0 0 20px var(--color-status-critical-glow);animation:pulse-soft 1.4s ease-out infinite}.button-primary-critical .button-primary-label{color:#fff}.button-primary-badge{position:absolute;top:-6px;right:-6px;background:var(--color-status-critical);color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-canvas);animation:badge-pop .3s ease;box-shadow:0 0 8px var(--color-status-critical-glow)}@keyframes badge-pop{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}.chat-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--color-parchment);display:flex;flex-direction:column;z-index:950;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-left:2px solid var(--neobrutal-border);box-shadow:-4px 0 30px #0000004d}.chat-panel-open{transform:translate(0)}.chat-panel-critical{border-left-color:var(--color-status-critical)}[data-theme=dark] .chat-panel{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}@media (max-width: 767px){.chat-panel{width:100%;height:85vh;top:auto;bottom:0;right:0;transform:translateY(100%);border-radius:var(--radius) var(--radius) 0 0;transition:transform .3s cubic-bezier(.4,0,.2,1);border-left:0;border-top:2px solid var(--neobrutal-border)}.chat-panel-open{transform:translateY(0)!important}.chat-sidebar-open{margin-right:0!important}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-hairline);background:var(--color-parchment);flex-shrink:0}.chat-header-left{display:flex;flex-direction:column;gap:2px}.chat-title{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--color-ink)}.chat-subtitle{font-size:10px;color:var(--color-ink-muted-48);letter-spacing:.02em;font-family:var(--font-mono)}.chat-header-right{display:flex;align-items:center;gap:8px}.chat-status-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid;border-radius:9999px;padding:2px 8px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-mono)}.chat-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.chat-msg-count{font-size:10px;color:var(--color-ink-muted-48);white-space:nowrap;font-family:var(--font-mono)}.chat-icon-btn{background:transparent;border:1px solid var(--glass-border);color:var(--color-ink-muted-48);width:28px;height:28px;border-radius:9999px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.chat-icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.chat-icon-btn.chat-close-btn{color:var(--color-ink-muted-48)}.chat-icon-btn.chat-close-btn:hover{border-color:var(--color-status-critical);color:var(--color-status-critical)}.chat-load-earlier{display:block;width:100%;padding:8px 12px;margin:4px 0 8px;background:transparent;border:1px solid var(--glass-border);border-radius:10px;color:var(--color-primary);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.chat-load-earlier:hover{background:var(--color-primary-soft);box-shadow:0 0 10px var(--color-primary-glow)}.chat-menu-wrap{position:relative}.chat-menu{position:absolute;top:34px;right:0;background:var(--color-parchment);border:1px solid var(--glass-border);border-radius:10px;min-width:200px;z-index:10;overflow:hidden;box-shadow:0 8px 30px #0000004d}.chat-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;color:var(--color-ink);padding:10px 14px;font-size:12px;cursor:pointer;transition:background-color .12s ease;font-family:inherit}.chat-menu button:hover:not(:disabled){background:var(--color-primary-soft)}.chat-menu button:disabled{color:var(--color-ink-muted-48);cursor:not-allowed}.chat-sensor-strip{display:flex;gap:6px;padding:10px 12px;background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);flex-shrink:0;overflow-x:auto}.chat-chip{display:inline-flex;align-items:center;gap:6px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:9999px;padding:5px 12px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0;font-family:inherit;color:var(--color-ink)}.chat-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.chip-icon{font-size:12px}.chip-val{font-size:11px;font-weight:700;color:var(--color-primary);font-family:var(--font-mono)}.chat-messages{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:10px;background:var(--color-parchment);scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;text-align:center}.chat-empty-robot{font-size:3rem;opacity:.2}.chat-empty-text{font-size:14px;color:var(--color-ink-muted-48);font-weight:500}.chat-empty-sub{font-size:11px;color:var(--color-ink-muted-48);opacity:.6}.chat-msg-wrap{display:flex;gap:8px;align-items:flex-end;animation:msg-in .2s ease}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg-wrap-user{flex-direction:row-reverse}.chat-avatar{font-size:1.1rem;width:28px;height:28px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.chat-bubble{max-width:78%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.5;letter-spacing:0;position:relative;word-break:break-word}.chat-bubble-user{background:var(--color-primary);color:#000;border-bottom-right-radius:4px;font-weight:500}.chat-bubble-ai{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-ink);border-bottom-left-radius:4px}.chat-bubble-error{background:var(--color-status-critical-soft);border-color:var(--color-status-critical);color:var(--color-status-critical)}.chat-cursor{display:inline-block;animation:blink .7s step-end infinite;color:var(--color-primary);font-weight:700;margin-left:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chat-msg-ts{font-size:9px;color:var(--color-ink-muted-48);margin-top:4px;text-align:right;font-family:var(--font-mono)}.chat-bubble-user .chat-msg-ts{color:#00000080}.chat-md-list{margin:4px 0 4px 14px;padding:0;list-style:disc}.chat-md-list li{margin:3px 0}.chat-inline-code{background:var(--color-parchment);color:var(--color-status-warning);padding:1px 5px;border-radius:4px;font-family:var(--font-mono);font-size:.85em}.chat-typing{display:flex;align-items:center;gap:4px;padding:4px 2px}.typing-dot{width:5px;height:5px;background:var(--color-primary);border-radius:50%;display:inline-block;animation:type-bounce 1.2s ease-in-out infinite;box-shadow:0 0 4px var(--color-primary-glow)}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes type-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.chat-suggested{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-top:1px solid var(--color-hairline);background:var(--color-canvas);flex-shrink:0}.chat-suggestion-chip{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-ink-muted-48);font-size:11px;padding:6px 12px;border-radius:9999px;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit}.chat-suggestion-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 0 8px var(--color-primary-glow)}.chat-suggestion-chip:active{transform:scale(.96)}.chat-input-bar{display:flex;align-items:flex-end;gap:6px;padding:12px;border-top:1px solid var(--color-hairline);background:var(--color-parchment);flex-shrink:0}.chat-input{flex:1;background:var(--color-canvas);border:1px solid var(--glass-border);border-radius:14px;color:var(--color-ink);padding:9px 14px;font-size:13px;font-family:inherit;letter-spacing:0;resize:none;max-height:100px;min-height:36px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;line-height:1.5}.chat-input:focus{border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-input::placeholder{color:var(--color-ink-muted-48)}.chat-voice-btn{background:var(--color-canvas);border:1px solid var(--glass-border);border-radius:9999px;width:36px;height:36px;cursor:pointer;font-size:14px;color:var(--color-ink-muted-48);transition:all .15s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.chat-voice-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.chat-voice-active{background:var(--color-status-critical-soft);border-color:var(--color-status-critical);color:var(--color-status-critical)}.chat-voice-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes voice-pulse{0%,to{box-shadow:0 0 #ff005580}50%{box-shadow:0 0 0 6px #f050}}.chat-voice-active{animation:voice-pulse 1s ease-in-out infinite}.chat-send-btn{background:var(--color-primary);border:0;border-radius:9999px;width:36px;height:36px;cursor:pointer;font-size:14px;color:#000;font-weight:700;transition:all .15s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px var(--color-primary-glow)}.chat-send-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 0 16px var(--color-primary-glow)}.chat-send-btn:active{transform:scale(.96)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.ai-alert-card{background:var(--color-status-critical-soft);border:1px solid var(--color-status-critical);border-radius:10px;padding:12px 14px;animation:msg-in .25s ease;box-shadow:0 0 12px var(--color-status-critical-glow)}.ai-alert-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ai-alert-blink{font-size:10px;font-weight:700;color:var(--color-status-critical);letter-spacing:.08em;animation:blink 1s step-end infinite;font-family:var(--font-mono);text-transform:uppercase}.ai-alert-ack{background:transparent;border:1px solid var(--color-status-critical);color:var(--color-status-critical);font-size:9px;padding:3px 10px;border-radius:9999px;cursor:pointer;transition:all .15s ease;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.ai-alert-ack:hover{background:var(--color-status-critical);color:#fff}.ai-alert-body{font-size:12px;color:var(--color-ink);line-height:1.5}.ai-alert-ts{font-size:9px;color:var(--color-ink-muted-48);margin-top:6px;font-family:var(--font-mono)}.ai-alert-overlay{position:fixed;bottom:90px;right:28px;z-index:890;display:flex;flex-direction:column;gap:8px;max-width:340px}.ai-alert-toast{background:var(--color-parchment);border:1px solid var(--color-status-critical);border-radius:10px;padding:12px 16px;box-shadow:0 8px 30px #0000004d,0 0 20px var(--color-status-critical-glow);animation:toast-in .3s ease;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-alert-toast-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ai-alert-toast-btns{display:flex;gap:6px}.ai-alert-toast-btns button{background:transparent;border:1px solid var(--glass-border);color:var(--color-ink-muted-48);font-size:9px;padding:3px 10px;border-radius:9999px;cursor:pointer;transition:all .12s ease;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.ai-alert-toast-btns button:last-child{border-color:var(--color-status-critical);color:var(--color-status-critical)}.ai-alert-toast-btns button:hover{border-color:var(--color-primary);color:var(--color-primary)}.ai-alert-toast-body{font-size:12px;color:var(--color-ink);line-height:1.45}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-canvas);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:9999}.loading-gear{font-size:4rem;display:inline-block;animation:spin-gear 2s linear infinite}.loading-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--color-ink);letter-spacing:-.01em}.loading-sub{font-size:12px;color:var(--color-ink-muted-48);font-family:var(--font-mono);letter-spacing:.04em}.disconnect-banner{display:flex;align-items:center;gap:10px;background:var(--color-status-warning-soft);border-bottom:1px solid var(--color-status-warning);padding:8px 22px;font-size:12px;font-weight:600;color:var(--color-status-warning);animation:banner-slide .3s ease;flex-shrink:0}@keyframes banner-slide{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.disconnect-spinner{width:14px;height:14px;border:2px solid var(--color-status-warning-soft);border-top-color:var(--color-status-warning);border-radius:50%;animation:spin-gear .8s linear infinite;display:inline-block;flex-shrink:0}.mobile-subnav{display:none;flex-direction:row;gap:8px;padding:8px 12px;background:var(--color-parchment);border-bottom:1px solid var(--color-hairline);align-items:center;flex-shrink:0}.machine-sel-mobile{display:flex;align-items:center;gap:8px;background:var(--color-canvas);border:1px solid var(--glass-border);border-radius:9999px;padding:3px 3px 3px 12px;flex:1}.msm-btn{background:var(--color-parchment);border:0;width:24px;height:24px;border-radius:50%;color:var(--color-ink);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.msm-btn:hover{background:var(--color-primary);color:#000}.msm-name{flex:1;text-align:center;font-size:12px;font-weight:600;color:var(--color-ink)}.live-mode-pill{background:transparent;border:1px solid var(--glass-border);border-radius:9999px;padding:4px 12px;font-size:10px;font-weight:600;color:var(--color-ink-muted-48);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.live-mode-pill-on{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 0 8px var(--color-primary-glow)}.button-fab-danger{display:none;position:fixed;bottom:148px;right:20px;width:52px;height:52px;background:var(--color-status-critical);border:2px solid var(--neobrutal-border);border-radius:var(--radius);color:#fff;font-size:1.3rem;cursor:pointer;z-index:901;box-shadow:4px 4px 0 var(--neobrutal-shadow);align-items:center;justify-content:center;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s ease}.button-fab-danger:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--neobrutal-shadow);border-color:var(--color-status-critical)}.button-fab-danger:active{transform:translate(0);box-shadow:2px 2px 0 var(--neobrutal-shadow)}.theme-toggle-pill{display:flex;align-items:center;width:64px;height:32px;background:#ffffff14;border:1px solid rgba(255,255,255,.06);border-radius:16px;cursor:pointer;padding:3px;position:relative;flex-shrink:0;transition:all .3s ease}.theme-pill-light{background:#0000001a;border-color:#0000001f}.theme-toggle-knob{position:absolute;width:24px;height:24px;background:#fff;border-radius:50%;left:4px;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #00000059;z-index:2}.theme-pill-light .theme-toggle-knob{left:36px}.theme-toggle-icon-l{position:absolute;left:7px;font-size:12px;z-index:1;pointer-events:none;line-height:1}.theme-toggle-icon-r{position:absolute;right:7px;font-size:12px;z-index:1;pointer-events:none;line-height:1}.theme-pill-moon{position:absolute;left:8px;font-size:14px;z-index:1;pointer-events:none;line-height:1}.theme-pill-sun{position:absolute;right:8px;font-size:14px;z-index:1;pointer-events:none;line-height:1}.config-page{max-width:720px;margin:0 auto;padding:40px 22px 100px;display:flex;flex-direction:column;gap:20px}.config-section{background:var(--glass-bg);border:2px solid var(--neobrutal-border);border-radius:var(--radius);overflow:hidden;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:4px 4px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}.config-section:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--neobrutal-shadow);border-color:var(--neobrutal-border-accent)}.config-section-title{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-muted-48);padding:14px 22px 8px;border-bottom:1px solid var(--color-divider-soft);font-family:var(--font-mono)}.config-row{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;gap:16px}.config-row+.config-row{border-top:1px solid var(--color-divider-soft)}.config-row-label{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.config-row-icon{font-size:1.2rem;flex-shrink:0;line-height:1}.config-row-name{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--color-ink)}.config-row-sub{font-size:11px;color:var(--color-ink-muted-48);margin-top:2px}.theme-preview-row{display:flex;gap:12px;padding:0 22px 22px}.theme-swatch{flex:1;border-radius:12px;overflow:hidden;border:2px solid var(--glass-border);cursor:pointer;transition:all .2s ease}.theme-swatch-active,.theme-swatch:hover{border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.theme-swatch-preview{height:60px;padding:10px;display:flex;flex-direction:column;gap:5px}.theme-swatch-dark{background:#06080d}.theme-swatch-light{background:#f4f5f8}.swatch-bar{height:6px;border-radius:3px;background:#0c1017}.swatch-bar-light{background:#eceef2}.swatch-card{height:12px;border-radius:4px;background:#141a24}.swatch-card-light{background:#fff;border:1px solid #e0e0e0}.theme-swatch-label{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;font-size:11px;font-weight:600;color:var(--color-ink);background:var(--color-parchment);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.theme-swatch-check{color:var(--color-primary);font-weight:700}.config-radio-row{display:flex;align-items:center;gap:12px;padding:12px 22px;cursor:pointer;border-top:1px solid var(--color-divider-soft);color:var(--color-ink);font-size:13px}.config-radio-row:first-of-type{border-top:none}.config-radio{accent-color:var(--color-primary);width:16px;height:16px;cursor:pointer;flex-shrink:0}.config-radio-label{flex:1}.config-radio-check{color:var(--color-primary);font-weight:700;font-size:14px}.config-connection-status{display:flex;align-items:center;padding:10px 22px 18px;background:var(--color-parchment);border-top:1px solid var(--color-divider-soft)}.config-about-card{padding:18px;background:var(--color-parchment);border-bottom:1px solid var(--color-divider-soft);display:flex;flex-direction:column;gap:4px}.config-about-logo{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--color-ink);letter-spacing:-.01em}.config-about-version{font-size:11px;color:var(--color-ink-muted-48);font-family:var(--font-mono)}.config-about-badge{margin-top:8px}.config-ai-badge{display:inline-flex;align-items:center;gap:6px;background:var(--color-primary-soft);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:9999px;padding:3px 10px;font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.config-danger-btn{display:block;width:calc(100% - 44px);margin:18px 22px;background:transparent;border:1px solid var(--color-status-critical);color:var(--color-status-critical);border-radius:9999px;padding:11px;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s ease;font-family:inherit}.config-danger-btn:hover{background:var(--color-status-critical);color:#fff;box-shadow:0 0 16px var(--color-status-critical-glow)}.diag-console{background:var(--color-void);border:2px solid var(--neobrutal-border);border-radius:var(--radius);overflow:hidden;margin:0 22px 20px;display:flex;flex-direction:column;max-height:320px;box-shadow:4px 4px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}.diag-console:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--neobrutal-shadow);border-color:var(--neobrutal-border-accent)}.diag-collapsed{display:flex;align-items:center;gap:8px;margin:0 22px 20px;padding:10px 16px;background:var(--color-void);border:2px solid var(--neobrutal-border);border-radius:var(--radius);cursor:pointer;font-family:var(--font-mono);font-size:11px;color:var(--color-ink-muted-48);box-shadow:4px 4px 0 var(--neobrutal-shadow);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}.diag-collapsed:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--neobrutal-shadow);border-color:var(--color-primary)}.diag-collapsed-icon{color:var(--color-primary)}.diag-collapsed-label{font-weight:600;color:var(--color-ink);flex:1}.diag-collapsed-count{font-size:10px}.diag-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0000004d;border-bottom:1px solid var(--color-hairline);flex-shrink:0}.diag-header-left{display:flex;align-items:center;gap:8px}.diag-title-icon{color:var(--color-primary);font-family:var(--font-mono);font-weight:700;font-size:12px}.diag-title{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--color-ink);letter-spacing:.06em;text-transform:uppercase}.diag-event-count{font-family:var(--font-mono);font-size:10px;color:var(--color-ink-muted-48)}.diag-header-right{display:flex;align-items:center;gap:4px}.diag-search{background:var(--color-canvas);border:1px solid var(--glass-border);border-radius:6px;padding:4px 10px;font-family:var(--font-mono);font-size:10px;color:var(--color-ink);outline:none;width:120px;transition:border-color .2s ease}.diag-search:focus{border-color:var(--color-primary)}.diag-search::placeholder{color:var(--color-ink-muted-48)}.diag-btn{background:transparent;border:1px solid var(--glass-border);color:var(--color-ink-muted-48);width:26px;height:26px;border-radius:6px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.diag-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.diag-btn-active{border-color:var(--color-status-warning);color:var(--color-status-warning);background:var(--color-status-warning-soft)}.diag-filters{display:flex;gap:4px;padding:6px 14px;border-bottom:1px solid var(--color-hairline);flex-shrink:0}.diag-filter-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:9999px;border:1px solid var(--glass-border);background:transparent;color:var(--color-ink-muted-48);font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.diag-filter-chip:hover{border-color:var(--color-primary-glow);color:var(--color-ink)}.diag-filter-active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.diag-filter-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.diag-log-stream{flex:1;overflow-y:auto;padding:8px 14px;font-family:var(--font-mono);font-size:11px;line-height:1.7;display:flex;flex-direction:column;gap:1px}.diag-log-row{display:flex;align-items:baseline;gap:10px;padding:1px 0;animation:diag-row-in .15s ease}@keyframes diag-row-in{0%{opacity:0}to{opacity:1}}.diag-log-ts{color:var(--color-ink-muted-48);font-size:10px;flex-shrink:0;font-variant-numeric:tabular-nums}.diag-log-sev{font-size:10px;font-weight:700;width:44px;flex-shrink:0;letter-spacing:.04em}.diag-log-msg{color:var(--color-ink-muted-80);flex:1}.diag-empty{color:var(--color-ink-muted-48);text-align:center;padding:20px;font-style:italic}.diag-cursor-line{display:flex;align-items:center}.diag-cursor{color:var(--color-primary);animation:blink .8s step-end infinite;font-size:12px}@media (min-width: 768px) and (max-width: 1024px){.status-bar{grid-template-columns:1fr 1fr}.main-content{flex-direction:column}.main-left,.main-right{width:100%}.twin3d-canvas{height:400px}.twin3d-canvas-host{height:420px;margin:16px}.twin3d-page{flex-direction:column}.twin3d-sidebar{width:100%}.chat-panel{width:340px}.chat-sidebar-open{margin-right:340px}.global-nav-clock-hide,.global-nav-live-hide{display:none}.button-dark-utility{font-size:10px;padding:4px 10px}.analytics-top{grid-template-columns:1fr}.analytics-quick-stats{grid-template-columns:repeat(4,1fr)}}@media (max-width: 767px){.app{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px));margin-right:0!important}.global-nav{padding:0 14px;height:50px}.global-nav-logo-full{display:none}.global-nav-logo-short{display:inline}.global-nav-right,.global-nav-live-hide{display:none}.global-nav-machine{font-size:13px;font-weight:600}.global-nav-center{gap:6px}.mobile-subnav{display:flex}.status-bar{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:12px 14px;scrollbar-width:none}.status-bar::-webkit-scrollbar{display:none}.stat-card{min-width:100px;max-width:100px;flex-shrink:0;padding:12px;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:0}.stat-label,.stat-unit,.stat-badge{display:none}.stat-icon{font-size:14px}.stat-value{font-size:20px;font-weight:600}.stat-body{align-items:flex-start;gap:0}.main-content{flex-direction:column;padding:0 14px 16px;gap:12px}.main-left,.main-right{width:100%}.sub-nav{position:fixed;bottom:0;left:0;right:0;z-index:800;height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-parchment);border-top:1px solid var(--color-hairline);border-bottom:0;display:flex;flex-direction:row;justify-content:space-around;padding-top:0;padding-left:0;padding-right:0;gap:0;overflow:hidden}.sub-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;padding:0;border:0;border-radius:0;border-top:2px solid transparent;font-size:10px;letter-spacing:0;background:transparent;color:var(--color-ink-muted-48);transition:color .15s ease,border-top-color .15s ease}.sub-nav-btn.sub-nav-btn-active{border-top-color:var(--color-primary);color:var(--color-primary)}.sub-nav-btn.sub-nav-btn-active:after{display:none}.sub-nav-icon{font-size:1.15rem}.sub-nav-status{display:none}.twin3d-canvas{height:300px}.twin3d-canvas-host{height:320px;margin:12px}.twin3d-page{flex-direction:column}.twin3d-sidebar{width:100%}.twin3d-status-label{font-size:1.2rem}.twin3d-hint{font-size:.6rem}.twin-sensor-panel{padding:8px 12px;min-width:140px}.twin-sensor-row{font-size:11px}.twin-machine-label{font-size:10px}.rul-gauge-wrap{display:flex;justify-content:center}.rul-gauge-svg{width:min(90vw,340px)!important}.analytics-page{padding:16px 14px;gap:16px}.analytics-top{grid-template-columns:1fr}.alert-panel{padding:16px 14px}.alert-card{padding:10px 12px}.alert-message{font-size:12px}.button-primary{bottom:calc(80px + env(safe-area-inset-bottom,0px));right:20px;width:52px;height:52px;padding:0;border-radius:50%;justify-content:center}.button-primary-label{display:none}.button-fab-danger{display:flex;bottom:calc(148px + env(safe-area-inset-bottom,0px))}.chat-panel{left:0}.chat-sidebar-open{margin-right:0!important}.chat-backdrop,.chat-drag-handle{display:block}.chat-sensor-strip{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.chat-sensor-strip::-webkit-scrollbar{display:none}.chat-chip{flex-shrink:0}.chat-suggested{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding:8px 12px;position:relative}.chat-suggested::-webkit-scrollbar{display:none}.chat-suggestion-chip{white-space:nowrap;flex-shrink:0}.device-card-grid{flex-direction:column}.device-card{flex-direction:row;min-width:unset;padding:16px;gap:12px}.device-icon{font-size:1.6rem}.wiring-diagram,.pin-table-wrap{overflow-x:auto}.pin-table{min-width:400px}pre,.code-scroll{overflow-x:auto}.guide-section{padding:32px 14px}.global-nav-theme-mobile{display:flex}.config-page{padding:24px 14px 100px}.config-section{border-radius:12px}.diag-console,.diag-collapsed{margin:0 14px 16px}.twin-hud-controls{display:none}}.no-theme-transition,.no-theme-transition *{transition:none!important}.twin3d-page{display:flex;gap:14px;padding:20px 22px;height:calc(100vh - 100px);min-height:500px}.twin3d-sidebar{flex:0 0 340px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:4px 12px 4px 4px}.twin3d-sidebar .status-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;flex-shrink:0}.twin3d-sidebar .stat-card{padding:10px 12px;min-height:0;gap:8px;flex-direction:row;align-items:center;justify-content:flex-start;box-shadow:3px 3px 0 var(--neobrutal-shadow)}.twin3d-sidebar .stat-card:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--neobrutal-shadow)}.twin3d-sidebar .stat-icon{font-size:1.25rem;line-height:1}.twin3d-sidebar .stat-body{display:flex;flex-direction:column;gap:2px}.twin3d-sidebar .stat-value{font-size:1.2rem;line-height:1.1}.twin3d-sidebar .stat-label{font-size:9px;margin-top:1px;letter-spacing:.02em}.twin3d-sidebar .stat-unit{font-size:9px;display:inline-block}.twin3d-sidebar .stat-badge{display:none!important}.twin3d-sidebar .stat-progress-track{margin-top:4px}.twin3d-sidebar .alert-panel{padding:0;background:transparent;display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:200px;margin-top:4px}.twin3d-sidebar .alert-panel-header{flex-shrink:0;margin-bottom:8px}.twin3d-sidebar .alert-list{overflow-y:auto;flex:1;padding-right:6px;gap:8px}.twin3d-sidebar .alert-card{box-shadow:3px 3px 0 var(--neobrutal-shadow);padding:8px 12px}.twin3d-sidebar .alert-card:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--neobrutal-shadow)}.twin3d-view{flex:1;position:relative;border:2px solid var(--neobrutal-border);background:var(--color-canvas);border-radius:var(--radius);box-shadow:4px 4px 0 var(--neobrutal-shadow);overflow:hidden}.twin3d-canvas-host{width:100%;height:100%;position:relative}.twin-status-badge{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 16px;border-radius:var(--radius);background:var(--glass-bg);border:2px solid var(--neobrutal-border);box-shadow:2px 2px 0 var(--neobrutal-shadow);pointer-events:none}.twin-status-normal{color:var(--color-status-normal);border-color:var(--color-status-normal)}.twin-status-warning{color:var(--color-status-warning);border-color:var(--color-status-warning)}.twin-status-critical{color:var(--color-status-critical);border-color:var(--color-status-critical);animation:pulse-neon-red 1s infinite}.twin-hud-scanner{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.twin-hud-scanline{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary-glow),transparent);animation:hud-scan 4s linear infinite;opacity:.45}@keyframes hud-scan{0%{top:0%}to{top:100%}}.twin-hud-corner{position:absolute;width:16px;height:16px;border:2px solid var(--color-primary);opacity:.4}.twin-hud-corner-tl{top:12px;left:12px;border-right:0;border-bottom:0}.twin-hud-corner-tr{top:12px;right:12px;border-left:0;border-bottom:0}.twin-hud-corner-bl{bottom:12px;left:12px;border-right:0;border-top:0}.twin-hud-corner-br{bottom:12px;right:12px;border-left:0;border-top:0}.twin-sensor-panel{position:absolute;top:14px;left:14px;z-index:2;background:var(--glass-bg);border:2px solid var(--neobrutal-border);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:8px;width:180px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:3px 3px 0 var(--neobrutal-shadow)}.twin-sensor-row{display:flex;align-items:center;gap:8px;font-size:12px}.twin-sensor-icon{font-size:14px}.twin-sensor-label{color:var(--color-ink-muted-80);flex:1}.twin-sensor-val{font-family:var(--font-mono);font-weight:700;color:var(--color-ink)}.twin-hud-controls{position:absolute;top:14px;right:14px;z-index:2;display:flex;flex-direction:column;gap:8px}.twin-hud-btn{background:var(--glass-bg);color:var(--color-ink-muted-80);border:2px solid var(--neobrutal-border);border-radius:var(--radius);padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:2px 2px 0 var(--neobrutal-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease}.twin-hud-btn:hover{border-color:var(--color-primary);color:var(--color-ink);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--neobrutal-shadow)}.twin-hud-btn-active{color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow),2px 2px 0 var(--neobrutal-shadow)}.twin-hud-btn-icon{font-size:12px}.twin-controls-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:2;font-size:10px;font-weight:500;color:var(--color-ink-muted-48);letter-spacing:.08em;text-transform:uppercase;background:#0006;padding:4px 12px;border-radius:99px;pointer-events:none}.twin-machine-label{position:absolute;bottom:14px;left:14px;z-index:2;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--color-ink);text-transform:uppercase;opacity:.85;pointer-events:none}@media (max-width: 900px){.twin3d-page{flex-direction:column-reverse;height:auto}.twin3d-sidebar{flex:none;width:100%;padding:0;gap:14px;overflow-y:visible}.twin3d-sidebar .status-bar{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:12px 14px;gap:8px;width:100%;scrollbar-width:none}.twin3d-sidebar .status-bar::-webkit-scrollbar{display:none}.twin3d-sidebar .stat-card{min-width:100px;max-width:100px;flex-shrink:0;padding:12px;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:0;box-shadow:3px 3px 0 var(--neobrutal-shadow)}.twin3d-sidebar .stat-label,.twin3d-sidebar .stat-unit,.twin3d-sidebar .stat-badge{display:none!important}.twin3d-sidebar .stat-icon{font-size:14px}.twin3d-sidebar .stat-value{font-size:20px;font-weight:600}.twin3d-sidebar .stat-body{align-items:flex-start;gap:0}.twin3d-sidebar .alert-panel{min-height:auto;overflow:visible;padding:16px 14px}.twin3d-sidebar .alert-list{overflow-y:visible;padding-right:0}.twin3d-view{height:400px}.twin-sensor-panel{top:auto;bottom:40px;left:14px}.twin-hud-controls{top:auto;bottom:40px;right:14px;flex-direction:row}}.app{position:relative;overflow-x:hidden}.app:after{content:"";position:fixed;top:15%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(167,139,250,.05) 0%,rgba(99,102,241,.02) 50%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0;animation:float-nebula-pulse 24s ease-in-out infinite alternate}[data-theme=light] .app:after{background:radial-gradient(circle,rgba(99,102,241,.04) 0%,rgba(167,139,250,.01) 50%,transparent 70%)}@keyframes float-nebula-pulse{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(-100px,80px) scale(1.15) rotate(90deg)}to{transform:translate(-30px,-40px) scale(.9) rotate(180deg)}}.stat-card,.chart-card,.alert-card,.config-section,.device-card,.status-ref-card,.config-about-card{background:linear-gradient(135deg,#141122b8,#0d0b14d1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:2px solid var(--neobrutal-border);box-shadow:6px 6px 0 var(--neobrutal-shadow);border-radius:8px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s cubic-bezier(.175,.885,.32,1.275),border-color .3s ease,background .3s ease}[data-theme=light] .stat-card,[data-theme=light] .chart-card,[data-theme=light] .alert-card,[data-theme=light] .config-section,[data-theme=light] .device-card,[data-theme=light] .status-ref-card,[data-theme=light] .config-about-card{background:linear-gradient(135deg,#ffffffd1,#f6f5fae0);box-shadow:6px 6px 0 var(--neobrutal-shadow);border:2px solid var(--neobrutal-border)}.stat-card:hover,.chart-card:hover,.alert-card:hover,.device-card:hover,.config-about-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 30px #a78bfa26,0 0 15px #a78bfa0d;border-color:var(--color-primary)}[data-theme=light] .stat-card:hover,[data-theme=light] .chart-card:hover,[data-theme=light] .alert-card:hover,[data-theme=light] .device-card:hover,[data-theme=light] .config-about-card:hover{box-shadow:0 15px 30px #6366f126;border-color:var(--color-primary)}.stat-card:nth-child(1){animation:card-bob 5s ease-in-out infinite alternate}.stat-card:nth-child(2){animation:card-bob 5.8s ease-in-out infinite alternate .4s}.stat-card:nth-child(3){animation:card-bob 5.2s ease-in-out infinite alternate .8s}.stat-card:nth-child(4){animation:card-bob 6.2s ease-in-out infinite alternate 1.2s}.stat-card:hover{animation-play-state:paused}@keyframes card-bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.button-dark-utility:hover,.chat-voice-btn:hover,.chat-send-btn:hover,.config-danger-btn:hover,.copy-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--neobrutal-shadow);background:linear-gradient(135deg,var(--color-primary) 0%,#d946ef 100%);color:#fff;border-color:var(--neobrutal-border);text-shadow:0 1px 2px rgba(0,0,0,.2)}.button-dark-utility:active,.chat-voice-btn:active,.chat-send-btn:active,.config-danger-btn:active,.copy-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--neobrutal-shadow)}.stat-badge{box-shadow:0 0 10px currentColor;text-shadow:0 0 2px currentColor}