.jc7lBW_sidebar{background:var(--color-surface);border-right:var(--border-hairline) solid var(--color-border);flex-direction:column;display:flex;overflow-y:auto}.jc7lBW_brand{padding:var(--space-3) var(--space-4);border-top:var(--border-hairline) solid var(--color-brand-line);border-bottom:var(--border-hairline) solid var(--color-brand-line);margin:var(--space-2) var(--space-2) var(--space-6);flex-shrink:0;justify-content:center;display:flex}.jc7lBW_brandLogo{content:var(--brand-logo-url);width:var(--brand-logo-width);image-rendering:auto;height:auto;display:block}.jc7lBW_sprite{display:none}.jc7lBW_navGroup{margin:0 0 var(--space-5)}.jc7lBW_navGroupLabel{font-size:var(--text-xs);color:var(--color-muted);font-weight:var(--font-weight-medium);line-height:var(--leading-thai-body);padding:0 var(--space-4);margin:0 0 var(--space-2)}.jc7lBW_navItem{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin:0 var(--space-2) var(--space-1);border-radius:var(--radius-card);border-left:var(--border-emphasis) solid transparent;color:var(--color-muted);font-size:var(--text-sm);line-height:var(--leading-thai-body);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex-wrap:wrap;text-decoration:none;display:flex}.jc7lBW_navLabel{min-width:0}.jc7lBW_icon{width:var(--icon-lg);height:var(--icon-lg);flex:none}@media (hover:hover) and (pointer:fine){.jc7lBW_navItem:hover{background:var(--color-surface-sunken);color:var(--color-primary)}}.jc7lBW_navItem:active{background:var(--color-surface-sunken);color:var(--color-primary-fill)}.jc7lBW_navItem[aria-current=page]{background:var(--color-surface-sunken);color:var(--color-primary-fill);font-weight:var(--font-weight-medium);border-left-color:var(--color-primary)}
.QJMG3G_shell{grid-template-columns:var(--shell-sidebar-width) minmax(0, 1fr);background:var(--color-bg);min-height:100dvh;color:var(--color-foreground);display:grid;position:relative}.QJMG3G_skipLink{left:var(--space-4);top:var(--space-4);z-index:1;padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-primary-fill);border:var(--border-hairline) solid var(--color-border-strong);border-radius:var(--radius-card);font-size:var(--text-sm);line-height:var(--leading-thai-body);position:absolute;transform:translateY(-200%)}.QJMG3G_skipLink:focus-visible{transform:translateY(0)}.QJMG3G_column{flex-direction:column;min-width:0;display:flex}.QJMG3G_header{min-height:var(--shell-header-height);align-items:center;gap:var(--space-4);padding:0 var(--shell-gutter);background:var(--color-surface);border-bottom:var(--border-hairline) solid var(--color-border);flex-shrink:0;display:flex}.QJMG3G_headerLead{align-items:center;gap:var(--space-4);min-width:0;display:flex}.QJMG3G_headerTrail{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.QJMG3G_header:not(:has(>:not(:empty))){display:none}.QJMG3G_subheader{min-height:var(--shell-subheader-height);align-items:center;gap:var(--space-3);padding:0 var(--shell-gutter);background:var(--color-surface);border-bottom:var(--border-hairline) solid var(--color-border);flex-shrink:0;display:flex}.QJMG3G_main{min-width:0;padding:var(--shell-gutter);flex-direction:column;flex:1;display:flex}.QJMG3G_content{gap:var(--density-padding);flex-direction:column;flex:1;min-height:0;display:flex}
.X423xq_cluster{align-items:center;display:flex;position:relative}.X423xq_roleCluster{align-items:center;margin-inline-end:var(--space-2);display:flex;position:relative}.X423xq_roleChip{min-height:var(--touch-target-min);padding:var(--space-1) var(--space-3);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-foreground);font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;align-items:center;display:flex}@media (hover:hover) and (pointer:fine){.X423xq_roleChip:hover{background:var(--color-surface-hover)}}.X423xq_roleChip[aria-expanded=true]{background:var(--color-surface-sunken)}.X423xq_trigger{min-height:var(--touch-target-min);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:var(--border-hairline) solid transparent;border-radius:var(--radius-card);color:var(--color-foreground);font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-thai-body);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;display:flex}@media (hover:hover) and (pointer:fine){.X423xq_trigger:hover{background:var(--color-surface-hover)}}.X423xq_trigger[aria-expanded=true]{background:var(--color-surface-sunken);border-color:var(--color-border)}.X423xq_disc{width:var(--avatar-sm);height:var(--avatar-sm);background:var(--color-surface-sunken);border:var(--border-hairline) solid var(--color-border-strong);color:var(--color-foreground);font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:var(--leading-tight);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-inline-end:var(--space-1);display:flex}.X423xq_placeholder{min-height:var(--touch-target-min);justify-content:flex-end;align-items:center;display:flex}.X423xq_placeholder .X423xq_disc{margin-inline-end:0}.X423xq_identity{min-width:0;line-height:var(--leading-tight);flex-direction:column;align-items:flex-start;display:flex}.X423xq_name{text-overflow:ellipsis;white-space:nowrap;max-width:24ch;font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--leading-latin-ui);color:var(--color-foreground);overflow:hidden}.X423xq_role{white-space:nowrap;font-size:var(--text-xs);font-weight:var(--font-weight-body);color:var(--color-muted)}.X423xq_caret{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-muted);transition:transform var(--duration-fast) var(--ease-out);flex:none}.X423xq_trigger[aria-expanded=true] .X423xq_caret{transform:rotate(180deg)}.X423xq_popover{top:calc(100% + var(--space-1));z-index:2;background:var(--color-surface);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-card);min-width:100%;padding:var(--space-1);transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);position:absolute;right:0}@starting-style{.X423xq_popover{opacity:0;transform:translateY(calc(-1 * var(--space-1)))}}.X423xq_menu{flex-direction:column;display:flex}.X423xq_item{text-align:start;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);color:var(--color-foreground);font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-thai-body);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:none;display:block}@media (hover:hover) and (pointer:fine){.X423xq_item:hover{background:var(--color-surface-hover)}}.X423xq_item:active{background:var(--color-surface-sunken)}.X423xq_item:disabled{color:var(--color-muted);cursor:progress}.X423xq_problem{max-width:22ch;margin:var(--space-1) 0 0;padding:var(--space-1) var(--space-3);color:var(--color-destructive);font-size:var(--text-xs);line-height:var(--leading-thai-body)}