:root {
    --adw-emerald: #0a8f3d;
    --adw-emerald-dark: #087934;
    --adw-forest: #1f4f12;
    --adw-gold: #b89400;
    --adw-cream: #fcfbf7;
    --adw-soft-green: #f4fbf6;
    --adw-white: #ffffff;
    --adw-text: #1b1b1b;
    --adw-muted: #6b7280;
    --adw-border: #e8eee9;
    --adw-danger: #dc2626;
    --adw-header-height: 76px;
    --adw-sidebar-width: 278px;
    --adw-shadow-sm: 0 4px 18px rgba(31, 79, 18, 0.07);
    --adw-shadow-md: 0 16px 42px rgba(31, 79, 18, 0.13);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    scroll-behavior: smooth;
}

body.adw-member {
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    background: var(--adw-cream);
    color: var(--adw-text);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

body.adw-member a {
    color: inherit;
    text-decoration: none;
}

body.adw-member img {
    max-width: 100%;
}

body.adw-member button,
body.adw-member input,
body.adw-member select,
body.adw-member textarea {
    font: inherit;
}

body.adw-member button:focus-visible,
body.adw-member .btn:focus-visible,
body.adw-member a[role="button"]:focus-visible {
    border-color: var(--adw-gold) !important;
    outline: 3px solid rgba(214, 178, 0, 0.3) !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 4px rgba(255, 232, 146, 0.28) !important;
}

.adw-skip-link {
    position: fixed;
    z-index: 1100;
    top: 12px;
    left: 12px;
    padding: 10px 16px;
    transform: translateY(-150%);
    border-radius: 10px;
    background: var(--adw-forest);
    color: var(--adw-white);
    transition: transform 180ms ease;
}

.adw-skip-link:focus {
    transform: translateY(0);
}

.adw-app-shell {
    min-height: 100vh;
}

.adw-app-main {
    min-height: calc(100vh - var(--adw-header-height));
    padding-top: var(--adw-header-height);
    transition: padding-left 220ms ease;
}

body.adw-member.is-guest-page .adw-app-main {
    min-height: 100vh;
    padding-top: 0;
}

.adw-app-main > .content-wrapper,
.adw-app-main > .container-full,
.adw-app-main > main,
.adw-app-main > section {
    min-height: calc(100vh - var(--adw-header-height));
}

.main-header.adw-header {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    height: var(--adw-header-height);
    border-bottom: 1px solid rgba(10, 143, 61, 0.1);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 4px 24px rgba(31, 79, 18, 0.06);
    backdrop-filter: blur(14px);
}

.adw-header__inner {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 22px;
    gap: 16px;
}

.adw-header__brand {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    min-width: calc(var(--adw-sidebar-width) - 22px);
    gap: 12px;
}

.adw-header__brand img {
    display: block;
    width: auto;
    max-width: 132px;
    height: 38px;
    object-fit: contain;
}

.adw-header__identity {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding-left: 12px;
    border-left: 1px solid var(--adw-border);
    line-height: 1.2;
}

.adw-header__identity-label {
    color: var(--adw-muted);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.adw-header__identity-value {
    max-width: 150px;
    overflow: hidden;
    color: var(--adw-forest);
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adw-sidebar-toggle,
.adw-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid var(--adw-border);
    border-radius: 13px;
    background: var(--adw-white);
    color: var(--adw-forest);
    cursor: pointer;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background 180ms ease,
        color 180ms ease;
}

.adw-sidebar-toggle:hover,
.adw-icon-button:hover {
    border-color: #c7eed7;
    background: #e8f8ee;
    color: var(--adw-emerald);
    transform: translateY(-2px);
}

.adw-sidebar-toggle:focus-visible,
.adw-icon-button:focus-visible,
.adw-user-button:focus-visible,
.adw-nav a:focus-visible {
    border-color: var(--adw-gold);
    background: var(--adw-forest);
    color: var(--adw-white);
    outline: 3px solid rgba(10, 143, 61, 0.2);
    outline-offset: 2px;
}

.swal2-popup.adw-swal-popup {
    border: 1px solid var(--adw-border);
    border-radius: 20px;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.swal2-popup.adw-swal-popup .swal2-title {
    color: var(--adw-forest);
    font-size: 21px;
}

.swal2-popup.adw-swal-popup .swal2-html-container,
.swal2-popup.adw-swal-popup .swal2-content {
    color: var(--adw-muted);
}

.swal2-popup .swal2-confirm.adw-swal-confirm,
.swal2-popup .swal2-cancel.adw-swal-cancel {
    min-width: 120px;
    min-height: 43px;
    border: 0;
    border-radius: 11px;
    font-weight: 750;
}

.swal2-popup.adw-swal-popup .swal2-actions {
    gap: 10px;
}

.swal2-popup .swal2-confirm.adw-swal-confirm:focus-visible,
.swal2-popup .swal2-cancel.adw-swal-cancel:focus-visible {
    border-color: var(--adw-gold) !important;
    outline: 3px solid rgba(214, 178, 0, 0.3) !important;
    outline-offset: 3px;
}

.swal2-popup .swal2-confirm.adw-swal-confirm {
    background: var(--adw-emerald) !important;
    color: var(--adw-white) !important;
}

.swal2-popup .swal2-confirm.adw-swal-confirm:hover,
.swal2-popup .swal2-confirm.adw-swal-confirm:focus {
    background: var(--adw-forest) !important;
}

.swal2-popup .swal2-cancel.adw-swal-cancel {
    background: #eef2ef !important;
    color: #4b5563 !important;
}

.swal2-popup.adw-swal-toast {
    border: 1px solid #c7eed7;
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--adw-shadow-md);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.swal2-popup.adw-swal-toast .swal2-title {
    color: var(--adw-forest);
    font-size: 14px;
    font-weight: 750;
}

.swal2-popup.adw-swal-toast .swal2-timer-progress-bar {
    background: var(--adw-emerald);
}

.adw-sidebar-toggle svg,
.adw-icon-button svg {
    width: 19px;
    height: 19px;
}

.adw-header__actions {
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 9px;
}

.adw-header__search {
    position: relative;
    width: min(300px, 25vw);
}

.adw-header__search svg {
    position: absolute;
    top: 50%;
    left: 14px;
    width: 17px;
    height: 17px;
    color: var(--adw-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.adw-header__search input {
    width: 100%;
    height: 42px;
    padding: 0 14px 0 42px;
    border: 1px solid var(--adw-border);
    border-radius: 13px;
    outline: none;
    background: var(--adw-soft-green);
    color: var(--adw-text);
    transition:
        border-color 180ms ease,
        box-shadow 180ms ease,
        background 180ms ease;
}

.adw-header__search input:focus {
    border-color: var(--adw-emerald);
    background: var(--adw-white);
    box-shadow: 0 0 0 3px rgba(10, 143, 61, 0.12);
}

.adw-user-menu {
    position: relative;
}

.adw-user-button {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 4px 8px 4px 5px;
    border: 1px solid var(--adw-border);
    border-radius: 14px;
    background: var(--adw-white);
    color: var(--adw-text);
    cursor: pointer;
    gap: 9px;
}

.adw-user-button__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--adw-forest), var(--adw-emerald));
    color: var(--adw-white);
}

.adw-user-button__avatar svg,
.adw-user-button__chevron {
    width: 17px;
    height: 17px;
}

.adw-user-dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 245px;
    margin: 0;
    padding: 9px;
    visibility: hidden;
    border: 1px solid var(--adw-border);
    border-radius: 16px;
    background: var(--adw-white);
    box-shadow: var(--adw-shadow-md);
    list-style: none;
    opacity: 0;
    transform: translateY(-7px);
    transition:
        opacity 160ms ease,
        transform 160ms ease,
        visibility 160ms ease;
}

.adw-user-menu.is-open .adw-user-dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.adw-user-dropdown a {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 10px;
    color: #374151;
    font-weight: 600;
    gap: 10px;
}

.adw-user-dropdown a:hover {
    background: var(--adw-soft-green);
    color: var(--adw-emerald-dark);
}

.adw-user-dropdown svg {
    width: 17px;
    height: 17px;
}

.adw-user-dropdown__divider {
    height: 1px;
    margin: 7px 5px;
    background: var(--adw-border);
}

.adw-user-dropdown .adw-logout-link {
    color: var(--adw-danger);
}

.main-nav.adw-sidebar {
    position: fixed;
    z-index: 950;
    top: var(--adw-header-height);
    bottom: 0;
    left: 0;
    width: var(--adw-sidebar-width);
    overflow: hidden auto;
    border-right: 1px solid var(--adw-border);
    background: var(--adw-white);
    transition: transform 220ms ease;
    scrollbar-width: thin;
    scrollbar-color: #c7eed7 transparent;
}

.adw-sidebar__intro {
    margin: 18px 16px 10px;
    padding: 17px;
    overflow: hidden;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--adw-forest), var(--adw-emerald));
    color: var(--adw-white);
}

.adw-sidebar__intro-eyebrow {
    display: block;
    margin-bottom: 3px;
    color: #c7eed7;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.adw-sidebar__intro-title {
    display: block;
    font-size: 14px;
    font-weight: 750;
}

.adw-nav,
.adw-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.adw-nav {
    padding: 8px 13px 24px;
}

.adw-nav > li {
    margin: 3px 0;
}

.adw-nav a {
    display: flex;
    align-items: center;
    min-height: 45px;
    padding: 10px 13px;
    border-radius: 12px;
    color: #4b5563;
    font-weight: 650;
    gap: 11px;
    transition:
        background 180ms ease,
        color 180ms ease,
        transform 180ms ease;
}

.adw-nav a:hover {
    background: var(--adw-soft-green);
    color: var(--adw-emerald-dark);
    transform: translateX(2px);
}

.adw-nav > li.active > a,
.adw-nav > li.is-expanded > .adw-nav__parent,
.adw-nav ul li.active > a {
    background: #e8f8ee;
    color: var(--adw-emerald-dark);
}

.adw-nav > li.active > a {
    box-shadow: inset 3px 0 0 var(--adw-gold);
}

.adw-nav a > svg,
.adw-nav a > .adw-nav__icon,
.adw-nav a > i:first-child {
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    color: currentColor;
    font-style: normal;
    text-align: center;
}

.adw-nav__label {
    flex: 1 1 auto;
}

.adw-nav__chevron {
    width: 15px !important;
    height: 15px !important;
    transition: transform 180ms ease;
}

.adw-nav li.is-expanded > a .adw-nav__chevron {
    transform: rotate(180deg);
}

.adw-nav ul {
    display: none;
    padding: 4px 0 6px 30px;
}

.adw-nav li.is-expanded > ul {
    display: block;
}

.adw-nav ul a {
    min-height: 38px;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 550;
}

.adw-nav ul a::before {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #95ddb4;
    content: "";
}

.adw-nav ul li.active a::before {
    background: var(--adw-gold);
}

.adw-sidebar-backdrop {
    position: fixed;
    z-index: 940;
    inset: var(--adw-header-height) 0 0;
    display: none;
    border: 0;
    background: rgba(2, 49, 21, 0.46);
    opacity: 0;
    transition: opacity 220ms ease;
}

.main-footer.adw-footer {
    margin: 0;
    padding: 20px 28px;
    border-top: 1px solid var(--adw-border);
    background: var(--adw-white);
    color: var(--adw-muted);
    text-align: center;
}

.main-footer.adw-footer a {
    color: var(--adw-emerald-dark);
    font-weight: 700;
}

.adw-footer-nav {
    display: none;
}

body.adw-member.has-member-navigation .adw-app-main,
body.adw-member.has-member-navigation .main-footer.adw-footer {
    padding-left: var(--adw-sidebar-width);
}

body.adw-member.sidebar-collapsed .main-nav.adw-sidebar {
    transform: translateX(-100%);
}

body.adw-member.sidebar-collapsed .adw-app-main,
body.adw-member.sidebar-collapsed .main-footer.adw-footer {
    padding-left: 0;
}

#loader {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: grid;
    place-items: center;
    background: var(--adw-cream);
    transition:
        opacity 220ms ease,
        visibility 220ms ease;
}

#loader::after {
    width: 42px;
    height: 42px;
    border: 4px solid #c7eed7;
    border-top-color: var(--adw-emerald);
    border-radius: 50%;
    content: "";
    animation: adw-spin 700ms linear infinite;
}

#loader.is-hidden {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
}

.btn.is-submitting {
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 0.75;
}

.adw-spinner {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    vertical-align: -2px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: adw-spin 650ms linear infinite;
}

@keyframes adw-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (min-width: 1100px) {
    .adw-sidebar-toggle {
        display: none;
    }
}

@media (max-width: 1099.98px) {
    .adw-header__brand {
        min-width: 0;
    }

    .main-nav.adw-sidebar {
        box-shadow: var(--adw-shadow-md);
        transform: translateX(-100%);
    }

    body.adw-member.sidebar-open {
        overflow: hidden;
    }

    body.adw-member.sidebar-open .main-nav.adw-sidebar {
        transform: translateX(0);
    }

    body.adw-member.sidebar-open .adw-sidebar-backdrop {
        display: block;
        opacity: 1;
    }

    body.adw-member.has-member-navigation .adw-app-main,
    body.adw-member.has-member-navigation .main-footer.adw-footer {
        padding-left: 0;
    }

    body.adw-member.has-member-navigation .adw-app-main {
        padding-bottom: calc(88px + env(safe-area-inset-bottom));
    }

    .main-footer.adw-footer {
        position: fixed;
        z-index: 920;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 7px 12px calc(7px + env(safe-area-inset-bottom));
        border-top: 1px solid var(--adw-border);
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 -8px 28px rgba(31, 79, 18, 0.1);
        backdrop-filter: blur(16px);
    }

    .adw-footer__copyright {
        display: none;
    }

    .adw-footer-nav {
        display: grid;
        width: min(680px, 100%);
        margin: 0 auto;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 5px;
    }

    .main-footer.adw-footer .adw-footer-nav a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        min-height: 58px;
        padding: 7px 4px;
        border-radius: 14px;
        color: #68766d;
        font-size: 12px;
        font-weight: 750;
        line-height: 1.1;
        text-decoration: none;
        flex-direction: column;
        gap: 4px;
        transition:
            background-color 180ms ease,
            color 180ms ease,
            transform 180ms ease;
    }

    .adw-footer-nav a svg {
        width: 21px;
        height: 21px;
        stroke-width: 2.2;
    }

    .main-footer.adw-footer .adw-footer-nav a:hover,
    .main-footer.adw-footer .adw-footer-nav a:focus-visible,
    .main-footer.adw-footer .adw-footer-nav a.is-active {
        background: #e8f8ee;
        color: #087934;
    }

    .main-footer.adw-footer .adw-footer-nav a.is-active::before {
        position: absolute;
        top: -7px;
        width: 28px;
        height: 3px;
        border-radius: 0 0 999px 999px;
        background: #b89400;
        content: "";
    }
}

@media (max-width: 767.98px) {
    :root {
        --adw-header-height: 66px;
        --adw-sidebar-width: min(294px, 86vw);
    }

    .adw-header__inner {
        padding: 0 14px;
        gap: 10px;
    }

    .adw-header__brand img {
        max-width: 105px;
        height: 32px;
    }

    .adw-header__identity,
    .adw-header__search,
    .adw-fullscreen-button,
    .adw-user-button__name,
    .adw-user-button__chevron {
        display: none;
    }

    .adw-user-button {
        width: 42px;
        padding: 4px;
    }

    .adw-user-dropdown {
        position: fixed;
        top: calc(var(--adw-header-height) - 2px);
        right: 12px;
        left: 12px;
        width: auto;
    }

    .main-footer.adw-footer {
        padding-right: 7px;
        padding-left: 7px;
    }

    .main-footer.adw-footer .adw-footer-nav a {
        min-height: 56px;
        font-size: 11px;
    }
}

.adw-theme-button__sun {
    display: none;
}
html[data-theme="dark"] .adw-theme-button__moon {
    display: none;
}
html[data-theme="dark"] .adw-theme-button__sun {
    display: inline-block;
}

/* Tema gelap global untuk seluruh area member. */
html[data-theme="dark"] {
    color-scheme: dark;
    --adw-cream: #0d1510;
    --adw-soft-green: #14231a;
    --adw-white: #17231b;
    --adw-text: #edf5ef;
    --adw-muted: #b3c1b7;
    --adw-border: #304238;
    --adw-shadow-sm: 0 5px 20px rgba(0, 0, 0, 0.24);
    --adw-shadow-md: 0 18px 45px rgba(0, 0, 0, 0.34);
}
html[data-theme="dark"] body.adw-member {
    background: #0d1510;
    color: #edf5ef;
}
html[data-theme="dark"] body.adw-member .adw-app-main,
html[data-theme="dark"] body.adw-member .content-wrapper,
html[data-theme="dark"] body.adw-member .container-full,
html[data-theme="dark"] body.adw-member .content {
    background-color: #0d1510 !important;
}
html[data-theme="dark"] .main-header.adw-header {
    border-color: #2b3d32;
    background: rgba(17, 28, 21, 0.96);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
}
html[data-theme="dark"] .adw-sidebar,
html[data-theme="dark"] .adw-user-dropdown {
    border-color: #2b3d32;
    background: #111c15;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .adw-header__search,
html[data-theme="dark"] .adw-icon-button,
html[data-theme="dark"] .adw-user-button {
    border-color: #304238;
    background: #17251c;
    color: #e8f3eb;
}
html[data-theme="dark"] .adw-header__search input {
    background: transparent !important;
    color: #edf5ef !important;
}
html[data-theme="dark"] .adw-header__search input::placeholder {
    color: #93a69a;
}
html[data-theme="dark"] .adw-nav > li > a,
html[data-theme="dark"] .adw-nav ul a,
html[data-theme="dark"] .adw-user-dropdown a {
    color: #dce9df;
}
html[data-theme="dark"] .adw-nav > li.active > a,
html[data-theme="dark"] .adw-nav > li.is-expanded > .adw-nav__parent,
html[data-theme="dark"] .adw-nav ul li.active > a,
html[data-theme="dark"] .adw-nav a:hover,
html[data-theme="dark"] .adw-user-dropdown a:hover {
    background: #203d2a;
    color: #8ee0aa;
}
html[data-theme="dark"]
    body.adw-member
    :where(
        .box,
        .card,
        .modal-content,
        [class*="-card"]:not([class*="hero"]),
        [class*="-panel"],
        [class*="-document"],
        [class*="-history"],
        [class*="-form-card"],
        [class*="-menu-section"],
        [class*="-receipt-section"],
        [class*="-bill"]
    ) {
    border-color: #304238 !important;
    background-color: #17231b !important;
    color: #edf5ef;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
}
html[data-theme="dark"]
    body.adw-member
    :where(
        .box-header,
        .modal-header,
        [class*="-card__header"],
        [class*="-panel__header"],
        [class*="-section__header"],
        [class*="-document__header"],
        [class*="-history"] > header,
        [class*="-form-card"] > header,
        [class*="-menu-section"] > header
    ) {
    border-color: #304238 !important;
    background-color: #1b2a20 !important;
    background-image: none !important;
}
html[data-theme="dark"]
    body.adw-member
    :where(h1, h2, h3, h4, h5, h6, strong, dt, dd, .box-title, .page-title) {
    color: #f2f8f4;
}
html[data-theme="dark"]
    body.adw-member
    :where(
        p,
        small,
        time,
        .text-muted,
        .text-fade,
        [class*="__meta"],
        [class*="__description"],
        [class*="__subtitle"],
        [class*="__hint"]
    ) {
    color: #b3c1b7 !important;
}
html[data-theme="dark"]
    body.adw-member
    :where(input, select, textarea, .form-control, .form-select) {
    border-color: #3a5043 !important;
    background-color: #101a14 !important;
    color: #edf5ef !important;
}
html[data-theme="dark"] body.adw-member :where(input, textarea)::placeholder {
    color: #839589 !important;
}
html[data-theme="dark"]
    body.adw-member
    :where(input, select, textarea, .form-control, .form-select):focus {
    border-color: #4bc77d !important;
    box-shadow: 0 0 0 4px rgba(75, 199, 125, 0.13) !important;
}
html[data-theme="dark"] body.adw-member .input-group-text,
html[data-theme="dark"] body.adw-member [class*="control__icon"],
html[data-theme="dark"] body.adw-member [class*="field__icon"] {
    border-color: #3a5043 !important;
    background: #20372a !important;
    color: #8ee0aa !important;
}
html[data-theme="dark"] body.adw-member table {
    color: #dce9df;
}
html[data-theme="dark"] body.adw-member table thead th,
html[data-theme="dark"] body.adw-member table tfoot th {
    border-color: #34493b !important;
    background: #20372a !important;
    color: #f1f7f3 !important;
}
html[data-theme="dark"] body.adw-member table tbody td {
    border-color: #2d4034 !important;
    background-color: #17231b;
    color: #dce9df !important;
}
html[data-theme="dark"] body.adw-member table tbody tr:hover td {
    background-color: #1d3024 !important;
}
html[data-theme="dark"] body.adw-member hr,
html[data-theme="dark"] body.adw-member [class*="divider"] {
    border-color: #304238 !important;
}
html[data-theme="dark"] body.adw-member .pagination .page-link {
    border-color: #34493b;
    background: #17231b;
    color: #b9d9c3;
}
html[data-theme="dark"] body.adw-member .pagination .active .page-link {
    background: #087934;
    color: #fff;
}
html[data-theme="dark"] .swal2-popup {
    background: #17231b !important;
    color: #edf5ef !important;
}
html[data-theme="dark"] .swal2-title,
html[data-theme="dark"] .swal2-content {
    color: #edf5ef !important;
}
html[data-theme="dark"] .main-footer.adw-footer {
    border-color: #2b3d32;
    background: #111c15;
    color: #b3c1b7;
}

@media (max-width: 1099.98px) {
    html[data-theme="dark"] .main-footer.adw-footer {
        background: rgba(17, 28, 21, 0.96);
        box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.3);
    }

    html[data-theme="dark"] .main-footer.adw-footer .adw-footer-nav a {
        color: #aebdb2;
    }

    html[data-theme="dark"] .main-footer.adw-footer .adw-footer-nav a:hover,
    html[data-theme="dark"]
        .main-footer.adw-footer
        .adw-footer-nav
        a:focus-visible,
    html[data-theme="dark"]
        .main-footer.adw-footer
        .adw-footer-nav
        a.is-active {
        background: #20372a;
        color: #9ae7b4;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media print {
    .adw-header,
    .adw-sidebar,
    .adw-sidebar-backdrop,
    .adw-footer,
    .no-print {
        display: none !important;
    }

    body.adw-member .adw-app-main {
        padding: 0 !important;
    }
}

/*
 * Standar keterbacaan area member.
 * Mayoritas pengguna membutuhkan teks dan target sentuh yang lebih besar.
 */
body.adw-member {
    font-size: 14px;
    line-height: 1.6;
}
body.adw-member p,
body.adw-member small,
body.adw-member .small,
body.adw-member [class*="__meta"],
body.adw-member [class*="__caption"],
body.adw-member [class*="__description"],
body.adw-member [class*="__subtitle"],
body.adw-member [class*="__helper"],
body.adw-member [class*="__hint"],
body.adw-member [class*="__lead"] {
    font-size: 14px !important;
    line-height: 1.65 !important;
}
body.adw-member label,
body.adw-member .form-label,
body.adw-member [class*="__label"] {
    font-size: 16px !important;
    line-height: 1.5 !important;
}
body.adw-member input:not([type="checkbox"]):not([type="radio"]),
body.adw-member select,
body.adw-member textarea,
body.adw-member .form-control,
body.adw-member .form-select {
    min-height: 54px;
    font-size: 16px !important;
    line-height: 1.5;
}
body.adw-member button,
body.adw-member .btn,
body.adw-member [class*="button"] {
    font-size: 14px !important;
    line-height: 1.4 !important;
}
body.adw-member .btn:not(.btn-sm),
body.adw-member button[type="submit"] {
    min-height: 48px;
}
body.adw-member table th,
body.adw-member table td {
    font-size: 14px !important;
    line-height: 1.55 !important;
}
body.adw-member .badge,
body.adw-member [class*="badge"],
body.adw-member [class*="status"] {
    font-size: 14px !important;
    line-height: 1.4 !important;
}
body.adw-member .adw-sidebar a,
body.adw-member .adw-user-dropdown a,
body.adw-member nav a {
    font-size: 14px !important;
    line-height: 1.45 !important;
}

@media (max-width: 767.98px) {
    body.adw-member {
        font-size: 14px;
    }

    body.adw-member input:not([type="checkbox"]):not([type="radio"]),
    body.adw-member select,
    body.adw-member textarea {
        font-size: 16px !important;
    }
}