@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--hud-bg: #050607;--hud-bg-panel: #0a0c0e;--hud-primary: #94b5c2;--hud-dim: #3a4a52;--hud-line: rgba(148, 181, 194, .2);--hud-text: #94b5c2;--hud-text-dim: #5c6e76;--hud-text-bright: #e2f1f8;--hud-success: #5cbe7e;--hud-warning: #d4b055;--hud-error: #d45555;--hud-purple: #9f7bd4;--hud-cyan: #69b0d1;--hud-green: #91c96b;--hud-orange: #d9a566;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace}*{box-sizing:border-box;min-width:0}html,body,#root{margin:0;min-height:100%}html{font-family:var(--font-mono);font-size:10px;background:var(--hud-bg);color:var(--hud-text)}body{font-size:11px;line-height:1.35;letter-spacing:.05em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-shell{min-height:100vh;padding:16px;overflow-x:clip}.dashboard-wrap{max-width:1920px;margin:0 auto;display:grid;gap:16px}.hud-panel{background:var(--hud-bg-panel);border:.5px solid var(--hud-line)}.topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 16px;padding-bottom:12px;border-bottom:.5px solid var(--hud-line)}.topbar-left{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}.brand{display:flex;align-items:baseline;gap:10px}.brand-title{font-size:20px;font-weight:300;color:var(--hud-text-bright);letter-spacing:.15em}.brand-subtitle{position:relative;top:-1px}.status-indicator{display:inline-flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--hud-success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.topbar-right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 12px}.header-stat{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.hud-value-sm{font-size:11px;color:var(--hud-text-bright)}.refresh-button,.sync-button{background:transparent;border:.5px solid var(--hud-primary);color:var(--hud-primary);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:6px 11px;cursor:pointer;transition:.16s ease}.refresh-button:hover,.sync-button:hover{background:var(--hud-primary);color:var(--hud-bg)}.sync-button:disabled{opacity:.6;cursor:default}.timestamp{color:var(--hud-text-dim);font-size:11px;white-space:nowrap}.banner{padding:10px 12px;border:.5px solid;font-size:11px}.banner.error{border-color:#d4555573;background:#d455551c;color:#f3b3b3}.banner.warn{border-color:#d4b05573;background:#d4b0551a;color:#f1dca3}.controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;padding:10px 12px}.control-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.status-pill-wrap{margin-left:auto}.tiny-label{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:var(--hud-text-dim)}.segmented{display:inline-flex;border:.5px solid var(--hud-line)}.segmented button{border:0;border-right:.5px solid var(--hud-line);background:transparent;color:var(--hud-text);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;padding:6px 10px;cursor:pointer}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--hud-primary);color:var(--hud-bg)}.exchange-select{background:transparent;color:var(--hud-text-bright);border:.5px solid var(--hud-line);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;padding:6px 10px}.exchange-select option{background:var(--hud-bg-panel);color:var(--hud-text-bright)}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:3px 7px;border:.5px solid;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.status-success{color:var(--hud-success);border-color:#5cbe7e61;background:#5cbe7e1c}.status-partial{color:var(--hud-warning);border-color:#d4b05561;background:#d4b0551c}.status-failed,.status-never{color:var(--hud-error);border-color:#d4555561;background:#d455551c}.panel{padding:12px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:.5px solid var(--hud-line)}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pnl-panel .metric-xl{font-size:clamp(27px,4.2vw,40px);font-weight:300;letter-spacing:-.02em;color:var(--hud-text-bright)}.metric-percent{margin-top:5px;font-size:13px}.period-tabs{display:inline-flex;gap:2px;padding:2px;background:#7a9ba80d}.period-tabs button{font-family:var(--font-mono);font-size:8px;text-transform:uppercase;letter-spacing:.1em;border:0;background:transparent;color:var(--hud-text-dim);padding:4px 8px;cursor:pointer}.period-tabs button.active{background:var(--hud-primary);color:var(--hud-bg)}.metric-split,.metric-grid-2,.exchange-card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.metric-lg{margin-top:4px;font-size:24px;font-weight:300;letter-spacing:-.01em;color:var(--hud-text-bright)}.metric-md{margin-top:4px;font-size:14px;color:var(--hud-text)}.metric-sm{margin-top:4px;font-size:11px;color:var(--hud-text)}.sync-list{display:grid;gap:8px}.sync-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.sync-row .tiny-label:nth-child(2){justify-self:start}.sync-row .tiny-label:nth-child(3){justify-self:end}.sync-details{margin-top:10px;border-top:.5px solid var(--hud-line);padding-top:8px}.sync-details summary{cursor:pointer;color:var(--hud-text-dim);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.sync-details pre{margin:8px 0 0;max-height:120px;overflow:auto;padding:8px;background:#7a9ba80d;border:.5px solid rgba(122,155,168,.2);color:var(--hud-text);white-space:pre-wrap;overflow-wrap:anywhere}.chart-and-exchanges{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.chart-wrap{min-height:120px;display:flex;align-items:center;justify-content:center}.timeline-svg{width:100%;height:100px}.timeline-svg.positive{color:var(--hud-success)}.timeline-svg.negative{color:var(--hud-error)}.timeline-svg.neutral{color:var(--hud-cyan)}.empty-chart{color:var(--hud-text-dim);font-size:11px}.exchange-grid{display:grid;gap:10px}.exchange-card{padding:10px}.exchange-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.data-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:12px}.table-wrap{max-height:520px;overflow-y:auto;overflow-x:hidden}.positions-table{width:100%;table-layout:fixed;border-collapse:collapse}.positions-table th,.positions-table td{padding:8px;border-bottom:.5px solid rgba(148,181,194,.2);font-size:10px;text-align:left;vertical-align:top}.positions-table th{position:sticky;top:0;background:var(--hud-bg-panel);z-index:1;font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:var(--hud-text-dim)}.positions-table td.right,.positions-table th.right{text-align:right}.positions-table th:nth-child(1){width:11%}.positions-table th:nth-child(2){width:34%}.positions-table th:nth-child(3){width:13%}.positions-table th:nth-child(4),.positions-table th:nth-child(5),.positions-table th:nth-child(6),.positions-table th:nth-child(7){width:10.5%}.positions-table tr:hover{background:#7a9ba80d}.market-cell .truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-row{text-align:center;color:var(--hud-text-dim);padding:24px 0}.activity-list{display:grid;gap:8px;max-height:520px;overflow:auto}.activity-item{border:.5px solid rgba(148,181,194,.2);padding:9px;display:grid;gap:6px;background:#7a9ba808}.activity-top,.activity-main,.activity-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.activity-main{align-items:flex-start}.event-type{font-size:9px;color:var(--hud-cyan);text-transform:uppercase;letter-spacing:.1em}.market-title{flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--hud-text)}.activity-bottom{flex-wrap:wrap;color:var(--hud-text-dim);font-size:9px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 5px;border:.5px solid;font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.badge-poly{color:var(--hud-cyan);border-color:#69b0d14d;background:#69b0d124}.badge-kalshi{color:var(--hud-purple);border-color:#9f7bd452;background:#9f7bd424}.badge-predict{color:var(--hud-green);border-color:#91c96b57;background:#91c96b1f}.badge-opinion{color:var(--hud-orange);border-color:#d9a56657;background:#d9a5661f}.badge-generic{color:var(--hud-text);border-color:#94b5c252;background:#94b5c214}.positive{color:var(--hud-success)}.negative{color:var(--hud-error)}.neutral{color:var(--hud-text)}.loading-state,.error-state{margin:100px auto;max-width:580px;padding:28px;text-align:center;font-size:12px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1280px){.metrics-grid,.chart-and-exchanges,.data-grid{grid-template-columns:1fr}.exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.topbar{align-items:flex-start}.topbar-right{width:100%;justify-content:flex-start}.status-pill-wrap{margin-left:0}}@media(max-width:860px){.table-wrap{max-height:none;overflow:visible}.positions-table thead{display:none}.positions-table,.positions-table tbody,.positions-table tr,.positions-table td{display:block;width:100%}.positions-table tr{border-bottom:.5px solid var(--hud-line);padding:9px 0}.positions-table tr:hover{background:transparent}.positions-table td{border:0;padding:4px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;text-align:right}.positions-table td:before{content:attr(data-label);color:var(--hud-text-dim);font-size:8px;text-transform:uppercase;letter-spacing:.14em;text-align:left}.positions-table td.market-cell{display:block;text-align:left}.positions-table td.market-cell:before{display:block;margin-bottom:4px}.positions-table td.market-cell .truncate{white-space:normal;overflow:visible;text-overflow:clip}.positions-table td.empty-row{text-align:center;padding:20px 0}.positions-table td.empty-row:before{content:none}}@media(max-width:760px){.app-shell{padding:12px}.brand-title{font-size:16px}.header-stat .tiny-label,.timestamp{display:none}.controls{align-items:flex-start}.control-group,.segmented{width:100%}.segmented button{flex:1}.exchange-select{width:100%}.exchange-grid,.metric-split,.metric-grid-2,.exchange-card-metrics{grid-template-columns:1fr}.sync-row{grid-template-columns:1fr;gap:3px}.activity-main{flex-direction:column;align-items:flex-start}.market-title{width:100%;text-align:left}}
