:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}.btn{font-family:sans-serif;font-weight:700;border:none;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center}.btn-xs{padding:4px 8px;font-size:10px;height:24px}.btn-sm{padding:6px 12px;font-size:12px;height:32px}.btn-md{padding:8px 16px;font-size:14px;height:40px}.btn-lg{padding:12px 24px;font-size:16px;height:48px}.btn-xl{padding:16px 32px;font-size:18px;height:56px}.btn-primary{background-color:#512dbd;color:#fff;border-radius:8px}.btn-primary:hover{background-color:#6d3dff}.btn-secondary{background-color:#fff;color:#512dbd;border:2px solid #512dbd;border-radius:8px}.btn-secondary:hover{background-color:#f3f0ff}.app-container{display:flex;min-height:100vh;width:100vw}.right-wrapper{display:flex;flex-direction:column;flex:1}.main-content{padding:16px;height:100%}.header{background-color:#231452;display:flex;justify-content:flex-end;align-items:center;padding:16px}.header .title{color:#fff;font-size:32px;font-weight:700}.header nav{display:flex;flex-direction:row;gap:10px}.header nav a{color:#fff;text-decoration:none}.header nav a:hover{text-decoration:underline}.content-wrapper{display:flex;flex:1;width:100%}.sidebar{position:relative;background-color:#1a0f3d;width:220px;padding:0 8px 16px;display:flex;flex-direction:column;gap:16px;transition:width .5s ease}.sidebar-header{height:72px;display:flex;align-items:center;justify-content:space-between;position:relative}.sidebar-logo-link{display:flex;align-items:center;justify-content:center;height:100%;width:64px}.sidebar-logo{width:64px;height:64px;display:block;transition:margin .3s ease}.sidebar.collapsed .sidebar-logo{margin-right:16px}.sidebar.collapsed{width:80px}.collapse-btn{position:absolute;right:-25px;top:18px;width:36px;height:36px;border-radius:50%;background:#2b1a61;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .5s ease,background .2s}.collapse-btn:hover{background:#37247a}.collapse-btn.rotated{transform:rotate(180deg)}.menu{padding-inline:20px;display:flex;flex-direction:column;gap:12px}.menu-item{height:20px;display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;background:#2b1a61;color:#fff;text-decoration:none;font-size:16px;transition:background .2s}.menu-item:hover{background:#37247a}.menu-item .icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar.collapsed .menu-item{justify-content:flex-start}.sidebar.collapsed .menu-item .icon{margin:0}.sidebar.collapsed .text{display:none}.menu-item.submenu-toggle{border-radius:8px;transition:border-radius .3s ease,background .2s}.menu-item.submenu-toggle.open{border-radius:8px 8px 0 0}.submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;display:flex;flex-direction:column;background:#120a29;border-radius:0 0 8px 8px;margin-top:0;padding:0 12px}.submenu.open{max-height:500px;padding-top:8px}.submenu-item{display:flex;align-items:center;gap:8px;padding:6px 0;color:#fff;text-decoration:none;font-size:14px;transition:padding-left .3s ease}.submenu-item:hover{text-decoration:underline}.sidebar.collapsed .submenu{margin-left:0;padding-left:0}.sidebar.collapsed .submenu-item{padding-left:12px;font-size:12px;background:none}.submenu-item .icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.footer{background-color:#231452;padding:16px;text-align:center;font-size:14px;color:#7b7297}