:root {
    --font-family: "Inter", "Instrument Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --amanah-ink: #17211d;
    --amanah-muted: #64736d;
    --amanah-line: rgba(27, 54, 45, .12);
    --amanah-panel: rgba(255, 255, 255, .96);
    --amanah-soft: #f7faf8;
}

html {
    letter-spacing: 0;
}

.fi-body {
    color: var(--amanah-ink);
    background:
        linear-gradient(180deg, rgba(18, 119, 92, .055), transparent 240px),
        linear-gradient(90deg, rgba(216, 168, 72, .06), transparent 42%),
        #f6f8f7 !important;
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

.fi-main {
    padding-top: 1.25rem !important;
}

.fi-page > .fi-page-header {
    margin-bottom: 1rem !important;
}

.fi-header-heading,
.fi-page-heading {
    color: var(--amanah-ink) !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
}

.fi-header-subheading,
.fi-section-description,
.fi-wi-stats-overview-stat-description {
    color: var(--amanah-muted) !important;
}

.fi-sidebar {
    background: rgba(255, 255, 255, .94) !important;
    border-right: 1px solid var(--amanah-line) !important;
    box-shadow: 12px 0 34px rgba(35, 47, 42, .05) !important;
    backdrop-filter: blur(16px);
}

.fi-sidebar-header {
    border-bottom: 1px solid var(--amanah-line) !important;
}

.fi-sidebar-nav-groups {
    gap: .55rem !important;
}

.fi-sidebar-group-label {
    color: #66756f !important;
    font-size: .72rem !important;
    font-weight: 760 !important;
    letter-spacing: .04em !important;
}

.fi-sidebar-item a {
    min-height: 2.35rem !important;
    border-radius: 8px !important;
    color: #33423d !important;
    transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.fi-sidebar-item-active a,
.fi-sidebar-item a:hover {
    background: #eaf5ef !important;
    color: #11634d !important;
    box-shadow: inset 3px 0 0 #129064 !important;
}

.fi-topbar {
    background: rgba(255, 255, 255, .86) !important;
    border-bottom: 1px solid var(--amanah-line) !important;
    box-shadow: 0 12px 30px rgba(35, 47, 42, .045) !important;
    backdrop-filter: blur(16px);
}

.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-in-entry-wrp,
.fi-fo-field-wrp,
.fi-dropdown-panel,
.fi-modal-window {
    border: 1px solid var(--amanah-line) !important;
    border-radius: 8px !important;
    background: var(--amanah-panel) !important;
    box-shadow: 0 14px 38px rgba(31, 47, 41, .075) !important;
}

.fi-section {
    overflow: hidden !important;
}

.fi-section-header {
    background: linear-gradient(180deg, rgba(248, 251, 249, .95), rgba(255, 255, 255, .95)) !important;
    border-bottom: 1px solid var(--amanah-line) !important;
}

.fi-wi-stats-overview-stat {
    min-height: 132px;
}

.fi-wi-stats-overview-stat-value {
    color: var(--amanah-ink) !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
}

.fi-ta-header,
.fi-ta-content,
.fi-ta-footer {
    background: transparent !important;
}

.fi-ta-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.fi-ta-header-cell {
    background: #f1f6f3 !important;
    color: #41514c !important;
    font-size: .72rem !important;
    font-weight: 760 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
}

.fi-ta-row {
    transition: background-color .14s ease;
}

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

.fi-ta-cell {
    border-top-color: rgba(27, 54, 45, .08) !important;
}

.fi-input-wrp,
.fi-fo-select,
.fi-fo-textarea,
.fi-ta-search-field,
.fi-select-input,
.fi-input {
    border-radius: 8px !important;
}

.fi-input-wrp {
    background: #fff !important;
    border-color: rgba(40, 66, 57, .18) !important;
    box-shadow: 0 1px 0 rgba(17, 24, 39, .02) !important;
}

.fi-input-wrp:focus-within {
    border-color: rgba(16, 128, 93, .48) !important;
    box-shadow: 0 0 0 3px rgba(16, 128, 93, .12) !important;
}

.fi-btn,
.fi-icon-btn {
    border-radius: 8px !important;
    font-weight: 720 !important;
    letter-spacing: 0 !important;
}

.fi-btn {
    box-shadow: 0 8px 20px rgba(17, 80, 63, .11) !important;
}

.fi-btn-color-gray {
    box-shadow: none !important;
}

.fi-badge {
    border-radius: 999px !important;
    font-weight: 720 !important;
}

.fi-tabs {
    border-radius: 8px !important;
    background: #eef4f1 !important;
    padding: .25rem !important;
}

.fi-tabs-item {
    border-radius: 7px !important;
}

.fi-pagination,
.fi-ta-filters,
.fi-ta-header-toolbar {
    gap: .65rem !important;
}

.fi-simple-layout {
    background:
        linear-gradient(180deg, rgba(18, 119, 92, .08), transparent 45%),
        linear-gradient(120deg, rgba(216, 168, 72, .10), transparent 50%),
        #f5f8f6 !important;
}

.fi-simple-main {
    border: 1px solid var(--amanah-line) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 24px 60px rgba(30, 48, 41, .12) !important;
}

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

    .fi-wi-stats-overview-stat {
        min-height: auto;
    }
}