:root{font:15px/1.6 system-ui,sans-serif;background:#fff8f4;color:#252829}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{display:flex;gap:14px;align-items:center;padding:20px 6%;background:white;border-bottom:1px solid #ebded5}header img{width:50px;height:50px;object-fit:contain;flex-shrink:0}header strong{display:block;font-size:23px}header small{color:#806e61}header button{margin-left:auto}main{max-width:1240px;margin:auto;padding:40px 24px 80px}h1{font-size:32px;line-height:1.3;margin:10px 0 26px;letter-spacing:-1px}h2{font-size:19px;margin-top:0}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#a14735;font-weight:700}.panel{background:#fff;border:1px solid #e7dbd1;border-radius:16px;padding:26px;margin-bottom:24px}.login{max-width:480px;margin:20px auto}.login p{color:#746a60}label{display:block;font-size:13px;margin-bottom:16px}input,select,button{font:inherit;min-height:48px;border-radius:9px;border:1px solid #dfd2c7;background:#fff;padding:10px 14px}input,select{display:block;width:100%;margin-top:7px}button{cursor:pointer}button.primary,#refresh{background:#b43c2f;border-color:#b43c2f;color:white}form button{width:100%}.period{display:flex;gap:18px;align-items:flex-end;margin-bottom:24px}.period label{min-width:180px;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metrics .panel{padding:22px}.metrics small{color:#786b60}.metrics strong{display:block;font-size:25px;color:#b43c2f;margin-top:12px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.data-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eee3d9}.muted{font-size:12px;color:#84766b}.freshness{border-left:4px solid #b43c2f}.freshness p{margin:7px 0}p[role=alert]{color:#a33526}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c66d50;outline-offset:3px}@media(max-width:700px){header{padding:16px}header small{font-size:10px}header strong{font-size:21px}main{padding:28px 18px}.period{display:grid;grid-template-columns:1fr 1fr;gap:12px}.period label{min-width:0}#refresh{grid-column:1/-1}.metrics{grid-template-columns:1fr 1fr;gap:12px}.metrics strong{font-size:20px}.metrics .panel{padding:18px}.columns{grid-template-columns:1fr;gap:0}.panel{padding:22px}h1{font-size:27px}}

header .brand-name{white-space:nowrap}header .brand-w{color:#202428}header .brand-s{color:#D4A017}

header .brand-name{display:flex;align-items:center;gap:6px}header .ws-reference-wordmark{display:block;width:78px;height:24px;flex-shrink:0}

/* Proportional restaurant identity: icon + reference WS + product name. */
header{gap:12px}header>div{min-width:0;flex:1}header img{width:48px;height:48px}header .brand-name{gap:7px;font-size:23px;line-height:1;font-weight:700;letter-spacing:-.3px}header .ws-reference-wordmark{width:72px;height:21px}header small{display:block;margin-top:6px;font-size:11px;line-height:1.4}header button{flex-shrink:0;min-height:40px;padding:8px 12px;font-size:12px}
@media(max-width:700px){header{padding:16px;gap:12px}header img{width:44px;height:44px}header .brand-name{font-size:21px;gap:6px}header .ws-reference-wordmark{width:64px;height:19px}header small{font-size:10px;line-height:1.4;margin-top:5px}header button{padding:8px 10px}}