:root{--navbar-height:70px;--navbar-mobile-height:60px;--navbar-bg:var(--bg-card, #1a1d29);--navbar-bg-scrolled:rgba(26, 29, 41, 0.95);--navbar-text:var(--text-muted, #aabddd);--navbar-text-active:var(--text-white, #ffffff);--navbar-border-radius:var(--border-radius-md, 8px);--navbar-item-spacing:2px;--navbar-transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);--navbar-transition-fast:all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);--navbar-transition-smooth:all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);--navbar-shadow:0 2px 10px rgba(0, 0, 0, 0.15);--navbar-shadow-scrolled:0 4px 20px rgba(0, 0, 0, 0.25);--navbar-shadow-subtle:0 1px 3px rgba(0, 0, 0, 0.1);--navbar-shadow-medium:0 4px 12px rgba(0, 0, 0, 0.15);--navbar-shadow-strong:0 8px 25px rgba(0, 0, 0, 0.25);--navbar-item-bg-hover:var(--bg-hover, rgba(255, 255, 255, 0.05));--navbar-item-bg-active:var(--primary-color, #3d5af1);--navbar-item-active-gradient:var(--primary-gradient, linear-gradient(45deg, #3d5af1, #22d1ee));--navbar-primary-rgb:61,90,241;--navbar-secondary-rgb:34,209,238;--navbar-accent-glow:rgba(61, 90, 241, 0.4)}.market-navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background-color:var(--navbar-bg);box-shadow:var(--navbar-shadow);z-index:1000;min-width:1200px;transition:var(--navbar-transition)}.market-navbar.scrolled{height:calc(var(--navbar-height) - 10px);background-color:var(--navbar-bg-scrolled);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--navbar-shadow-scrolled)}.market-navbar-container{width:1400px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.market-navbar-left{display:flex;align-items:center;height:100%}.market-logo{display:flex;align-items:center;color:var(--navbar-text-active);text-decoration:none;height:100%;padding:0 12px;transition:var(--navbar-transition);margin-right:10px;flex-shrink:0}.market-logo:hover{opacity:.9}.market-logo img{height:36px;margin-right:10px;transition:var(--navbar-transition)}.market-logo span{font-size:22px;font-weight:700;letter-spacing:.5px;transition:var(--navbar-transition)}.scrolled .market-logo img{height:30px}.scrolled .market-logo span{font-size:20px}.market-navbar-center{flex:1;display:flex;justify-content:flex-start;margin-left:20px}.market-navbar-nav{display:flex;flex-direction:row;list-style:none;margin:0;padding:0;height:100%;gap:var(--navbar-item-spacing);position:relative}.market-nav-item{height:100%;display:flex;align-items:center;position:relative}.market-nav-link{color:var(--navbar-text);font-weight:500;padding:0 16px;height:42px;border-radius:var(--navbar-border-radius);text-decoration:none;transition:var(--navbar-transition);display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;z-index:1}.market-nav-icon{display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .3s ease}.market-nav-text{font-size:14px;letter-spacing:.2px;transition:transform .3s ease}.market-nav-link:hover{color:var(--navbar-text-active);background:linear-gradient(135deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.04) 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.1);transition:var(--navbar-transition-fast)}.market-nav-link:hover .market-nav-icon{transform:scale(1.1) rotate(-2deg);transition:var(--navbar-transition-fast)}.market-nav-link:hover .market-nav-text{text-shadow:0 0 8px rgba(255,255,255,.3)}.market-nav-item.active .market-nav-link,.market-nav-link.active{position:relative;color:var(--navbar-text-active);font-weight:600;background:linear-gradient(135deg,rgba(var(--navbar-primary-rgb),.12) 0,rgba(var(--navbar-secondary-rgb),.06) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 8px var(--navbar-accent-glow),0 0 0 1px rgba(var(--navbar-primary-rgb),.2);transform:translateY(-1px);overflow:visible;border-radius:var(--navbar-border-radius);animation:activateNavItem .4s cubic-bezier(.4,0,.2,1)}.market-nav-item.active .market-nav-link::before,.market-nav-link.active::before{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:60%;height:2px;background:var(--navbar-item-active-gradient);border-radius:1px;box-shadow:0 0 8px rgba(var(--navbar-primary-rgb),.6),0 0 16px rgba(var(--navbar-primary-rgb),.3);animation:activeIndicator 1s ease-out,pulse-glow 2s infinite 1s}.market-nav-item.active .market-nav-link .market-nav-icon,.market-nav-link.active .market-nav-icon{transform:scale(1.15);text-shadow:0 0 10px rgba(255,255,255,.5)}.market-nav-item.active .market-nav-link .market-nav-text,.market-nav-link.active .market-nav-text{text-shadow:0 0 8px rgba(255,255,255,.3)}@keyframes activateNavItem{0%{background:0 0;box-shadow:none}50%{background:linear-gradient(135deg,rgba(var(--navbar-primary-rgb),.15) 0,rgba(var(--navbar-secondary-rgb),.08) 100%)}100%{background:linear-gradient(135deg,rgba(var(--navbar-primary-rgb),.12) 0,rgba(var(--navbar-secondary-rgb),.06) 100%)}}@keyframes activeIndicator{0%{width:0%;opacity:0}50%{opacity:1}100%{width:60%;opacity:1}}@keyframes pulse-glow{0%,100%{box-shadow:0 0 8px rgba(var(--navbar-primary-rgb),.6),0 0 16px rgba(var(--navbar-primary-rgb),.3)}50%{box-shadow:0 0 12px rgba(var(--navbar-primary-rgb),.8),0 0 24px rgba(var(--navbar-primary-rgb),.4)}}.market-navbar-right{display:flex;align-items:center;height:100%;gap:12px}.login-prompt{display:flex;align-items:center}.login-prompt .login-btn{display:flex;align-items:center;background-color:var(--primary-color);color:#fff;padding:6px 15px;border-radius:var(--navbar-border-radius);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.3)}.login-prompt .login-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.4)}.login-prompt i{margin-right:5px;font-size:16px}.user-menu-dropdown{position:relative;display:flex;align-items:center}.user-menu-button{display:flex;align-items:center;background:0 0;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--navbar-border-radius);transition:var(--navbar-transition);border:1px solid transparent}.user-menu-button:hover{background-color:var(--navbar-item-bg-hover);border-color:rgba(255,255,255,.1)}.user-avatar-container{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid transparent;transition:var(--navbar-transition);position:relative;background-color:var(--navbar-item-bg-hover)}.user-menu-button:hover .user-avatar-container{border-color:var(--navbar-item-bg-active)}.user-avatar-container img{width:100%;height:100%;object-fit:cover}.user-menu-name{color:var(--navbar-text-active);font-weight:500;font-size:14px;margin:0 8px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{font-size:12px;color:var(--navbar-text);transition:var(--navbar-transition)}.user-menu-button:hover .dropdown-arrow{color:var(--navbar-text-active);transform:translateY(2px)}.user-menu-dropdown .dropdown-menu{position:absolute;right:0;top:calc(100% + 10px);background-color:var(--navbar-bg);border-radius:var(--navbar-border-radius);box-shadow:0 5px 25px rgba(0,0,0,.2);width:160px;padding:8px 0;display:none;z-index:9999;border:1px solid rgba(255,255,255,.05);overflow:hidden;font-size:14px}.user-menu-dropdown.show .dropdown-menu{display:block;animation:fadeIn .2s ease}.dropdown-item{display:flex;align-items:center;padding:10px;color:var(--navbar-text);text-decoration:none;transition:all .25s cubic-bezier(.25, .8, .25, 1);position:relative;gap:12px;border-left:0 solid transparent}.dropdown-item i{font-size:16px;color:var(--navbar-text);transition:all .25s cubic-bezier(.25, .8, .25, 1)}.dropdown-item:hover{background-color:rgba(255,255,255,.05);color:var(--navbar-text-active);border-left:3px solid var(--navbar-item-bg-active);padding-left:17px}.dropdown-item:hover i{color:var(--navbar-item-bg-active);transform:translateX(2px)}.dropdown-item::after{content:'';position:absolute;width:0;height:100%;top:0;left:0;background-color:rgba(var(--primary-rgb),.05);transition:width .3s ease;z-index:-1}.dropdown-item:hover::after{width:100%}.dropdown-divider{height:1px;background:linear-gradient(to right,rgba(255,255,255,.01),rgba(255,255,255,.05),rgba(255,255,255,.01));margin:4px 0}.logout-btn{margin-top:4px;color:#ff5a5a;border-bottom-left-radius:var(--navbar-border-radius);border-bottom-right-radius:var(--navbar-border-radius)}.logout-btn i{color:#ff5a5a;transition:transform .3s ease}.logout-btn:hover{background-color:rgba(255,90,90,.1)}.logout-btn:hover i{transform:translateX(0) rotate(-90deg)}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-icon-wrapper{margin-right:15px;position:relative}.notification-icon-link{text-decoration:none;color:var(--text-light);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.notification-icon-link:hover{color:var(--text-white)}.notification-icon{position:relative;width:36px;height:36px;border-radius:50%;background-color:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid transparent}.notification-icon i{font-size:18px;color:var(--text-light);transition:all .3s ease}.notification-icon:hover{background-color:rgba(255,255,255,.1);transform:translateY(-2px);border-color:rgba(58,123,213,.3)}.notification-icon:hover i{color:var(--text-white)}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:9px;background-color:#ff5a5a;color:#fff;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 0 5px rgba(255,90,90,.5);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,90,90,.7)}70%{box-shadow:0 0 0 5px rgba(255,90,90,0)}100%{box-shadow:0 0 0 0 rgba(255,90,90,0)}}.notification-icon.has-unread{border-color:rgba(255,90,90,.3)}.notification-icon.has-unread i{color:#ff5a5a}.community-button-wrapper{display:flex;align-items:center;height:100%}.community-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:0 0;border:1px solid transparent;border-radius:var(--navbar-border-radius);color:var(--navbar-text);font-size:14px;font-weight:500;cursor:pointer;transition:var(--navbar-transition);position:relative;overflow:hidden}.community-button:hover{color:var(--navbar-text-active);background-color:var(--navbar-item-bg-hover);border-color:rgba(255,255,255,.1);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--navbar-primary-rgb),.2)}.community-button:active{transform:translateY(0);box-shadow:0 1px 4px rgba(var(--navbar-primary-rgb),.3)}.community-icon{font-size:16px;transition:transform .3s ease}.community-button:hover .community-icon{transform:scale(1.1);color:var(--primary-color)}.community-text{white-space:nowrap;transition:var(--navbar-transition)}.community-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content{position:relative;width:90%;max-width:900px;max-height:90vh;background:var(--bg-card,#1a1d29);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px rgba(0,0,0,.4),0 8px 16px rgba(0,0,0,.2);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(var(--navbar-primary-rgb),.1) 0,rgba(var(--navbar-secondary-rgb),.05) 100%)}.modal-title{display:flex;align-items:center;gap:10px;color:var(--text-white,#fff);font-size:20px;font-weight:600;margin:0}.modal-title i{color:var(--primary-color);font-size:22px}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:0 0;border:1px solid transparent;border-radius:8px;color:var(--navbar-text);cursor:pointer;transition:var(--navbar-transition)}.modal-close:hover{background-color:var(--navbar-item-bg-hover);border-color:rgba(255,255,255,.2);color:var(--navbar-text-active)}.modal-close i{font-size:16px}.modal-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 100px)}.qr-codes-section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:32px}.qr-code-item{text-align:center}.qr-title{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-white,#fff);font-size:16px;font-weight:600;margin-bottom:16px}.qr-title i{color:var(--primary-color);font-size:18px}.qr-code-container{width:200px;height:200px;margin:0 auto;position:relative;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.1);transition:var(--navbar-transition)}.qr-code-container:hover{border-color:rgba(var(--navbar-primary-rgb),.5);box-shadow:0 4px 12px rgba(var(--navbar-primary-rgb),.2)}.qr-image{width:100%;height:100%;object-fit:cover;display:block;transition:var(--navbar-transition)}.qr-image:hover{transform:scale(1.05)}.qr-placeholder{width:100%;height:100%;background:var(--bg-secondary,#252836);border-radius:10px;border:2px dashed rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted,#aabddd);transition:var(--navbar-transition);position:absolute;top:0;left:0}.qr-placeholder:hover{border-color:rgba(var(--navbar-primary-rgb),.5);background:rgba(var(--navbar-primary-rgb),.05)}.qr-icon{font-size:48px;margin-bottom:12px;opacity:.6}.qr-placeholder p{font-size:14px;font-weight:500;margin:0 0 4px 0}.qr-placeholder small{font-size:12px;opacity:.7;margin:0}.contact-info-section{border-top:1px solid rgba(255,255,255,.1);padding-top:24px}.contact-title{display:flex;align-items:center;gap:8px;color:var(--text-white,#fff);font-size:16px;font-weight:600;margin-bottom:20px}.contact-title i{color:var(--primary-color);font-size:18px}.contact-list{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary,#252836);border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:var(--navbar-transition)}.contact-item:hover{background:rgba(var(--navbar-primary-rgb),.05);border-color:rgba(var(--navbar-primary-rgb),.3)}.contact-label{display:flex;align-items:center;gap:8px;color:var(--text-muted,#aabddd);font-size:14px;font-weight:500;min-width:80px}.contact-label i{font-size:16px;color:var(--primary-color)}.contact-value{display:flex;align-items:center;gap:8px;flex:1}.contact-text{color:var(--text-white,#fff);font-size:14px;font-weight:500;user-select:all;flex:1;text-align:right}.copy-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:0 0;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--navbar-text);cursor:pointer;transition:var(--navbar-transition);flex-shrink:0}.copy-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.05)}.copy-btn:active{transform:scale(.95)}.copy-btn i{font-size:12px}.copy-btn.copied{background:#10b981;border-color:#10b981;color:#fff}.copy-btn.copied i:before{content:'\f633'}@media (max-width:768px){.qr-codes-section{grid-template-columns:1fr;gap:24px}.qr-code-container{width:160px;height:160px}}@media (max-width:1024px) and (min-width:769px){.qr-codes-section{grid-template-columns:1fr 1fr;gap:20px}.qr-code-container{width:180px;height:180px}}.modal-content{width:95%;margin:20px}.modal-body{padding:20px}.contact-item{flex-direction:column;align-items:flex-start;gap:8px}.contact-value{width:100%}.contact-text{text-align:left}.community-modal.show .modal-content{animation:modalSlideIn .3s cubic-bezier(.25,.8,.25,1)}.community-modal.hide{animation:modalFadeOut .2s ease-out}.community-modal.hide .modal-content{animation:modalSlideOut .2s ease-out}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@keyframes modalSlideIn{from{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalFadeOut{from{opacity:1}to{opacity:0}}@keyframes modalSlideOut{from{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-20px)}}