/* CSS Document */
        :root { --primary-color: #0056b3; }
        body { background-color: #f8f9fa; font-family: 'Inter', sans-serif; color: #333; }
        .card { border: none; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); margin-bottom: 2rem; }
        .result-val { font-size: 2.2rem; font-weight: 800; color: var(--primary-color); display: block; }
        .advanced-section { background-color: #f1f3f5; border: 1px dashed #ced4da; border-radius: 10px; padding: 15px; margin-top: 15px; }
        .chart-container { min-height: 400px; }
        .btn-delete { color: #dc3545; cursor: pointer; }
        .btn-delete:hover { color: #a71d2a; }


.performance-card{
    background:
    linear-gradient(135deg,#0f172a 0%,#111827 40%,#1e293b 100%);
    
    color:#fff;

    border-radius:30px;

    padding:40px;

    min-height:700px;

    box-shadow:
    0 20px 60px rgba(0,0,0,0.45);
}

.perf-watermark{
    position:absolute;
    right:-30px;
    top:20px;

    font-size:5rem;
    font-weight:900;

    color:rgba(255,255,255,0.03);

    transform:rotate(-90deg);
}

.perf-label{
    letter-spacing:2px;
    font-size:.8rem;
    color:#94a3b8;
    text-transform:uppercase;
}

.perf-small{
    font-size:.8rem;
    color:#94a3b8;
    text-transform:uppercase;
}

.perf-main-number{
    font-size:7rem;
    font-weight:900;
    line-height:1;

    background:linear-gradient(90deg,#facc15,#ffffff);

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.perf-main-label{
    letter-spacing:4px;
    font-size:1rem;
    color:#cbd5e1;
}

.perf-box{
    background:rgba(255,255,255,0.06);

    border:1px solid rgba(255,255,255,0.08);

    border-radius:20px;

    padding:20px;
}

.perf-box-label{
    font-size:.75rem;
    color:#94a3b8;
    letter-spacing:1px;
}

.perf-box-value{

    font-size:clamp(1.2rem, 4vw, 2rem);

    font-weight:800;

    line-height:1.1;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;
}

.perf-bike-icon{
    position:absolute;

    right:0;
    top:-10px;

    font-size:7rem;

    color:rgba(255,255,255,0.06);

    line-height:1;

    pointer-events:none;
}

@media(max-width:768px){

    .perf-bike-icon{
        font-size:4.5rem;
        top:10px;
    }

}
@media(max-width:768px){

    .performance-card{

        padding:25px;

    }

    .perf-box{

        padding:14px;

    }

}