.profile-menu{position:absolute;top:60px;right:15px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 8px #00000026;z-index:1000;min-width:260px;padding:12px}.profile-menu.show{display:block}.profile-header{display:flex;padding:12px;border-radius:8px;background:var(--profile-color);align-items:center;margin-bottom:16px}.profile-avatar{background:#fff;color:#fff;font-size:28px;font-weight:700;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.profile-info{flex-grow:1}.profile-info h2{margin:0;font-size:16px}.profile-info p{margin:2px 0;font-size:13px;color:#aaa}.profile-wallet{background:var(--profile-color);padding:12px;border-radius:8px;margin-bottom:12px}.profile-wallet h3{margin:0;font-size:14px;color:#000}.profile-wallet hr{margin-bottom:15px}.profile-wallet div a{color:#4cafef;font-size:14px}.profile-money{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#777}.profile-money span{font-size:18px;// font-weight: bold}.profile-menu ul{display:inline;list-style:none;margin:0;padding:0}.profile-menu ul li a{display:block;text-decoration:none;color:#333}.profile-menu ul li a:hover{background:#f5f5f5}:root{--profile-color: #F5F5F5}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{background:#f9f9f9;color:#333;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.allow-select{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.hide{display:none}.navbarTop{position:sticky;top:0;z-index:1000;max-height:60px;height:60px;transition:all .3s ease}.navbarBottom{position:sticky;bottom:0;z-index:1000;max-height:60px;height:60px;transition:all .3s ease;display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid #ddd}.navbarBottom a{text-decoration:none;color:#666}.navbarBottom a.active{color:#0ea5e9}.app-shell{display:flex;flex-direction:column;height:100vh}nav{transition:all .3s ease;align-items:center;justify-content:space-between;display:flex;height:100%;padding:0rem 1rem;background:#fff;box-shadow:0 2px 6px #0000001a;position:sticky;top:0;z-index:1000}main{padding:15px;flex:1;display:inline}.not_anonymous,.not_signedIn{display:none}._global_nav-left{display:flex;align-items:center;gap:1rem;transition:all .3s ease}._global_logo{font-weight:700;color:#ff8c00;font-size:1.4rem;padding:5px}nav ul{display:flex;list-style:none;transition:all .3s ease;align-items:center}nav ul li{border-radius:10px;padding:8px;padding-left:.8rem;padding-right:.8rem;transition:all .3s ease}nav ul li:hover{background:#f6f6f6}nav ul li a{text-wrap-mode:nowrap;text-decoration:none;color:#333;font-weight:500}.hamburger{display:flex;flex-direction:column;cursor:pointer;gap:5px;padding:10px;transition:all .3s ease;border-radius:10px}.hamburger:hover{background:#f5f5f5}.hamburger span{width:22px;height:3px;background:#333;border-radius:2px}.sidebar{position:fixed;top:0;left:-250px;width:250px;height:100vh;background:#fff;box-shadow:2px 0 6px #0000001a;padding:2rem 1rem;transition:left .3s ease;z-index:1100}.sidebar.open{left:0}.sidebar ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.sidebar ul li a{text-decoration:none;color:#333;font-weight:500}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1050}.overlay.show{opacity:1;visibility:visible}.search-wrapper{position:relative;display:flex;align-items:center;transition:all .3s ease;justify-self:right;justify-content:end}.search-input{width:0;opacity:0;padding:.5rem;border:1px solid #ccc;border-radius:20px;outline:none;transition:width .3s ease,opacity .3s ease;font-size:1rem}.search-wrapper.active .search-input{width:100%;opacity:1;margin-right:.5rem}.search-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;color:#333}.hero{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;text-align:center;padding:6rem 2rem}.hero h1{font-size:3rem;margin-bottom:1rem}.hero h1 span{color:#ff8c00}.hero p{font-size:1.1rem;margin-bottom:2rem}.nav-right{display:flex;align-items:center;gap:15px}.profile-btn{cursor:pointer;width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid #ddd;display:flex;align-items:center;justify-content:center}.profile-btn img{width:100%;height:100%;object-fit:cover}@media(max-width:840px){nav.search-active ul{display:none}}@media(max-width:768px){.search-wrapper{flex:1}nav ul{display:none}.hero h1{font-size:2rem}nav.search-active ._global_nav-left,nav.search-active .profile-btn{display:none;width:0px}nav.search-active .nav-right{width:100%}nav.search-active .search-wrapper{flex:1;justify-content:center}nav.search-active .search-wrapper.active .search-input{width:100%;opacity:1}}