/* Custom Admin Background */
.fi-body {
    background-image: url('/images/admin-bg.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* Glassmorphism for Main Content Area */
.fi-main {
    background-color: transparent !important;
}

/* Glassmorphism for Sidebar */
.fi-sidebar {
    background-color: rgba(17, 24, 39, 0.7) !important;
    backdrop-filter: blur(10px);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
}

/* Glassmorphism for Topbar */
.fi-topbar {
    background-color: rgba(17, 24, 39, 0.7) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Glassmorphism for Widgets and Cards */
.fi-section,
.fi-widget,
.fi-resource-relation-manager,
.fi-modal-window {
    background-color: rgba(31, 41, 55, 0.6) !important;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

/* Table rows transparency */
.fi-ta-row {
    background-color: rgba(31, 41, 55, 0.4) !important;
}

.fi-ta-row:hover {
    background-color: rgba(55, 65, 81, 0.6) !important;
}

/* Text adjustments for contrast if needed */
.fi-header-heading,
.fi-logo {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}