@layer layout{.app-shell{--nav-size:15rem;grid-template-columns:var(--nav-size) minmax(0, 1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"nav top""nav main";block-size:100dvb;display:grid}.app-shell[data-nav=closed]{--nav-size:0}.app-nav{overscroll-behavior:contain;border-inline-end:1px solid var(--color-border);background:var(--color-surface-nav);grid-area:nav;overflow-y:auto}.app-top-bar{grid-area:top}.app-main{scrollbar-gutter:stable;grid-area:main;overflow-y:auto}@media (width<64rem){.app-shell{grid-template:"nav""top""main"/minmax(0,1fr);block-size:auto;min-block-size:100dvb}.app-nav{border-inline-end:0;border-block-end:1px solid var(--color-border)}.app-main{overflow-y:visible}}}@layer components{.icon-button{border-radius:var(--radius-s);min-block-size:2rem;min-inline-size:2rem;color:var(--color-text-muted);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.icon-button:hover{color:var(--color-text);background:var(--color-surface-hover)}.button{align-items:center;gap:var(--space-2);min-block-size:2rem;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-s);font-size:var(--text-s);color:var(--color-text);background:var(--color-surface-raised);text-decoration:none;display:inline-flex}.button.primary{color:var(--color-action-text);background:var(--color-action);border-color:#0000}.button:disabled{opacity:.55}@scope(.app-nav){:scope{gap:var(--space-2);padding:var(--space-3);font-size:var(--text-m);flex-direction:column;display:flex}.app-nav-header{justify-content:space-between;align-items:center;padding-block-end:var(--space-3);display:flex}.app-brand{align-items:center;gap:var(--space-2);padding-inline:var(--space-2);font-size:var(--text-l);color:var(--color-text);font-weight:600;text-decoration:none;display:flex}.app-nav-list a{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-s);color:var(--color-text);text-decoration:none;display:flex}.app-nav-list a:hover{background:var(--color-surface-hover)}.app-nav-list a[aria-current=page]{background:var(--color-surface-hover);font-weight:500}.app-nav-list a .icon{color:var(--color-text-muted)}.app-nav-account{padding-inline:var(--space-2);margin-block-start:auto}@media (width<64rem){.app-nav-list{display:none}.app-nav-header{padding-block-end:0}}}@scope(.app-top-bar){:scope{align-items:center;gap:var(--space-3);min-block-size:3.25rem;padding-inline:var(--space-4);border-block-end:1px solid var(--color-border);display:flex}.app-top-bar-title{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--text-m);flex:1;overflow:clip}.app-top-bar-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}}.app-error{max-inline-size:var(--measure);padding:var(--space-7) var(--space-5);margin-inline:auto}}