.histogram-container[data-v-4f026c72]{width:100%;padding:16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.chart-wrapper[data-v-4f026c72]{display:flex;height:300px;margin-bottom:16px}.y-axis-container[data-v-4f026c72]{width:80px;display:flex;align-items:stretch;position:relative}.y-axis-title[data-v-4f026c72]{position:absolute;left:-5px;top:50%;transform:rotate(-90deg) translate(-50%);transform-origin:center;font-size:.8rem;font-weight:600;color:#374151;white-space:nowrap}.y-axis-labels[data-v-4f026c72]{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding-right:10px;align-items:flex-end;margin-left:20px}.y-axis-tick[data-v-4f026c72]{font-size:.75rem;color:#6b7280;font-weight:500;line-height:1}.plot-area[data-v-4f026c72]{flex:1;position:relative;border-left:2px solid #374151;border-bottom:2px solid #374151}.grid-background[data-v-4f026c72]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.grid-line-horizontal[data-v-4f026c72]{position:absolute;left:0;right:0;height:1px;border-top:1px dashed #e5e7eb}.x-axis-baseline[data-v-4f026c72]{position:absolute;bottom:0;left:0;right:0;height:2px;background:#374151}.bars-area[data-v-4f026c72]{position:absolute;bottom:0;left:0;right:0;top:0;display:flex;align-items:flex-end;padding:0 4px;gap:2px}.bar-column[data-v-4f026c72]{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;cursor:pointer}.bar-element[data-v-4f026c72]{width:100%;min-height:2px;border-radius:4px 4px 0 0;position:relative;transition:all .3s ease;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;box-shadow:0 2px 4px #0000001a;transform-origin:bottom}.bar-element[data-v-4f026c72]:hover{box-shadow:0 4px 8px #00000026;transform:scaleY(1.05)}.bar-label[data-v-4f026c72]{font-size:.7rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1}.bar-low[data-v-4f026c72]{background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d}.bar-medium[data-v-4f026c72]{background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 2px 4px #f59e0b4d}.bar-high[data-v-4f026c72]{background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 2px 4px #22c55e4d}.x-axis-container[data-v-4f026c72]{display:flex;flex-direction:column;align-items:center;gap:4px}.x-axis-labels[data-v-4f026c72]{display:flex;margin-left:80px;padding:0 4px;gap:2px;width:calc(100% - 80px)}.x-axis-label[data-v-4f026c72]{flex:1;text-align:center;font-size:.7rem;color:#6b7280;font-weight:500;line-height:1.2}.x-axis-title[data-v-4f026c72]{font-size:.8rem;font-weight:600;color:#374151;text-align:center;margin-top:2px}@media (max-width: 768px){.chart-wrapper[data-v-4f026c72]{height:250px}.y-axis-container[data-v-4f026c72]{width:60px}.y-axis-tick[data-v-4f026c72]{font-size:.65rem}.y-axis-title[data-v-4f026c72],.x-axis-title[data-v-4f026c72]{font-size:.7rem}.x-axis-label[data-v-4f026c72]{font-size:.65rem}.x-axis-labels[data-v-4f026c72]{margin-left:60px;width:calc(100% - 60px)}.bar-label[data-v-4f026c72]{font-size:.65rem}}@media (max-width: 480px){.chart-wrapper[data-v-4f026c72]{height:200px}.bars-area[data-v-4f026c72]{gap:1px}.bar-label[data-v-4f026c72]{font-size:.6rem}.y-axis-container[data-v-4f026c72]{width:50px}.y-axis-title[data-v-4f026c72],.x-axis-title[data-v-4f026c72]{font-size:.65rem}.x-axis-labels[data-v-4f026c72]{margin-left:50px;width:calc(100% - 50px)}}.tab-navigation[data-v-bca77715]{display:flex;border-bottom:1px solid #dee2e6;margin-bottom:20px}.tab-button[data-v-bca77715]{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;cursor:pointer;font-size:1rem;font-weight:500;color:#0d9488;transition:all .3s ease}.tab-button[data-v-bca77715]:hover{color:#333;background:#f8f9fa}.tab-button.active[data-v-bca77715]{color:#fff;background:linear-gradient(135deg,#14b8a6,#0d9488);border-bottom-color:#14b8a6;box-shadow:0 2px 8px #14b8a64d}