:root{color-scheme:light;font-family:system-ui,sans-serif;--primary: #2563eb}body{margin:0;background:#fafafa;color:#111}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.status{padding:2rem;text-align:center}.shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--primary);color:#fff;padding-top:calc(.5rem + env(safe-area-inset-top,0px))}.topbar .brand{flex:1;font-weight:600;display:flex;align-items:center;gap:.5rem}.topbar img{height:1.5rem}.topbar button,.topbar select{min-height:44px;border:0;border-radius:.375rem;padding:0 .75rem;font:inherit}.topbar .menu{background:transparent;color:#fff;font-size:1.25rem}.topbar .logout{background:#fff3;color:#fff}nav{display:none;flex-direction:column;background:#fff;border-bottom:1px solid #e5e5e5}nav.open{display:flex}nav a{padding:.875rem 1rem;min-height:44px;text-decoration:none;color:#111}nav a.active{color:var(--primary);font-weight:600}main{padding:1rem;max-width:60rem;width:100%;box-sizing:border-box;margin:0 auto}@media(min-width:48rem){.shell{grid-template-columns:14rem 1fr;grid-template-rows:auto 1fr}.topbar{grid-column:1 / -1}.topbar .menu{display:none}nav{display:flex;border-bottom:0;border-right:1px solid #e5e5e5}}