body{background:radial-gradient(circle at 80% -10%,rgba(154,116,80,.08),transparent 28%),radial-gradient(circle at 15% 0,rgba(49,95,82,.06),transparent 26%),var(--bg)}
.app-grid{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:#172126;color:white;padding:24px 16px;display:flex;flex-direction:column;gap:22px}.main{padding:25px 28px 44px;max-width:1450px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:16px}.mobile-nav{display:none}
@media(max-width:1000px){.app-grid{grid-template-columns:82px minmax(0,1fr)}.sidebar .nav-label,.brand-copy,.availability-copy{display:none}.hero-grid{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.app-grid{display:block}.sidebar{display:none}.main{padding:17px 13px 88px}.hero-grid{display:block}.side-panel{margin-top:11px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:rgba(244,242,237,.97);border-top:1px solid var(--line);padding:7px 5px calc(7px + env(safe-area-inset-bottom));z-index:30}}