@charset "UTF-8";body{margin:0;height:100vh;padding:0}[data-theme=light] body{background-color:#fadbed}[data-theme=dark] body{background-color:#272727}@media screen and (max-width: 768px){.navigate[data-v-913dad8b]{display:none}}@media screen and (min-width: 769px){.navigate[data-v-913dad8b]{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-start;gap:20px;margin:0;padding:10px 20px;height:50px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);isolation:isolate;background-color:#fff1;box-shadow:0 2px 5px #0000009f;pointer-events:auto;z-index:1000}.navigate.menu-open[data-v-913dad8b]{height:110px}.navigate>a[data-v-913dad8b]{margin-top:10px;width:100px;height:30px;color:#fff;background-color:#409eff;border:1px solid #000000;text-decoration:none;border-radius:5px;transition:all .3s ease;display:grid;place-items:center;font-size:16px}.navigate>a[data-v-913dad8b]:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0003}.navigate>a.active[data-v-913dad8b]{background-color:#e77ebb}.navigate .logout-btn[data-v-913dad8b]{background-color:#f44336cc;border:1px solid #000000;cursor:pointer}.navigate .login-btn[data-v-913dad8b]{background-color:#409effcc}.navigate .theme-toggle[data-v-913dad8b]{position:absolute;right:20px;margin-top:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;border-radius:5px;transition:all .3s ease}.navigate .theme-toggle .theme-icon[data-v-913dad8b]{font-size:16px;transition:all .3s ease}.navigate .theme-toggle .theme-icon.icon-sun[data-v-913dad8b]:before{content:"☀️"}.navigate .theme-toggle .theme-icon.icon-moon[data-v-913dad8b]:before{content:"🌙"}.hidden-nav[data-v-913dad8b]{transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s ease}.menu-container[data-v-913dad8b]{position:relative;margin-top:10px}.dropdown-menu[data-v-913dad8b]{position:relative}.dropdown-menu .nav-btn[data-v-913dad8b]{margin:0;width:100px;height:30px;color:#fff;background-color:#409eff;border:1px solid #000000;text-decoration:none;border-radius:5px;transition:all .3s ease;display:grid;place-items:center;font-size:16px;cursor:pointer}.dropdown-menu .nav-btn[data-v-913dad8b]:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0003}.dropdown-menu .nav-btn.active[data-v-913dad8b]{background-color:#e77ebb}.dropdown-menu .sub-menu-container[data-v-913dad8b]{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:5px;width:auto;min-width:200px;display:flex;justify-content:center;gap:10px;padding:0;background:#409effe6;border-radius:5px;opacity:0;visibility:hidden;height:0;overflow:hidden;transition:all .3s ease}.dropdown-menu .sub-menu-container.show[data-v-913dad8b]{opacity:1;visibility:visible;height:40px;padding:5px}.dropdown-menu .sub-menu-container a[data-v-913dad8b]{width:100px;height:30px;margin:0;color:#fff;background-color:#409eff;border:1px solid #000000;text-decoration:none;border-radius:5px;transition:all .3s ease;display:grid;place-items:center;font-size:16px}.dropdown-menu .sub-menu-container a[data-v-913dad8b]:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0003}.dropdown-menu .sub-menu-container a.active[data-v-913dad8b]{background-color:#e77ebb}[data-theme=dark] .sub-menu-container[data-v-913dad8b]{background:#0000}[data-theme=light] .sub-menu-container[data-v-913dad8b]{background:#fff0}[data-theme=light] .sub-menu-container a[data-v-913dad8b]{color:#000}[data-theme=light] .sub-menu-container a[data-v-913dad8b]:hover{color:#fff}}@media screen and (min-width: 769px){.mobile-sidebar[data-v-39c27ce2],.hamburger-menu[data-v-39c27ce2],.logo[data-v-39c27ce2]{display:none}}@media screen and (max-width: 768px){.nav-logo[data-v-39c27ce2]{width:100px;margin:100px auto}.nav-logo img[data-v-39c27ce2]{width:100%;height:100%}.mobile-top-nav[data-v-39c27ce2]{position:fixed;top:0;left:0;width:100%;height:50px;z-index:1000;transition:transform .3s ease;display:flex;align-items:center;justify-content:flex-start}.mobile-top-nav .logo[data-v-39c27ce2]{width:30px;height:30px;position:absolute;left:50%;transform:translate(-50%)}.mobile-top-nav .logo img[data-v-39c27ce2]{width:100%;height:100%}.mobile-top-nav.hidden[data-v-39c27ce2]{transform:translateY(-100%)}.mobile-top-nav .theme-toggle[data-v-39c27ce2]{position:absolute;right:15px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-top-nav .theme-toggle .theme-icon[data-v-39c27ce2]{font-size:20px;transition:all .3s ease}.mobile-top-nav .theme-toggle .theme-icon.icon-sun[data-v-39c27ce2]:before{content:"☀️"}.mobile-top-nav .theme-toggle .theme-icon.icon-moon[data-v-39c27ce2]:before{content:"🌙"}.hamburger-menu[data-v-39c27ce2]{display:block;position:relative;left:15px;width:20px;cursor:pointer;z-index:9999}.hamburger-menu span[data-v-39c27ce2]{display:block;width:100%;height:3px;margin:2px 0;transition:all .3s ease}.mobile-sidebar[data-v-39c27ce2]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1500;pointer-events:none}.mobile-sidebar .sidebar-overlay[data-v-39c27ce2]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;opacity:0;transition:opacity .3s ease}.mobile-sidebar .sidebar-content[data-v-39c27ce2]{position:absolute;top:0;left:-300px;width:280px;height:100%;transition:transform .3s ease;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column}.mobile-sidebar .close-btn[data-v-39c27ce2]{position:absolute;top:0;right:-35px;background:none;border:none;font-size:50px;cursor:pointer;color:#f80505}.mobile-sidebar.sidebar-open[data-v-39c27ce2]{pointer-events:auto}.mobile-sidebar.sidebar-open .sidebar-overlay[data-v-39c27ce2]{opacity:1}.mobile-sidebar.sidebar-open .sidebar-content[data-v-39c27ce2]{transform:translate(300px)}[data-theme=light] .mobile-top-nav[data-v-39c27ce2]{box-shadow:0 0 10px #000}[data-theme=light] .mobile-top-nav .hamburger-menu span[data-v-39c27ce2]{background-color:#272727}[data-theme=light] .sidebar-content[data-v-39c27ce2]{background-color:#fadbed}[data-theme=dark] .mobile-top-nav[data-v-39c27ce2]{box-shadow:0 0 10px #fff}[data-theme=dark] .mobile-top-nav .hamburger-menu span[data-v-39c27ce2]{background-color:#fff}[data-theme=dark] .sidebar-content[data-v-39c27ce2]{background-color:#272727}}nav a[data-v-39c27ce2],nav .nav-link[data-v-39c27ce2]{display:block;padding:12px 20px;margin:0 50px 20px;text-decoration:none;color:#fff;background-color:#40a0ff;border-radius:8px;transition:all .3s ease;font-size:15px;text-align:center}nav a[data-v-39c27ce2]:hover,nav .nav-link[data-v-39c27ce2]:hover{background-color:#f873e6;transform:translateY(-2px)}nav a.active[data-v-39c27ce2],nav .nav-link.active[data-v-39c27ce2]{background-color:#f873e6}nav>.nav-item>.nav-link[data-v-39c27ce2]{background-color:#40a0ff;color:#fff;margin-bottom:20px;text-align:center;cursor:pointer}nav>.nav-item>.nav-link[data-v-39c27ce2]:hover{background-color:#f873e6;transform:translateY(-2px)}nav .submenu-enter-active[data-v-39c27ce2],nav .submenu-leave-active[data-v-39c27ce2]{transition:all .3s ease;max-height:200px}nav .submenu-enter-from[data-v-39c27ce2],nav .submenu-leave-to[data-v-39c27ce2]{opacity:0;max-height:0;transform:translateY(-10px)}nav .sub-menu[data-v-39c27ce2]{display:flex;flex-direction:column;align-items:center;padding-left:0;width:100%;overflow:hidden}nav .sub-menu a[data-v-39c27ce2]{font-size:14px;margin-bottom:20px;background-color:#40a0ff86;width:25%;text-align:center}nav .sub-menu a[data-v-39c27ce2]:hover{background-color:#f873e6;transform:translateY(-2px)}nav .sub-menu a.active[data-v-39c27ce2]{background-color:#f873e6}.mobile-auth-buttons[data-v-39c27ce2]{padding:20px;display:flex;justify-content:center;gap:10px}.mobile-auth-buttons .login-btn[data-v-39c27ce2]{background-color:#67c23a!important}.mobile-auth-buttons .login-btn[data-v-39c27ce2]:hover{background-color:#85ce61!important;transform:translateY(-2px)}.mobile-auth-buttons .logout-btn[data-v-39c27ce2]{background-color:#f56c6c!important}.mobile-auth-buttons .logout-btn[data-v-39c27ce2]:hover{background-color:#f78989!important;transform:translateY(-2px)}.app[data-v-27955e46]{max-width:1000px;height:10vh;margin:0 auto;border-radius:10px}@media (prefers-color-scheme: light){.main-content[data-v-27955e46]{background-size:cover;background-position:center;background-repeat:no-repeat}}