.simple-pie-chart{display:flex;flex-direction:column;align-items:center;gap:20px}.simple-pie-chart svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.pie-legend{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;color:#e2e8f0;font-size:14px}.legend-color{width:16px;height:16px;border-radius:50%}.simple-bar-chart{width:100%;height:300px;padding:20px}.bars-container{display:flex;align-items:flex-end;justify-content:space-around;height:100%;gap:20px}.bar-group{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.bar-wrapper{flex:1;display:flex;align-items:flex-end;width:100%;position:relative}.bar{width:100%;min-height:20px;border-radius:8px 8px 0 0;position:relative;transition:all .3s ease;display:flex;align-items:flex-start;justify-content:center;padding-top:8px}.bar:hover{filter:brightness(1.2);transform:scaleY(1.05)}.bar-value{color:#fff;font-weight:700;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.bar-label{margin-top:10px;color:#e2e8f0;font-size:12px;text-align:center;font-weight:500}.simple-shap-chart{width:100%;padding:20px}.simple-shap-chart h4{color:#e2e8f0;margin-bottom:20px;text-align:center}.shap-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;width:100%;box-sizing:border-box}.shap-item{background:#ffffff08;border-radius:8px;padding:12px;border-left:4px solid transparent;transition:all .3s ease}.shap-item.positive{border-left-color:#10b981}.shap-item.positive:hover{background:#10b98114;transform:translate(2px)}.shap-item.negative{border-left-color:#ef4444}.shap-item.negative:hover{background:#ef444414;transform:translate(2px)}.shap-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.feature-name{color:#e2e8f0;font-weight:500;font-size:14px;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;line-height:1.4}.contribution-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.contribution-badge.positive{background:#10b98133;color:#10b981}.contribution-badge.negative{background:#ef444433;color:#ef4444}.shap-bar-row{display:flex;align-items:center;gap:12px;width:100%}.shap-bar-container{background:#ffffff1a;border-radius:4px;height:24px;position:relative;overflow:hidden;flex:1}.shap-bar{height:100%;border-radius:4px;transition:width .3s ease;min-width:20px}.shap-bar.positive{background:linear-gradient(90deg,#10b981,#059669)}.shap-bar.negative{background:linear-gradient(90deg,#ef4444,#dc2626)}.shap-value{color:#e2e8f0;font-size:12px;font-weight:600;min-width:60px;text-align:right;flex-shrink:0}.shap-legend{display:flex;justify-content:center;gap:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.shap-legend .legend-color{width:12px;height:12px;border-radius:2px}.shap-legend .legend-color.positive{background:#10b981}.shap-legend .legend-color.negative{background:#ef4444}.shap-legend .legend-item{font-size:12px}@media (max-width: 768px){.simple-shap-chart{padding:12px}.simple-shap-chart h4{font-size:16px;margin-bottom:16px}.shap-bars{gap:12px}.shap-item{padding:12px;margin-bottom:8px;background:#ffffff0d;border-radius:8px}.shap-label{display:block;margin-bottom:8px}.feature-name{display:block;font-size:14px;font-weight:600;margin-bottom:4px;line-height:1.3}.contribution-badge{display:inline-block;font-size:10px;padding:2px 6px;margin-bottom:8px}.shap-bar-row{gap:8px}.shap-bar-container{height:20px;margin-top:0}.shap-bar{min-width:15px}.shap-value{font-size:11px;min-width:50px}.shap-legend{margin-top:16px;padding-top:12px;gap:12px}.shap-legend .legend-item{font-size:11px}}