body { 
    background: #f8f9fa; 
}

.calculator-card { 
    max-width: 1000px; 
    margin: 20px auto; 
}

.form-label { 
    font-weight: 600; 
    font-size: 0.9rem; 
}

.input-group-text { 
    font-size: 0.9rem; 
}

.result-card { 
    margin-top: 20px; 
}

.metric-value { 
    font-size: 1.1rem; 
    font-weight: 600; 
}

.risk-indicator { 
    padding: 8px 12px; 
    border-radius: 20px; 
    font-size: 0.85rem; 
    font-weight: 600; 
}

.risk-low { 
    background: #d4edda; 
    color: #155724; 
}

.risk-medium { 
    background: #fff3cd; 
    color: #856404; 
}

.risk-high { 
    background: #f8d7da; 
    color: #721c24; 
}

.strategy-section { 
    border: 1px solid #dee2e6; 
    border-radius: 8px; 
    padding: 15px; 
    margin: 10px 0; 
}

.add-btn { 
    font-size: 0.8rem; 
}

.remove-btn { 
    font-size: 0.7rem; 
}

.performance-gauge { 
    text-align: center; 
    padding: 10px; 
}

.support-level { 
    background: #e7f3ff; 
    border-left: 4px solid #007bff; 
    padding: 8px; 
    margin: 4px 0; 
}

.resistance-level { 
    background: #fff3e0; 
    border-left: 4px solid #ff9800; 
    padding: 8px; 
    margin: 4px 0; 
}