*{box-sizing:border-box}html,body{color:#20271e;background:#f2efe6;margin:0;font-family:Avenir Next,Segoe UI,Arial,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer}:is(button:focus-visible,a:focus-visible){outline-offset:3px;outline:2px solid #b39560}.dashboard{flex-direction:column;min-height:100dvh;display:flex}header{color:#f4f0e7;background:#29211c;justify-content:space-between;align-items:center;gap:16px;padding:16px 2.6vw;display:flex}.brand{align-items:center;gap:20px;display:flex}.brand img{object-fit:contain;width:140px;max-height:40px}.brand span{letter-spacing:.16em;border-left:1px solid #ffffff40;padding-left:20px;font-size:11px}nav,.actions{gap:12px;display:flex}header button{color:#d7d0c6;background:0 0;border:0;padding:8px 5px}nav button{border-bottom:2px solid #0000;font-size:18px}nav button[aria-pressed=true]{color:#fff;border-color:#c3a36a}.actions{font-size:11px}.actions button[aria-pressed=true]{background:#ffffff18}.context{align-items:center;gap:14px;margin:0 2.6vw;padding:16px 0;display:flex}.context h1{margin:0;font-size:21px}.context>span{color:#757b70;font-size:12px}.stock{margin-left:auto;font-size:11px}.stock strong{margin-left:12px;font-size:21px}time{border-left:1px solid #cdd0c3;padding-left:15px;font-size:20px}.period-grid{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1vw;min-height:0;margin:0 2.6vw;display:grid}.period{flex-direction:column;min-width:0;display:flex}.period-heading{background:#eae9df;border:1px solid #cdd0c3;justify-content:space-between;align-items:center;gap:5px;padding:12px;display:flex}.period h2{margin:0;font-size:24px;font-weight:500}.period-heading p{color:#757b70;margin:5px 0 0;font-size:12px}.period-heading small{color:#8d7950;border:1px solid #c8bfa5;padding:4px;font-size:8px}.metrics{flex:1;grid-template-rows:repeat(4,minmax(100px,1fr));gap:8px;margin-top:8px;display:grid}.metric{background:#fbf9f2;border:1px solid #cdd0c3;flex-direction:column;justify-content:center;min-width:0;padding:10px;display:flex}.metric h3{margin:0;font-size:17px;font-weight:600}.metric p{color:#646d5c;margin:4px 0;font-size:11px}.numbers{justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:5px 0;display:flex}.numbers>strong{overflow-wrap:anywhere;font-size:28px;font-weight:500}.cost{background:#f0f0e8;border-left:2px solid #b5b9ab;min-width:0;padding:5px 7px}.cost b{overflow-wrap:anywhere;font-size:18px;font-weight:500;display:block}.cost span{font-size:9px}.metric small{color:#757b70;overflow-wrap:anywhere;font-size:9px}sup{font-size:11px}.spend{justify-content:space-between;align-items:center;gap:5px;padding:12px 0;display:flex}.spend span{letter-spacing:.06em;font-size:9px}.spend strong{font-size:17px;font-weight:500}footer{color:#757b70;flex-wrap:wrap;align-items:center;gap:15px;padding:8px 2.6vw 12px;font-size:10px;display:flex}footer>span:first-child{margin-right:auto}footer button{background:0 0;border:0;padding:3px}.scrim{background:#151b13aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.scrim section{background:#f2efe6;width:min(720px,100%);max-height:90dvh;padding:30px;line-height:1.6;overflow:auto}.scrim button{float:right}.tv{height:100dvh;min-height:0}.tv header{padding-top:8px;padding-bottom:8px}.tv .context{padding-top:9px;padding-bottom:9px}.tv .period-grid{overflow:auto}.tv .metric{padding:7px}.tv .period-heading{padding:8px}.tv .spend{padding:7px 0}.tv footer{padding-top:5px;padding-bottom:6px}@media (max-width:1100px){header{gap:10px}.brand img{width:110px}.brand{gap:12px}.brand span{padding-left:12px;font-size:9px}nav{gap:8px}nav button{font-size:16px}.actions{gap:4px}.metric h3{font-size:15px}.cost b{font-size:16px}.numbers>strong{font-size:25px}}@media (max-width:700px){.dashboard:not(.tv) header{flex-wrap:wrap}.dashboard:not(.tv) nav{order:3;justify-content:center;width:100%}.dashboard:not(.tv) .period-grid{grid-template-columns:1fr;gap:20px}.context>span{display:none}.dashboard:not(.tv) .metrics{grid-template-rows:none}.dashboard:not(.tv) .metric{padding:15px}.dashboard:not(.tv) .context{flex-wrap:wrap}.tv{min-width:760px}.stock{font-size:9px}time{font-size:15px}.stock strong{font-size:18px}}@media (max-height:650px) and (min-width:760px){.tv .context{padding:6px 0}.tv .period h2{font-size:19px}.tv .period-heading p{font-size:10px}.tv .metric p{margin:2px 0;font-size:10px}.tv .numbers{margin:2px 0}.tv .numbers>strong{font-size:21px}.tv .cost b{font-size:15px}.tv .metrics{grid-template-rows:repeat(4,minmax(73px,1fr));gap:5px}.tv .metric{padding:5px 7px}.tv .metric h3{font-size:14px}.tv .brand img{max-height:28px}.tv footer{font-size:9px}}.tv .period-grid{grid-template-rows:minmax(0,1fr)}.tv .period,.tv .metrics,.tv .metric{min-height:0}.tv .period-heading,.tv .spend{flex-shrink:0}.metric h3,.metric p,.metric small,.cost,.numbers{line-height:1.2}.cost span{line-height:1.2;display:block}.tv .metrics{grid-template-rows:repeat(4,minmax(78px,1fr))}@media (max-height:650px) and (min-width:760px){.tv .metrics{grid-template-rows:repeat(4,minmax(62px,1fr))}.tv .metric p{display:none}.tv .metric h3{font-size:14px;line-height:1.1}.tv .metric small{font-size:8px;line-height:1.15}.tv .numbers{margin:2px 0}.tv .numbers>strong{font-size:21px;line-height:1.1}.tv .cost{padding:2px 5px}.tv .cost b{font-size:15px;line-height:1.1}.tv .cost span{font-size:8px}.tv .period-heading{padding:5px 8px}.tv .period-heading p{margin-top:2px}.tv .spend{padding:5px 0}.tv .spend strong{font-size:15px}.tv .spend span{font-size:8px}}.access{color:#f2efe6;background:#29211c;place-items:center;min-height:100dvh;padding:28px;display:grid}.access-card{border:1px solid #c3a36a40;width:min(480px,100%);padding:30px 34px}.access-card>img{width:150px}.access-label{letter-spacing:.2em;color:#c3a36a;margin:25px 0;font-size:10px}.access h1{font-size:30px;font-weight:400;line-height:1.2}.access p{color:#d1c7b8;font-size:13px;line-height:1.6}.access label{letter-spacing:.13em;margin:22px 0 8px;font-size:10px;display:block}.access input{color:#fff;width:100%;font:inherit;background:#ffffff08;border:1px solid #c3a36a80;border-radius:0;padding:13px}.access-submit{text-align:center;color:#f2efe6;letter-spacing:.08em;background:0 0;border:1px solid #c3a36a;width:100%;margin-top:15px;padding:14px;font-size:12px;text-decoration:none;display:block}.access button:disabled{opacity:.6}.access .access-error{color:#f2bfb1;min-height:20px}.owner-link{text-align:center;margin-top:24px;font-size:12px;display:block}.access small{color:#b0a696;margin-top:32px;font-size:10px;display:block}.access input:focus-visible{outline-offset:2px;outline:2px solid #c3a36a}@media (max-width:500px){.access{padding:16px}.access-card{padding:24px}.access h1{font-size:27px}}.connection-check{color:#cfc4b3;margin-top:26px;font-size:11px}.connection-check summary{cursor:pointer}.connection-check button{color:inherit;background:0 0;border:1px solid #c3a36a70;margin-top:12px;padding:9px;font-size:10px}.connection-check p{font-size:11px}
