* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #0a1628; }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0a1628; }
::-webkit-scrollbar-thumb { background: #1e3050; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #d4a843; }

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

@keyframes slideDown {
    from { opacity: 0; max-height: 0; }
    to { opacity: 1; max-height: 500px; }
}

@keyframes pulseGold {
    0%, 100% { box-shadow: 0 0 0 0 rgba(212,168,67,0.3); }
    50% { box-shadow: 0 0 20px 4px rgba(212,168,67,0.15); }
}

@keyframes countUp {
    from { opacity: 0.5; }
    to { opacity: 1; }
}

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.animate-fade-in-up {
    animation: fadeInUp 0.6s ease-out forwards;
}

.animate-slide-down {
    animation: slideDown 0.4s ease-out forwards;
    overflow: hidden;
}

.animate-pulse-gold {
    animation: pulseGold 3s infinite;
}

.stagger-1 { animation-delay: 0.1s; opacity: 0; }
.stagger-2 { animation-delay: 0.2s; opacity: 0; }
.stagger-3 { animation-delay: 0.3s; opacity: 0; }
.stagger-4 { animation-delay: 0.4s; opacity: 0; }
.stagger-5 { animation-delay: 0.5s; opacity: 0; }

.card-gradient {
    background: linear-gradient(135deg, #111c30 0%, #0f2038 50%, #142845 100%);
    border: 1px solid #1e3050;
}

.gold-gradient {
    background: linear-gradient(135deg, #d4a843 0%, #e8c96a 50%, #d4a843 100%);
}

.withdrawal-card {
    background: linear-gradient(135deg, rgba(239,68,68,0.08) 0%, rgba(239,68,68,0.03) 100%);
    border-left: 4px solid #ef4444;
    border-top: 1px solid rgba(239,68,68,0.15);
    border-right: 1px solid rgba(239,68,68,0.08);
    border-bottom: 1px solid rgba(239,68,68,0.08);
}

.nav-gradient {
    background: linear-gradient(180deg, #0d1f35 0%, #0a1628 100%);
    border-bottom: 1px solid rgba(212,168,67,0.2);
}

.table-row-hover:hover {
    background: rgba(212,168,67,0.04);
}

.chart-bar {
    transition: height 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.pill-btn {
    transition: all 0.2s ease;
}
.pill-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(212,168,67,0.2);
}

.tooltip-container { position: relative; }
.tooltip-container .tooltip-text {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #142845;
    border: 1px solid #d4a843;
    color: #e8c96a;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    transition: all 0.2s;
    z-index: 50;
}
.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    bottom: calc(100% + 8px);
}

input[type="text"], select {
    background: #0f2038;
    border: 1px solid #1e3050;
    color: white;
    outline: none;
    transition: border-color 0.2s;
}
input[type="text"]:focus, select:focus {
    border-color: #d4a843;
}