#app-layout{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"header header""sidebar content";min-height:100svh;display:grid}.app-header{padding:0 var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);grid-area:header;align-items:center;display:flex}.app-sidebar{gap:var(--space-1);padding:var(--space-4);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;grid-area:sidebar;display:flex}.app-sidebar a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none}.app-sidebar a:hover{background:var(--color-background)}.app-sidebar a[aria-current=page]{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}#page-content{padding:var(--space-6);grid-area:content}@media (width<=768px){#app-layout{grid-template-columns:1fr;grid-template-rows:var(--header-height) auto 1fr;grid-template-areas:"header""sidebar""content"}.app-sidebar{border-right:none;border-bottom:1px solid var(--color-border);flex-flow:wrap}}table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}th{color:var(--color-text-muted);font-weight:500}