.header-container{position:sticky;height:90px;z-index:1000}.header,.header-container{width:100%;top:0;background-color:#050505}.header{display:flex;justify-content:space-between;align-items:center;color:#ffffff;padding:.75rem 2rem;font-family:Golos Text,sans-serif;box-sizing:border-box;left:0;right:0;transition:opacity .3s ease;height:100%;position:relative}.nav-buttons-wrapper{flex:0 0 48%;border-bottom:1px solid rgba(0,207,255,.2)}.nav-buttons{display:flex;align-items:center;justify-content:space-between;padding:8px}.nav-buttons button{background:none;border:1px solid transparent;color:#DBE4F6;cursor:pointer;font-size:14px;padding:6px 12px;border-radius:20px;transition:all .3s ease}.nav-buttons button:hover{color:#00d0ffa6;border:1px solid #00d0ff2c;box-shadow:0 0 4px rgba(0,207,255,.2)}.nav-buttons button.active{color:#00cfff;border:1px solid #00cfff;box-shadow:0 0 10px rgba(0,207,255,.5)}.nav-item{display:flex;flex-direction:column;align-items:center;padding:6px 12px;border:1px solid transparent;border-radius:20px;cursor:pointer;transition:all .3s ease}.nav-item .nav-label{font-size:11px;color:#999999;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.nav-item .nav-text{font-size:14px;color:#DBE4F6}.nav-item:hover{border:1px solid #00d0ff2c;box-shadow:0 0 4px rgba(0,207,255,.2)}.nav-item.active{border:1px solid #00cfff;box-shadow:0 0 10px rgba(0,207,255,.5)}.nav-item:hover .nav-label,.nav-item:hover .nav-text{color:#00d0ffa6}.nav-item.active .nav-label,.nav-item.active .nav-text{color:#00cfff}.market-summary-container{flex:0 0 51%;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;transition:opacity .3s ease}.market-summary{flex:0 0 85%;align-items:stretch;gap:8px}.market-summary,.ticker-active{display:flex;justify-content:space-between;height:70px}.ticker-active{flex:0 0 51%;overflow:hidden}.ticker-tape-container{flex:0 0 88%;height:70px;overflow:hidden;border-radius:4px;display:flex;align-items:center;transition:opacity .3s ease}.market-data{flex:0 0 40%;background-color:#1a1a1a;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Golos Text,sans-serif;font-size:17px}.market-data .label{color:#00cfff;font-weight:600;border-right:1px solid #555;padding-right:10px}.market-data .value{color:#ffffff}.market-data .change.positive{color:#4ade80;font-weight:500}.market-data .change.negative{color:#f87171;font-weight:500}.market-details,.market-indicators{background-color:#1a1a1a;border-radius:8px;padding:0 16px;display:flex;flex-direction:column;font-family:Golos Text,sans-serif;font-size:14px;color:#ffffff;flex:0 0 30%;justify-content:center}.detail-row,.indicator-row{display:flex;justify-content:space-between;margin-bottom:-2px}.market-indicators .positive{color:#4ade80}.market-indicators .negative{color:#f87171}.ticker-button{flex:0 0 10%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1a1a1a;border:1px solid transparent;border-radius:12px;width:70px;height:70px;color:white;font-size:14px;font-family:Golos Text,sans-serif;cursor:pointer;transition:all .3s ease}.ticker-button.active,.ticker-button:hover{box-shadow:0 0 10px rgba(0,207,255,.4)}.ticker-button.active{border-color:#00cfff;background-color:#00cfff1a}.ticker-logo{width:24px;height:24px;margin-top:6px;margin-bottom:6px}.custom-ticker-tape{width:100%;background-color:#050505;display:flex;align-items:center;overflow:hidden;position:relative;font-family:Golos Text,sans-serif;padding:.5rem 2rem;box-sizing:border-box;white-space:nowrap}.ticker-inner{display:inline-flex;white-space:nowrap;animation:marquee 600s linear infinite;will-change:transform;transform:translateX(0)}.ticker-inner:hover{animation-play-state:paused}.ticker-item{background-color:#1a1a1a;border-radius:6px;padding:.5rem 1rem;margin-right:.5rem;font-size:15px;display:grid;grid-template-rows:auto auto auto auto;width:180px;color:#ffffff}.color-yellow{color:#F59E0B!important}.color-green{color:#4ade80!important}.color-red{color:#f87171!important}.ticker-item span{display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:-6px}.ticker-item .stock-code{font-weight:700;font-size:16px;margin-top:-5px}.ticker-item .stock-price,.ticker-item .stock-volume{font-size:14px}.ticker-item .stock-brokers{font-size:13px;margin-top:2px}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}