:root{--navy:#221f38;--navy-light:#3d395f;--green:#2cff8e;--blue:#698cff;--yellow:#fff845;--grey:#f0eff6;--white:#ffffff;--favourable:#0b7a46;--unfavourable:#b42318;--border:#e2e0ec;--muted-text:#5d5878}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--grey);color:var(--navy);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.header{flex-wrap:wrap;gap:1.5rem;padding:.9rem 2rem;background:var(--white);border-bottom:1px solid var(--border)}.header,.header-brand{display:flex;align-items:center}.header-brand{gap:.75rem;text-decoration:none;color:inherit}.header-logo{display:block;height:26px;width:auto}.header-product{padding-left:.75rem;border-left:1px solid var(--border);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:var(--navy-light)}.nav{display:flex;flex-wrap:wrap;gap:.25rem;margin-left:auto}.nav a{padding:.4rem .8rem;border-radius:7px;color:var(--muted-text);text-decoration:none;font-weight:550;transition:background .12s ease,color .12s ease}.nav a:hover{background:var(--grey);color:var(--navy)}.nav a[aria-current=page]{background:var(--navy);color:var(--white)}main{max-width:1100px;margin:0 auto;padding:2rem}.page-title{display:flex;align-items:center;gap:.65rem;margin:0 0 .3rem;font-size:1.5rem;letter-spacing:-.02em}.page-title:before{content:"";width:9px;height:22px;border-radius:3px;background:var(--green)}.subtitle{margin:0 0 2rem;color:var(--muted-text)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1rem;gap:1rem}.card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.card--warning{background:#fffdf0;border-color:var(--yellow)}.card-title{margin:0 0 .75rem;font-size:.8125rem;font-weight:600;color:var(--muted-text);text-transform:uppercase;letter-spacing:.04em}.card-value{margin:0;font-size:2rem;font-weight:650;letter-spacing:-.03em;line-height:1.1;color:var(--navy)}.card-value--no-data{color:var(--muted-text);font-size:1.25rem;font-weight:550}.card-delta{margin:.35rem 0 0;font-size:.875rem;font-weight:550}.card-delta--favourable{color:var(--favourable)}.card-delta--unfavourable{color:var(--unfavourable)}.card-delta--neutral{color:var(--muted-text)}.card-period{align-self:flex-start;margin:.85rem 0 0;padding:.15rem .5rem;border-radius:5px;background:var(--grey);color:var(--navy-light);font-size:.75rem;font-weight:600}.card--warning .card-period{background:var(--yellow);color:var(--navy)}.card-footer{margin-top:auto;padding-top:1rem}.card-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:.35rem;font-size:.75rem;color:var(--muted-text)}.card-history{color:var(--navy-light);opacity:.7}.history{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-gap:0 .5rem;gap:0 .5rem;margin:0}.history-frame{grid-area:1/1;position:relative}.history-chart{display:block;width:100%;height:64px;overflow:visible;cursor:crosshair}.history-tooltip{position:absolute;bottom:calc(100% + 6px);z-index:2;display:flex;flex-direction:column;gap:.1rem;padding:.3rem .5rem;border-radius:6px;background:var(--navy);color:var(--white);font-size:.6875rem;line-height:1.35;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px rgb(34 31 56/25%)}.history-tooltip--centre{transform:translateX(-50%)}.history-tooltip--start{transform:translateX(0)}.history-tooltip--end{transform:translateX(-100%)}.history-tooltip-date{opacity:.7}.history-tooltip-value{font-weight:650;font-size:.8125rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.history-scale{grid-area:1/2;flex-direction:column;font-size:.6875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.history-dates,.history-scale{display:flex;justify-content:space-between;color:var(--muted-text)}.history-dates{grid-area:2/1;margin:.15rem 0 0;font-size:.6875rem}.history-chart rect{cursor:crosshair}.signin{display:grid;place-items:center;min-height:100vh;padding:2rem;background:var(--navy)}.signin-card{position:relative;overflow:hidden;background:var(--white);border-radius:14px;padding:2.5rem;max-width:24rem;text-align:center;box-shadow:0 18px 40px rgb(0 0 0/25%)}.signin-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--green)}.signin-logo{display:block;height:30px;width:auto;margin:0 auto 1.5rem}.signin-card h1{margin:0 0 .5rem;font-size:1.125rem;letter-spacing:-.01em}.signin-card p{margin:0 0 1.5rem;color:var(--muted-text);font-size:.9375rem}.button{display:inline-block;width:100%;padding:.7rem 1.25rem;border:none;border-radius:9px;background:var(--navy);color:var(--white);font:inherit;font-weight:600;cursor:pointer;transition:background .12s ease}.button:hover{background:var(--navy-light)}.error{margin-bottom:1rem;color:var(--unfavourable);font-size:.875rem}