/* Custom CSS Reset & Animations */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #0b0e11; /* Clean Binance dark background */
    color: #eaecef;
    overflow-x: hidden;
}

/* Trading Glow Effects */
.glow-green {
    box-shadow: 0 0 15px rgba(14, 203, 129, 0.2);
}

.glow-red {
    box-shadow: 0 0 15px rgba(246, 70, 93, 0.2);
}

/* Custom Scrollbar for Dashboard Tables */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #181a20;
}
::-webkit-scrollbar-thumb {
    background: #474d57;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #5e6673;
}

/* Single Page App Tabs Switch Transition */
.tab-content {
    display: none;
    animation: fadeIn 0.25s ease-in-out forwards;
}
.tab-content.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}