.charts-page{padding:1rem}.charts-hero{margin-bottom:2rem;max-width:1000px;margin-left:auto;margin-right:auto}.charts-hero h1{font-size:2rem;font-weight:800;margin-bottom:.5rem}.charts-hero p{font-size:1rem;color:var(--text-muted)}.charts-container{max-width:1000px;height:550px;margin:0 auto;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);overflow:hidden;display:flex;flex-direction:column}.tabs{display:flex;flex-wrap:wrap;border-bottom:2px solid var(--border-color);padding:1rem 1.5rem 0;flex-shrink:0}.tab-button{padding:.75rem 1rem;border:none;background-color:transparent;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-muted);position:relative;transition:color .2s}.tab-button:hover{color:var(--text-main)}.tab-button.active{color:var(--accent-blue)}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--accent-blue)}.chart-content{flex-grow:1;padding:8px;box-sizing:border-box}@media (max-width:768px){.charts-page{padding:.5rem}.charts-container{height:450px;border-radius:0;border-left:none;border-right:none}.tabs{padding:.5rem}.tab-button{padding:.5rem .75rem;font-size:.8rem}}