:root{--flip-green:#46da93;--flip-pink:#ff33af;--bg-dark:#0c0c0c}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background-color:#0c0c0c;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;position:relative;overflow-x:hidden}.container{margin:0 auto;padding:20px;position:relative;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.container,.container>*{max-width:1200px;width:100%}.main-header{position:relative;width:100%;height:300px;margin-bottom:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.main-title{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);font-size:clamp(32px,5vw,48px);font-weight:700;letter-spacing:.5px;z-index:2;margin:0;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:General Sans,Inter,sans-serif;white-space:nowrap}.card{background:hsla(0,0%,5%,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px;border:1px solid hsla(0,0%,100%,.03);text-align:center;position:relative;width:100%;box-sizing:border-box;margin-bottom:16px}.card .js-plotly-plot,.card .plotly{width:100%!important;max-width:100%!important}.js-plotly-plot .bgsankey{pointer-events:none!important}.js-plotly-plot .sankey-link,.js-plotly-plot .sankey-node{touch-action:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.time-selector{display:inline-flex;gap:1px;background:rgba(0,0,0,.4);padding:2px;border-radius:6px}.time-button{background:transparent;border:none;color:hsla(0,0%,100%,.5);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .15s ease;letter-spacing:.3px}.time-button:hover{color:hsla(0,0%,100%,.8)}.time-button.active{background:var(--flip-green);color:#000}.title{color:hsla(0,0%,100%,.9);font-size:13px;letter-spacing:.5px}.metric-value,.title{font-weight:500;text-align:center}.metric-value{font-size:38px;line-height:1.2;margin:12px 0}.metric-value.pink{color:var(--flip-pink)}.metric-value.green{color:var(--flip-green)}.updated{color:hsla(0,0%,100%,.4);font-size:11px;letter-spacing:.3px;text-align:center}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px;margin-bottom:16px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px}.grid-2:last-child,.grid-3:last-child{margin-bottom:0}.gauge-card{text-align:center;position:relative}.gauge-title{color:hsla(0,0%,100%,.7);font-size:13px;letter-spacing:.5px;margin-bottom:15px}.gauge-value{font-size:28px;font-weight:500;margin-top:15px;color:#fff}.gauge-subtitle{color:hsla(0,0%,100%,.4);font-size:12px;margin-top:5px}.container>.tabs,.container>div[role=tablist],.container>nav[role=tablist]{width:calc(100% + 40px)!important;max-width:calc(100% + 40px)!important;padding-left:20px!important;padding-right:20px!important;box-sizing:border-box!important;margin:0 -20px 20px!important}._dash-default-tabs,.container>.tabs,.container>div[role=tablist],.container>nav[role=tablist],.dash-tabs,.tabs,div[role=tablist]{display:flex!important;background:transparent!important;border:none!important;gap:8px!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:flex-start!important}._dash-default-tabs,.dash-tabs,.tabs,div[role=tablist]{margin:0 0 20px!important;width:100%!important}._dash-default-tab,.dash-tab,.tab,div[role=tab]{background:hsla(0,0%,5%,.85)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.03)!important;border-radius:6px!important;color:hsla(0,0%,100%,.5)!important;padding:8px 16px!important;cursor:pointer!important;transition:all .15s ease!important;font-size:13px!important;letter-spacing:.3px!important;font-weight:500!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;margin:0!important;text-decoration:none!important;line-height:normal!important;box-sizing:border-box!important;height:auto!important;min-height:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;flex:1 1!important;min-width:0!important}._dash-default-tab:hover,.dash-tab:hover,.tab:hover,div[role=tab]:hover{color:hsla(0,0%,100%,.8)!important;background:hsla(0,0%,5%,.95)!important}._dash-default-tab--selected,.dash-tab--selected,.tab--selected,.tab.active,div[role=tab].tab--selected,div[role=tab][aria-selected=true]{background:var(--flip-green)!important;color:#000!important;border-color:var(--flip-green)!important}._dash-default-tab--selected:hover,.dash-tab--selected:hover,.tab--selected:hover,.tab.active:hover,div[role=tab][aria-selected=true]:hover{color:#000!important;background:var(--flip-green)!important}a.tab{text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;line-height:normal!important;height:auto!important;min-height:auto!important;flex:1 1!important;min-width:0!important}a.tab.active,a.tab[aria-selected=true]{color:#000!important}a.tab:not(.active):not([aria-selected=true]){color:hsla(0,0%,100%,.5)!important}a.tab:not(.active):not([aria-selected=true]):hover{color:hsla(0,0%,100%,.8)!important}.main-header img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1200px;height:auto;opacity:1;pointer-events:none;z-index:0;filter:brightness(.8);object-fit:contain}.container>.card:first-of-type{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}@media (max-width:768px){.container{padding:20px 20px 40px}.main-header{height:180px;margin-bottom:12px}.main-title{bottom:25px;font-size:24px;white-space:nowrap}.metric-value{font-size:26px}.time-selector{width:100%;justify-content:center;margin-top:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.header{flex-direction:column;align-items:center;gap:10px}.time-button{padding:10px 14px;font-size:13px;min-height:44px}.grid-2,.grid-3{gap:12px;margin-bottom:12px;grid-template-columns:1fr}.card{padding:16px;border-radius:10px;margin-bottom:12px}.container>.tabs,.container>div[role=tablist],.container>nav[role=tablist],.tabs,div[role=tablist]{flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:0 0 16px!important;justify-content:center!important;align-items:center!important}.tab,a.tab,div[role=tab]{flex:1 1 auto!important;width:auto!important;min-width:80px!important;max-width:none!important;height:44px!important;min-height:44px!important;padding:8px 12px!important;font-size:12px!important;margin:0!important;display:inline-flex!important}.tab.active,a.tab.active,div[role=tab][aria-selected=true]{padding:8px 12px!important;height:44px!important;min-height:44px!important;border-width:1px!important}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:10px;display:block}table{min-width:100%;width:100%!important}.card .js-plotly-plot,.card .plotly{min-height:280px}.title{font-size:14px}.sankey-container .js-plotly-plot,.sankey-mobile .js-plotly-plot{min-height:450px!important}}@media (max-width:480px){.container{padding:16px 16px 36px}.main-header{height:150px;margin-bottom:10px}.main-title{font-size:22px!important;bottom:20px}.metric-value{font-size:24px}.time-button{padding:8px 12px;font-size:12px;min-height:40px}.card{padding:14px}.grid-2,.grid-3{gap:10px;margin-bottom:10px}.tab,a.tab,div[role=tab]{font-size:11px!important;min-width:70px!important}.tab,.tab.active,a.tab,a.tab.active,div[role=tab],div[role=tab][aria-selected=true]{padding:6px 10px!important;height:40px!important;min-height:40px!important}}@media (max-width:380px){.container{padding:12px 12px 32px}.main-header{margin-bottom:8px}.main-title{font-size:20px!important}.metric-value{font-size:22px}.time-button{padding:6px 10px;font-size:11px}.grid-2,.grid-3{gap:8px;margin-bottom:8px}}@media (max-width:768px){[style*="display: flex"][style*="gap: 15px"]{flex-wrap:wrap!important}[style*="fontSize: 48px"]{font-size:32px!important}[style*="display: grid"][style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important}[style*="display: inline-flex"][style*="gap: 1px"]{flex-wrap:wrap;gap:4px!important}}