.layout[data-v-927c514e]{display:flex;min-height:100vh}.sidebar[data-v-927c514e]{background:var(--surface-container-low);border-right:1px solid var(--outline-variant);color:var(--on-surface);display:flex;flex-direction:column;height:100vh;padding:20px 0;position:sticky;top:0;width:220px}.brand[data-v-927c514e]{align-items:center;color:var(--primary);display:flex;font-family:Manrope,Noto Sans Thai,sans-serif;font-size:18px;font-weight:700;gap:8px;padding:0 20px 20px}.brand .material-symbols-outlined[data-v-927c514e]{font-size:24px}nav[data-v-927c514e]{display:flex;flex:1;flex-direction:column;gap:2px;padding:0 10px}.nav-link[data-v-927c514e]{align-items:center;border-radius:var(--radius);color:var(--on-surface-variant);display:flex;gap:10px;padding:10px 12px;text-decoration:none}.nav-link .material-symbols-outlined[data-v-927c514e]{font-size:20px;font-variation-settings:"FILL" 0,"wght" 300}.nav-link[data-v-927c514e]:hover{background:var(--surface-container-high)}.nav-link.router-link-active[data-v-927c514e]{background:var(--primary-fixed-dim);color:var(--on-surface);font-weight:600}.nav-link.router-link-active .material-symbols-outlined[data-v-927c514e]{font-variation-settings:"FILL" 1,"wght" 400}.sidebar-footer[data-v-927c514e]{border-top:1px solid var(--outline-variant);padding:12px 20px}.user-line[data-v-927c514e]{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:10px}.content[data-v-927c514e]{flex:1;overflow-x:auto;padding:20px}.btn-sm[data-v-927c514e]{font-size:13px;padding:4px 10px}