.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;border-radius:8px;background-color:#fff}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.chart-controls{display:flex;align-items:center;gap:16px}.control-group{position:relative;display:flex;align-items:center;gap:8px}.control-group span{font-size:14px;color:#333}.control-group select{padding:6px 24px 6px 10px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px}.comparison-controls{display:flex;align-items:center;margin-bottom:16px;gap:10px;font-size:14px;color:#333}.comparison-controls span{margin-right:8px}.comparison-items{display:flex;flex-wrap:wrap;gap:10px}.comparison-item{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;cursor:pointer;background-color:#f5f5f5;opacity:.7;font-size:14px;color:#333}.comparison-item.active{opacity:1}.color-indicator{display:inline-block;width:12px;height:12px;border-radius:50%}.add-metric-btn{background:none;border:none;cursor:pointer;color:#2196f3;font-size:14px}.timeframe-selector{display:flex;gap:8px;align-items:center}.timeframe-wrapper{background-color:#f5f5f5;padding:.2rem;display:flex;gap:.2rem;border-radius:.6rem;border:1px solid #e0e0e0}.timeframe-selector button{background-color:#f5f5f5;padding:1rem 1.2rem;border-radius:.4rem;cursor:pointer;font-size:1.4rem;color:#333}.timeframe-selector button.active{background-color:#fff;color:#171717;font-weight:700;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f}.action-buttons{display:flex;gap:8px}.icon-btn{padding:6px 12px;border:1px solid #e0e0e0;background-color:#fff;border-radius:4px;cursor:pointer}