.app-navigation{background-color:#fff;box-shadow:0 2px 10px #42424240;box-sizing:border-box;height:100vh;left:0;overflow-y:auto;padding:10px;position:fixed;top:0;transition:transform .3s ease;width:250px;z-index:900}.app-navigation::-webkit-scrollbar{width:4px}.app-navigation::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.app-navigation::-webkit-scrollbar-thumb{background:#213e89;border-radius:2px}.app-header{align-items:center;background:#fff;display:block;display:flex;height:60px;margin:20px 0;top:0;z-index:1}.logo{height:auto;max-width:200px;width:100%}.mobile-header{align-items:center;background:#fff;display:none;justify-content:space-between;margin-bottom:1rem;padding:10px;position:sticky;top:0;z-index:1}.close-nav{background:none;border:none;color:#213e89;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.navigation-items a{align-items:center;border-radius:5px;color:#000;display:flex;gap:15px;padding:12px 12px 12px 14px;text-decoration:none}.navigation-items a.router-link-active{background-color:#e7eeff}.navigation-items a i{color:#213e89}.nav_later{cursor:default;display:none!important;pointer-events:none}.desktop-only{display:block}@media (max-width:1024px){.app-navigation{max-width:300px;transform:translate(-100%);width:100%}.app-navigation.mobile-open{transform:translate(0)}.mobile-header{display:flex;height:60px}.close-nav{display:block}.desktop-only{display:none}}@media (min-width:769px) and (max-width:1024px){.app-navigation{max-width:280px}}.more-btn{align-items:center;background:none;border:none;border-radius:5px;color:#213e89;cursor:pointer;display:flex;font-size:1rem;gap:10px;margin:10px 0;padding:8px 12px;transition:background .2s,color .2s}.more-btn:hover{background:#e7eeff;color:#1a2d5c}.more-btn.active{background:#213e89;color:#fff}.more-btn .more-icon{transition:transform .3s}.more-btn .more-icon.rotated{transform:rotate(180deg)}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .3s,transform .3s}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(-10px)}.fade-slide-enter-to,.fade-slide-leave-from{opacity:1;transform:translateY(0)}.more-nav{display:flex;flex-direction:column;gap:2px;margin-top:5px;padding-top:5px}.loading-nav{background:linear-gradient(135deg,#f8f9ff,#e7eeff);border-radius:10px;margin:10px;padding:30px 20px;text-align:center}.loading-item{align-items:center;color:#213e89;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:center}.loading-item i{animation:spin 1s linear infinite;font-size:18px}.error-nav{background:linear-gradient(135deg,#fff5f5,#ffe6e6);border:1px solid #fcc;border-radius:10px;margin:10px;padding:25px 20px;text-align:center}.error-item{align-items:center;color:#dc3545;display:flex;flex-direction:column;font-size:14px;gap:15px}.error-item i{animation:pulse 2s ease-in-out infinite;color:#dc3545;font-size:28px}.retry-btn{align-items:center;background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 16px;transition:background .2s,transform .1s}.retry-btn:hover{background:#c82333}.retry-btn:active{transform:translateY(0)}.retry-btn i{font-size:12px}.no-nav-items{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:5px;margin-top:20px;padding:10px;text-align:center}.no-nav-message{align-items:center;color:#666;display:flex;flex-direction:column;font-size:14px;gap:15px;justify-content:center;text-align:center}.no-nav-message i{color:#999;font-size:24px}.auth-link{align-items:center;background:#213e89;border-radius:5px;color:#fff;display:inline-flex;font-size:12px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:background .2s,transform .1s}.auth-link:hover{background:#1a2d5c}.auth-link:active{transform:translateY(0)}.version-sign{bottom:14px;color:#666;font-size:16px;font-weight:400;left:24px;opacity:.7;pointer-events:none;position:absolute}body{padding-top:0!important}.header-wrapper{backface-visibility:hidden;background-color:#fff;box-shadow:0 2px 10px #42424240;box-sizing:border-box;height:60px;justify-content:space-between;padding:10px 30px;position:relative;right:0;top:0;transition:width .3s ease;will-change:transform}.header-left,.header-wrapper{align-items:center;display:flex}.header-left{gap:clamp(6px,2vw,16px);min-width:0}.menu-toggle{background:none;border:none;color:#213e89;cursor:pointer;display:none;font-size:clamp(20px,6vw,32px);padding:.5rem}.page_name{font-size:clamp(15px,calc(12.5px + .78125vw),20px);font-weight:600;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-wrapper-menu{align-items:center;display:flex;gap:clamp(6px,2vw,20px);min-width:0}.header-wrapper-menu div:hover{cursor:pointer}.menu_icons{align-items:center;display:flex;gap:clamp(6px,2vw,16px)}.menu_icons i,.personal{cursor:pointer;font-size:clamp(15px,calc(13.5px + .46875vw),18px)}.personal{align-items:center;display:flex;gap:clamp(6px,2vw,16px);min-width:0}#overlay_menu{margin-top:30px!important}.hidden-icon{display:none}.support-header-btn{align-items:center;background:#e7eeff;border-radius:6px;box-shadow:0 1px 4px #6366f10f;color:#1d4cd2;display:inline-flex;font-size:1rem;font-weight:600;gap:6px;padding:10px 30px;text-decoration:none;transition:background .15s,box-shadow .15s,color .15s}.support-header-btn:hover{background:#dbeafe;box-shadow:0 2px 8px #6366f121;color:#6366f1}.support-header-btn .pi{font-size:1.1em}@media (max-width:1024px){.menu-toggle{display:block}.header-wrapper{align-items:center!important;backface-visibility:visible!important;background-color:#fff!important;box-shadow:0 2px 10px #42424240!important;display:flex!important;justify-content:space-between!important;left:0;opacity:1!important;padding:8px clamp(4px,3vw,15px);right:0;transform:translateZ(0)!important;visibility:visible!important;width:100%;will-change:auto!important}.header-left{gap:clamp(6px,2vw,16px)!important}.header-left,.header-wrapper-menu{align-items:center!important;backface-visibility:visible!important;display:flex!important;min-width:0!important;opacity:1!important;transform:translateZ(0)!important;visibility:visible!important}.header-wrapper-menu{gap:clamp(6px,2vw,20px)!important}.page_name,.personal{color:#000!important;-webkit-text-fill-color:#000!important;-webkit-text-stroke:none!important}.page_name,.personal,.support-header-btn{opacity:1!important;visibility:visible!important}.support-header-btn{backface-visibility:visible!important;display:inline-flex!important;font-size:.95rem;padding:5px 10px;transform:translateZ(0)!important}.support-header-text{color:#1d4cd2!important;opacity:1!important;visibility:visible!important;-webkit-text-fill-color:#1d4cd2!important;-webkit-text-stroke:none!important}.menu-toggle{backface-visibility:visible!important;transform:translateZ(0)!important}.menu-toggle,.menu-toggle i{color:#213e89!important;opacity:1!important;visibility:visible!important}.menu-toggle i{-webkit-text-fill-color:#213e89!important;-webkit-text-stroke:none!important}.personal i{color:#000!important;opacity:1!important;visibility:visible!important;-webkit-text-fill-color:#000!important;-webkit-text-stroke:none!important}.personal-text{display:none}}body{margin:0;padding:0}.page-wrapper{display:flex;flex-direction:column;height:100vh;min-height:100vh}.content-wrapper{background-color:#e7eeff;flex:1;height:calc(100vh - 60px);margin-left:250px;min-height:calc(100vh - 60px);overflow:auto;padding-bottom:env(safe-area-inset-bottom);position:relative;scrollbar-gutter:stable both-edges;transition:margin-left .3s ease,margin-top .3s ease;width:calc(100% - 250px)}.content-wrapper.loading{margin-left:0;width:100%}.header-container{background-color:#fff;height:60px;overflow:hidden;position:sticky;top:0;z-index:800}.header-container .header-wrapper{transition:transform .3s ease-in-out}main{box-sizing:border-box;flex:1;margin:0 auto;padding:30px 50px 100px;width:100%}.page-content{box-sizing:border-box;flex:1;padding-bottom:100px}.loading-message,.page-content{display:flex;flex-direction:column}.loading-message{align-items:center;color:#666;flex:1;justify-content:center;margin:30px;padding-bottom:env(safe-area-inset-bottom);text-align:center}.loading-message h2{color:#213e89;font-size:24px;margin-bottom:10px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#213e89;height:40px;margin-top:20px;width:40px}.loading-timeout-message{animation:pulse 1.5s ease-in-out infinite;color:#f59e0b;font-size:14px;font-weight:500;margin-top:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.error-403{align-items:center;background:linear-gradient(135deg,#fff5f5,#ffe6e6);display:flex;flex:1;height:100%;justify-content:center;padding:30px}.error-content{background:#fff;border:1px solid #fcc;border-radius:15px;box-shadow:0 10px 30px #0000001a;max-width:400px;padding:40px 20px;text-align:center}.error-icon{margin-bottom:20px}.error-icon i{animation:pulse 2s ease-in-out infinite;color:#dc3545;font-size:48px}.error-403 h1{color:#dc3545;font-size:72px;font-weight:700;line-height:1;margin:0 0 10px}.error-403 h2{color:#333;font-size:24px;margin:0 0 15px}.error-403 p{color:#666;font-size:16px;margin:0 0 30px}.home-link{align-items:center;background:#213e89;border-radius:8px;color:#fff;display:inline-flex;font-weight:500;gap:10px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.home-link:hover{background:#1a2d5c;box-shadow:0 5px 15px #213e894d}.home-link i{font-size:16px}.error-loading{align-items:center;background:linear-gradient(135deg,#fff5f5,#ffe6e6);display:flex;flex:1;justify-content:center;padding:30px}.error-loading .error-content{background:#fff;border:1px solid #fcc;border-radius:15px;box-shadow:0 10px 30px #0000001a;max-width:400px;padding:40px 20px;text-align:center}.error-loading h2{color:#dc3545;font-size:24px;margin:0 0 15px}.error-loading p{color:#666;font-size:16px;margin:0 0 30px}.retry-btn{align-items:center;background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{background:#c82333;box-shadow:0 5px 15px #dc35454d}.retry-btn i{font-size:14px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.content-wrapper::-webkit-scrollbar,.page-content::-webkit-scrollbar,main::-webkit-scrollbar{display:none}.content-wrapper,.page-content,body,html,main{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}@media (max-width:1024px){.content-wrapper{height:calc(100vh - 60px);min-height:calc(100vh - 60px);overflow:auto}.content-wrapper,.content-wrapper.loading{margin-left:0;width:100%}main{margin:0;max-width:100%;padding:20px 25px 50px}.error-403,.error-loading,.loading-message{margin:15px}.error-content{padding:30px 15px}.error-403 h1{font-size:60px}}@media (min-width:769px) and (max-width:1024px){.content-wrapper{height:calc(100vh - 60px);min-height:calc(100vh - 60px);overflow:auto}.content-wrapper,.content-wrapper.loading{margin-left:0;width:100%}main{margin:0;max-width:100%;padding:25px 35px 50px}.error-403,.error-loading,.loading-message{margin:20px}}@media (max-width:768px){.content-wrapper{height:calc(100vh - 60px);min-height:calc(100vh - 60px);overflow:auto}.content-wrapper,.content-wrapper.loading{margin-left:0;width:100%}main{margin:0;max-width:100%;padding:15px 10px 50px}.error-403,.error-loading,.loading-message{margin:10px}.error-content{padding:25px 15px}.error-403 h1{font-size:48px}.error-403 h2{font-size:20px}}