:root{--blue:#0057a8;--blue2:#0062c0;--blue3:#0070d8;--yellow:#fd0;--white:#fff;--muted:#a8c8f0;--green:#2ecc8e;--red:#ef8354;--border:#ffdd0047}*{box-sizing:border-box}html,body{background:var(--blue);min-height:100%;color:var(--white);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background-image:linear-gradient(#ffdd0008 1px,#0000 1px),linear-gradient(90deg,#ffdd0008 1px,#0000 1px);background-size:60px 60px;min-height:100vh}button{font:inherit}.trackerPage{grid-template-rows:auto auto 1fr auto;gap:10px;width:min(1600px,100%);min-height:100vh;margin:0 auto;padding:14px 16px;display:grid}.trackerHeader,.monthStrip,.beakerPanel,.breakdownPanel,.liveBar,.trackerFooter,.metricGrid article{border:1px solid var(--border);background:#0062c0ed;box-shadow:0 8px 30px #0000001f}.trackerHeader{border-radius:16px;grid-template-columns:280px 1fr 280px;align-items:center;gap:18px;min-height:74px;padding:10px 18px;display:grid}.brandLockup{align-items:center;min-width:0;display:flex}.brandLockup img{object-fit:contain;object-position:left center;width:min(250px,100%);height:54px;display:block}.trackerTitle{text-align:center;text-transform:uppercase;letter-spacing:.065em;font-size:clamp(28px,3vw,50px);font-weight:900}.trackerTitle em{color:var(--yellow);font-style:normal}.headerTotal{text-align:right;flex-direction:column;display:flex}.headerTotal strong{color:var(--yellow);font-size:32px}.headerTotal span{color:var(--muted);letter-spacing:.04em;font-size:13px}.monthStrip{border-radius:12px;grid-template-columns:210px repeat(3,minmax(120px,auto)) 1fr;align-items:center;gap:22px;min-height:68px;padding:10px 16px;display:grid}.monthName{color:var(--yellow);text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:8px;font-weight:800;display:flex}.monthMetric{flex-direction:column;display:flex}.monthMetric strong{font-size:27px}.monthMetric span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.monthMetric.accent strong{color:var(--yellow)}.monthProgress>div{background:#ffffff17;border-radius:999px;height:8px;overflow:hidden}.monthProgress>div span{background:var(--yellow);border-radius:inherit;height:100%;transition:width .4s;display:block}.monthProgress small{color:var(--muted);margin-top:5px;display:block}.trackerGrid{grid-template-columns:minmax(220px,.9fr) minmax(520px,2.8fr) minmax(330px,1.15fr);gap:10px;min-height:0;display:grid}.beakerPanel,.breakdownPanel{border-radius:16px;min-height:0;padding:12px}.beakerPanel{flex-direction:column;justify-content:center;align-items:center;display:flex}.beaker{width:100%;height:min(55vh,480px)}.beakerTick{fill:var(--muted);font-size:12px}.beakerPct{fill:var(--blue);font-size:32px;font-weight:900}.surfacePulse{animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.paceBadge{text-transform:uppercase;letter-spacing:.06em;border:2px solid;border-radius:999px;padding:8px 16px;font-weight:900}.paceBadge.positive{color:var(--green);background:#2ecc8e1a}.paceBadge.negative{color:var(--red);background:#ef83541a}.centrePanel{grid-template-rows:minmax(260px,1fr) auto auto;gap:10px;min-height:0;display:grid}.todayCard{background:var(--yellow);color:var(--blue);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000040}.todayCard span{text-transform:uppercase;letter-spacing:.18em;opacity:.66;font-weight:900}.todayCard small{text-transform:uppercase;letter-spacing:.1em;margin:8px 0 14px;font-weight:800}.todayCard strong{letter-spacing:-.06em;white-space:nowrap;font-size:clamp(72px,9vw,148px);line-height:.85}.metricGrid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metricGrid article{text-align:center;border-radius:12px;flex-direction:column;padding:12px;display:flex}.metricGrid span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:12px}.metricGrid strong{color:var(--yellow);margin:5px 0;font-size:clamp(26px,3vw,48px);line-height:1.05}.metricGrid small{color:var(--muted)}.liveBar{min-height:52px;color:var(--muted);border-radius:12px;align-items:center;gap:18px;padding:9px 12px;font-size:13px;display:flex}.liveBar>div{align-items:center;gap:7px;display:flex}.liveState{letter-spacing:.08em;font-weight:900}.liveState.ok{color:var(--green)}.liveState.warn{color:var(--red)}.freshness{margin-left:auto}.liveBar button{border:1px solid var(--border);width:34px;height:34px;color:var(--yellow);cursor:pointer;background:#0057a8cc;border-radius:9px;place-items:center;display:grid}.liveBar button:disabled{opacity:.5}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.breakdownPanel{flex-direction:column;display:flex}.breakdownTitle{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:10px;font-size:12px}.dayRows{flex-direction:column;flex:1;justify-content:space-around;gap:5px;display:flex}.dayRow{border-radius:9px;grid-template-columns:76px 100px 96px 1fr;align-items:center;gap:8px;padding:9px 8px;display:grid}.dayRow.active{background:#ffdd0017;outline:1px solid #ffdd0038}.dayIdentity{flex-direction:column;display:flex}.dayIdentity strong{text-transform:uppercase;font-size:20px}.dayIdentity span{color:var(--muted);font-size:11px}.dayAmount{text-align:right;font-size:18px;font-weight:800}.dayTarget{color:var(--muted);font-size:11px}.noTarget{text-transform:uppercase;color:#c7afff;text-align:center;border:1px solid #c7afff59;border-radius:999px;padding:3px 6px;font-size:10px}.dayTrack{background:#ffffff14;border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.dayTrack span{background:var(--yellow);border-radius:inherit;height:100%;display:block}.trackerFooter{min-height:52px;color:var(--muted);border-radius:12px;align-items:center;gap:26px;padding:9px 14px;font-size:13px;display:flex}.trackerFooter>div{align-items:center;gap:7px;display:flex}.trackerFooter .pending{color:var(--red);margin-left:auto;font-weight:800}.trackerFooter .settled{color:var(--green);margin-left:auto;font-weight:800}.trackerLoading{place-items:center;min-height:100vh;padding:24px;display:grid}.loadingCard{background:var(--blue2);border:1px solid var(--border);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;width:min(460px,100%);padding:28px;display:flex}.loadingCard strong{font-size:24px}.loadingCard span{color:var(--muted)}.loadingCard button{background:var(--yellow);color:var(--blue);cursor:pointer;border:0;border-radius:8px;padding:9px 16px;font-weight:900}@media (max-width:1100px){.trackerPage{min-height:auto}.trackerHeader{grid-template-columns:1fr}.brandLockup{justify-content:center}.brandLockup img{object-position:center}.headerTotal{text-align:center;align-items:center}.monthStrip{grid-template-columns:1fr 1fr}.monthProgress{grid-column:1/-1}.trackerGrid{grid-template-columns:1fr}.beakerPanel{min-height:440px}.centrePanel{grid-row:1}.breakdownPanel{min-height:420px}.trackerFooter{flex-wrap:wrap}.trackerFooter .pending,.trackerFooter .settled{margin-left:0}}@media (max-width:700px){.trackerPage{padding:8px}.trackerTitle{font-size:30px}.todayCard strong{font-size:clamp(58px,17vw,90px)}.metricGrid,.monthStrip{grid-template-columns:1fr}.monthProgress{grid-column:auto}.liveBar{flex-wrap:wrap;align-items:flex-start}.freshness{margin-left:0}.dayRow{grid-template-columns:70px 1fr 84px}.dayTarget,.noTarget{grid-column:3}.trackerFooter{gap:12px}}