*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif;background:#fff}.panel{padding:2rem 2rem 1rem;display:flex;flex-direction:column;gap:1.5rem;background:#fff}.panel-subtitle{font-size:.85rem;color:#999;text-align:center;margin-top:-1rem;font-style:italic}.panel-title{font-size:1.5rem;font-weight:600;color:#222;text-align:center}.charts-row{display:flex;gap:1.5rem;flex:1}.chart-card{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.25rem 1.5rem .75rem;display:flex;flex-direction:column;gap:.5rem}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.chart-title{font-size:1rem;font-weight:600;color:#333;margin:0}.range-selector{display:flex;gap:.25rem}.range-btn{padding:.2rem .6rem;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:.75rem;color:#666;cursor:pointer;transition:all .15s}.range-btn:hover{border-color:#aaa;color:#333}.range-btn.active{background:#333;border-color:#333;color:#fff}.chart-state{display:flex;align-items:center;justify-content:center;height:380px;color:#888;font-size:.9rem}.chart-state.error{color:#c00}.chart-unit{font-size:.75rem;color:#aaa;margin:0}.chart-unit a{color:#aaa;text-decoration:underline}.chart-unit a:hover{color:#666}.indicators{display:flex;justify-content:center;gap:2rem;padding:.5rem 0}.indicator{display:flex;flex-direction:column;align-items:center;gap:.2rem}.indicator-value{font-size:1.1rem;font-weight:700;color:#222}.indicator-value.up{color:#e03b2e}.indicator-value.down{color:#1aa86e}.indicator-label{font-size:.7rem;color:#999;text-transform:uppercase;letter-spacing:.03em}.chart-tooltip{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:.5rem .75rem;box-shadow:0 2px 8px #0000001a}.tooltip-date{font-size:.75rem;color:#888;margin:0 0 .2rem}.tooltip-value{font-size:.9rem;font-weight:600;color:#222;margin:0}@media(max-width:768px){.charts-row{flex-direction:column}}