.sidebar{border-right:2px solid var(--color-border-soft);background-color:var(--color-surface-base);border-top-right-radius:8px;border-bottom-right-radius:8px;flex-direction:column;width:100%;max-width:256px;height:100%;padding:24px;display:flex;position:relative}.sidebar-toggle{cursor:pointer;border:1px solid var(--color-border-soft);background-color:var(--color-surface-base);z-index:10;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:32px;left:100%;transform:translate(-50%)}.sidebar-menu-tw{scroll-behavior:smooth;white-space:pre;border-top:2px solid var(--color-border-soft);border-bottom:2px solid var(--color-border-soft);flex-direction:column;max-height:fit-content;padding-top:20px;padding-bottom:20px;font-size:.9rem;display:flex;overflow:auto}.sidebar-menu-l-item{width:100%;color:var(--color-text-secondary);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-family:Inter,"system-ui",sans-serif;font-weight:500;transition:background-color .15s;display:flex}.sidebar-menu-l-item:hover{background-color:var(--color-surface-hover01)}.sidebar-menu-list-item{cursor:pointer;color:var(--color-fg-soft);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;transition:background-color .15s,color .15s;display:flex}.sidebar-menu-list-item:hover{background-color:var(--color-surface-hover01)}.sidebar-menu-list-item-title{color:var(--color-text-secondary);flex:auto;font-size:14px;font-weight:500}.sidebar-menu-list-item-title-link{z-index:10;background-color:var(--color-surface-base);box-sizing:border-box;width:100%;color:var(--color-fg-soft);border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.3334;transition:background-color .15s,color .15s;display:block;position:relative}.sidebar-menu-list-item-title-link:hover{background-color:var(--color-surface-hover02)}.sub-menu-collapsed-list-item{cursor:pointer;color:var(--color-fg-soft);border-radius:8px;align-items:center;gap:8px;padding:0;display:flex;position:relative}.sub-menu-collapsed-dropdown{background-color:var(--color-surface-base);border:1px solid var(--color-border-soft);z-index:100;border-radius:8px;flex-direction:column;gap:2px;min-width:180px;padding:4px;display:flex;position:absolute;top:0;left:calc(100% + 8px);box-shadow:0 4px 12px #00000014}.sub-menu-collapsed-list-item-link{z-index:10;box-sizing:border-box;width:100%;color:var(--color-fg);border-radius:8px;outline:0;padding:8px 12px;font-size:12px;line-height:1.3334;transition:background-color .15s;display:block;position:relative}.sub-menu-collapsed-list-item-link:hover{background-color:var(--color-surface-hover01)}.sidebar-work-mode{text-align:center;text-transform:capitalize;border-radius:16px;width:fit-content;padding:2px 8px;font-size:12px;font-weight:500}.sidebar-submenu-item{z-index:10;list-style:none;position:relative}.sidebar-submenu-item a{transition:all .3s}.sidebar-submenu-item:not(.without-after):after{content:"";z-index:5;pointer-events:none;border-left:2px solid var(--color-border-soft);border-bottom:2px solid var(--color-border-soft);border-bottom-left-radius:8px;width:100%;height:150%;position:absolute;top:-100%;left:-13px}.sidebar-menu::-webkit-scrollbar{width:0}.sidebar-menu{scrollbar-width:none;overflow-x:hidden}
.header{border-bottom:1px solid var(--color-border-soft);background-color:var(--color-page-soft);width:100%;height:100%;max-height:71px;color:var(--color-fg);justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.header-con{color:var(--color-gray-900);align-items:center;gap:20px;font-weight:500;display:flex}.header-nav{justify-content:center;align-items:center;gap:30px;font-size:1rem;line-height:1.5rem;display:flex}.header-right{align-items:center;gap:24px;display:flex}.header-user-btn{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;transition:background-color .15s;display:flex}.header-user-btn:hover{background-color:var(--color-surface-hover01)}@media (min-width:768px){.header-nav{margin-left:auto}}