:root {
    --drafter-gold: #D4AF37;
    --drafter-navy: #0A0F1C;
    --drafter-slate: #1E293B;
}

.fi-body {
    background: radial-gradient(ellipse at top, #111827 0%, var(--drafter-navy) 50%, #050810 100%);
}

.fi-sidebar {
    background: rgba(10, 15, 28, 0.95) !important;
    border-right: 1px solid rgba(212, 175, 55, 0.12) !important;
}

.fi-topbar {
    background: rgba(10, 15, 28, 0.85) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(212, 175, 55, 0.1) !important;
}

.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat {
    background: rgba(30, 41, 59, 0.6) !important;
    border: 1px solid rgba(148, 163, 184, 0.12) !important;
    backdrop-filter: blur(8px);
}

.fi-wi-stats-overview-stat-value {
    color: var(--drafter-gold) !important;
}

.fi-sidebar-item-active a {
    background: rgba(212, 175, 55, 0.12) !important;
    color: var(--drafter-gold) !important;
}

.fi-sidebar-item a:hover {
    background: rgba(212, 175, 55, 0.08) !important;
}

.fi-btn-primary {
    background: linear-gradient(135deg, #D4AF37, #B8941F) !important;
    color: #0A0F1C !important;
    font-weight: 600;
}

.fi-ta-header-cell {
    color: #94A3B8 !important;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
}

.fi-logo img {
    border-radius: 0.375rem;
}