body{background:#f4f5f7}.card{border:0;border-radius:1.25rem}.payment-card{background:linear-gradient(145deg,#1e1f22,#2b2d31);color:#fff}.metric{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid #e9ecef}.gauge{--size:280px;--thickness:28px;width:var(--size);height:var(--size);border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ffbf3f calc(var(--p)*1%),#3b3d42 0);position:relative}.gauge:before{content:"";position:absolute;inset:var(--thickness);background:#232529;border-radius:50%}.gauge div{position:relative;text-align:center}.gauge span{display:block;font-size:3rem;font-weight:700}.gauge small{color:#adb5bd}@media(max-width:576px){.gauge{--size:230px}}

.text-muted-light {
    color: rgba(255, 255, 255, 0.65);
}

.payment-slider {
    height: 12px;
}

.payment-slider::-webkit-slider-thumb {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    border-radius: 50%;
    background: #ffffff;
    border: 4px solid #ffbf3f;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.35);
}

.payment-slider::-webkit-slider-runnable-track {
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        #ffe96a,
        #ffb73d
    );
}

.payment-slider::-moz-range-thumb {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #ffffff;
    border: 4px solid #ffbf3f;
}

.payment-slider::-moz-range-track {
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        #ffe96a,
        #ffb73d
    );
}

.simulator-box {
    height: 100%;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.08);
}

.simulator-box small {
    display: block;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 0.4rem;
}

.simulator-box strong {
    display: block;
    font-size: 1.3rem;
}

.payment-presets {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.payment-target-row {
    cursor: pointer;
}

.payment-target-row:hover {
    background: #f5f5f5;
}