:root{--breakpoint-sm:480px;--breakpoint-md:768px;--content-padding:24px;--content-padding-tablet:16px;--content-padding-mobile:12px}body,html{color:#202124;background-color:#f6f8fc;flex-direction:column;height:100%;margin:0;padding:0;display:flex}#app{flex-direction:column;align-items:stretch;width:100%;height:100%;display:flex}h1{margin-top:0}.n-page-header__extra{align-items:center;gap:10px;display:flex}header[data-v-b8106be6]{max-height:100vh;line-height:1.5}.pane[data-v-b8106be6]{flex:1;display:flex;overflow-y:hidden}.view[data-v-b8106be6]{flex:1}.n-layout-sider[data-v-b8106be6]{background:#f6f8fc}.main-area[data-v-b8106be6]{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.app-header[data-v-b8106be6]{padding:8px var(--content-padding);background:#f6f8fc;border-bottom:1px solid #efeff5;flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}@media (width<=768px){.app-header[data-v-b8106be6]{padding:8px var(--content-padding-tablet)}}@media (width<=480px){.app-header[data-v-b8106be6]{padding:8px var(--content-padding-mobile)}}.main-content[data-v-b8106be6]{padding:var(--content-padding);flex:1;overflow-y:auto}@media (width<=768px){.main-content[data-v-b8106be6]{padding:var(--content-padding-tablet)}}@media (width<=480px){.main-content[data-v-b8106be6]{padding:var(--content-padding-mobile)}}.header-btn[data-v-b8106be6]{height:32px}.user-name[data-v-b8106be6]{font-size:14px}@media (width<=480px){.user-name[data-v-b8106be6]{display:none}}.menu-item[data-v-b8106be6]{color:inherit;font-size:16px;text-decoration:none}