@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
body { font-family: 'Inter', sans-serif; }
.fi-btn { border-radius: 0.5rem; transition: all 0.2s ease-in-out; }
.fi-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.fi-btn:active { transform: translateY(0); }
.fi-card { border-radius: 1rem; box-shadow: 0 4px 6px rgba(0,0,0,0.05); transition: box-shadow 0.3s ease; }
.fi-card:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.1); }

/* Sidebar dark background */
.fi-sidebar { background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%) !important; }
.fi-sidebar, .fi-sidebar * { color: #ffffff !important; }

/* Sidebar item button */
.fi-sidebar .fi-sidebar-item-button { border-radius: 0.5rem; margin: 0.25rem 0.5rem; transition: background 0.2s ease, color 0.2s ease; }

/* Hover state */
.fi-sidebar .fi-sidebar-item-button:hover { background: rgba(255,255,255,0.15) !important; }

/* Active item - ALWAYS BLUE */
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button,
.fi-sidebar .fi-sidebar-item[aria-current="page"] > .fi-sidebar-item-button {
    background-color: #1d4ed8 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2) !important;
}

/* Active icon and label */
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item[aria-current="page"] > .fi-sidebar-item-button .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item[aria-current="page"] > .fi-sidebar-item-button .fi-sidebar-item-label {
    color: #ffffff !important;
}

/* Active hover - keep blue */
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button:hover,
.fi-sidebar .fi-sidebar-item[aria-current="page"] > .fi-sidebar-item-button:hover {
    background-color: #1d4ed8 !important;
}

/* Header/Footer borders */
.fi-sidebar .fi-sidebar-header { border-bottom: 1px solid rgba(255,255,255,0.1); }
.fi-sidebar .fi-sidebar-footer { border-top: 1px solid rgba(255,255,255,0.1); }