/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f9fa;
    color: #212529;
}

.navbar-brand {
    font-weight: 700;
}

.card {
    border: none;
    border-radius: 0.75rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.table {
    vertical-align: middle;
}

.table thead th {
    font-weight: 600;
    color: #6c757d;
    border-bottom-width: 1px;
}

.table tbody tr:hover {
    background-color: #f1f3f5;
}

.symbol-logo {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.fw-medium {
    font-weight: 500;
}

.badge {
    font-weight: 600;
}

/* Price flash animations */
@keyframes flash-success-anim {
    from { background-color: rgba(25, 135, 84, 0.2); }
    to { background-color: transparent; }
}

.flash-success {
    animation: flash-success-anim 0.75s ease-out;
}

@keyframes flash-danger-anim {
    from { background-color: rgba(220, 53, 69, 0.2); }
    to { background-color: transparent; }
}

.flash-danger {
    animation: flash-danger-anim 0.75s ease-out;
}