/* ============================================================
   OBIXMOVE Admin — dark + blue/black/white modern theme
   ============================================================ */
.fi-body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
.fi-logo { font-weight: 800; letter-spacing: .07em; }

/* Sidebar */
.fi-sidebar-nav { padding-top:.25rem; }
.fi-sidebar-item-button { border-radius:.625rem; transition: background-color .15s ease, color .15s ease; }
.fi-sidebar-item-button:hover { background-color: rgba(59,130,246,.12); }
.fi-sidebar-item.fi-active .fi-sidebar-item-button { box-shadow: inset 0 0 0 1px rgba(59,130,246,.45); }
.fi-sidebar-group-label { text-transform:none; letter-spacing:.01em; font-weight:600; opacity:.65; font-size:.72rem; }

/* Topbar */
.fi-topbar > nav { backdrop-filter: saturate(1.1) blur(8px); }

/* Cards / sections / widgets */
.fi-section, .fi-wi-stats-overview-stat, .fi-ta-ctn { border-radius:.9rem; }
.fi-wi-stats-overview-stat { transition: transform .15s ease, box-shadow .15s ease; }
.fi-wi-stats-overview-stat:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(0,0,0,.35); }

/* Buttons / inputs */
.fi-btn { border-radius:.625rem; font-weight:600; }
.fi-input, .fi-select-input { border-radius:.625rem; }

/* Tables */
.fi-ta-header-cell { text-transform:none; letter-spacing:0; font-weight:600; }
.fi-ta-row:hover { background-color: rgba(59,130,246,.06); }

/* ---- Login: light default ---- */
.fi-simple-layout {
    background:
        radial-gradient(1100px 520px at 50% -8%, rgba(59,130,246,.12), transparent 60%),
        linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}
.fi-simple-main {
    border-radius:1.1rem; border:1px solid rgba(2,6,23,.06);
    box-shadow:0 12px 40px rgba(16,24,40,.12);
}

/* ---- Dark mode (default for OBIXMOVE): black + blue ---- */
.dark .fi-sidebar { border-right-color: rgba(255,255,255,.06); }
.dark .fi-section { border-color: rgba(255,255,255,.07); }
.dark .fi-wi-stats-overview-stat:hover { box-shadow: 0 10px 28px rgba(0,0,0,.5); }
.dark .fi-simple-layout {
    background:
        radial-gradient(1100px 560px at 50% -10%, rgba(59,130,246,.20), transparent 60%),
        linear-gradient(180deg, #0b1220 0%, #020617 100%);
}
.dark .fi-simple-main {
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 16px 48px rgba(0,0,0,.55);
    background: rgba(15,23,42,.86);
    backdrop-filter: blur(6px);
}