#hc-nps-skoru-hesaplama .hc-nps-bar {
    width: 100%;
    height: 12px;
    background: linear-gradient(to right, #e74c3c, #f1c40f, #2ecc71);
    margin-top: 15px;
    border-radius: 6px;
    position: relative;
}

#hc-nps-skoru-hesaplama .hc-nps-indicator {
    width: 16px;
    height: 16px;
    background: #2c3e50;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    transform: translateX(-50%);
    transition: left 0.5s ease;
}

#hc-nps-skoru-hesaplama .hc-result-value {
    font-size: 2.5rem;
    color: #2c3e50;
}