: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;font-size:.8125rem;font-weight:600;color:var(--muted-text);text-transform:uppercase;letter-spacing:.04em}.card-heading{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.metric-info{position:relative;display:inline-flex;flex:0 0 auto;text-transform:none;letter-spacing:normal}.metric-info-trigger{display:grid;place-items:center;width:1.35rem;height:1.35rem;padding:0;border:1px solid #cbc8d9;border-radius:50%;background:transparent;color:var(--muted-text);font:650 .75rem/1 ui-serif,Georgia,serif;cursor:help;transition:color .12s ease,border-color .12s ease,background .12s ease,transform .12s ease}.metric-info-trigger:hover,.metric-info-trigger[aria-expanded=true]{border-color:var(--navy-light);background:var(--navy);color:var(--white);transform:translateY(-1px)}.metric-info-trigger:focus-visible{outline:3px solid rgb(105 140 255/35%);outline-offset:2px}.metric-info-panel{position:absolute;top:calc(100% + .7rem);right:-.25rem;z-index:20;display:flex;width:min(22rem,calc(100vw - 3rem));flex-direction:column;gap:.7rem;padding:1rem;border:1px solid rgb(255 255 255/14%);border-radius:12px;background:var(--navy);color:var(--white);font-size:.8125rem;font-weight:400;line-height:1.45;text-align:left;box-shadow:0 16px 40px rgb(34 31 56/24%),0 3px 10px rgb(34 31 56/14%);animation:metric-info-in .12s ease-out}.metric-info-panel:before{position:absolute;right:.6rem;bottom:100%;width:0;height:0;border-right:7px solid transparent;border-bottom:7px solid var(--navy);border-left:7px solid transparent;content:""}.metric-info-heading{font-size:.9375rem;font-weight:700;letter-spacing:-.01em}.metric-info-summary{color:rgb(255 255 255/88%)}.metric-info-caveat,.metric-info-section{display:flex;flex-direction:column;gap:.2rem;padding-top:.7rem;border-top:1px solid rgb(255 255 255/13%);color:rgb(255 255 255/82%)}.metric-info-caveat{margin:0 -.25rem;padding:.7rem .65rem .65rem;border:0;border-radius:7px;background:rgb(255 248 69/12%);color:#fffdb2}.metric-info-label{color:var(--white);font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.metric-info-source{color:rgb(255 255 255/58%);font-size:.6875rem;font-weight:600;letter-spacing:.02em}@keyframes metric-info-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.metric-info-panel{animation:none}}.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{padding-top:1rem}.card-chart+.card-chart{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border)}.card-chart .card-history{display:block;margin-top:.2rem;font-size:.75rem}.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}.card-detail{color:var(--navy-light);text-decoration:none;border-bottom:1px solid var(--border)}.card-detail:focus-visible,.card-detail:hover{color:var(--navy);border-bottom-color:var(--navy)}.objective{margin-top:2rem}.objective-title{margin:0 0 .85rem;font-size:.95rem;font-weight:600;color:var(--navy)}.objective-title:before{content:"";display:inline-block;width:4px;height:.95rem;margin-right:.6rem;vertical-align:-2px;background:var(--green);border-radius:2px}.okr-target{margin:0 0 .75rem;font-size:.85rem;font-weight:600;color:var(--navy-light)}.okr-share{font-weight:500;color:var(--muted-text)}.okr-bar{position:relative;height:10px;border-radius:5px;background:var(--grey);overflow:hidden}.okr-bar-fill{height:100%;background:var(--blue);border-radius:5px;transition:width .3s ease}.okr-bar--reached .okr-bar-fill{background:var(--favourable)}.okr-bar--crossed .okr-bar-fill{background:var(--unfavourable)}.okr-bar-now{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--navy);opacity:.45}.okr-note{margin:.5rem 0 0;font-size:.8rem;font-weight:600}.okr-note--reached{color:var(--favourable)}.okr-note--crossed{color:var(--unfavourable)}.okr .card-period{margin-top:.75rem}.okr-from{font-weight:500;color:var(--muted-text)}