body{background-color:var(--chakra-colors-gray-50)}.chakra-ui-dark body{background-color:var(--chakra-colors-gray-900)}.topbar{background-color:var(--chakra-colors-white)!important;border-bottom:1px solid var(--chakra-colors-gray-200)!important;height:60px!important;padding:0 24px!important}.chakra-ui-dark .topbar{background-color:var(--chakra-colors-gray-800)!important;border-bottom:1px solid var(--chakra-colors-gray-700)!important}.topbar-title{font-size:16px!important;font-weight:600!important;color:var(--chakra-colors-gray-800)!important}.chakra-ui-dark .topbar-title{color:var(--chakra-colors-white)!important}.sidebar{background-color:var(--chakra-colors-white)!important;border-right:1px solid var(--chakra-colors-gray-200)!important;transition:width .2s ease!important;position:fixed!important;top:0!important;left:0!important;height:100vh!important;z-index:10!important}.chakra-ui-dark .sidebar{background-color:var(--chakra-colors-gray-800)!important;border-right:1px solid var(--chakra-colors-gray-700)!important}.sidebar-title{font-size:16px!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sidebar-toggle{cursor:pointer!important}.layout-sidebar{position:fixed!important;top:0!important;left:0!important;width:auto!important;height:100vh!important;z-index:10!important}.sidebar-nav-item{font-size:14px;margin:4px 8px!important;border-radius:6px!important;font-weight:500!important;color:var(--chakra-colors-gray-600)!important;transition:all .2s}.chakra-ui-dark .sidebar-nav-item{color:var(--chakra-colors-gray-300)!important}.chakra-ui-dark .sidebar-nav-icon{color:var(--chakra-colors-gray-400)!important}.chakra-ui-light .sidebar-nav-item:hover{background-color:var(--chakra-colors-gray-100)!important;color:var(--chakra-colors-blue-500)!important}.chakra-ui-dark .sidebar-nav-item:hover{background-color:var(--chakra-colors-gray-700)!important;color:var(--chakra-colors-blue-300)!important}.chakra-ui-light .sidebar-nav-item.active{background-color:var(--chakra-colors-blue-50)!important;color:var(--chakra-colors-blue-500)!important}.chakra-ui-dark .sidebar-nav-item.active{background-color:var(--chakra-colors-blue-900)!important;color:var(--chakra-colors-blue-300)!important}.sidebar-nav-icon{width:18px!important;height:18px!important;margin-right:12px}.chakra-button svg,.chakra-icon svg,.chakra-icon>svg,.chakra-button>svg{display:inline-block;vertical-align:middle;width:1em;height:1em;max-width:18px;max-height:18px}.chakra-menu__menu-button svg{max-width:14px;max-height:14px}.user-profile{display:flex;align-items:center;cursor:pointer;padding:6px 8px;border-radius:6px;transition:all .2s}.user-profile:hover{background-color:var(--chakra-colors-gray-100)}.chakra-ui-dark .user-profile:hover{background-color:var(--chakra-colors-gray-700)}.user-avatar{width:32px;height:32px;border-radius:50%;margin-right:8px}.user-name{font-size:14px;font-weight:500;color:var(--chakra-colors-gray-700)}.chakra-ui-dark .user-name{color:var(--chakra-colors-gray-100)}.user-role{font-size:12px;color:var(--chakra-colors-gray-500)}.chakra-ui-dark .user-role{color:var(--chakra-colors-gray-400)}.search-box{background-color:var(--chakra-colors-gray-50);border:1px solid var(--chakra-colors-gray-200);border-radius:6px;width:280px;height:36px;padding:0 12px;display:flex;align-items:center}.chakra-ui-dark .search-box{background-color:var(--chakra-colors-gray-700);border:1px solid var(--chakra-colors-gray-600)}.search-icon{color:var(--chakra-colors-gray-400);margin-right:8px}.chakra-ui-dark .search-icon{color:var(--chakra-colors-gray-300)}.search-input{border:none;background:transparent;outline:none;width:100%;font-size:14px;color:var(--chakra-colors-gray-600)}.chakra-ui-dark .search-input{color:var(--chakra-colors-gray-200)}.content-area{padding:24px}.notification-icon{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background-color:var(--chakra-colors-red-500);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}