:root{color:#dce9e3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b100f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}.app-shell{background:linear-gradient(#223a3161,#0b100f00 34%),#0b100f;min-height:100vh;padding:18px}.page-tabs{gap:6px;width:min(1540px,100%);margin:0 auto 12px;display:flex}.page-tabs button{color:#9ebbb2;background:#111916;border:1px solid #2a4139;border-radius:6px;min-height:34px;padding:0 13px}.page-tabs button.active{color:#0c130f;background:#b8f26a;font-weight:800}.dashboard{grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(1540px,100%);min-height:calc(100vh - 82px);margin:0 auto;display:grid}.dashboard-header{justify-content:space-between;align-items:end;gap:18px;min-width:0;display:flex}.eyebrow{color:#74a596;letter-spacing:0;text-transform:uppercase;margin-bottom:5px;font-size:.72rem;font-weight:800}h1{color:#f5fbf8;letter-spacing:0;font-size:clamp(1.85rem,3vw,3.15rem);line-height:.98}h2{color:#f2fbf7;letter-spacing:0;font-size:1rem}.controls{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:10px;display:flex}.controls label{color:#7fa99d;letter-spacing:0;text-transform:uppercase;gap:6px;font-size:.72rem;font-weight:700;display:grid}.segmented-field{gap:6px;display:grid}.segmented-field>span{color:#7fa99d;letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:700}select,input[type=date],.range-control,.date-control,.pair-control,.source-control{color:#edf7f3;background:#121b18;border:1px solid #2a4139;border-radius:6px;height:38px;box-shadow:inset 0 1px #ffffff0a}select{min-width:150px;padding:0 34px 0 12px}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:132px;padding:0 10px}.instrument-badge{color:#edf7f3;background:#121b18;border:1px solid #2a4139;border-radius:6px;min-width:190px;height:38px;padding:5px 12px;display:grid;box-shadow:inset 0 1px #ffffff0a}.instrument-badge span{color:#7fa99d;letter-spacing:0;text-transform:uppercase;font-size:.62rem;font-weight:800;line-height:1}.instrument-badge strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;line-height:1.25;overflow:hidden}.range-control{grid-template-columns:repeat(3,52px);display:grid;overflow:hidden}.source-control{grid-template-columns:132px 82px;display:grid;overflow:hidden}.source-control.single{grid-template-columns:132px}.center-control{grid-template-columns:86px 92px}.date-control,.pair-control{height:auto;box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(2,minmax(132px,1fr));gap:8px;display:grid}.date-control label,.pair-control label{min-width:0}.date-control span,.pair-control span{color:#7fa99d;letter-spacing:0;text-transform:uppercase;font-size:.62rem;font-weight:800;line-height:1}.range-control button,.source-control button{color:#9ebbb2;white-space:nowrap;background:0 0;border:0;border-right:1px solid #2a4139}.range-control button:last-child,.source-control button:last-child{border-right:0}.range-control button.active,.source-control button.active{color:#0c130f;background:#b8f26a;font-weight:800}.panel-heading span{color:#7fa99d;letter-spacing:0;text-transform:uppercase;margin-bottom:5px;font-size:.68rem;font-weight:800;display:block}.chart-panel{background:#101614;border:1px solid #21352f;border-radius:8px;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden;box-shadow:0 22px 70px #00000052}.panel-heading{background:#111916;border-bottom:1px solid #1f322c;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 14px;display:flex}.panel-heading p{color:#91afa5;white-space:nowrap;font-size:.82rem}.risk-chart{min-height:0}.chart-with-hover{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;position:relative}.hover-summary{z-index:4;pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:auto;padding:10px 62px 2px;display:grid;position:static}.hover-card{background:#111916eb;border:1px solid #2a4139;border-radius:6px;padding:10px 12px;box-shadow:0 14px 36px #00000047}.vol-hover-card{margin-top:0}.hover-card span{color:#7fa99d;margin-bottom:3px;font-size:.7rem;font-weight:800;display:block}.hover-card strong{color:#f4fbf8;margin-bottom:8px;font-size:.88rem;display:block}.hover-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;display:grid}.hover-card dl div{gap:1px;display:grid}.hover-card dt{color:#91afa5}.hover-card dd{color:#f4fbf8;font-variant-numeric:tabular-nums;margin:0}.dashboard-state{color:#dce9e3;background:#111916;border:1px solid #21352f;border-radius:8px;place-items:center;min-height:calc(100vh - 36px);display:grid}.dashboard-state.error{color:#ff9dad}@media (width<=960px){.dashboard{min-height:auto}.dashboard-header{flex-direction:column;align-items:stretch}.controls{justify-content:stretch}.controls label,.segmented-field,select,input[type=date],.date-control,.pair-control,.range-control{width:100%}.range-control{grid-template-columns:repeat(3,1fr)}.source-control{grid-template-columns:repeat(2,1fr);width:100%}.date-control,.pair-control{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-panel{min-height:560px}.hover-summary{padding:10px 18px 2px}.vol-hover-card{margin-top:0}}@media (width<=480px){.app-shell{padding:12px}.panel-heading{flex-direction:column;align-items:flex-start}.hover-summary{grid-template-columns:1fr;width:auto;padding:0 12px 12px}.hover-card dl{grid-template-columns:1fr}.vol-hover-card{margin-top:0}}