:root{--background:0 0% 100%;--foreground:223 32% 22%;--card:0 0% 100%;--card-foreground:223 32% 22%;--popover:0 0% 100%;--popover-foreground:223 32% 22%;--primary:248 80% 61%;--primary-foreground:0 0% 100%;--secondary:137 89% 40%;--secondary-foreground:0 0% 100%;--muted:230 25% 95%;--muted-foreground:224 16% 54%;--accent:230 25% 95%;--accent-foreground:223 32% 22%;--destructive:349 86% 50%;--destructive-foreground:0 0% 100%;--border:230 25% 95%;--input:225 23% 89%;--ring:212 88% 51%;--radius:0.5rem;--chart-1:47 100% 48%;--chart-2:137 89% 40%;--chart-3:212 88% 51%;--chart-4:252 83% 52%;--chart-5:349 86% 50%}.dark{--background:222 15% 13%;--foreground:0 0% 100%;--card:222 15% 13%;--card-foreground:0 0% 100%;--popover:222 15% 13%;--popover-foreground:0 0% 100%;--primary:212 88% 51%;--primary-foreground:0 0% 100%;--secondary:137 89% 40%;--secondary-foreground:0 0% 100%;--muted:231 11% 12%;--muted-foreground:232 7% 53%;--accent:231 11% 12%;--accent-foreground:234 15% 75%;--destructive:349 86% 50%;--destructive-foreground:0 0% 100%;--border:231 11% 12%;--input:228 11% 24%;--ring:212 88% 51%;--chart-1:47 100% 48%;--chart-2:137 89% 40%;--chart-3:212 88% 51%;--chart-4:256 89% 53%;--chart-5:349 86% 50%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.main-panel{--tw-sidebar-transition-duration:0.3s;--tw-sidebar-transition-timing:ease;--tw-sidebar-width:280px;--tw-sidebar-default-width:280px;--tw-header-height:70px}@media (max-width:1024px){.main-panel{--tw-sidebar-width:280px;--tw-header-height:60px}.main-panel.sidebar-fixed.header-fixed .header{width:100%}}Base
.main-panel .header{height:var(--tw-header-height)}.main-panel .sidebar{width:var(--tw-sidebar-width)}.demo1.header-fixed .wrapper{padding-top:var(--tw-header-height)}@media (min-width:1024px){.main-panel .sidebar{width:var(--tw-sidebar-width);transition:width var(--tw-sidebar-transition-duration) var(--tw-sidebar-transition-timing)}.main-panel .sidebar .sidebar-header{height:var(--tw-header-height)}.main-panel .sidebar .sidebar-logo,.main-panel .sidebar .sidebar-wrapper{width:var(--tw-sidebar-default-width)}.main-panel .sidebar .small-logo{display:none}.main-panel.sidebar-fixed .wrapper{padding-inline-start:var(--tw-sidebar-width)}.main-panel.sidebar-fixed.header-fixed .header{inset-inline-start:var(--tw-sidebar-width)}.main-panel.sidebar-fixed.header-fixed .wrapper{padding-top:var(--tw-header-height)}.main-panel.sidebar-collapse{--tw-sidebar-width:80px}.main-panel.sidebar-collapse .sidebar{transition:width var(--tw-sidebar-transition-duration) var(--tw-sidebar-transition-timing)}.main-panel.sidebar-collapse .sidebar.animating{pointer-events:none}.main-panel.sidebar-collapse .sidebar:hover:not(.animating){width:var(--tw-sidebar-default-width);transition:width var(--tw-sidebar-transition-duration) var(--tw-sidebar-transition-timing)}.main-panel.sidebar-collapse .sidebar:not(:hover) .default-logo{display:none}.main-panel.sidebar-collapse .sidebar:not(:hover) .small-logo{display:flex}.main-panel.sidebar-collapse .sidebar:not(:hover) .ant-menu-submenu ul,.main-panel.sidebar-collapse .sidebar:not(:hover) .ant-menu-submenu-arrow,.main-panel.sidebar-collapse .sidebar:not(:hover) .ant-menu-title,.main-panel.sidebar-collapse .sidebar:not(:hover) .menu-badge{display:none}.main-panel.sidebar-collapse .sidebar:not(:hover) .ant-menu-submenu .ant-menu-submenu-title{width:100%}.main-panel.sidebar-collapse .sidebar:not(:hover) .ant-menu-submenu .ant-menu-submenu-title .submenu-parent-title{width:24px}.main-panel.sidebar-collapse .sidebar:not(:hover) .menu>.menu-item>.menu-accordion{display:none}.main-panel.sidebar-collapse .sidebar:not(:hover) .menu>.menu-item>.menu-heading{visibility:hidden;position:relative}.main-panel.sidebar-collapse .sidebar:not(:hover) .menu>.menu-item>.menu-heading:before{content:"...";color:currentColor;font-size:inherit;position:absolute;visibility:visible;display:inline-block;bottom:50%;inset-inline-start:0;margin-inline-start:.225rem;transform:translateX(100%)}.main-panel.sidebar-collapse .sidebar .sidebar-content{overflow:hidden}}.main-panel.layout-initialized .wrapper{transition:padding-inline-start var(--tw-sidebar-transition-duration) var(--tw-sidebar-transition-timing)}.main-panel.layout-initialized .header{transition:inset-inline-start var(--tw-sidebar-transition-duration) var(--tw-sidebar-transition-timing)}