:root {
    --argon-font: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
    --argon-bg: #f7f8fc;
    --argon-surface: #ffffff;
    --argon-surface-soft: #f8fafc;
    --argon-text: #172b4d;
    --argon-muted: #67748e;
    --argon-line: rgba(203, 213, 225, .72);
    --argon-primary: #5e72e4;
    --argon-primary-deep: #324cdd;
    --argon-info: #11cdef;
    --argon-success: #2dce89;
    --argon-danger: #f5365c;
    --argon-warning: #fb6340;
    --argon-shadow-sm: 0 4px 12px rgba(50, 50, 93, .07);
    --argon-shadow: 0 16px 42px rgba(50, 50, 93, .12), 0 5px 16px rgba(0, 0, 0, .05);
    --argon-shadow-lg: 0 24px 70px rgba(50, 50, 93, .16), 0 9px 28px rgba(0, 0, 0, .06);
    --argon-radius: 1rem;
    --argon-control-radius: .65rem;
}

html,
body,
.fi-body {
    font-family: var(--argon-font) !important;
    letter-spacing: 0 !important;
}

.fi-body {
    background:
        radial-gradient(circle at 8% 6%, rgba(94, 114, 228, .12), transparent 26rem),
        radial-gradient(circle at 92% 12%, rgba(17, 205, 239, .12), transparent 24rem),
        linear-gradient(180deg, #f8f9fe 0, var(--argon-bg) 46%, #eef2f9 100%) !important;
    color: var(--argon-text) !important;
}

.fi-main-ctn {
    background: transparent !important;
}

.fi-main {
    max-width: 1500px !important;
    padding: 1.35rem !important;
}

.fi-topbar {
    background: rgba(255, 255, 255, .72) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.fi-topbar nav {
    min-height: 4.35rem !important;
}

.fi-sidebar {
    --sidebar-width: 18.75rem;
    background: transparent !important;
    border-inline-end: 0 !important;
    box-shadow: none !important;
    padding: 1rem .8rem !important;
}

.fi-sidebar-header {
    background: var(--argon-surface) !important;
    border: 1px solid rgba(226, 232, 240, .9) !important;
    border-radius: 1.25rem !important;
    box-shadow: var(--argon-shadow-sm) !important;
    margin: 0 0 .85rem !important;
    min-height: 5.4rem !important;
    padding: .75rem .9rem !important;
}

.fi-sidebar-header .fi-logo {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--argon-text) !important;
    display: flex !important;
    font-size: 1.05rem !important;
    font-weight: 900 !important;
    gap: .75rem !important;
    justify-content: flex-start !important;
    line-height: 1.25 !important;
    padding: 0 !important;
}

.fi-sidebar-header .fi-logo::before {
    display: none !important;
}

.fi-sidebar-header .fi-logo img,
.fi-logo img {
    background: linear-gradient(135deg, #ffffff, #eef2ff) !important;
    border: 1px solid rgba(94, 114, 228, .16) !important;
    border-radius: .9rem !important;
    display: inline-block !important;
    filter: drop-shadow(0 8px 14px rgba(94, 114, 228, .16)) !important;
    height: 3.25rem !important;
    max-height: 3.25rem !important;
    min-height: 3.25rem !important;
    object-fit: contain !important;
    padding: .28rem !important;
    width: 3.25rem !important;
}

.fi-sidebar-nav {
    background: var(--argon-surface) !important;
    border: 1px solid rgba(226, 232, 240, .9) !important;
    border-radius: 1.25rem !important;
    box-shadow: var(--argon-shadow) !important;
    gap: .55rem !important;
    padding: .9rem !important;
}

.fi-sidebar-group {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fi-sidebar-group-label {
    color: #8898aa !important;
    font-size: .74rem !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    padding: .85rem .75rem .35rem !important;
}

.fi-sidebar-item {
    margin: .12rem 0 !important;
}

.fi-sidebar-item a {
    align-items: center !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    color: #344767 !important;
    gap: .7rem !important;
    min-height: 2.75rem !important;
    padding: .58rem .78rem !important;
    transform: none !important;
}

.fi-sidebar-item a:hover {
    background: #f6f9fc !important;
    border-color: rgba(94, 114, 228, .12) !important;
    color: var(--argon-primary-deep) !important;
}

.fi-sidebar-item.fi-active a,
.fi-sidebar-item a[aria-current="page"] {
    background: linear-gradient(135deg, var(--argon-primary), var(--argon-primary-deep)) !important;
    border-color: transparent !important;
    box-shadow: 0 10px 22px rgba(94, 114, 228, .28) !important;
    color: #fff !important;
}

.fi-sidebar-item.fi-active a::after,
.fi-sidebar-item a[aria-current="page"]::after {
    display: none !important;
}

.fi-sidebar-item-icon,
.fi-sidebar-group-collapse-button {
    color: currentColor !important;
}

.fi-sidebar-item-icon {
    height: 1.08rem !important;
    width: 1.08rem !important;
}

.fi-sidebar-item-label {
    color: inherit !important;
    font-size: .93rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

.fi-sidebar .academy-sidebar-theme-picker {
    display: none !important;
}

.fi-header {
    background:
        radial-gradient(circle at 10% 10%, rgba(255, 255, 255, .24), transparent 16rem),
        linear-gradient(135deg, var(--argon-primary), var(--argon-info)) !important;
    border: 0 !important;
    border-radius: 1.25rem !important;
    box-shadow: var(--argon-shadow-lg) !important;
    margin-bottom: 1.25rem !important;
    overflow: hidden !important;
    padding: 1.2rem 1.4rem !important;
    position: relative !important;
}

.fi-header::after {
    background: rgba(255, 255, 255, .16);
    border-radius: 999px;
    content: "";
    height: 10rem;
    inset-block-start: -5.5rem;
    inset-inline-end: 3rem;
    position: absolute;
    width: 10rem;
}

.fi-header-heading {
    color: #ffffff !important;
    font-size: 1.6rem !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
}

.fi-header-subheading,
.fi-breadcrumbs ol li {
    color: rgba(255, 255, 255, .78) !important;
    font-size: .9rem !important;
    font-weight: 750 !important;
}

.fi-breadcrumbs ol li a:hover {
    color: #ffffff !important;
}

.fi-section,
.fi-modal-window,
.fi-wi-widget .fi-section,
.fi-ta,
.fi-wi-stats-overview-stat {
    background: var(--argon-surface) !important;
    border: 0 !important;
    border-radius: var(--argon-radius) !important;
    box-shadow: var(--argon-shadow) !important;
    overflow: hidden !important;
}

.fi-section-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(226, 232, 240, .72) !important;
    padding: 1.05rem 1.15rem !important;
}

.fi-section-header-heading {
    color: var(--argon-text) !important;
    font-size: 1.05rem !important;
    font-weight: 900 !important;
}

.fi-section-content {
    padding: 1.1rem !important;
}

.fi-wi-stats-overview-stat {
    isolation: isolate !important;
    min-height: 7rem !important;
    padding: 1rem 1.15rem !important;
    position: relative !important;
}

.fi-wi-stats-overview-stat::before {
    display: none !important;
}

.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-content {
    display: flex !important;
    flex-direction: column !important;
    gap: .32rem !important;
    min-height: 5rem !important;
    padding-right: 4rem !important;
    position: relative !important;
    z-index: 1 !important;
}

.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-label-ctn {
    align-items: flex-start !important;
    display: flex !important;
    justify-content: flex-start !important;
    min-height: 1.5rem !important;
}

.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-label-ctn > .fi-icon:first-child {
    background: linear-gradient(135deg, var(--argon-primary), var(--argon-info)) !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    box-shadow: 0 9px 18px rgba(94, 114, 228, .22) !important;
    color: #ffffff !important;
    height: 2.65rem !important;
    inset-block-start: 0 !important;
    inset-inline-end: auto !important;
    left: auto !important;
    padding: .72rem !important;
    position: absolute !important;
    right: 0 !important;
    width: 2.65rem !important;
}

.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description .fi-icon {
    background: transparent !important;
    box-shadow: none !important;
    color: currentColor !important;
    height: 1rem !important;
    padding: 0 !important;
    position: static !important;
    width: 1rem !important;
}

.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-value {
    color: var(--argon-text) !important;
    font-size: 1.75rem !important;
    font-weight: 900 !important;
}

.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-label {
    color: var(--argon-muted) !important;
    font-size: .94rem !important;
    font-weight: 800 !important;
}

.fi-ta-header,
.fi-ta-toolbar {
    background: var(--argon-surface) !important;
    border-bottom: 1px solid rgba(226, 232, 240, .72) !important;
    padding: .95rem 1.1rem !important;
}

.fi-ta-toolbar {
    gap: .75rem !important;
}

.fi-ta-search-field .fi-input-wrp {
    background: #f8fafc !important;
}

.fi-ta-filters,
.fi-ta-filter-indicators {
    background: #ffffff !important;
}

.fi-ta-table {
    background: var(--argon-surface) !important;
}

.fi-ta-table thead {
    background: #f6f9fc !important;
}

.fi-ta-table th,
.fi-ta-table td {
    border-color: rgba(226, 232, 240, .7) !important;
    padding: .78rem .9rem !important;
}

.fi-ta-header-cell-label {
    color: #8898aa !important;
    font-size: .76rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.fi-ta-cell,
.fi-ta-text,
.fi-ta-col-wrp {
    color: #344767 !important;
    font-size: .92rem !important;
    font-weight: 650 !important;
}

.fi-ta-row {
    background: #ffffff !important;
}

.fi-ta-row:hover {
    background: #f6f9fc !important;
}

.fi-ta-actions,
.fi-ac {
    gap: .42rem !important;
}

.fi-ta-actions .fi-btn,
.fi-ac .fi-btn {
    min-height: 2.05rem !important;
    padding: .36rem .65rem !important;
}

.fi-ta-record-action .fi-btn,
.fi-ta-record-action.fi-btn {
    box-shadow: none !important;
}

.fi-dropdown-panel {
    border: 0 !important;
    border-radius: .9rem !important;
    box-shadow: var(--argon-shadow-lg) !important;
    overflow: hidden !important;
}

.fi-dropdown-list {
    padding: .45rem !important;
}

.fi-dropdown-list-item {
    border-radius: .65rem !important;
}

.fi-pagination {
    background: var(--argon-surface) !important;
    border-top: 1px solid rgba(226, 232, 240, .72) !important;
    padding: .85rem 1rem !important;
}

.fi-input-wrp,
.fi-select-input,
.fi-textarea,
.fi-fo-markdown-editor,
.fi-fo-rich-editor {
    border-color: rgba(203, 213, 225, .9) !important;
    border-radius: var(--argon-control-radius) !important;
    box-shadow: none !important;
}

.fi-input-wrp:focus-within,
.fi-textarea:focus,
.fi-select-input:focus {
    border-color: var(--argon-primary) !important;
    box-shadow: 0 0 0 3px rgba(94, 114, 228, .14) !important;
}

.fi-input,
.fi-select-input,
.fi-textarea {
    color: #344767 !important;
    font-size: .94rem !important;
    font-weight: 650 !important;
}

.fi-fo-field-wrp-label label,
.fi-fo-field-wrp-label span {
    color: #344767 !important;
    font-size: .88rem !important;
    font-weight: 800 !important;
}

.fi-fo-field-wrp-helper-text {
    color: #8898aa !important;
}

.fi-btn {
    border-radius: .65rem !important;
    box-shadow: 0 4px 9px rgba(50, 50, 93, .08) !important;
    font-size: .86rem !important;
    font-weight: 850 !important;
    min-height: 2.35rem !important;
    padding: .48rem .88rem !important;
}

.fi-btn:hover {
    transform: translateY(-1px);
}

.fi-btn.fi-color-primary,
.fi-btn.fi-color-info {
    background: linear-gradient(135deg, var(--argon-primary), var(--argon-primary-deep)) !important;
}

.fi-btn.fi-color-success {
    background: linear-gradient(135deg, var(--argon-success), #24a46d) !important;
}

.fi-btn.fi-color-danger {
    background: linear-gradient(135deg, var(--argon-danger), #d91f47) !important;
}

.fi-btn.fi-color-warning {
    background: linear-gradient(135deg, var(--argon-warning), #f59e0b) !important;
}

.fi-icon-btn {
    border-radius: .65rem !important;
    height: 2.25rem !important;
    width: 2.25rem !important;
}

.fi-badge {
    border-radius: 999px !important;
    font-size: .74rem !important;
    font-weight: 850 !important;
    padding: .18rem .58rem !important;
}

.fi-modal-window {
    border-radius: 1.1rem !important;
}

.fi-modal-header,
.fi-modal-footer {
    background: #ffffff !important;
    border-color: rgba(226, 232, 240, .72) !important;
}

.fi-modal-heading {
    color: var(--argon-text) !important;
    font-weight: 900 !important;
}

.fi-modal-description {
    color: var(--argon-muted) !important;
}

.fi-in {
    gap: .8rem !important;
}

.fi-in-entry {
    background: #f8fafc !important;
    border: 1px solid rgba(226, 232, 240, .8) !important;
    border-radius: .85rem !important;
    padding: .75rem !important;
}

.fi-in-entry,
.fi-in-text {
    color: #344767 !important;
}

.academy-calendar-dashboard,
.academy-calendar-modal-card {
    border-radius: var(--argon-radius) !important;
    box-shadow: var(--argon-shadow) !important;
}

@media (max-width: 768px) {
    .fi-main {
        padding: .85rem !important;
    }

    .fi-header {
        padding: 1rem !important;
    }

    .fi-header-heading {
        font-size: 1.28rem !important;
    }

    .fi-section-content {
        padding: .85rem !important;
    }

    .fi-ta-table th,
    .fi-ta-table td {
        padding-inline: .62rem !important;
    }
}