body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-layout{background-color:#343a40;display:flex;flex-direction:column;min-height:100vh;position:relative}.content{background-color:#fff;box-sizing:border-box;flex:1 1}.content-desktop{margin-left:0;padding:140px 20px 20px;width:100%}.content-mobile{margin-left:0;padding:10px;width:100%}.app-header{align-items:center;background:linear-gradient(45deg,#222 30%,#667eea);box-sizing:border-box;color:#fff;display:flex;flex-wrap:wrap;gap:6px 20px;left:0;padding:10px 20px 0;position:fixed;top:0;transition:padding .25s ease,box-shadow .25s ease;width:100%;z-index:1000}.app-header-scrolled{box-shadow:0 4px 16px #00000059;padding:4px 20px 0}.app-header-scrolled .header-logo{height:38px}.app-header-scrolled .header-title{font-size:1.25rem}.header-brand{align-items:center;display:flex;flex-shrink:0;gap:15px;order:1}.header-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:80px;margin-right:0;padding-bottom:0;transition:transform .3s ease,height .25s ease;width:auto}.header-logo:hover{transform:scale(1.05)}.header-title{color:#fff;font-size:1.8rem;font-weight:600;letter-spacing:.5px;line-height:1.2;margin:0;text-shadow:0 2px 4px #0000004d;transition:font-size .25s ease;white-space:nowrap}.header-user{align-items:center;display:flex;flex-shrink:0;margin-left:auto;order:2}.header-version{color:#ffffffb3;font-size:.7rem;margin-right:14px;white-space:nowrap}.header-nav{align-items:flex-end;box-sizing:border-box;display:flex;flex:1 1 100%;gap:8px;height:42px;min-width:0;order:3;position:relative}.app-header-scrolled .header-nav{flex:1 1;order:2}.app-header-scrolled .header-user{margin-left:0;order:3}.nav-item-wrapper{align-items:flex-end;display:flex;position:relative}.nav-link-top{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;gap:4px;line-height:1;padding:6px 10px 4px;text-decoration:none;white-space:nowrap}.nav-link-top.active,.nav-link-top:hover{border-bottom:2px solid red}.caret{font-size:.65rem;margin-left:2px}.nav-dropdown{background:#2b2f38;border-radius:10px;box-shadow:0 8px 24px #0006;left:0;margin-top:6px;min-width:190px;padding:8px;position:absolute;top:100%;z-index:1100}.nav-dropdown,.nav-dropdown-group{display:flex;flex-direction:column}.nav-dropdown-link{background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;padding:10px 14px;text-align:left;text-decoration:none;white-space:nowrap}.nav-dropdown-link.active,.nav-dropdown-link:hover{background:#ffffff26}.nav-dropdown-link.nested{font-size:.85rem;opacity:.9;padding-left:26px}.nav-dropdown-submenu{display:flex;flex-direction:column}.nav-measure{display:flex;gap:8px;left:-9999px;pointer-events:none;position:absolute;top:-9999px;visibility:hidden;white-space:nowrap}.authenticated-user,.guest-user{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff0;border-radius:25px;color:#fff;cursor:pointer;display:flex;padding:8px 16px;transition:all .3s ease}.guest-user:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.lock-icon{font-size:1.2rem;margin-left:10px}.authenticated-user i{font-size:1.2rem;margin-right:8px}.mobile-nav-bar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 20px #0000004d;box-sizing:border-box;color:#fff;display:flex;height:60px;justify-content:space-between;left:0;padding:10px 20px;position:fixed;right:0;top:0;z-index:1000}.mobile-menu-title,.mobile-nav-title{font-size:1.3rem;font-weight:600;text-shadow:0 2px 4px #0000004d}.menu-close,.menu-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1.3rem;padding:8px;transition:all .3s ease}.menu-close:hover,.menu-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.mobile-menu-overlay{color:#fff;height:100vh;left:0;overflow-y:auto;position:fixed;width:100vw;z-index:999}.mobile-menu-header,.mobile-menu-overlay{background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;top:0}.mobile-menu-header{align-items:center;border-bottom:1px solid #ffffff4d;display:flex;height:70px;justify-content:space-between;padding:15px 20px;position:sticky}.mobile-menu-content{box-sizing:border-box;padding:20px}.side-menu{-ms-overflow-style:none;background:linear-gradient(180deg,#222 20%,#667eea);box-shadow:2px 0 10px #0000004d;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;overflow-y:auto;padding-top:70px;position:fixed;scrollbar-width:none;top:0;width:200px}.side-menu::-webkit-scrollbar{display:none}.menu-items{flex:1 1;padding-bottom:0}.menu-footer{background:#0000;color:#fffc;font-size:.5em;padding:15px 20px 20px;text-align:center}.menu-link,.nav-link{box-sizing:border-box;color:#fff;display:block;position:relative;text-decoration:none;transition:all .3s ease}.menu-link:hover,.nav-link:hover{background:linear-gradient(90deg,#667eea4d,#764ba24d);padding-left:25px}.menu-link.level-0{border-bottom:1px solid #ffffff1a;font-size:1rem;font-weight:500;padding:15px 20px}.nav-link.level-0{font-size:1rem;font-weight:400;padding:6px 20px}.menu-link.level-1,.nav-link.level-1{background:#0000001a;font-size:.9rem;padding:10px 20px}.menu-link.level-1:hover,.nav-link.level-1:hover{background:linear-gradient(90deg,#667eea66,#764ba266)}.submenu{background:#0000000d;padding-left:15px}*{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden}@media (max-width:768px){.header-logo{height:50px}.header-title{font-size:1.4rem}.mobile-menu-title,.mobile-nav-title{font-size:1.2rem}.app-header{height:65px;padding:8px 15px}}.login-container{align-items:center;background:linear-gradient(135deg,#7f08ff,#ff671f);bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-form{background:#fff;border-radius:10px;box-shadow:0 10px 20px rgba(20,13,13,.966);max-width:400px;padding:40px;text-align:center;width:100%}h2{color:#333;font-size:2rem}.form-group,h2{margin-bottom:20px}.form-group{text-align:left}label{color:#555;font-size:.9rem}input{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-top:5px;padding:10px;width:100%}input:focus{border-color:#2575fc;outline:none}button.login-btn{background-color:#2575fc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px;transition:background-color .3s ease;width:100%}button.login-btn:hover{background-color:#6a11cb}.error-message{color:red;font-size:.9rem;margin-bottom:15px}.forgot-password{margin-top:20px}.forgot-password a{color:#2575fc;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;vertical-align:middle;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-btn:disabled{cursor:not-allowed;opacity:.7}.mm-bottom-nav{align-items:center;background:#fff;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;height:65px;justify-content:space-around;left:0;position:fixed;right:0;z-index:100}.mm-bottom-nav-item{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;height:100%;justify-content:center;outline:none;padding:5px 0;position:relative;transition:color .2s}.mm-bottom-nav-item.mm-active,.mm-bottom-nav-item.mm-active .mm-bottom-nav-icon,.mm-bottom-nav-item.mm-active .mm-bottom-nav-icon span{color:#f93!important}.mm-bottom-nav-icon{align-items:center;display:flex;font-size:28px;justify-content:center;margin-bottom:0}.mm-bottom-nav-icon span{align-items:center;display:inline-flex;justify-content:center}.mm-mobile-menu-overlay{animation:mm-slideIn .3s ease-out;background:#fff;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:200}@keyframes mm-slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.mm-mobile-menu-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;min-height:60px;padding:15px 20px;position:sticky;top:0;z-index:10}.mm-mobile-menu-title{color:#333;font-size:18px;font-weight:600}.mm-menu-close{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px}.mm-mobile-menu-content{-webkit-overflow-scrolling:touch;background:#fff;height:calc(100vh - 70px);overflow-y:auto;padding:0}.mm-menu-item{background:#fff;border-bottom:1px solid #f0f0f0;width:100%}.mm-menu-link{align-items:center;background:#fff;border:none;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:16px;line-height:1.5;padding:15px 20px;text-align:left;text-decoration:none;transition:background .2s,color .2s;width:100%}.mm-menu-link:hover{background:#f5f5f5}.mm-menu-link.mm-active-link{background:#fff8f0;color:#f93!important;font-weight:700}.mm-menu-link.mm-level-0{font-size:16px;font-weight:500;padding-left:20px}.mm-menu-link.mm-level-1{color:#555;font-size:14px;padding-left:35px}.mm-menu-link.mm-level-2{color:#777;font-size:13px;padding-left:50px}.mm-submenu{background:#fafafa}.mm-submenu .mm-menu-item{border-bottom:none}.mm-submenu .mm-menu-link{padding:12px 20px 12px 35px}body{padding-bottom:65px}@media (min-width:768px){.mm-bottom-nav{display:none!important}body{padding-bottom:0}}.mm-mobile-menu-content::-webkit-scrollbar{width:4px}.mm-mobile-menu-content::-webkit-scrollbar-track{background:#f1f1f1}.mm-mobile-menu-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.mm-mobile-menu-content::-webkit-scrollbar-thumb:hover{background:#aaa}.header{align-items:center;background-color:#343a40;color:#fff;display:flex;height:60px;justify-content:space-between;padding:10px 20px;position:fixed;width:100%;z-index:1000}.header img{height:70px;margin-right:15px}.header h1{color:#fff;font-size:1.5rem;line-height:1;margin:0;padding:0}.right-section{align-items:center;color:#fff;display:flex;font-size:1rem;margin-left:auto;padding-right:6px}.fas.fa-user{font-size:1.2rem;margin-right:3px}.fas.fa-user:hover,.lock-icon:hover{color:#ccc}