.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{background:var(--topbar-bg);border-block-end:1px solid var(--border);z-index:20;align-items:center;gap:.75rem;padding-block:.5rem;padding-inline:1rem;display:flex;position:sticky;inset-block-start:0}.topbar-brand{font-weight:var(--w-bold);font-size:var(--text-lg)}.topbar-search{flex:1;max-width:26rem}.topbar-spacer{flex:1}.icon-btn{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2)}.shell-body{flex:1;align-items:stretch;display:flex}.sidebar{background:var(--sidebar-bg);border-inline-end:1px solid var(--border);flex-shrink:0;width:14rem;padding-block:1rem;padding-inline:.75rem}.nav-group-label{font-size:var(--text-xs);font-weight:var(--w-medium);letter-spacing:.06em;color:var(--text-muted);margin-block:1rem .35rem;padding-inline:.75rem;display:block}.nav-group-label:first-child{margin-block-start:0}.nav-item{border-radius:var(--radius-control);color:var(--text);font-weight:var(--w-medium);font-size:var(--text-sm);align-items:center;gap:.6rem;min-height:44px;padding-block:.55rem;padding-inline:.75rem;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--surface-2)}.nav-item[aria-current=page]{background:var(--sidebar-active-bg);color:var(--sidebar-accent)}.nav-item[aria-current=page]:before{content:"";border-radius:var(--radius-pill);background:var(--sidebar-accent);width:3px;position:absolute;inset-block:6px;inset-inline-start:-.75rem}.content{padding:var(--space-section);flex:1;min-width:0}.page-title{font-size:var(--text-xl);font-weight:var(--w-bold);margin:0}.page-desc{color:var(--text-muted);margin-block:.25rem 0}.hamburger,.sidebar-backdrop{display:none}@media (max-width:768px){.hamburger{display:inline-flex}.sidebar{z-index:40;box-shadow:var(--shadow-2);transition:transform .2s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(100%)}[dir=ltr] .sidebar{transform:translate(-100%)}.shell[data-drawer=open] .sidebar{transform:translate(0)}.shell[data-drawer=open] .sidebar-backdrop{z-index:30;background:#00000073;display:block;position:fixed;inset:0}.topbar-search{display:none}}@media (max-width:480px){.topbar-user{display:none}}