/* Additional custom styles beyond Tailwind */
.trade-card {
    transition: transform 0.2s ease-in-out;
}

.trade-card:hover {
    transform: translateY(-2px);
}

.profit {
    color: #10B981;
}

.loss {
    color: #EF4444;
}

/* Chart styles */
#candlestick-container {
    position: relative;
}

#candlestick-chart {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#chart-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
}