:root{--bg-base: #0f1419;--bg-elevated: #1a2332;--bg-row: #151d28;--border: #2a3544;--text-primary: #e8edf4;--text-muted: #7a8ba3;--accent-earn: #3dd68c;--accent-spend: #f5a623;--accent-alert: #ff4d4f;--accent-pending: #5c6b7f;--accent-offline: #4a5568;--accent-active: #4ecdc4;--font-display: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-display)}.app{max-width:920px;margin:0 auto;padding:24px}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px}.loc{font-size:20px;font-weight:600}.live{color:var(--accent-active);font-family:var(--font-mono);font-size:13px}.loading,.error,.empty{color:var(--text-muted);padding:12px 0}.error{color:var(--accent-alert)}.skeleton{background:var(--bg-row);border:1px solid var(--border);border-radius:4px;animation:pulse 1.2s ease-in-out infinite}.pnl-skeleton{height:56px;margin:16px 0}.row-skeleton{height:48px;margin-bottom:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.pnl{border-top:1px solid var(--border);padding:16px 0}.pnl-row{display:flex;gap:48px}.pnl-label{display:block;font-size:11px;letter-spacing:.08em;color:var(--text-muted)}.pnl-num{font-family:var(--font-mono);font-size:28px;font-weight:600}.pnl-num.earn{color:var(--accent-earn)}.pnl-num.spend{color:var(--accent-spend)}.pnl-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-top:12px;background:var(--bg-row)}.seg{transition:width .3s ease-out}.seg.earn{background:var(--accent-earn)}.seg.spend{background:var(--accent-spend)}.pnl-avoided{color:var(--text-muted);font-size:13px;margin-top:8px}.incident-banner{background:#2d1f1f;border-left:4px solid var(--accent-alert);padding:12px 16px;margin:12px 0;animation:slidein .2s ease-out}.incident-head{font-weight:600}.incident-summary{color:var(--text-muted);font-size:14px;margin-top:4px}@keyframes slidein{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}.zone-label{font-size:11px;letter-spacing:.08em;color:var(--text-muted);margin:16px 0 8px;text-transform:uppercase}.sensor-row,.spend-row{display:flex;align-items:center;height:48px;background:var(--bg-row);border:1px solid var(--border);padding:0 16px}.sensor-name{flex:1;font-size:14px}.sensor-reading{flex:1;font-family:var(--font-mono);font-size:18px}.sensor-status{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--accent-pending)}.sensor-status.active .dot{background:var(--accent-active)}.sensor-status.offline .dot{background:var(--accent-offline)}.spend-amount{flex:0 0 90px;font-family:var(--font-mono);color:var(--accent-spend)}.spend-sku{flex:1}.spend-inc{color:var(--text-muted);font-size:12px}