@font-face{font-family:Quicksand;src:url('quicksand.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f4f7fc;color:#19345c;font-family:Quicksand,Arial,sans-serif}body{font-size:18px}.screen{width:100%;min-height:100vh;padding:2.8vh 3.8vw 1.8vh;display:flex;flex-direction:column} .top{height:11vh;min-height:76px;background:#2d4d95;border-radius:16px;padding:1.7vh 2.2vw;display:flex;align-items:center;color:#fff;margin-bottom:2vh}.logo{width:29%;max-width:390px;height:auto;max-height:8vh;object-fit:contain}.heading{padding-left:2.5vw;border-left:1px solid #6f86b7;margin-left:2.5vw}.heading h1{margin:0;font-size:2.2vw;font-weight:600}.heading>span{font-size:1.35vw;display:block;margin-top:4px;opacity:.9}.date{margin-left:auto;text-align:right;font-size:1.2vw}.date strong{display:block;font-size:2.2vw;letter-spacing:.04em;margin-top:2px}main{flex:1}.period{background:#fff;border:1px solid #d5dfef;border-radius:16px;padding:1.5vh 2vw;margin-bottom:1.6vh}.period-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1vh}h2{margin:0;font-size:2vw;font-weight:700;line-height:1.15}.badge{padding:.5vh .9vw;border-radius:7px;font-size:1.15vw;max-width:70%;text-align:right}.metrics{display:flex;margin-bottom:1.5vh}.metric{width:28%;padding-right:1vw}.metric>span{display:block;font-size:1.25vw;margin-bottom:.35vh;color:#51647e}.metric strong{display:block;white-space:nowrap;font-size:2.55vw;font-weight:600;line-height:1.2;letter-spacing:-.035em}.metric.percentage{width:16%;text-align:right;padding-right:0}.percentage strong{font-weight:700}.track{width:100%;height:2.25vh;min-height:12px;border-radius:999px;overflow:hidden;background:#dce4ee}.fill{height:100%;width:0;background:#f58231;border-radius:999px;transition:width .5s ease}.day{border-left:6px solid #4285bd;background:#f4faff}.day .badge{background:#dbeeff;color:#234d75}.week{border:2px solid #e6b54d;border-left:6px solid #e6b54d;background:#fffaf0}.week .badge{background:#ffedbd;color:#755006}.week .metric strong{font-size:2.85vw}.week.active{box-shadow:0 2px 9px rgba(125,88,8,.09)}.month{border-left:6px solid #d98b72;background:#fff8f5}.month .badge{background:#ffe4da;color:#865239}footer{text-align:center;font-size:1.05vw;color:#5f6f86;padding-top:.25vh}.legend{display:flex;justify-content:center;margin-bottom:.7vh;font-size:1.15vw}.legend span{display:inline-flex;align-items:center;margin:0 1vw}.legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}.legend-sold{background:#f58231}.legend-left{background:#c2cddb}.status-line{display:flex;justify-content:center;align-items:center;min-height:28px}#status{margin-right:.8vw}#status.warning{color:#9b4a17}#status.error{color:#ac2d27}button{font-family:inherit;color:#2d4d95;background:transparent;border:1px solid #c5d2e7;border-radius:6px;padding:4px 10px;font-size:14px;cursor:pointer}button:focus{outline:3px solid #f58231;outline-offset:3px}button:disabled{opacity:.55}#freshness{display:block;margin-top:4px}.period.over .track{background:#dce4ee}@media(min-width:1800px){body{font-size:24px}button{font-size:20px}.legend i{width:17px;height:17px}}@media(max-width:800px){.screen{padding:16px;min-height:100vh}.top{height:auto;min-height:100px;padding:14px 16px;flex-wrap:wrap}.logo{width:45%;max-height:60px}.heading{margin-left:15px;padding-left:15px}.heading h1{font-size:20px}.heading>span{font-size:15px}.date{display:none}.period{padding:16px;margin-bottom:14px}.period-top{margin-bottom:16px}h2{font-size:25px}.badge{font-size:14px;padding:5px 8px}.metrics{flex-wrap:wrap;margin-bottom:15px}.metric,.metric.percentage{width:50%;text-align:left;margin-bottom:12px}.metric>span{font-size:15px}.metric strong,.week .metric strong{font-size:27px}.track{height:16px}footer,.legend{font-size:14px}.legend{margin-bottom:10px}.legend span{margin:0 8px}.status-line{flex-wrap:wrap}#freshness{margin-top:8px}}@media(prefers-reduced-motion:reduce){.fill{transition:none}}

.day .metric.sold{width:23%}.day .day-goal-metric{width:42%}.day .metric:not(.sold):not(.day-goal-metric):not(.percentage){width:23%}.day .metric.percentage{width:12%}.goal-equation{display:flex;align-items:flex-end;gap:1vw}.goal-equation span{display:block;font-size:1.1vw;color:#51647e;margin-bottom:.35vh}.goal-equation strong{font-size:2.05vw}.goal-equation>div{min-width:0}.goal-equation #day-adjustment-box{display:flex;align-items:center;gap:1vw}.goal-equation b{font-size:2.2vw;font-weight:600}.goal-equation .debt{color:#a34816}.goal-equation .credit{color:#167044}.goal-equation .debt span{color:#a34816}.goal-equation .credit span{color:#167044}.goal-total{margin-top:.6vh;font-size:1.15vw;color:#51647e}.goal-total span{font-weight:700;color:#19345c}@media(max-width:800px){.day .metric.sold,.day .metric:not(.sold):not(.day-goal-metric):not(.percentage),.day .metric.percentage{width:50%}.day .day-goal-metric{width:100%;order:2}.goal-equation{gap:16px;flex-wrap:wrap}.goal-equation #day-adjustment-box{gap:16px}.goal-equation span{font-size:14px;max-width:190px}.goal-equation strong{font-size:24px}.goal-equation b{font-size:28px}.goal-total{font-size:15px;margin-top:8px}}