:root{--bg-deep: #0a0e17;--bg-panel: #111827;--bg-elevated: #1a2332;--border: #2a3548;--text: #e8edf5;--text-muted: #8b9cb3;--accent: #00c2a8;--accent-dim: #00c2a833;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--advisory: #a78bfa;--radius: 10px;--font: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg-deep);color:var(--text);line-height:1.5;min-height:100vh}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius);padding:.5rem 1rem;font-weight:600;transition:all .15s}.btn-primary{background:var(--accent);color:var(--bg-deep)}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}input,select,textarea{font-family:inherit;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.5rem .75rem;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-good{background:#10b98133;color:#34d399}.badge-warning{background:#f59e0b33;color:#fbbf24}.badge-danger{background:#ef444433;color:#f87171}.badge-advisory{background:#a78bfa33;color:#c4b5fd}.advisory-banner{background:linear-gradient(90deg,#a78bfa22,#00c2a822);border:1px solid var(--advisory);border-radius:var(--radius);padding:.75rem 1rem;font-size:.875rem;color:#c4b5fd;margin-bottom:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse}th,td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-size:.75rem;text-transform:uppercase}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.75rem;font-weight:700}.page-header p{color:var(--text-muted)}.stat-card{background:var(--bg-elevated);border-radius:var(--radius);padding:1rem;border-left:3px solid var(--accent)}.stat-card .label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.stat-card .value{font-size:1.5rem;font-weight:700;font-family:var(--mono)}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-brand{padding:1.25rem;border-bottom:1px solid var(--border)}.sidebar-brand h2{font-size:.95rem;color:var(--accent)}.sidebar-brand span{font-size:.7rem;color:var(--text-muted)}.sidebar nav{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.sidebar nav a{padding:.6rem .75rem;border-radius:var(--radius);color:var(--text-muted);text-decoration:none;font-size:.875rem}.sidebar nav a:hover{background:var(--bg-elevated);color:var(--text)}.sidebar nav a.active{background:var(--accent-dim);color:var(--accent)}.sidebar-footer{padding:1rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{padding:.75rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-panel)}.content{flex:1;overflow-y:auto;padding:1.5rem}.twin-scene{height:420px;background:radial-gradient(ellipse at center,#1a2332,#0a0e17 70%);border-radius:var(--radius);position:relative;border:1px solid var(--border)}.twin-asset{position:absolute;cursor:pointer;transition:transform .2s;text-align:center}.twin-asset:hover,.twin-asset.selected{transform:scale(1.15);z-index:10}.asset-icon{width:48px;height:48px;border-radius:8px;background:var(--bg-elevated);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto .25rem}.twin-asset.selected .asset-icon{box-shadow:0 0 20px var(--accent);border-color:var(--accent)}.asset-label{font-size:.65rem;color:var(--text-muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#1a2332,var(--bg-deep))}.login-card{width:100%;max-width:400px;padding:2rem}.filter-bar{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.filter-bar input,.filter-bar select{width:auto;min-width:150px}.analytics-card{border-left:3px solid var(--advisory)}.advisory-compact{margin-bottom:.5rem;padding:.4rem .6rem;font-size:.75rem}.quality-good{color:#34d399}.quality-bad{color:#f87171}.quality-stale{color:#fbbf24}.quality-missing{color:#6b7280}.quality-simulated{color:#c4b5fd}.quality-unavailable{color:#ef4444}.loading{padding:2rem;color:var(--text-muted);text-align:center}.twin-layout{display:grid;grid-template-columns:1fr 340px;gap:1rem;align-items:start}@media(max-width:1100px){.twin-layout{grid-template-columns:1fr}}.twin-viewport{padding:0;overflow:hidden;position:relative}.twin-canvas-wrap{position:relative;height:520px;background:radial-gradient(ellipse at center,#1a2332,#0a0e17 70%)}.twin-canvas-wrap.compact{height:60vh;min-height:400px}.twin-canvas-wrap canvas{width:100%!important;height:100%!important}.twin-hologram-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,194,168,.03) 2px,rgba(0,194,168,.03) 4px);z-index:2}.twin-scene-hint{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--text-muted);background:#0a0e17bf;padding:.25rem .75rem;border-radius:999px;z-index:3;pointer-events:none}.twin-status-bar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.twin-toolbar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.twin-toolbar-section{display:flex;flex-direction:column;gap:.4rem}.toolbar-label{font-size:.65rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.toolbar-buttons{display:flex;flex-wrap:wrap;gap:.35rem}.toolbar-buttons button{font-size:.75rem;padding:.35rem .65rem}.toolbar-layers{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.layer-toggle{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-muted);cursor:pointer}.twin-toolbar-meta{margin-left:auto;align-items:flex-end}.model-version{font-size:.75rem;color:var(--text-muted)}.twin-detail-panel{max-height:600px;overflow-y:auto}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.detail-meta{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.detail-section{margin-top:1rem}.detail-section h4{font-size:.85rem;margin-bottom:.5rem;color:var(--text-muted)}.live-value-row,.alarm-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.875rem;border-bottom:1px solid var(--border)}.alarm-row{gap:.5rem;align-items:center}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.twin-legend{margin-top:1rem;font-size:.8rem;color:var(--text-muted)}.twin-legend div{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-dot.good{background:#34d399}.legend-dot.stale{background:#fbbf24}.legend-dot.bad{background:#f87171}.twin-hotspot-label{background:#111827eb;border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem;font-size:.65rem;white-space:nowrap;display:flex;flex-direction:column;gap:.15rem;min-width:80px}.twin-hotspot-label.selected{border-color:var(--accent);box-shadow:0 0 12px var(--accent-dim)}.hotspot-name{color:var(--text);font-weight:600}.hotspot-status{text-transform:uppercase;font-size:.6rem}.hotspot-status.status-running{color:#34d399}.hotspot-status.status-stopped{color:#8b9cb3}.hotspot-status.status-fault{color:#f87171}.hotspot-value{font-family:var(--mono)}.hotspot-alarm{color:#f87171;font-size:.6rem}.audience-display{min-height:80vh;background:var(--bg-deep);padding:2rem;border-radius:var(--radius);border:2px solid var(--accent)}.audience-header{text-align:center;margin-bottom:1.5rem}.audience-header h1{font-size:2.5rem}.audience-twin-viewport{margin:1rem 0;border-radius:var(--radius);overflow:hidden}.audience-footer{text-align:center;margin-top:1rem;color:var(--text-muted);font-size:.875rem}.audience-controls{text-align:center;margin-top:1rem}.audience-setup{max-width:500px}.audience-setup label{display:block;margin-bottom:.35rem;font-size:.875rem}.audience-setup select{margin-bottom:1rem}.audience-preview-options{margin-bottom:1rem;padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius)}.tour-step-panel{padding:1rem;background:var(--bg-elevated);border-radius:var(--radius);margin-bottom:1rem}