:root {
    --eim-font-family: "Inter", sans-serif;

    /* Theme Colors */
    --eim-color-accent: #4f53ff;
    --eim-color-base: #111827;
    --eim-color-secondary: #4b5563;
    --eim-color-content: #ffffff;

    --eim-placeholder-color: #9da4ad;

    --eim-bg-primary: #ffffff;
    --eim-bg-secondary: #f9faff;

    --eim-bg-input: #f8f9fa;
    --eim-bg-readonly: #e2e6ea;

    --eim-bg-icon-btn: #ebecef;

    --eim-bg-loading: rgba(255, 255, 255, 0.8);
    --eim-bg-overlay: rgba(246, 248, 253, 0.8);

    /* Status Colors */
    --eim-color-info: #4f53ff;
    --eim-color-success: #45b369;
    --eim-color-warning: #ff9f29;
    --eim-color-error: #ff2b2b;
    --eim-color-danger: #ee3070;

    --eim-color-cancelled: #7352c5;

    --eim-color-price: #ef4a00;
    --eim-color-required-field: #ff2b2b;

    --eim-color-notif-badge: #ee3070;

    --ei-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);

    /* Border & Input */
    --eim-border-color: #e2e8f0;

    --eim-border-checkbox: #a7adb5;

    --eim-border-nav: #f6f7fb;

    --eim-border-radius-4: 4px;
    --eim-border-radius-6: 6px;
    --eim-border-radius-8: 8px;
    --eim-border-radius-10: 10px;
    --eim-border-radius-12: 12px;

    /* Spacing */
    --eim-spacing-2: 2px;
    --eim-spacing-4: 4px;
    --eim-spacing-6: 6px;
    --eim-spacing-8: 8px;
    --eim-spacing-10: 10px;
    --eim-spacing-12: 12px;
    --eim-spacing-13: 13px;
    --eim-spacing-14: 14px;
    --eim-spacing-15: 15px;
    --eim-spacing-16: 16px;
    --eim-spacing-18: 18px;
    --eim-spacing-20: 20px;
    --eim-spacing-24: 24px;
    --eim-spacing-26: 26px;
    --eim-spacing-30: 30px;
    --eim-spacing-32: 32px;
    --eim-spacing-40: 40px;
    --eim-spacing-50: 50px;
    --eim-spacing-77: 77px;

    --eim-spacing-icon-17: 17px;

    /* Font Sizes */
    --eim-font-size-11: 11px;
    --eim-font-size-12: 12px;
    --eim-font-size-13: 13px;
    --eim-font-size-14: 14px;
    --eim-font-size-15: 15px;
    --eim-font-size-16: 16px;
    --eim-font-size-18: 18px;
    --eim-font-size-20: 20px;
    --eim-font-size-22: 22px;
    --eim-font-size-24: 24px;
    --eim-font-size-28: 28px;
    --eim-font-size-30: 30px;

    --eim-line-height: 1.6;
    --eim-resource-line-height: 1.4;
    --eim-welcome-line-height: 1.2;

    --eim-description-line-height: 1.8;

    /* Font Weights */
    --eim-font-weight-400: 400;
    --eim-font-weight-500: 500;
    --eim-font-weight-600: 600;
    --eim-font-weight-700: 700;

    --eim-padding-9: 9px;
    --eim-btn-padding: 12px 12px 22px;
    --eim-btn-sm-padding: 12px 11px 13px;
    --eim-btn-sm2-padding: 6px 11px 22px;
    --eim-btn-md-padding: 6px 12px 22px;
    --eim-btn-md2-padding: 12px 15px 15px;
    --eim-btn-md3-padding: 8px 20px 10px;
    --eim-btn-lg-padding: 16px 24px;
    --eim-input-padding: 10px 14px;
    --eim-filter-select-padding: 6px 40px 8px 16px;

    --eim-sidebar-width: 260px;

    --eim-card-stat-height: 200px;

    --eim-input-height: 48px;
    --eim-filter-select-height: 42px;

    --eim-btn-sm-height: 27px;
    --eim-btn-sm2-height: 30px;
    --eim-btn-md-height: 32px;
    --eim-btn-md2-height: 36px;
    --eim-btn-md3-height: 44px;
    --eim-btn-lg-height: 52px;

    --eim-icon-btn-size: 41px;

    --eim-box-opacity: 0.03;
    --eim-alert-opacity: 0.15;
}

[data-theme="dark"]:root {
    --eim-bg-primary: #18191b;
    --eim-bg-secondary: #25262a;
    --eim-color-base: #ffffff;
    --eim-color-secondary: #e1e1e1;

    --eim-bg-input: #1f2023;
    --eim-bg-readonly: #151617;

    --eim-bg-loading: rgba(34, 35, 37, 0.85);
    --eim-bg-overlay: rgba(34, 35, 37, 0.85);

    --eim-border-color: #373a40;

    --eim-bg-icon-btn: #404246;

    --eim-placeholder-color: #9da4ad;

    --eim-border-nav: #1e2024;

    --eim-box-opacity: 0.06;
    --eim-alert-opacity: 1;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 95px;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
}

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

::-moz-selection {
    /* Code for Firefox */
    color: var(--eim-color-content);
    background: var(--eim-color-accent);
}
::selection {
    color: var(--eim-color-content);
    background: var(--eim-color-accent);
}

body {
    font-size: var(--eim-font-size-16);
    line-height: var(--eim-line-height);
    font-weight: var(--eim-font-weight-400);
    color: var(--eim-color-base);
    background-color: var(--eim-bg-secondary);
    padding: 0;
    margin: 0;
}

body,
button,
input,
select,
optgroup,
textarea {
    font-family: var(--eim-font-family);
}

.eim h1,
.eim h2,
.eim h3,
.eim h4,
.eim h5,
.eim h6 {
    margin: 0;
    padding: 0;
    font-family: var(--eim-font-family);
    color: var(--eim-color-base);
}

.eim p {
    margin: 0;
    padding: 0;
    font-family: var(--eim-font-family);
    line-height: var(--eim-line-height);
    color: var(--eim-color-base);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--eim-color-base);
    box-shadow: 0 0 0 1000px var(--eim-bg-input) inset !important;
}

.eim input,
.eim select,
.eim textarea {
    width: 100%;
}

.eim input[type="text"],
.eim input[type="email"],
.eim input[type="url"],
.eim input[type="number"],
.eim input[type="password"],
.eim input[type="datetime-local"],
.eim input[type="date"],
.eim input[type="tel"],
.eim select {
    height: var(--eim-input-height);
    font-size: var(--eim-font-size-15);
    line-height: var(--eim-line-height);
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-8);
    box-sizing: border-box;
    font-family: var(--eim-font-family);
    color: var(--eim-color-base);
    transition: border-color 0.3s ease;
    padding: var(--eim-input-padding);
}

.eim input[type="radio"] {
    cursor: pointer;
    width: 16px;
    height: 16px;
    accent-color: var(--eim-color-accent) !important;
    margin: 0;
}

.eim input[type="radio"]:checked {
    border: 1px solid var(--eim-color-accent);
}

.eim input[type="radio"]:checked::before {
    background-color: var(--eim-color-accent);
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    appearance: auto;
    background-image: none;
}

[data-theme="dark"]
    :is(
        .daterangepicker select.monthselect,
        .daterangepicker select.yearselect
    ) {
    background: var(--eim-bg-input);
}

.eim select {
    appearance: none;
    transition: ease-in-out 0.3s;
    background: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-left: 14px;
    padding-right: 36px;
}

.eim select:hover {
    border-color: var(--eim-border-color);
    cursor: pointer;
    color: var(--eim-text-primary-color);
}

.eim-checkbox-wrapper {
    display: -ms-flexbox;
    display: flex;
    gap: var(--eim-spacing-10);
}
.eim input[type="checkbox"] {
    cursor: pointer;
    appearance: none; /* Removes default styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: var(--eim-border-radius-4);
    position: relative;
    transition:
        background-color 0.3s ease,
        border-color 0.3s;
    outline: none;
    background-color: var(--eim-bg-primary);
    box-shadow: none;
    margin: 3px 0 0;
    border: 1px solid var(--eim-border-checkbox);
}

.eim input[type="checkbox"]:checked {
    border: 1px solid var(--eim-color-accent);
    background-color: var(--eim-color-accent);
    accent-color: var(--eim-color-content);
}

.eim input[type="checkbox"]:checked::before {
    content: "";
    display: block;
    background: var(--eim-color-content);
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' fill='none'%3E%3Cpath d='M7.59961 0.599976L2.78711 5.59998L0.599609 3.32725' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' fill='none'%3E%3Cpath d='M7.59961 0.599976L2.78711 5.59998L0.599609 3.32725' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center 4px;
    mask-size: 10px;
}

.eim input[type="text"]:focus,
.eim input[type="email"]:focus,
.eim input[type="url"]:focus,
.eim input[type="number"]:focus,
.eim input[type="password"]:focus,
.eim input[type="checkbox"]:focus,
.eim input[type="datetime-local"]:focus,
.eim input[type="date"]:focus,
.eim input[type="tel"]:focus,
.eim select:focus,
.eim textarea:focus {
    color: var(--eim-color-base);
    box-shadow: none;
    outline: none;
}

.eim input[type="text"]:readonly,
.eim input[type="email"]:readonly,
.eim input[type="url"]:readonly,
.eim input[type="number"]:readonly,
.eim input[type="password"]:readonly,
.eim input[type="checkbox"]:readonly,
.eim input[type="datetime-local"]:readonly,
.eim input[type="date"]:readonly,
.eim input[type="tel"]:readonly,
.eim select:readonly,
.eim textarea:readonly {
    background: #f3f4f6;
    cursor: not-allowed;
}

.eim textarea {
    min-height: 100px;
    font-size: var(--eim-font-size-15);
    line-height: var(--eim-line-height);
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-8);
    color: var(--eim-color-base);
    background: var(--eim-bg-input);
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease;
    padding: 10px 17px;
    resize: vertical;
}

.eim-form {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-24);
}
.eim-form-row {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-8);
    position: relative;
}

.eim-form-row label {
    font-size: var(--eim-font-size-16);
    line-height: var(--eim-line-height);
    color: var(--eim-color-base);
}
.eim-required {
    color: var(--eim-color-required-field);
}

.eim-input-group {
    position: relative;
}

.eim-input-group input {
    padding: 14px 17px 17px 42px !important;
}
.eim-input-group input[type="password"] {
    padding-top: 14px !important;
    padding-right: 42px !important;
}

.eim-input-group-icon-before {
    position: absolute;
    top: 54%;
    transform: translateY(-50%);
    left: var(--eim-spacing-icon-17);
    z-index: 1;
}

[data-theme="dark"] .eim-input-group-icon-before svg path {
    fill: var(--eim-color-secondary);
}

.eim-input-group-icon-after {
    position: absolute;
    top: 54%;
    transform: translateY(-50%);
    right: 10px;
    width: 20px;
    height: 20px;
    z-index: 1;
}

.eim-form-row input[type="text"],
.eim-form-row input[type="email"],
.eim-form-row input[type="password"],
.eim-form-row input[type="tel"] {
    position: relative;
}

[data-theme="dark"] .eim-password-toggle {
    filter: brightness(0) invert(0.8);
}

.eim-password-toggle {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: var(--eim-color-neutral);
    padding: var(--eim-spacing-4);
    background-repeat: no-repeat;
    background-position: 12px center;
    padding: 10px 10px 10px 18px !important;
}

.eim-password-toggle-open {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15.5708 9.53178C14.4912 11.3336 12.0686 14.3582 7.9996 14.3582C7.20958 14.3582 6.42947 14.2383 5.6813 14.0012C5.35725 13.8986 5.17838 13.5532 5.28093 13.2291C5.38265 12.9042 5.73124 12.727 6.05283 12.8279C6.68041 13.0265 7.3351 13.1274 7.9996 13.1274C11.4632 13.1274 13.57 10.4771 14.5167 8.89676C14.8514 8.34208 14.8514 7.6553 14.5183 7.10226C14.2344 6.6239 13.8874 6.13485 13.5124 5.68438C13.2951 5.42263 13.3313 5.0346 13.593 4.81798C13.8555 4.60054 14.2426 4.63658 14.46 4.89751C14.8751 5.39721 15.2606 5.94121 15.574 6.47045C16.1425 7.41158 16.1426 8.58654 15.5708 9.53178ZM6.41054 10.4591L1.0511 15.8195C0.931331 15.9393 0.773796 16 0.616286 16C0.458775 16 0.30124 15.9401 0.181467 15.8195C-0.0589013 15.5791 -0.0589013 15.1893 0.181467 14.9489L2.78618 12.3437C1.69673 11.4042 0.905091 10.3269 0.426816 9.53018C-0.14252 8.58658 -0.142558 7.41166 0.428418 6.46724C1.50802 4.66537 3.93057 1.64086 7.9996 1.64086C9.50497 1.64086 10.9242 2.06666 12.2286 2.89949L14.9473 0.18031C15.1877 -0.0601032 15.5774 -0.0601032 15.8177 0.18031C16.0581 0.420723 16.0581 0.8105 15.8177 1.05091L6.41214 10.4583L6.41054 10.4591ZM6.03801 9.09127L9.09155 6.03715C8.76177 5.85089 8.39174 5.74347 7.9996 5.74347C6.75592 5.74347 5.74439 6.75518 5.74439 7.99991C5.74439 8.3913 5.8526 8.76142 6.03801 9.09127ZM3.65742 11.4715L5.14393 9.98471C4.73785 9.40788 4.51384 8.72283 4.51384 7.99831C4.51384 6.07582 6.07748 4.51109 7.9996 4.51109C8.7248 4.51109 9.40891 4.73515 9.98563 5.1413L11.3237 3.80295C10.286 3.19494 9.17437 2.86924 7.9996 2.86924C4.536 2.86924 2.42922 5.51953 1.48252 7.09986C1.14781 7.65453 1.14785 8.34132 1.48092 8.89435C1.92145 9.63036 2.65329 10.6255 3.65742 11.4715ZM10.2212 8.35608C10.0735 9.30789 9.30729 10.075 8.35731 10.2219C8.02178 10.2736 7.79129 10.5878 7.84298 10.9234C7.89056 11.2278 8.15225 11.4453 8.45004 11.4453C8.48121 11.4453 8.5132 11.4428 8.54437 11.4378C10.0432 11.2065 11.2055 10.0439 11.4369 8.54399C11.4886 8.20757 11.2589 7.89417 10.9226 7.84165C10.5944 7.7916 10.2728 8.01967 10.2212 8.35608Z' fill='%234B5563'/%3E%3C/svg%3E");
}

.eim-password-toggle-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12' fill='none'%3E%3Cpath d='M14.6037 4.5584C13.5937 2.85595 11.3268 0 7.5 0C3.67322 0 1.40629 2.85595 0.396332 4.5584C-0.132111 5.44718 -0.132111 6.55205 0.396332 7.4416C1.40629 9.14405 3.67322 12 7.5 12C11.3268 12 13.5937 9.14405 14.6037 7.4416C15.1321 6.55205 15.1321 5.44795 14.6037 4.5584ZM13.6136 6.84545C12.729 8.33655 10.7576 10.8387 7.5 10.8387C4.24243 10.8387 2.27096 8.33732 1.38638 6.84545C1.07716 6.32364 1.07716 5.6756 1.38638 5.15379C2.27096 3.6627 4.24243 1.16053 7.5 1.16053C10.7576 1.16053 12.729 3.66192 13.6136 5.15379C13.9236 5.67637 13.9236 6.32364 13.6136 6.84545ZM7.5 2.70968C5.69699 2.70968 4.23089 4.18606 4.23089 6C4.23089 7.81394 5.69699 9.29032 7.5 9.29032C9.30301 9.29032 10.7691 7.81394 10.7691 6C10.7691 4.18606 9.30301 2.70968 7.5 2.70968ZM7.5 8.12903C6.33312 8.12903 5.38469 7.17445 5.38469 6C5.38469 4.82555 6.33312 3.87097 7.5 3.87097C8.66688 3.87097 9.61531 4.82555 9.61531 6C9.61531 7.17445 8.66688 8.12903 7.5 8.12903Z' fill='%234B5563'/%3E%3C/svg%3E");
}

.eim-password-toggle:hover {
    color: var(--eim-color-base);
}

button.eim-password-toggle {
    width: auto !important;
}

/* Login Page Layout */
.eim-login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--eim-bg-secondary);
    padding: var(--eim-spacing-40) var(--eim-spacing-20);
}

.eim-login-container {
    width: 100%;
    max-width: 560px;
}

.eim-login-page .eim-alert strong {
    display: inline-block;
    margin: 0;
}

/* Logo */
.eim-login-logo {
    text-align: center;
    margin-bottom: var(--eim-spacing-20);
    padding: var(--eim-spacing-20);
}

.eim-login-logo img {
    display: -ms-flexbox;
    display: flex;
    max-width: 198px;
    max-height: 40px;
    object-fit: contain;
    margin: 0 auto;
}

/* Card */
.eim-card {
    background: var(--eim-bg-primary);
    border-radius: var(--eim-border-radius-12);
    border: 1px solid var(--eim-border-color);
}

.eim-card-body {
    padding: var(--eim-spacing-40);
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-40);
}

span.increase {
    color: #45b369;
    background: #e6f4ea;
    padding: 1px 3px;
    border-radius: var(--eim-border-radius-4);
}

span.decrease {
    color: #ef4a00;
    background: #fceaea;
    padding: 1px 3px;
    border-radius: var(--eim-border-radius-4);
}

/* Welcome Box */
.eim-welcome-box {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--eim-spacing-10);
    border: 1px solid var(--eim-color-accent);
    border-radius: var(--eim-border-radius-8);
    padding: var(--eim-spacing-30);
    text-align: center;
    z-index: 0;
}
.eim-welcome-box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--eim-border-radius-8);
    background: var(--eim-color-accent);
    opacity: var(--eim-box-opacity);
    z-index: -1;
}
.eim-welcome-box > :is(h1, p) {
    width: 100%;
}

.eim-welcome-title {
    font-size: var(--eim-font-size-20);
    font-weight: var(--eim-font-weight-600);
    color: var(--eim-color-base);
    margin: -5px 0 0 !important;
}

.eim-welcome-text {
    font-size: var(--eim-font-size-16);
    color: var(--eim-color-neutral);
    margin: 0;
}

/* Input Fields */
.eim-input-wrapper {
    position: relative;
    box-sizing: border-box;
}

.eim-input-icon {
    position: absolute;
    left: var(--eim-spacing-icon-17);
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

[data-theme="dark"] .eim-input-icon svg path {
    fill: var(--eim-color-secondary);
}

.eim-input {
    width: 100%;
    padding: var(--eim-spacing-12) var(--eim-spacing-12) var(--eim-spacing-12)
        40px;
    font-size: var(--eim-font-size-12);
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-8);
    background-color: var(--eim-bg-input);
    transition: var(--eim-transition);
    outline: none;
}

.eim-input[readonly] {
    color: var(--eim-placeholder-color) !important;
    background-color: var(--eim-bg-readonly);
    cursor: not-allowed;
}

.eim-input::placeholder {
    color: var(--eim-placeholder-color);
}

.eim-input:focus {
    border-color: var(--eim-color-accent);
    box-shadow: 0 0 0 3px oklch(from var(--eim-color-accent) l c h / 0.1);
}

.eim-input-error {
    border: 1px solid red !important;
}

.eim-form-error {
    font-size: var(--eim-font-size-12);
    color: red;
}

/* Remember Me & Forgot Password */
.eim-form-extras {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--eim-spacing-8);
}

.eim-forgot-link {
    font-size: var(--eim-font-size-16);
    line-height: var(--eim-line-height);
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-accent);
    text-decoration: none;
}

.eim-forgot-link:hover {
    text-decoration: underline;
}

/* Button */
.eim-btn {
    font-family: var(--eim-font-family);
    width: auto;
    height: var(--eim-input-height);
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-600);
    border: none;
    border-radius: var(--eim-border-radius-8);
    cursor: pointer;
    text-align: center;
    padding: var(--eim-btn-padding);
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

a.eim-btn {
    text-decoration: none;
}

.eim-btn:disabled {
    cursor: not-allowed;
    opacity: 0.3;
}

[data-theme="dark"] .eim-btn:disabled {
    opacity: 0.1;
}

.eim-btn-register,
.eim-btn-reset-password {
    margin-top: var(--eim-spacing-13);
}

.eim-btn-primary {
    border-color: var(--eim-color-accent) !important;
    color: var(--eim-color-content);
    background-color: var(--eim-color-accent);
}

.eim-btn-outline {
    background-color: var(--eim-bg-primary);
    color: var(--eim-color-accent);
    border: 1px solid var(--eim-color-accent) !important;
    text-decoration: none;
    display: block;
    padding: var(--eim-padding-9);
}

.eim-btn-cancel {
    border: 1px solid #e2e8f0 !important;
    border-radius: var(--eim-border-radius-8) !important;
    color: #111827;
    background-color: #f0f0f0;
}

/* Register Link */
.eim-register-section {
    height: var(--eim-input-height);
    border: 1px solid var(--eim-color-base);
    border-radius: var(--eim-border-radius-8);
    text-align: center;
    background-color: var(--eim-bg-primary);
    padding: var(--eim-padding-9);
}
.eim-register-section,
.eim-back-to-login {
    margin-top: -8px;
}
.eim-register-text {
    color: var(--eim-color-base);
    margin: 0;
}

.eim-register-link {
    color: var(--eim-color-accent);
    text-decoration: none;
    font-weight: var(--eim-font-weight-500);
    margin-left: 4px;
}

.eim-register-link:hover {
    text-decoration: underline;
}

/* Alert */
.eim-alert {
    position: relative;
    border-radius: var(--eim-border-radius-8);
    font-size: var(--eim-font-size-14);
    padding: 12px var(--eim-spacing-20) 14px;
    z-index: 0;
}

.eim-alert:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--eim-border-radius-8);
    opacity: var(--eim-alert-opacity);
    z-index: -1;
}

.eim-alert a {
    font-weight: var(--eim-font-weight-600);
    text-decoration: underline;
}

[data-theme="dark"] :is(.eim-alert, .eim-alert a) {
    color: #ffffff;
}

.eim-alert strong {
    display: block;
    font-weight: var(--eim-font-weight-600);
    margin: -4px 0 var(--eim-spacing-8);
}
.eim-alert.eim-alert-danger strong,
.eim-alert.eim-alert-success strong {
    margin-top: 0;
}

.eim-alert p {
    margin: 0 0 -3px;
    font-size: var(--eim-font-size-14);
}

.eim-alert-info {
    border: 1px solid #ffecb5;
    background-color: #fff3cd;
    padding: var(--eim-spacing-20);
}
.eim-alert-info:before {
    display: none;
}
.eim-alert-info,
.eim-alert-info > :is(a, strong, p) {
    color: #664d03;
}

.eim-alert-danger:before {
    background: var(--eim-color-error);
}
.eim-alert-danger,
.eim-alert-danger a {
    color: var(--eim-color-error);
}

.eim-alert-success:before {
    background: var(--eim-color-success);
}
.eim-alert-success,
.eim-alert-success a {
    color: var(--eim-color-success);
}

.eim-alert-warning:before {
    background: var(--eim-color-warning);
}
.eim-alert-warning,
.eim-alert-warning a {
    color: var(--eim-color-warning);
}

.eim-alert-error:before {
    background: var(--eim-color-error);
}
.eim-alert-error,
.eim-alert-error a {
    color: var(--eim-color-error);
}

.eim-flash {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: fixed;
    bottom: 16px;
    right: 16px;
    max-width: 500px;
    font-size: var(--eim-font-size-14);
    border-radius: var(--eim-border-radius-8);
    padding: var(--eim-spacing-16);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 9999999;
}

.eim-flash:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--eim-border-radius-8);
    opacity: var(--eim-alert-opacity);
    z-index: -1;
}

[data-theme="dark"] .eim-flash {
    color: #ffffff;
}

.eim-flash.show {
    opacity: 1;
    visibility: visible;
}

.eim-flash-info:before {
    background: var(--eim-color-info);
}
.eim-flash-info {
    color: var(--eim-color-info);
}

.eim-flash-success:before {
    background: var(--eim-color-success);
}
.eim-flash-success {
    color: var(--eim-color-success);
}

.eim-flash-warning:before {
    background: var(--eim-color-warning);
}
.eim-flash-warning {
    color: var(--eim-color-warning);
}

.eim-flash-error:before {
    background: var(--eim-color-error);
}
.eim-flash-error {
    color: var(--eim-color-error);
}

.eim-flash-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--eim-spacing-16);
    margin: -5px 0;
}

.eim-flash-message {
    width: calc(100% - 20px);
    word-break: break-all;
}

.eim-flash-close {
    position: relative;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

[data-theme="dark"] .eim-flash-close::before {
    background: #ffffff;
}

.eim-flash-close::before {
    content: "";
    position: absolute;
    top: 5px;
    width: 100%;
    height: 100%;
    background: var(--eim-color-info);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10.1504 0.373047C10.4477 0.0757593 10.9293 0.0757593 11.2266 0.373047C11.5239 0.670336 11.5239 1.15193 11.2266 1.44922L6.87598 5.7998L11.2256 10.1504C11.5225 10.4476 11.5225 10.9294 11.2256 11.2266C11.0776 11.3745 10.8823 11.4502 10.6875 11.4502C10.5175 11.4502 10.3465 11.3934 10.207 11.2793L10.1494 11.2266L5.79883 6.87598L1.44824 11.2266C1.30025 11.3745 1.105 11.4502 0.910156 11.4502C0.715893 11.4501 0.520409 11.3759 0.37207 11.2266V11.2256C0.0756699 10.9282 0.0760644 10.4474 0.373047 10.1504L4.72266 5.7998L0.373047 1.44922C0.0757535 1.15193 0.0757552 0.670336 0.373047 0.373047C0.67034 0.0757593 1.15193 0.0757594 1.44922 0.373047L5.7998 4.72266L10.1504 0.373047Z' fill='%234B5563' stroke='%234B5563' stroke-width='0.3'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10.1504 0.373047C10.4477 0.0757593 10.9293 0.0757593 11.2266 0.373047C11.5239 0.670336 11.5239 1.15193 11.2266 1.44922L6.87598 5.7998L11.2256 10.1504C11.5225 10.4476 11.5225 10.9294 11.2256 11.2266C11.0776 11.3745 10.8823 11.4502 10.6875 11.4502C10.5175 11.4502 10.3465 11.3934 10.207 11.2793L10.1494 11.2266L5.79883 6.87598L1.44824 11.2266C1.30025 11.3745 1.105 11.4502 0.910156 11.4502C0.715893 11.4501 0.520409 11.3759 0.37207 11.2266V11.2256C0.0756699 10.9282 0.0760644 10.4474 0.373047 10.1504L4.72266 5.7998L0.373047 1.44922C0.0757535 1.15193 0.0757552 0.670336 0.373047 0.373047C0.67034 0.0757593 1.15193 0.0757594 1.44922 0.373047L5.7998 4.72266L10.1504 0.373047Z' fill='%234B5563' stroke='%234B5563' stroke-width='0.3'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 10px;
}

/* Loading Blocked Page */
.eim-loading-blocked {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--eim-bg-loading);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    display: none;
}

.eim-loading-blocked.active {
    opacity: 1;
    display: flex;
}

.eim-loading-spinner {
    font-size: var(--eim-font-size-18);
    color: var(--eim-color-accent);
}

[data-theme="dark"] .eim-loading-spinner {
    color: #ffffff;
}

/* search input */
.eim-search {
    display: flex;
    align-items: center;
    background: var(--eim-bg-primary);
    width: 100%;
    padding: 5px 5px 5px 0px;
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-8);
    gap: 5px;
}

.eim-search-input-with-icon {
    position: relative;
    flex: 1;
    min-width: 0;
    margin-top: -2px;
}

.eim-search-input-with-icon .eim-input-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: var(--eim-spacing-8);
}

.eim-search input {
    width: 100%;
    height: auto !important;
    border: none !important;
    outline: none;
    background: transparent;
    padding-left: 48px !important;
}

.eim-search input::placeholder {
    color: var(--eim-placeholder-color);
    font-weight: normal;
}

.eim-search input:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.eim-search select {
    position: relative;
    min-width: 150px;
    height: auto;
    padding: 0 22px 2px;
    border-left: 1px solid var(--eim-border-color);
    border-right: none;
    border-top: none;
    border-bottom: none;
    color: var(--eim-color-base);
    font-size: var(--eim-font-size-14);
    font-family: inherit;
    cursor: pointer;
    font-weight: normal;
    width: auto !important;
    border-radius: 0;
}

[data-theme="dark"] .eim-search select {
    background-color: var(--eim-bg-primary);
}

.eim-search select:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--eim-border-color);
}

.eim-search-btn {
    width: 100px;
}

.eim-filter-actions {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-10);
}

.eim-filter-action {
    position: relative;
}

.eim-filter {
    position: absolute;
    top: 100%;
    right: 0;
    width: 320px;
    height: 0;
    text-align: left;
    border-radius: var(--eim-border-radius-12);
    background-color: var(--eim-bg-primary);
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
    z-index: 999;
}

.eim-filter.show {
    visibility: visible;
    opacity: 1;
    top: 155%;
    height: auto;
}

.eim-filter-overlay {
    position: absolute;
    top: 0 !important;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--eim-bg-overlay);
    z-index: 9;
    cursor: zoom-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.eim-filter-overlay.show {
    visibility: visible;
    opacity: 1;
}

.eim-filter:hover {
    opacity: 1 !important;
    box-shadow: 0;
}

.eim-filter-content {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-16);
    padding: var(--eim-spacing-24);
    box-sizing: border-box;
}

.eim-filter-field-title {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-10);
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-500);
    margin-top: -4px;
}

.eim-filter-content svg {
    width: 12px;
    height: auto;
}
.eim-filter-content svg path {
    fill: var(--eim-text-primary-color);
}

.eim-filter-field {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-10);
}
.eim-filter-field select#date_range_select {
    height: var(--eim-filter-select-height);
    font-size: var(--eim-font-size-14);
    text-transform: capitalize;
    background-color: var(--eim-bg-input);
    background-position: right 14px center;
    padding: var(--eim-filter-select-padding);
}

.eim-filter-field select.hide {
    opacity: 0;
    visibility: hidden;
    display: none;
}
.eim-filter-field.eim-filter-field-products {
    margin-top: 2px;
}
.eim-filter-field label {
    font-size: var(--eim-font-size-14);
}

.eim-filter-submit button {
    justify-content: center;
    width: 100% !important;
    height: var(--eim-filter-select-height) !important;
    border-color: #ee3070 !important;
    color: #fff;
    background-color: #ee3070;
}

.eim-date-range-custom {
    position: relative;
    display: none;
    flex-direction: column;
    gap: 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.eim-date-range-custom.show {
    opacity: 1;
    visibility: visible;
    display: flex;
}

.eim-date-range-custom input {
    height: var(--eim-filter-select-height) !important;
    font-size: var(--eim-font-size-14) !important;
    background-color: var(--eim-bg-input);
    padding: var(--eim-filter-select-padding) !important;
}

.eim-date-range-close {
    position: absolute !important;
    right: 0;
    width: max-content;
    height: var(--eim-filter-select-height) !important;
    font-size: 0px;
    background-color: transparent !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 0C3.58847 0 0 3.58921 0 8C0 12.4108 3.58847 16 8 16C12.4115 16 16 12.4108 16 8C16 3.58921 12.4115 0 8 0ZM8 14.8837C4.20391 14.8837 1.11628 11.7961 1.11628 8C1.11628 4.20391 4.20391 1.11628 8 1.11628C11.7961 1.11628 14.8837 4.20391 14.8837 8C14.8837 11.7961 11.7961 14.8837 8 14.8837ZM10.627 6.16188L8.78884 8L10.627 9.83812C10.845 10.0562 10.845 10.4097 10.627 10.6277C10.5183 10.7364 10.3754 10.7914 10.2326 10.7914C10.0897 10.7914 9.94679 10.7371 9.83814 10.6277L8 8.78956L6.16186 10.6277C6.05321 10.7364 5.91033 10.7914 5.76744 10.7914C5.62456 10.7914 5.48168 10.7371 5.37302 10.6277C5.15498 10.4097 5.15498 10.0562 5.37302 9.83812L7.21116 8L5.37302 6.16188C5.15498 5.94384 5.15498 5.59032 5.37302 5.37227C5.59107 5.15423 5.94456 5.15423 6.16261 5.37227L8.00075 7.21044L9.83889 5.37227C10.0569 5.15423 10.4104 5.15423 10.6285 5.37227C10.845 5.59032 10.845 5.94458 10.627 6.16188Z' fill='%23EF4A00'/%3E%3C/svg%3E")
        no-repeat right 12px center;
    background-size: 15px;
    padding-left: 28px;
}

.eim-filter-field-products-list {
    display: flex;
    flex-direction: column;
    max-height: 300px;
    overflow-y: auto;
}

.eim-filter-field-products-list label {
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    margin-bottom: 10px;
}

.eim-filter-field-products-list::-webkit-scrollbar {
    width: 5px;
}

.eim-filter-field-products-list::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}

.eim-filter-field-products-list::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 10px;
}

/* Checkout Page */
.eim-checkout-page {
    min-height: 100vh;
    background-color: var(--eim-bg-secondary);
    padding: var(--eim-spacing-40) var(--eim-spacing-20);
}

.eim-checkout-container {
    max-width: 600px;
    margin: 0 auto;
}

.eim-checkout-section {
    background: var(--eim-bg-primary);
    border-radius: var(--eim-border-radius-12);
    border: 1px solid var(--eim-border-color);
    padding: var(--eim-spacing-40);
    margin-bottom: var(--eim-spacing-20);
}

.eim-section-title {
    font-size: var(--eim-font-size-20);
    font-weight: var(--eim-font-weight-600);
    margin: -12px 0 0 !important;
}

.eim-section-subtitle {
    font-size: 16px;
    font-weight: var(--eim-font-weight-600);
    color: var(--eim-color-base);
    margin: 0 0 8px 0;
}

.eim-section-description {
    margin-top: 5px !important;
}

/* Checkout Item */
.eim-checkout-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    gap: var(--eim-spacing-16);
    border: 1px solid var(--eim-color-accent);
    border-radius: var(--eim-border-radius-8);
    padding: var(--eim-spacing-20);
    margin-top: var(--eim-spacing-24);
    z-index: 0;
}
.eim-checkout-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--eim-border-radius-8);
    background: var(--eim-color-accent);
    opacity: var(--eim-box-opacity);
    z-index: -1;
}

.eim-checkout-item-image,
.eim-checkout-item-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.eim-checkout-item-image {
    flex-shrink: 0;
    color: var(--eim-color-accent);
}

.eim-checkout-item-image img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: var(--eim-border-radius-4);
}

.eim-checkout-item-details {
    flex: 1;
    overflow: hidden;
}

.eim-checkout-item-title {
    width: 100%;
    font-size: var(--eim-font-size-18);
    font-weight: var(--eim-font-weight-600);
    margin: -3px 0 0 !important;
}

.eim-checkout-item-description {
    font-size: var(--eim-font-size-14);
}

.eim-checkout-pricing {
    margin-top: var(--eim-spacing-24);
}
.eim-pricing-row {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    font-size: var(--eim-font-size-16);
    color: var(--eim-color-base);
    margin: 0 0 var(--eim-spacing-10);
}
.eim-pricing-row > div {
    width: 50%;
}
.eim-pricing-row > div:last-child {
    text-align: right;
}
.eim-pricing-row .eim-pricing-label-description {
    font-size: 13px;
    color: var(--eim-color-success);
}

.eim-pricing-row .eim-pricing-label-description-clear {
    color: var(--eim-color-danger);
    text-decoration: underline;
    margin-left: 5px;
    cursor: pointer;
}

.eim-pricing-total {
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-600);
    border-top: 1px solid var(--eim-border-color);
    padding-top: var(--eim-spacing-20);
    margin: var(--eim-spacing-20) 0 -6px;
}

.eim-submit-section button {
    width: 100%;
}

/* Coupon Form */
.eim-coupon-form,
.eim-coupon-form .eim-input-group {
    display: -ms-flexbox;
    display: flex;
}
.eim-coupon-form {
    flex-direction: column;
    gap: var(--eim-spacing-20);
    margin-top: var(--eim-spacing-30);
}
.eim-coupon-form .eim-input-group {
    align-items: center;
    position: relative;
}

.eim-coupon-form .eim-input-icon {
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eim-coupon-form .eim-input {
    padding-right: 100px !important;
}

.eim-coupon-btn-remove {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--eim-color-error);
    color: var(--eim-color-content);
    border: none;
    border-radius: 6px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: var(--eim-font-weight-500);
    cursor: pointer;
    transition: all 0.2s;
    display: none;
}

.eim-coupon-btn-remove:hover {
    opacity: 0.8;
}

.eim-coupon-btn-remove-active {
    display: block;
}

.eim-coupon-btn-apply {
    position: absolute;
    height: var(--eim-btn-md-height);
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
    border: none;
    border-radius: var(--eim-border-radius-4);
    color: var(--eim-color-content);
    background-color: var(--eim-color-accent);
    padding: var(--eim-btn-md-padding);
    cursor: pointer;
    transition: all 0.2s;
    display: none;
}

.eim-coupon-btn-apply-active {
    display: block;
}

.eim-checkout-section .eim-form {
    padding: 0;
    border: none;
    margin-top: var(--eim-spacing-30);
}
.eim-checkout-section .eim-form .eim-alert-info {
    margin-bottom: var(--eim-spacing-8);
}

/* Link */
.eim-link {
    color: var(--eim-color-accent);
    text-decoration: none;
    font-weight: var(--eim-font-weight-500);
}

.eim-link:hover {
    text-decoration: underline;
}

.eim-checkout-user-info {
    margin: 6px 0 var(--eim-spacing-24);
}

/* Confirm Modal */
.eim-confirm {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.eim-confirm.show {
    opacity: 1;
    visibility: visible;
}

.eim-confirm-content {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-10);
    width: 90%;
    max-width: 400px;
    border-radius: var(--eim-border-radius-10);
    background: var(--eim-bg-primary);
    padding: var(--eim-spacing-30);
    transform: translateY(-50px);
    transition: transform 0.3s ease-out;
    box-sizing: border-box;
}

.eim-confirm.show .eim-confirm-content {
    transform: translateY(0);
}

.eim-confirm-content h3 {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -8px 0 0;
}

.eim-confirm-content p {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary);
    margin-bottom: var(--eim-spacing-30);
}

.eim-confirm-content .eim-confirm-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--eim-spacing-10);
    margin-top: var(--eim-spacing-30);
}

.eim-confirm-content .eim-confirm-actions button {
    width: max-content;
}

/* Modal */
.eim-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.eim-modal.show {
    opacity: 1;
    visibility: visible;
}

.eim-modal-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}

.eim-modal-body {
    background: var(--eim-background-color);
    border-radius: var(--eim-border-radius-10);
    width: 90%;
    max-width: 550px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    transform: translateY(-50px);
    transition: transform 0.3s ease-out;
    background: var(--eim-bg-primary);
}

.eim-modal.show .eim-modal-body {
    transform: translateY(0);
}

.eim-modal-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--eim-border-color);
    padding: 15px var(--eim-spacing-24);
    box-sizing: border-box;
}

.eim-modal-header .eim-modal-title {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin-bottom: 4px;
}

.eim-modal-header .eim-modal-close {
    display: flex;
    color: var(--eim-color-secondary);
    cursor: pointer;
}

.eim-modal-body .eim-modal-close:hover {
    color: var(--eim-color-accent);
}

.eim-modal-body .eim-modal-content {
    max-height: 90vh;
    overflow-y: auto;
    background: var(--eim-bg-secondary);
    padding: var(--eim-spacing-24);
    box-sizing: border-box;
}

.eim-modal-content-wrap {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-18);
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-10);
    background-color: var(--eim-bg-primary);
    padding: var(--eim-spacing-30);
}
.eim-modal-content-wrap
    > :is(
        .eim-access-info-item,
        .eim-access-modal-info,
        .eim-access-modal-actions
    ),
.eim-modal-content-wrap .eim-access-info-item {
    border: 0;
    padding: 0;
    margin: 0;
}
.eim-modal-content-wrap .eim-access-info-item:after {
    display: none;
}
.eim-modal-content-wrap > .eim-access-info-item:first-child {
    margin-top: -8px;
}
.eim-modal-content-wrap .eim-access-info-label {
    font-weight: var(--eim-font-weight-500);
}
.eim-modal-content-wrap .eim-access-info-label,
.eim-modal-content-wrap .eim-access-status,
.eim-modal-content-wrap .eim-access-info-value {
    text-align: center;
}
.eim-modal-content-wrap .eim-access-purchase-code,
.eim-modal-content-wrap .eim-access-modal-info {
    justify-content: center;
}

.eim-modal-content-wrap .eim-form {
    gap: var(--eim-spacing-30);
}
.eim-modal-content-wrap .eim-form-row {
    margin-top: -8px;
}

.eim-modal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 24px;
}

.eim-payment-method-section {
    margin-top: var(--eim-spacing-20);
    background: var(--eim-bg-primary);
    border-radius: var(--eim-border-radius-12);
    border: 1px solid var(--eim-border-color);
    padding: var(--eim-spacing-40);
    margin-bottom: var(--eim-spacing-20);
}

.eim-payment-gateways {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-20);
    margin-top: var(--eim-spacing-30);
}

.eim-payment-gateway {
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-8);
}

.eim-payment-gateway.active {
    border-color: var(--eim-color-accent);
}

.eim-payment-gateway-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--eim-spacing-40);
    padding: var(--eim-spacing-20);
}

.eim-payment-gateway .eim-gateway-info {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-6);
    width: calc(100% - 20px);
}

.eim-payment-gateway .eim-gateway-info .eim-gateway-name {
    font-weight: var(--eim-font-weight-600);
    margin: -4px 0 0;
}

.eim-payment-gateway .eim-gateway-info .eim-gateway-description {
    font-size: var(--eim-font-size-14);
}

.eim-payment-gateway .eim-gateway-icon {
    position: relative;
    width: 12px;
    height: 12px;
    cursor: pointer;
    transition: transform 0.2s;
}

.eim-payment-gateway .eim-gateway-icon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--eim-color-base);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15.5 7.75C15.5 8.164 15.164 8.5 14.75 8.5H8.5V14.75C8.5 15.164 8.164 15.5 7.75 15.5C7.336 15.5 7 15.164 7 14.75V8.5H0.75C0.336 8.5 0 8.164 0 7.75C0 7.336 0.336 7 0.75 7H7V0.75C7 0.336 7.336 0 7.75 0C8.164 0 8.5 0.336 8.5 0.75V7H14.75C15.164 7 15.5 7.336 15.5 7.75Z' fill='%2325314C'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15.5 7.75C15.5 8.164 15.164 8.5 14.75 8.5H8.5V14.75C8.5 15.164 8.164 15.5 7.75 15.5C7.336 15.5 7 15.164 7 14.75V8.5H0.75C0.336 8.5 0 8.164 0 7.75C0 7.336 0.336 7 0.75 7H7V0.75C7 0.336 7.336 0 7.75 0C8.164 0 8.5 0.336 8.5 0.75V7H14.75C15.164 7 15.5 7.336 15.5 7.75Z' fill='%2325314C'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    transition: transform 0.2s;
}
.eim-payment-gateway.active .eim-gateway-icon::after {
    content: "";
    transform: rotate(180deg);
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--eim-color-base);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='2' viewBox='0 0 16 2' fill='none'%3E%3Cpath d='M14.75 1.5H0.75C0.336 1.5 0 1.164 0 0.75C0 0.336 0.336 0 0.75 0H14.75C15.164 0 15.5 0.336 15.5 0.75C15.5 1.164 15.164 1.5 14.75 1.5Z' fill='%2325314C'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='2' viewBox='0 0 16 2' fill='none'%3E%3Cpath d='M14.75 1.5H0.75C0.336 1.5 0 1.164 0 0.75C0 0.336 0.336 0 0.75 0H14.75C15.164 0 15.5 0.336 15.5 0.75C15.5 1.164 15.164 1.5 14.75 1.5Z' fill='%2325314C'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
}

.eim-payment-gateway-body {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s cubic-bezier(0, 1, 0, 1);
}

.eim-payment-gateway.active .eim-payment-gateway-body {
    max-height: 2000px;
    transition: max-height 0.4s ease-in-out;
}

.eim-payment-channels {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-16);
    border-top: 1px solid var(--eim-border-color);
    padding: var(--eim-spacing-20);
}

.eim-payment-channel {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-10);
}

.eim-payment-channel input[type="radio"] {
    width: 16px;
    height: 16px;
}

.eim-payment-channel label {
    width: calc(100% - 132px);
}

.eim-payment-channel label .eim-channel-name {
    font-weight: var(--eim-font-weight-500);
}

.eim-payment-channel input[type="radio"]:checked + label {
    color: var(--eim-color-accent);
}

.eim-payment-channel .eim-channel-icon {
    width: 150px;
    height: 25px;
    overflow: hidden;
    text-align: right;
}

.eim-payment-channel .eim-channel-icon img {
    width: auto;
    height: 20px;
    object-fit: cover;
}

.eim-submit-section {
    margin-top: var(--eim-spacing-20);
    background: var(--eim-bg-primary);
    border-radius: var(--eim-border-radius-12);
    border: 1px solid var(--eim-border-color);
    padding: var(--eim-spacing-40);
    margin-bottom: var(--eim-spacing-20);
}

.eim-submit-section .eim-referred-by {
    font-size: var(--eim-font-size-12);
    text-align: center;
    margin: var(--eim-spacing-20) 0 -5px;
}

/* Checkout Total */
.eim-checkout-total {
    text-align: center;
    border-radius: var(--eim-border-radius-8);
    background-color: var(--eim-bg-input);
    padding: var(--eim-spacing-30);
    margin-bottom: var(--eim-spacing-40);
}

.eim-total-label {
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-600);
}

.eim-total-amount {
    font-size: var(--eim-font-size-28);
    font-weight: var(--eim-font-weight-700);
    color: var(--eim-color-price);
}

.eim-total-amount-description {
    font-size: var(--eim-font-size-14);
    margin-top: var(--eim-spacing-6);
}

/* Large Button */
.eim-btn-large {
    height: var(--eim-btn-lg-height);
    padding: var(--eim-btn-lg-padding);
    font-size: var(--eim-font-size-16);
    line-height: 1;
    letter-spacing: 0.5px;
}

/* Security Note */
.eim-security-note {
    display: flex;
    justify-content: center;
    gap: var(--eim-spacing-8);
    margin-top: var(--eim-spacing-20);
    font-size: var(--eim-font-size-14);
}

.eim-security-note svg {
    flex: 0 0 auto;
    color: var(--eim-color-success);
    margin-top: 2px;
}

/* Payment Page / Thank You Page */

.eim-payment-page {
    min-height: 100vh;
    background-color: var(--eim-bg-secondary);
    padding: 40px 20px;
}

.eim-payment-container {
    max-width: 600px;
    margin: 0 auto;
}

.eim-success-box {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--eim-spacing-10);
    text-align: center;
    border: 1px solid var(--eim-color-success);
    border-radius: var(--eim-border-radius-12);
    padding: var(--eim-spacing-30);
    margin-bottom: var(--eim-spacing-20);
    z-index: 0;
}
.eim-success-box > :is(h1, p, .eim-success-icon) {
    width: 100%;
}
.eim-success-box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--eim-border-radius-8);
    background: var(--eim-color-success);
    opacity: var(--eim-box-opacity);
    z-index: -1;
}

.eim-warning-box {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--eim-spacing-10);
    text-align: center;
    border: 1px solid var(--eim-color-warning);
    border-radius: var(--eim-border-radius-12);
    padding: var(--eim-spacing-30);
    margin-bottom: var(--eim-spacing-20);
    z-index: 0;
}
.eim-warning-box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--eim-border-radius-8);
    background: var(--eim-color-warning);
    opacity: var(--eim-box-opacity);
    z-index: -1;
}
.eim-warning-box > :is(h1, p, .eim-warning-icon) {
    width: 100%;
}
.eim-warning-icon {
    color: var(--eim-color-warning);
}
.eim-warning-icon svg {
    width: 38px;
    height: auto;
}
.eim-warning-box .eim-btn {
    margin-bottom: var(--eim-spacing-10);
}

.eim-success-icon,
.eim-warning-icon {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: var(--eim-spacing-10);
}
.eim-success-icon svg path {
    fill: var(--eim-color-success);
}

.eim-success-title,
.eim-warning-title {
    font-size: var(--eim-font-size-20);
    font-weight: var(--eim-font-weight-600);
    margin: -5px 0 0 !important;
}

.eim-warning-box a,
.eim-success-box a {
    text-decoration: none;
    font-weight: var(--eim-font-weight-500);
    margin-top: var(--eim-spacing-20);
    display: inline-block;
    width: auto;
}

/* Payment Section */
.eim-payment-section {
    background: var(--eim-bg-primary);
    border-radius: var(--eim-border-radius-12);
    border: 1px solid var(--eim-border-color);
    padding: var(--eim-spacing-40);
    margin-bottom: var(--eim-spacing-20);
}

/* Order Details */
.eim-order-details {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-24);
    margin-top: var(--eim-spacing-20);
}

.eim-order-details-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--eim-spacing-16);
}

.eim-order-detail-item {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-4);
}
.eim-order-detail-item:last-child {
    text-align: right;
}

.eim-detail-label {
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-secondary);
}

.eim-detail-value {
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-base);
}

.eim-status-unpaid {
    color: #ef4a00;
}

/* Payment Total */
.eim-payment-total {
    text-align: center;
    border-radius: var(--eim-border-radius-8);
    background-color: var(--eim-bg-input);
    padding: var(--eim-spacing-40);
    margin: var(--eim-spacing-40) 0;
}

.eim-total-amount-large {
    font-size: var(--eim-font-size-28);
    font-weight: var(--eim-font-weight-700);
    color: var(--eim-color-price);
    margin: -10px 0 var(--eim-spacing-16);
}

.eim-btn-copy {
    display: inline-flex;
    align-items: center;
    gap: var(--eim-spacing-8);
    height: var(--eim-btn-md2-height);
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-600);
    border: 1px solid var(--eim-color-accent);
    border-radius: var(--eim-border-radius-4);
    color: var(--eim-color-accent);
    background-color: var(--eim-bg-primary);
    padding: var(--eim-btn-md2-padding);
    cursor: pointer;
    transition: all 0.2s;
}

.eim-btn-copy svg {
    flex-shrink: 0;
    margin: 0 0 -2px -2px;
}
.eim-btn-copy svg > :is(rect, path) {
    stroke: var(--eim-color-accent);
}

/* Bank Account */
.eim-payment-method {
    margin: var(--eim-spacing-50) 0 0;
}

.eim-payment-method button[type="submit"] {
    width: 100% !important;
}

/* Dashboard Styles */
.eim-wrapper {
    padding-top: var(--eim-spacing-77);
    display: flex;
    height: 100vh;
}

/* Sidebar */
.eim-sidebar {
    width: var(--eim-sidebar-width);
    flex-shrink: 0;
    position: relative;
}

.eim-sidebar-content {
    width: var(--eim-sidebar-width);
    background-color: var(--eim-bg-primary);
    border-right: 2px solid var(--eim-border-nav);
    position: fixed;
    padding-top: var(--eim-spacing-77);
    top: 0;
    left: calc(var(--eim-sidebar-width) * -1);
    bottom: 0;
    box-sizing: border-box;
    transition: left 0.3s ease;
    height: 100vh;
    display: flex;
}

.eim-sidebar-content-wrapper {
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    scrollbar-width: thin;
    display: flex;
    flex-direction: column;
}

.eim-sidebar-content-flex {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: var(--eim-spacing-30);
}

.eim-sidebar-content.open {
    left: 0;
}

.eim-sidebar-overlay {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}

.eim-sidebar-overlay.open {
    opacity: 1;
    visibility: visible;
}

.eim-btn-new-order {
    justify-content: center;
    gap: var(--eim-spacing-8);
    border-color: var(--eim-color-accent) !important;
    margin-bottom: var(--eim-spacing-30);
}

.eim-btn.eim-btn-md3 {
    width: max-content;
}

.eim-btn.eim-btn-md3,
.eim-btn-new-order,
.eim-nav-item,
.eim-card-overview-content .eim-btn {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: var(--eim-btn-md3-height);
    font-size: var(--eim-font-size-14);
    line-height: 1;
    font-weight: var(--eim-font-weight-500);
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-8);
    text-decoration: none;
    padding: var(--eim-btn-md3-padding);
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

/* Navigation */
.eim-sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-10);
    margin-bottom: auto;
}

.eim-nav-item {
    gap: var(--eim-spacing-10);
    color: var(--eim-color-secondary);
    background-color: var(--eim-bg-secondary);
    padding-left: 15px;
    padding-right: 15px;
}
.eim-nav-item:hover,
.eim-nav-item-active {
    color: var(--eim-color-accent);
}
.eim-nav-item-active {
    font-weight: var(--eim-font-weight-600);
}

.eim-nav-item svg {
    flex-shrink: 0;
}

/* Sidebar Banner */
.eim-sidebar-banner {
    margin-top: var(--eim-spacing-40);
    background-color: var(--eim-border-color);
    border-radius: var(--eim-border-radius-8);
    text-align: center;
    color: var(--eim-color-neutral);
    overflow: hidden;
}
.eim-sidebar-banner, .eim-sidebar-banner a {
    display: flex;
}
.eim-sidebar-banner img {
    max-width: 100%;
    height: auto;
}

/* Main Content */
.eim-main {
    background-color: var(--eim-bg-secondary);
    flex: 1;
    width: 100%;
}

.eim-layout {
    display: flex;
    flex: 1;
    width: 100%;
    min-height: 100%;
}

.eim-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    gap: var(--eim-spacing-30);
    padding: var(--eim-spacing-30);
    box-sizing: border-box;
}

.eim-aside {
    background-color: var(--eim-bg-secondary);
    padding: var(--eim-spacing-30);
    width: 35%;
    flex: none;
    box-sizing: border-box;
}

/* Header */
.eim-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--eim-bg-primary);
    border-bottom: 2px solid var(--eim-border-nav);
    z-index: 9999;
}

.eim-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--eim-spacing-16) 0;
}

.eim-header-wrapper > :is(.eim-logo, .eim-header-content) {
    margin-bottom: 2px;
}

.eim-logo {
    min-width: var(--eim-sidebar-width);
    padding-left: var(--eim-spacing-30);
}

.eim-logo img {
    max-width: 198px;
    max-height: 40px;
    object-fit: contain;
}

.eim-logo-light,
.eim-logo a {
    display: flex;
}

[data-theme="dark"] .eim-logo-light,
.eim-logo-dark {
    display: none !important;
}

[data-theme="dark"] .eim-logo-dark {
    display: flex !important;
}

.eim-header-content {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: var(--eim-spacing-30);
    padding-left: var(--eim-spacing-30);
}
.eim-header-content > .eim-title {
    margin-top: -4px;
}

.eim-title {
    font-size: var(--eim-font-size-20);
    font-weight: var(--eim-font-weight-600);
}

.eim-title-mobile {
    display: none;
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-400);
    padding: var(--eim-spacing-16) var(--eim-spacing-30);
}

.eim-title-mobile h1 {
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-400);
    color: var(--eim-color-secondary);
    margin: -3px 0 0;
}

.eim-header-actions {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-20);
    position: relative;
    justify-content: flex-end;
    flex: 1;
}

.eim-icon-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--eim-icon-btn-size);
    height: var(--eim-icon-btn-size);
    border: none;
    border-radius: 50%;
    color: var(--eim-color-base);
    background-color: var(--eim-bg-icon-btn);
    padding: 0;
    transition: var(--eim-transition);
    cursor: pointer;
}

[data-theme="dark"] .eim-theme-toggle .eim-sun-icon {
    display: none;
}
[data-theme="dark"] .eim-theme-toggle .eim-moon-icon {
    display: block;
}

.eim-notification-badge {
    position: absolute;
    top: 1px;
    right: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--eim-color-notif-badge);
    display: none;
}

.eim-notifications-overlay {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    position: fixed;
    top: 0;
    right: 0;
    width: calc(100% - var(--eim-sidebar-width));
    height: 100%;
    background-color: var(--eim-bg-overlay);
    padding-right: var(--eim-spacing-30);
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 9998;
}

.eim-notifications-overlay.active {
    opacity: 1;
    visibility: visible;
}

.eim-notifications {
    width: 420px;
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-12);
    background-color: var(--eim-bg-primary);
    padding: var(--eim-spacing-24);
    margin-top: var(--eim-spacing-77);
    transform: translateY(-50px);
    transition: transform 0.3s ease-out;
    box-sizing: border-box;
    box-shadow: var(--ei-box-shadow);
}

.eim-notifications-overlay.active .eim-notifications {
    transform: translateY(0);
}

.eim-notifications-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -7px;
}

.eim-notifications-title h2 {
    position: relative;
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -6px 0 0 !important;
}

.eim-notifications-title h2 .eim-notifications-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -1px;
    right: -30px;
    width: 20px;
    height: 20px;
    font-size: var(--eim-font-size-12);
    font-weight: var(--eim-font-weight-500);
    line-height: 1;
    border-radius: 100%;
    color: var(--eim-color-content);
    background-color: var(--eim-color-notif-badge);
}

.eim-notifications-title .eim-notifications-read-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--eim-spacing-10);
    font-size: var(--eim-font-size-12);
    font-weight: normal;
    color: var(--eim-color-secondary);
    margin-top: -8px;
    pointer-events: none;
}

.eim-notifications-read-all .eim-notifications-read-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7px;
    height: 7px;
    border-radius: 100%;
}
.eim-notifications-read-all .eim-notifications-read-dot,
.eim-notification-status-read {
    border: 2px solid var(--eim-color-success);
}

.eim-notifications-tabs {
    display: flex;
    gap: var(--eim-spacing-8);
    border-bottom: 1px solid var(--eim-border-color);
    padding-bottom: var(--eim-spacing-24);
    margin-top: var(--eim-spacing-24);
}

.eim-notifications-tabs .eim-notifications-tab {
    height: var(--eim-btn-sm2-height);
    font-size: var(--eim-font-size-12);
    color: var(--eim-color-secondary);
    border-radius: var(--eim-border-radius-4);
    border: 1px solid var(--eim-border-color);
    background-color: var(--eim-bg-secondary);
    padding: var(--eim-btn-sm2-padding);
    cursor: pointer;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.eim-notifications-tabs .eim-notifications-tab:hover,
.eim-notifications-tabs .eim-notifications-tab.active {
    color: var(--eim-color-content);
    border-color: var(--eim-color-accent);
    background: var(--eim-color-accent);
}

.eim-notifications-list {
    display: flex;
    flex-direction: column;
    max-height: 64vh;
    scrollbar-width: thin;
    padding-right: var(--eim-spacing-24);
    margin-right: -24px;
    overflow-x: hidden;
}

.eim-notification-item {
    padding: var(--eim-spacing-20) 0;
    border-bottom: 1px solid var(--eim-border-color);
}

.eim-notification-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.eim-no-notifications {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--eim-font-size-12);
    color: var(--eim-color-secondary);
    padding-top: var(--eim-spacing-20);
}

/* Notification Header */
.eim-notification-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--eim-spacing-12);
    color: var(--eim-color-base);
}

/* Notification Type Badge */
.eim-notification-type {
    font-size: var(--eim-font-size-12);
    color: var(--eim-color-secondary);
}

.eim-notification-date {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-10);
    font-size: var(--eim-font-size-12);
    color: var(--eim-color-secondary);
}

.eim-notification-status {
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    border-radius: 100%;
}

.eim-notification-status-unread {
    background-color: var(--eim-color-notif-badge);
}

/* Notification Body */
.eim-notification-body {
    position: relative;
}

.eim-notification-invoice {
    font-size: var(--eim-font-size-16);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    color: var(--eim-color-base);
    margin-bottom: var(--eim-spacing-10);
}

.eim-notification-text {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary);
    margin-bottom: var(--eim-spacing-12);
}

.eim-notification-due {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-4);
    width: 60%;
}

.eim-notification-due-label {
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
}

.eim-notification-due-time {
    font-size: var(--eim-font-size-12);
    color: var(--eim-color-error);
}

.eim-notification-renew-date {
    font-size: var(--eim-font-size-12);
    font-weight: var(--eim-font-weight-600);
    color: var(--eim-color-warning);
}

/* Notification Footer */
.eim-notification-footer {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    bottom: 0;
}

.eim-notification-action {
    display: inline-flex;
    align-items: center;
    gap: var(--eim-spacing-8);
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-accent);
    text-decoration: none;
}
.eim-notification-action svg {
    margin-top: 3px;
}

.eim-theme-toggle.eim-top {
    position: fixed;
    left: 18px;
    bottom: 18px;
    z-index: 9;
}

.eim-theme-toggle .eim-sun-icon {
    display: block;
    width: 20px;
    height: auto;
}

.eim-theme-toggle .eim-moon-icon {
    display: none;
}
.eim-theme-toggle .eim-moon-icon {
    margin: 0 0 1px 1px;
}

/* User Profile */
.eim-user-profile {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-12);
}

.eim-user-avatar {
    width: var(--eim-icon-btn-size);
    height: var(--eim-icon-btn-size);
    border-radius: 50%;
    object-fit: cover;
}

.eim-user-info {
    display: flex;
    flex-direction: column;
}

.eim-user-name {
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-600);
    color: var(--eim-color-base);
}

.eim-user-email {
    font-size: var(--eim-font-size-13);
    color: var(--eim-color-secondary);
}
.eim-user-profile .eim-user-email {
    margin-top: -2px;
}

.eim-menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.eim-menu-icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.eim-menu-icon svg {
    position: absolute;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.eim-menu-icon .eim-menu-bar {
    width: 17px;
    height: auto;
}
.eim-menu-icon .eim-menu-bar path {
    stroke: var(--eim-bg-icon-btn);
    stroke-width: 0.3px;
}

.eim-menu-icon .eim-menu-close {
    width: 13px;
    height: auto;
}
.eim-menu-icon .eim-menu-close path {
    stroke: var(--eim-bg-icon-btn);
    stroke-width: 0px;
}

.eim-menu-icon.open .eim-menu-bar,
.eim-menu-icon .eim-menu-close {
    opacity: 0;
    visibility: hidden;
}
.eim-menu-icon.open .eim-menu-close {
    opacity: 1;
    visibility: visible;
}

#eim-dashboard .eim-content {
    gap: var(--eim-spacing-10);
    background-color: var(--eim-bg-primary);
}

.eim-welcome-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--eim-spacing-10);
    margin-bottom: var(--eim-spacing-18);
}
.eim-welcome-section,
.eim-welcome-heading,
.eim-welcome-desc {
    width: 100%;
}

.eim-welcome-heading {
    font-size: var(--eim-font-size-30);
    line-height: var(--eim-welcome-line-height);
    font-weight: var(--eim-font-weight-700);
    margin: -6px 0 0 !important;
}

.eim-dashboard-cards {
    display: flex;
    gap: var(--eim-spacing-10);
    width: 100%;
}

.eim-dashboard-card-stats {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-10);
    box-sizing: border-box;
}

/* Overview Card */
.eim-card-overview {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    gap: var(--eim-spacing-16);
    color: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: var(--eim-spacing-30);
    box-sizing: border-box;
    overflow: hidden;
}
.eim-card-overview-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-24);
    justify-content: center;
    align-items: center;
}

.eim-card-overview-content a {
    display: block;
    width: 100%;
}

.eim-card-overview-content .eim-btn {
    font-weight: var(--eim-font-weight-600);
    border-color: white;
}

.eim-card-overview-title {
    font-size: var(--eim-font-size-20);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -8px 0 0 !important;
}

.eim-card-overview-text {
    font-size: var(--eim-font-size-14);
    text-align: center;
}

.eim-btn-white {
    background-color: white;
    color: var(--eim-color-accent);
    padding: 12px 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--eim-spacing-8);
    font-weight: var(--eim-font-weight-600);
}

/* Stat Cards */
.eim-dashboard-card-stats .eim-card {
    border: none;
}
.eim-card-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--eim-spacing-10);
    height: var(--eim-card-stat-height);
    text-align: center;
    padding: var(--eim-spacing-30);
}

.eim-stat-title {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -4px 0 0 !important;
}

.eim-stat-number {
    font-size: var(--eim-font-size-24);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-700);
    color: var(--eim-color-success);
}

.eim-stat-amount {
    font-size: var(--eim-font-size-24);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-700);
    color: var(--eim-color-price);
}

.eim-stat-subtitle {
    font-size: var(--eim-font-size-12);
}

/* Dashboard Banner */
.eim-dashboard-banner {
    border-radius: var(--eim-border-radius-12);
    text-align: center;
    color: var(--eim-color-neutral);
    overflow: hidden;
    position: relative;
}

.eim-dashboard-banner, .eim-dashboard-banner a {
    display: flex;
}

.eim-dashboard-banner img {
    max-width: 100%;
    height: auto;
}

/* Resources */
.eim-resources {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--eim-spacing-10);
}
.eim-resources-title {
    font-size: var(--eim-font-size-20);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -8px 0 12px !important;
}

.eim-resource-card {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-10);
    width: 100%;
    padding: var(--eim-spacing-24);
}
.eim-resource-help {
    margin-top: var(--eim-spacing-20);
}
.eim-resource-help > p {
    margin-bottom: -3px;
}

.eim-resource-title {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -8px 0 -2px !important;
}

.eim-resource-desc {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary) !important;
}

.eim-resource-desc a {
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-accent);
    text-decoration: none;
}

.eim-resource-link {
    display: inline-flex;
    align-items: center;
    gap: var(--eim-spacing-8);
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-accent);
    text-decoration: none;
    margin-bottom: -4px;
}

.eim-resource-link svg {
    margin-top: 2px;
}

.eim-resource-link-inline {
    color: var(--eim-color-accent);
    text-decoration: none;
    font-weight: var(--eim-font-weight-500);
}

/* ===================================
   ACCESS PAGE STYLES
   =================================== */

/* Search Section */
.eim-access-search {
    width: 100%;
}

/* Access List */
.eim-access-list {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-30);
    width: 100%;
}

/* Access Item */
.eim-access-item {
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-12);
    background-color: var(--eim-bg-primary);
    overflow: hidden;
    transition: all 0.2s ease;
}

.eim-access-item-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--eim-spacing-30);
    gap: var(--eim-spacing-30);
}

.eim-access-thumbnail {
    display: flex;
    width: 147px;
    height: 147px;
    border-radius: var(--eim-border-radius-8);
    background: var(--eim-bg-secondary);
    overflow: hidden;
}

.eim-access-thumbnail img {
    width: 100%;
    height: 100%;
    border-radius: var(--eim-border-radius-8);
    object-fit: cover;
    flex-shrink: 0;
}

.eim-access-detail {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-14);
    flex: 1;
}

.eim-access-product-info {
    width: 100%;
    display: flex;
    gap: 1px;
}

.eim-access-product-title {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -6px 0 -2px !important;
}

.eim-access-purchase-code {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-10);
    flex-wrap: wrap;
}

.eim-purchase-code-value {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary);
    word-break: break-all;
}

.eim-btn-copy-inline {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    border: none;
    color: var(--eim-color-accent);
    background: transparent;
    padding: 0;
    cursor: pointer;
    transition: all 0.2s ease;
}

.eim-access-modal-info {
    display: flex;
    gap: var(--eim-spacing-40);
}

.eim-access-modal-actions {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-10);
    margin-top: var(--eim-spacing-16) !important;
}

.eim-access-modal-actions a {
    display: block;
    width: 100% !important;
    justify-content: center;
    text-align: center;
}

.eim-access-modal-actions a button {
    width: 100%;
}

.eim-modal-content-wrap .eim-affiliate-bonus-access {
    text-align: center;
    border: 0;
    padding: 0;
}
.eim-modal-content-wrap .eim-affiliate-bonus-access .eim-access-info-label {
    margin: 15px 0 10px;
}
.eim-affiliate-bonus-access-content {
    font-size: var(--eim-font-size-14);
    word-break: break-all;
}
.eim-affiliate-bonus-access-content a {
    display: block;
    color: var(--eim-color-accent);
}

.eim-access-info-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-2);
    padding-left: var(--eim-spacing-30);
    padding-right: var(--eim-spacing-30);
}

.eim-access-info-item:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    width: 1px;
    height: 70%;
    background: var(--eim-border-color);
}
.eim-access-info-item:last-child:after {
    display: none;
}

.eim-access-info-item:first-child {
    padding-left: 0px;
}

.eim-access-info-item:last-child {
    padding-right: 0px;
}

.eim-access-info-label {
    color: var(--eim-color-base);
    font-size: var(--eim-font-size-16);
}

.eim-access-info-value {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary);
}

.eim-access-status {
    font-size: var(--eim-font-size-14);
    font-weight: normal;
    text-transform: capitalize;
    white-space: nowrap;
}

.eim-access-status-active {
    color: var(--eim-color-success);
}

.eim-access-status-expired {
    color: var(--eim-color-danger);
}

.eim-access-actions {
    display: flex;
    gap: var(--eim-spacing-10);
    margin-top: 8px;
}

.eim-access-actions button {
    width: auto;
}

.eim-access-actions .eim-btn-renew {
    border-color: #0095ff !important;
    color: var(--eim-color-content);
    background-color: #0095ff;
}

/* Access Item Footer */
.eim-access-item-footer {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-30);
    border-top: 1px solid var(--eim-border-color);
    padding: var(--eim-spacing-30);
}

.eim-access-hosts {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: var(--eim-spacing-4);
    flex-wrap: wrap;
}
.eim-access-hosts:first-child {
    margin-top: -5px;
}

.eim-access-hosts-label {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary);
}

.eim-hosts-tags {
    display: flex;
    gap: var(--eim-spacing-6);
    flex-wrap: wrap;
}

.eim-host-tag {
    font-size: var(--eim-font-size-12);
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-6);
    color: var(--eim-color-secondary);
    background: var(--eim-bg-secondary);
    padding: 4px 12px 6px;
}

/* Pagination */
.eim-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: flex-end;
    gap: var(--eim-spacing-12);
}

.eim-pagination-info {
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
}

.eim-pagination-info strong {
    color: var(--eim-color-base);
    font-weight: var(--eim-font-weight-600);
}

.eim-pagination-controls {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-8);
}

.eim-pagination .eim-angle-small {
    width: 5px;
    height: auto;
    margin-top: -1px;
}
.eim-pagination .eim-angles-small {
    width: 10px;
    height: auto;
}

.eim-pagination .eim-pagination-btn {
    width: 36px;
    height: 36px;
    background: var(--eim-bg-secondary);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    border: 1px solid var(--eim-color-accent);
    cursor: pointer;
    color: var(--eim-color-accent);
}

.eim-pagination button.eim-pagination-btn {
    border: 1px solid var(--eim-color-accent);
    cursor: pointer;
    color: var(--eim-color-accent);
    opacity: 0.3;
    cursor: default;
}

.eim-pagination .eim-pagination-btn:hover:not(:disabled) {
    background: var(--eim-bg-secondary);
    border-color: var(--eim-color-accent);
    color: var(--eim-color-accent);
}

.eim-pagination .eim-pagination-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

/* ===================================
   ACCESS FILE PAGE STYLES
   =================================== */

#eim-access-file .eim-content {
    background: var(--eim-bg-primary);
}

.eim-access-file-sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-40);
    box-sizing: border-box;
}

.eim-access-file-sidebar .eim-card {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-10);
    background: transparent;
    border: none;
    padding: 0;
}

/* File Section */
.eim-file-section {
    background: var(--eim-bg-primary);
    padding: 22px;
    height: 100%;
}

h2.eim-file-title {
    font-size: var(--eim-font-size-30);
    line-height: var(--eim-welcome-line-height);
    font-weight: var(--eim-font-weight-700);
    margin: -6px 0 0 !important;
}

.eim-file-description {
    margin-top: -5px;
}
.eim-description-wrap,
.eim-description-wrap p {
    line-height: var(--eim-description-line-height);
}
.eim-description-wrap p,
.eim-affiliate-detail-description p {
    margin-top: 1em;
    margin-bottom: 1.3em;
}
.eim-description-wrap a,
.eim-affiliate-detail-description a {
    color: var(--eim-color-accent);
}

.eim-description-wrap code,
.eim-affiliate-detail-description code {
    display: inline-block;
    white-space: pre-wrap;
    border-radius: var(--eim-border-radius-8);
    color: var(--eim-color-base);
    background: var(--eim-bg-input);
    padding: 8px 15px 10px;
    margin: 0 0 8px;
}

.eim-description-wrap > :is(h1, h2, h3, h4, h5, h6), .eim-affiliate-detail-description > :is(h1, h2, h3, h4, h5, h6) {
    margin-top: 25px;
    margin-bottom: 15px;
}
.eim-description-wrap > :is(p, h1, h2, h3, h4, h5, h6):first-child, .eim-affiliate-detail-description > :is(p, h1, h2, h3, h4, h5, h6):first-child {
    margin-top: 0;
}
.eim-description-wrap > :is(ul, ol), .eim-affiliate-detail-description > :is(ul, ol) {
    padding-left: 16px;
    margin: -8px 0 24px 8px;
}

/* Sidebar Section Title */
h3.eim-sidebar-section-title {
    font-size: var(--eim-font-size-20);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -8px 0 12px !important;
}

/* Download Section */
.eim-download-section {
    padding: 24px;
}

.eim-download-items {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-10);
}

.eim-download-item {
    padding: var(--eim-spacing-24);
    background: var(--eim-bg-primary);
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-12);
}

.eim-download-item-header {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-8);
}

.eim-download-file-name {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -8px 0 -2px !important;
}

.eim-download-link {
    display: inline-flex;
    align-items: center;
    gap: var(--eim-spacing-8);
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
    text-decoration: none;
    color: var(--eim-color-accent);
    margin-bottom: -4px;
    transition: all 0.2s ease;
}
.eim-download-link svg {
    margin-top: -2px;
}

/* License Section */
.eim-access-license {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-16);
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-12);
    background: var(--eim-bg-primary);
    padding: var(--eim-spacing-24);
}

.eim-license-item {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-2);
}
.eim-license-item:first-child {
    margin-top: -5px;
}

.eim-license-label {
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-500);
}

.eim-license-code {
    display: block;
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary);
    word-break: break-all;
}

.eim-license-value {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary);
}

.eim-license-status {
    font-size: var(--eim-font-size-14);
    display: inline-block;
}

.eim-license-status-active {
    color: var(--eim-color-success);
}

.eim-license-status-expired {
    color: var(--eim-color-danger);
}

/* Activation Block */
.eim-activation-block {
    padding: var(--eim-spacing-24);
    border-radius: var(--eim-border-radius-12);
    border: 1px solid var(--eim-border-color);
    background: var(--eim-bg-primary);
}

.eim-activation-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -5px 0 10px;
}

.eim-activation-label {
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-500);
}

.eim-activation-number {
    width: 24px;
    height: 24px;
    background: var(--eim-color-base);
    color: var(--eim-bg-secondary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    font-weight: var(--eim-font-weight-600);
}

.eim-activation-host {
    margin-bottom: var(--eim-spacing-20);
}

.eim-host-badge {
    display: inline-block;
    font-size: var(--eim-font-size-12);
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-6);
    color: var(--eim-color-secondary);
    background: var(--eim-bg-secondary);
    padding: 4px 12px 6px;
}

.eim-activation-details {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-16);
    margin-bottom: var(--eim-spacing-20);
}

.eim-activation-detail-item {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-2);
}

.eim-activation-detail-label {
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-500);
}

.eim-activation-detail-value {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary);
}

.eim-btn-deactivate {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--eim-spacing-8);
    width: max-content;
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
    border: 0;
    border-radius: 0;
    color: var(--eim-color-accent);
    background: transparent;
    padding: 0;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* ===================================
   AFFILIATE PAGE STYLES
   =================================== */

.eim-content-affiliate {
    width: 100%;
}

/* Affiliate Link Card */
.eim-affiliate-link-card {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-18);
    width: 100%;
    padding: var(--eim-spacing-30);
}

.eim-affiliate-link-title {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -8px 0 !important;
}

.eim-affiliate-link-general {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary);
    margin-bottom: 6px;
    word-break: break-all;
}

.eim-btn-copy-link {
    width: max-content;
    line-height: 1;
}

/* Affiliate Search */
.eim-affiliate-search {
    margin-bottom: var(--eim-spacing-30);
}

/* Affiliate Products */
.eim-affiliate-products {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-30);
}

.eim-affiliate-product {
    margin-bottom: var(--eim-spacing-30);
}

/* Affiliate Product Card */
.eim-affiliate-product-card {
    overflow: hidden;
}

.eim-affiliate-product-header {
    display: flex;
    gap: var(--eim-spacing-30);
    padding: var(--eim-spacing-30);
}

.eim-affiliate-product-image {
    flex-shrink: 0;
    width: 150px;
    height: 150px;
    border-radius: var(--eim-border-radius-8);
    background: var(--eim-bg-secondary);
    overflow: hidden;
}

.eim-affiliate-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eim-affiliate-product-info {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-14);
    flex: 1;
}

h3.eim-affiliate-product-name {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -6px 0 -2px !important;
}

.eim-affiliate-product-pricing {
    display: flex;
    width: 100%;
    gap: 1px;
}

.eim-affiliate-pricing-item {
    position: relative;
    display: flex;
    align-items: baseline;
    gap: var(--eim-spacing-2);
    flex-direction: column;
}

.eim-affiliate-pricing-item:first-child:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    width: 1px;
    height: 70%;
    background: var(--eim-border-color);
}

.eim-affiliate-pricing-item:first-child {
    padding-right: var(--eim-spacing-30);
}

.eim-affiliate-pricing-item:last-child {
    margin-left: var(--eim-spacing-30);
}

.eim-affiliate-pricing-label {
    font-size: var(--eim-font-size-16);
    color: var(--eim-color-base);
}

.eim-affiliate-pricing-value {
    font-size: var(--eim-font-size-16);
}

.eim-affiliate-commission {
    color: var(--eim-color-success);
    font-weight: var(--eim-font-weight-600);
}

.eim-affiliate-price {
    color: var(--eim-color-price);
    font-weight: var(--eim-font-weight-600);
}

.eim-affiliate-pricing-divider {
    font-size: var(--eim-font-size-12);
    font-weight: 300;
    color: var(--eim-color-secondary);
    margin: 0 var(--eim-spacing-4);
}

.eim-affiliate-pricing-description {
    font-size: var(--eim-font-size-12);
    color: var(--eim-color-secondary);
}

.eim-affiliate-product-actions {
    display: flex;
    gap: var(--eim-spacing-10);
    margin-top: 8px;
}

.eim-affiliate-product-actions a {
    width: auto;
}

/* Affiliate Product Footer */
.eim-affiliate-product-footer {
    padding: var(--eim-spacing-30);
    border-top: 1px solid var(--eim-border-color);
}

.eim-affiliate-links {
    display: flex;
    gap: var(--eim-spacing-30);
    margin-top: -5px;
}

.eim-affiliate-link-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-10);
}

.eim-affiliate-link-value-wrapper {
    position: relative;
}
.eim-affiliate-link-value {
    height: auto !important;
    font-size: var(--eim-font-size-14) !important;
    border-radius: var(--eim-border-radius-6) !important;
    color: var(--eim-color-secondary) !important;
    background: var(--eim-bg-secondary) !important;
    padding: 4px 85px 6px 12px !important;
}

.eim-affiliate-link-value-wrapper .eim-btn-copy-inline {
    position: absolute;
    top: 50%;
    right: 3px;
    transform: translateY(-50%);
}

.eim-affiliate-link-actions {
    display: flex;
    gap: var(--eim-spacing-10);
    justify-content: space-between;
}

/* Pagination */
.eim-pagination-current {
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-base);
    margin: 0 var(--eim-spacing-4);
}

/* ===================================
   AFFILIATE PRODUCT DETAIL PAGE STYLES
   =================================== */

/* Back Navigation */
.eim-back-navigation {
    margin: -4px 0 var(--eim-spacing-30);
}

.eim-back-link {
    display: inline-flex;
    align-items: center;
    gap: var(--eim-spacing-12);
    color: var(--eim-color-base);
    text-decoration: none;
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
    transition: all 0.2s;
}

.eim-back-link:hover {
    color: var(--eim-color-accent);
}

.eim-back-link svg {
    flex-shrink: 0;
}

#eim-affiliate-detail .eim-content {
    background-color: var(--eim-bg-primary);
    padding: 0;
}

.eim-affiliate-detail-main {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: var(--eim-bg-primary);
    box-sizing: border-box;
}

.eim-affiliate-detail-content {
    padding: var(--eim-spacing-30);
}

.eim-affiliate-detail-sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-40);
}

/* Product Detail Card */
.eim-affiliate-detail-card {
    box-sizing: border-box;
}

.eim-affiliate-detail-header {
    display: flex;
    gap: var(--eim-spacing-30);
    padding-bottom: var(--eim-spacing-40);
    box-sizing: border-box;
}

.eim-affiliate-detail-image {
    flex-shrink: 0;
    width: 155px;
    height: 155px;
    border-radius: var(--eim-border-radius-8);
    background: var(--eim-bg-secondary);
    overflow: hidden;
}

.eim-affiliate-detail-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eim-affiliate-detail-info {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-26);
    flex: 1;
}

h2.eim-affiliate-detail-title {
    font-size: var(--eim-font-size-22);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -8px 0 !important;
}

.eim-affiliate-detail-duration {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-base);
    border: 1px solid var(--eim-border-color);
    padding: 6px 15px 8px;
    border-radius: var(--eim-border-radius-8);
    background: var(--eim-bg-secondary);
}

.eim-affiliate-detail-duration strong,
.eim-affiliate-detail-duration span:first-child {
    font-weight: var(--eim-font-weight-500);
}
.eim-affiliate-detail-duration span:not(:first-child) {
    color: var(--eim-color-secondary);
}

.eim-affiliate-detail-meta {
    display: flex;
    gap: var(--eim-spacing-30);
    margin-top: -2px;
}

.eim-affiliate-meta-item {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-2);
}

.eim-affiliate-meta-item + .eim-affiliate-meta-item {
    position: relative;
    padding-left: var(--eim-spacing-30);
}

.eim-affiliate-meta-item + .eim-affiliate-meta-item:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    width: 1px;
    height: 70%;
    background: var(--eim-border-color);
}

.eim-affiliate-meta-label {
    font-size: var(--eim-font-size-16);
}

.eim-affiliate-meta-value {
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-600);
}

.eim-affiliate-meta-price {
    color: var(--eim-color-price);
}

.eim-affiliate-meta-commission {
    color: var(--eim-color-success);
}

/* Coupon Section */
.eim-affiliate-coupon-section {
    padding: var(--eim-spacing-30);
    border-top: 2px solid var(--eim-border-nav);
}

h3.eim-affiliate-section-title {
    font-size: var(--eim-font-size-22);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -8px 0 var(--eim-spacing-24) !important;
}

.eim-affiliate-coupon-item {
    margin-bottom: var(--eim-spacing-40);
}

.eim-affiliate-coupon-item:last-child {
    margin-bottom: 0;
}

.eim-affiliate-coupon-header {
    margin-bottom: var(--eim-spacing-10);
}

.eim-affiliate-coupon-info {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-12);
}

.eim-affiliate-coupon-code {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    text-transform: uppercase;
    color: var(--eim-color-accent);
}

.eim-affiliate-coupon-meta {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-8);
    margin-bottom: var(--eim-spacing-15);
    font-size: var(--eim-font-size-14);
}

.eim-affiliate-coupon-discount {
    font-weight: var(--eim-font-weight-600);
    color: var(--eim-color-success);
}

.eim-affiliate-coupon-separator {
    color: var(--eim-color-base);
}

.eim-affiliate-coupon-expiry {
    color: var(--eim-color-base);
}

.eim-affiliate-coupon-custom {
    display: flex;
    gap: var(--eim-spacing-12);
    align-items: center;
}

.eim-affiliate-coupon-custom .eim-input-wrapper {
    display: flex;
    flex: 1;
}
.eim-affiliate-coupon-custom .eim-input-icon {
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eim-affiliate-coupon-custom button.eim-btn {
    display: block;
    width: max-content;
}

.eim-input-coupon {
    padding-left: 2.5rem;
}

.eim-affiliate-bonus-access {
    border-top: 2px solid var(--eim-border-nav);
    padding: var(--eim-spacing-30);
    margin-top: 0 !important;
}
.eim-affiliate-bonus-access textarea {
    margin-bottom: var(--eim-spacing-20);
}

/* Affiliate Link Sidebar Card */
.eim-affiliate-link-sidebar-card {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-10);
    background: transparent;
    border-radius: 0;
    border: none;
    padding: 0;
}

.eim-affiliate-link-sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -8px 0 12px !important;
}

.eim-affiliate-link-sidebar-title {
    font-size: var(--eim-font-size-20);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
}

.eim-affiliate-custom-link {
    display: inline-flex;
    align-items: center;
    gap: var(--eim-spacing-10);
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
    text-decoration: none;
    border: none !important;
    color: var(--eim-color-accent);
    background: none !important;
    padding: 0;
    cursor: pointer;
    transition: var(--eim-transition);
}

.eim-affiliate-custom-link svg {
    margin-top: 2px;
}

.eim-affiliate-link-sidebar-item {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-14);
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-12);
    background: var(--eim-bg-primary);
    padding: var(--eim-spacing-24);
}

.eim-affiliate-link-sidebar-item .eim-affiliate-link-label {
    font-weight: var(--eim-font-weight-500);
    margin: -8px 0 !important;
}

.eim-affiliate-link-sidebar-item:last-child {
    margin-bottom: 0;
}

.eim-affiliate-link-label {
    font-size: var(--eim-font-size-16);
    word-break: break-all;
}

.eim-affiliate-link-sidebar-item .eim-affiliate-link-value {
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    word-break: break-all;
}

.eim-affiliate-link-sidebar-item .eim-btn-copy-link {
    width: max-content;
    justify-content: center;
}

.eim-btn-delete-custom-ref-link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    border: none;
    border-radius: 0;
    color: var(--eim-color-error);
    background: transparent;
    padding: 0;
    cursor: pointer;
    transition: var(--eim-transition);
}

.eim-btn-delete-custom-ref-link svg {
    width: 100%;
    height: auto;
}

/* Tracking Card */
.eim-affiliate-tracking-card {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-10);
}

h3.eim-affiliate-tracking-title {
    font-size: var(--eim-font-size-20);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -8px 0 12px !important;
}

.eim-affiliate-tracking-item {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-24);
    background: var(--eim-bg-primary);
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-12);
    padding: var(--eim-spacing-24);
}

.eim-affiliate-tracking-item:last-child {
    margin-bottom: 0;
}

.eim-affiliate-tracking-label {
    display: block;
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-500);
    margin: -8px 0 !important;
}

.eim-affiliate-tracking-input-group {
    position: relative;
    display: flex;
    gap: var(--eim-spacing-12);
}

.eim-affiliate-tracking-input-group .eim-input {
    flex: 1;
    padding-right: 100px !important;
}

.eim-affiliate-tracking-input-group .eim-btn {
    display: block;
}

/* ===================================
   AFFILIATE COMMISSION PAGE STYLES
   =================================== */

/* Commission Search Section */
.eim-commission-search {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-12);
    width: 100%;
}

/* Commission List */
.eim-commission-list {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-30);
    width: 100%;
}

/* Commission Item */
.eim-commission-item {
    padding: var(--eim-spacing-30);
}

.eim-commission-header {
    margin-bottom: var(--eim-spacing-14);
}

.eim-commission-product-name {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -4px 0 -2px !important;
}

.eim-commission-details {
    width: 100%;
}

.eim-commission-detail-row {
    width: 100%;
    display: flex;
    gap: 1px;
}

.eim-commission-detail-item:first-child {
    padding-left: 0px;
}
.eim-commission-detail-item:last-child {
    border-right: none;
    padding-right: 0px;
}

.eim-commission-detail-item:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    width: 1px;
    height: 70%;
    background: var(--eim-border-color);
}
.eim-commission-detail-item:last-child:after {
    display: none;
}

.eim-commission-detail-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-2);
    padding-left: var(--eim-spacing-30);
    padding-right: var(--eim-spacing-30);
}

.eim-commission-detail-label {
    font-size: var(--eim-font-size-16);
    color: var(--eim-color-base);
}

.eim-commission-detail-value {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary);
}

.eim-commission-amount {
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-success);
}

.eim-commission-status {
    font-size: var(--eim-font-size-14);
}

.eim-commission-status-pending {
    color: var(--eim-color-error);
}

.eim-commission-status-confirmed {
    color: var(--eim-color-warning);
}

.eim-commission-status-paid {
    color: var(--eim-color-success);
}

.eim-commission-status-cancelled {
    color: var(--eim-color-cancelled);
}

.eim-commission-status-rejected {
    color: var(--eim-color-danger);
}

.eim select option[value="rejected"] {
    display: none;
}

/* ===================================
   AFFILIATE WITHDRAWAL PAGE STYLES
   =================================== */

.eim-affiliate-withdrawal-content {
    width: 100%;
}

/* Withdrawal Method Card */
.eim-withdrawal-method-card {
    width: 100%;
    padding: var(--eim-spacing-20) var(--eim-spacing-30);
}

.eim-withdrawal-method-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

h2.eim-withdrawal-method-title {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -6px 0 0 !important;
}

.eim-btn-add-method {
    display: inline-flex;
    align-items: center;
    gap: var(--eim-spacing-8);
    width: auto;
}

.eim-withdrawal-method-form {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-30);
}

.eim-withdrawal-method-form-row {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-8);
    margin-top: -8px;
}
.eim-withdrawal-method-form-row:first-child {
    margin-top: 0;
}

.eim-withdrawal-method-form .eim-select {
    background-color: var(--eim-bg-input);
}

/* Withdrawal Methods List */
.eim-withdrawal-methods-list {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-30);
}

/* Withdrawal Method Item */
.eim-withdrawal-method-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-12);
    background: var(--eim-bg-primary);
    padding: var(--eim-spacing-30);
}

.eim-withdrawal-method-content {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-20);
    flex: 1;
}

.eim-withdrawal-method-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--eim-bg-secondary);
    border-radius: var(--eim-border-radius-8);
    color: var(--eim-color-accent);
    flex-shrink: 0;
}

.eim-withdrawal-method-icon svg {
    width: 24px;
    height: 24px;
}

.eim-withdrawal-method-info {
    flex: 1;
    min-width: 0;
}

.eim-withdrawal-method-name {
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-600);
    margin: -2px 0 0 !important;
}

.eim-withdrawal-method-details {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary) !important;
    word-break: break-all;
}

.eim-btn-delete-withdrawal-method {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 100%;
    color: var(--eim-color-error);
    cursor: pointer;
    transition: var(--eim-transition);
    flex-shrink: 0;
    background: transparent;
    padding: 0;
}

.eim-btn-delete-withdrawal-method svg {
    width: 100%;
    height: auto;
}
.eim-btn-delete-withdrawal-method svg path {
    stroke: var(--eim-color-error);
}

/* ===================================
   ORDER PAGE STYLES
   =================================== */

/* Order Header with Tabs */
.eim-order-header {
    margin-bottom: var(--eim-spacing-30);
}

.eim-order-tabs {
    display: flex;
    gap: var(--eim-spacing-8);
    border-bottom: 2px solid var(--eim-border-color);
}

.eim-order-tab {
    padding: var(--eim-spacing-12) var(--eim-spacing-20);
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-base);
    text-decoration: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: var(--eim-transition);
}

.eim-order-tab:hover {
    color: var(--eim-color-accent);
}

.eim-order-tab.active {
    color: var(--eim-color-accent);
    border-bottom-color: var(--eim-color-accent);
}

/* Order Search Section */
.eim-order-search-section {
    display: flex;
    gap: var(--eim-spacing-12);
    align-items: center;
    margin-bottom: var(--eim-spacing-30);
}

.eim-order-search-bar {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-10);
    background: var(--eim-bg-primary);
    padding: 3px 5px;
}

.eim-order-search-bar .eim-search-icon {
    position: absolute;
    left: 1rem;
    color: oklch(from var(--eim-color-base) l c h / 0.5);
    display: flex;
    align-items: center;
    pointer-events: none;
}

.eim-order-search-bar .eim-search-input {
    width: 100%;
    padding: 0.875rem 1rem 0.875rem 3rem;
    font-size: var(--eim-font-size-14);
    border: none;
    outline: none;
    background: transparent;
    color: var(--eim-color-base);
}

.eim-order-search-bar .eim-search-input::placeholder {
    color: var(--eim-placeholder-color);
}

.eim-order-filter-group {
    display: flex;
    gap: var(--eim-spacing-12);
    align-items: center;
}

.eim-order-status-filter {
    min-width: 150px;
}

/* Orders Grid */
.eim-orders-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--eim-spacing-20);
    margin-bottom: var(--eim-spacing-30);
}

/* Order Card */
.eim-order-card {
    padding: 0;
    overflow: hidden;
    transition: var(--eim-transition);
}

.eim-order-card:hover {
    border-color: oklch(from var(--eim-color-accent) l c h / 0.3);
    box-shadow: 0 4px 12px oklch(from var(--eim-color-base) l c h / 0.03);
}

.eim-order-card-header {
    padding: var(--eim-spacing-20) var(--eim-spacing-24);
    background: var(--eim-bg-secondary);
    border-bottom: 1px solid var(--eim-border-color);
}

.eim-order-number {
    font-size: var(--eim-font-size-18);
    font-weight: var(--eim-font-weight-600);
    color: var(--eim-color-base);
    margin: 0;
    word-break: break-all;
}

.eim-order-card-body {
    padding: var(--eim-spacing-24);
}

.eim-order-info-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--eim-spacing-20);
}

.eim-order-info-item {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-4);
    flex: 1;
}

.eim-order-product-name {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-base);
    font-weight: var(--eim-font-weight-400);
}

.eim-order-date {
    font-size: var(--eim-font-size-12);
    color: var(--eim-color-neutral);
}

.eim-order-status-item {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-4);
    align-items: flex-end;
}

.eim-order-status-label {
    font-size: var(--eim-font-size-12);
    color: var(--eim-color-base);
    font-weight: var(--eim-font-weight-500);
}

/* Order Status Badges (Restored) */
.eim-badge {
    padding: 0.25rem 0.5rem;
    border-radius: var(--eim-border-radius-4);
    font-size: var(--eim-font-size-11);
    font-weight: var(--eim-font-weight-500);
    display: inline-block;
    line-height: 1;
}

.eim-badge-order-active {
    background: oklch(from var(--eim-color-success) l c h / 0.1);
    color: var(--eim-color-success);
}

.eim-badge-order-inactive {
    background: oklch(from var(--eim-color-warning) l c h / 0.1);
    color: var(--eim-color-warning);
}

.eim-badge-order-expired {
    background: oklch(from var(--eim-color-error) l c h / 0.1);
    color: oklch(from var(--eim-color-error) calc(l - 0.1) c h);
}

.eim-badge-status-pending {
    background: oklch(from var(--eim-color-info) l c h / 0.1);
    color: var(--eim-color-info);
}

.eim-badge-status-confirmed {
    background: oklch(from var(--eim-color-success) l c h / 0.1);
    color: var(--eim-color-success);
}

.eim-badge-status-paid {
    background: oklch(from var(--eim-color-success) l c h / 0.1);
    color: var(--eim-color-success);
}

.eim-badge-status-cancelled {
    background: oklch(from var(--eim-color-error) l c h / 0.1);
    color: var(--eim-color-error);
}

.eim-badge-status-rejected {
    background: oklch(from var(--eim-color-error) l c h / 0.1);
    color: var(--eim-color-error);
}

/* ===================================
   PRODUCTS PAGE STYLES
   =================================== */

/* Products Search */
.eim-products-search {
    overflow: hidden;
    width: 100%;
}

/* Products Grid */
.eim-products-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--eim-spacing-30);
    width: 100%;
}

/* Product Card */
.eim-product-card {
    background: var(--eim-bg-primary);
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-12);
    display: flex;
    flex-direction: column;
    transition: all 0.2s ease;
}

.eim-product-content {
    display: flex;
    align-items: flex-start;
    flex: 1;
    gap: var(--eim-spacing-24);
    padding: var(--eim-spacing-30);
}

/* Product Image */
.eim-product-image {
    width: 85px;
    height: 85px;
    border-radius: var(--eim-border-radius-8);
    overflow: hidden;
    background: var(--eim-bg-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.eim-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Product Info */
.eim-product-info {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-16);
    flex: 1;
    width: 100%;
}

.eim-product-name {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -6px 0 -2px !important;
}

.eim-product-price {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-700);
    color: var(--eim-color-price);
    margin: -6px 0 !important;
}

.eim-product-description {
    font-size: var(--eim-font-size-14);
}

/* Product Actions */
.eim-product-actions {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-10);
    border-top: 1px solid var(--eim-border-color);
    padding: var(--eim-spacing-30);
}

.eim-product-actions .eim-btn {
    width: auto;
}

/* ===================================
   INVOICE/TRANSACTION PAGE STYLES
   =================================== */

/* Transaction Header */
.eim-transaction-header {
    margin-bottom: var(--eim-spacing-30);
}

.eim-page-title {
    font-size: var(--eim-font-size-24);
    font-weight: var(--eim-font-weight-600);
    color: var(--eim-color-base);
    margin: 0 0 var(--eim-spacing-20) 0;
}

.eim-transaction-search {
    width: 100%;
}

/* Settings Grid */
.eim-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--eim-spacing-30);
    width: 100%;
}

/* Settings Card */
.eim-settings-card {
    padding: 0;
    transition: var(--eim-transition);
}

.eim-settings-card .eim-card-body {
    padding: var(--eim-spacing-30);
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-20);
}

.eim-settings-card-title {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -6px 0 -2px !important;
}

.eim-settings-card-description {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary) !important;
    margin-top: -8px !important;
}

.eim-settings-card .eim-btn {
    align-self: flex-start;
    width: auto;
}

.eim-form-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 8px;
}

.eim-avatar-upload {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    width: 100px;
    height: 100px;
}

.eim-avatar-upload input[type="file"] {
    display: none;
}

.eim-avatar-preview {
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid var(--eim-border-color);
    border-radius: 100%;
    overflow: hidden;
}

.eim-avatar-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eim-avatar-upload-btn {
    position: absolute;
    bottom: 10px;
    right: -3px;
    width: 30px;
    height: 30px;
    border: 1px solid var(--eim-border-color);
    border-radius: 100%;
    color: var(--eim-color-accent);
    background-color: var(--eim-bg-secondary);
    cursor: pointer;
}

.eim-avatar-upload-rule {
    font-size: var(--eim-font-size-12);
    color: var(--eim-color-secondary);
    margin-top: 10px;
}

/* Transaction Grid */
.eim-transaction-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--eim-spacing-30);
    width: 100%;
}

.eim-transaction-card {
    padding: var(--eim-spacing-30);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--eim-spacing-14);
}

.eim-transaction-header {
    margin-bottom: 0;
}

.eim-transaction-code {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -4px 0 -2px !important;
    word-break: break-all;
}

.eim-transaction-body {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: var(--eim-spacing-30);
}

.eim-transaction-details {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-2);
}

.eim-transaction-product-name {
    font-size: var(--eim-font-size-16);
    color: var(--eim-color-base);
}

.eim-transaction-time {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary);
}

.eim-transaction-status-group {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--eim-spacing-2);
    padding-left: var(--eim-spacing-30);
}

.eim-transaction-status-group:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    width: 1px;
    height: 70%;
    background: var(--eim-border-color);
}

.eim-transaction-status-label {
    font-size: var(--eim-font-size-16);
    color: var(--eim-color-base);
}

.eim-transaction-status-text {
    font-size: var(--eim-font-size-14);
}

.eim-transaction-status-active {
    color: var(--eim-color-success);
}

.eim-transaction-status-inactive {
    color: var(--eim-color-warning);
}

.eim-transaction-status-expired {
    color: var(--eim-color-danger);
}

/* Invoice Page Styles */
.eim-invoice-list {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-30);
    width: 100%;
}

.eim-invoice-card {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-26);
    padding: var(--eim-spacing-30);
}

.eim-invoice-code {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -6px 0 !important;
}

.eim-invoice-product-name {
    font-size: var(--eim-font-size-16);
    color: var(--eim-color-base);
}
.eim-invoice-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.eim-invoice-body {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: -8px 0 -4px;
}

.eim-invoice-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eim-invoice-price {
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-price);
}

.eim-invoice-info {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-2);
    padding: 0 var(--eim-spacing-30);
}

.eim-invoice-info:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    width: 1px;
    height: 70%;
    background: var(--eim-border-color);
}
.eim-invoice-info:last-child:after {
    display: none;
}

.eim-invoice-info:first-child {
    padding-left: 0 !important;
}

.eim-info-label {
    font-size: var(--eim-font-size-16);
    color: var(--eim-color-base);
}

.eim-info-value {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary);
}

.eim-invoice-status-text {
    font-size: var(--eim-font-size-14);
}

.eim-status-pending {
    color: #ef4a00;
}

.eim-status-processing {
    color: var(--eim-color-warning);
}

.eim-status-expired {
    color: var(--eim-color-danger);
}

.eim-status-cancelled {
    color: var(--eim-color-error);
}

.eim-status-paid {
    color: var(--eim-color-success);
}

/* Affiliate Statistics Page Styles */

/* Tabs - Reuse or Extend */
.eim-page-tabs {
    display: flex;
    gap: var(--eim-spacing-32);
    background: var(--eim-bg-primary);
    border-bottom: 2px solid var(--eim-border-nav);
    padding-left: var(--eim-spacing-30);
    padding-right: var(--eim-spacing-30);
    margin-top: -3px;
}

.eim-page-tab {
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-secondary);
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding: var(--eim-spacing-18) 0;
    margin-bottom: -2px;
    transition: var(--eim-transition);
    transition: all 0.2s;
}

.eim-page-tab:hover,
.eim-page-tab.active {
    color: var(--eim-color-base);
}
.eim-page-tab.active {
    font-weight: var(--eim-font-weight-600);
    border-bottom-color: var(--eim-color-accent);
}

.eim-filter-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-12);
    background: var(--eim-bg-primary);
    z-index: 99;
}

.eim-filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--eim-spacing-20) var(--eim-spacing-30);
}

.eim-filter-info {
    margin-top: -5px;
}

.eim-filter-label {
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-secondary);
}

.eim-filter-label strong {
    font-weight: var(--eim-font-weight-600);
    color: var(--eim-color-base);
}

.eim-btn-filter {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-10);
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-500);
    border-color: #ee3070 !important;
    color: white;
    background-color: #ee3070;
    cursor: pointer;
}

/* Tags Section */
.eim-affiliate-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--eim-spacing-8);
    border-top: 1px solid var(--eim-border-color);
    padding: var(--eim-spacing-20) var(--eim-spacing-30);
}

.eim-tag {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-10);
    font-size: var(--eim-font-size-12);
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-6);
    color: var(--eim-color-secondary);
    background-color: var(--eim-bg-secondary);
    padding: 4px 11px;
}

/* Summary Cards */
.eim-stats-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--eim-spacing-10);
    width: 100%;
}

.eim-stat-summary-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--eim-spacing-10);
    text-align: center;
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-12);
    background: var(--eim-bg-primary);
    padding: var(--eim-spacing-40) var(--eim-spacing-30);
}

.eim-stat-label {
    font-size: var(--eim-font-size-14);
    font-weight: var(--eim-font-weight-600);
    color: var(--eim-color-secondary);
    margin: -4px 0;
}

.eim-stat-value {
    font-size: var(--eim-font-size-28);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-700);
    color: var(--eim-color-base);
}

.eim-stat-trend {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-4);
    font-size: var(--eim-font-size-12);
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-secondary);
}

.eim-trend-down {
    background-color: #fee2e2; /* Red-100 */
    color: #ef4444; /* Red-500 */
}

.eim-trend-up {
    background-color: #dcfce7; /* Green-100 */
    color: #22c55e; /* Green-500 */
}

/* Charts Section */
.eim-charts-grid {
    display: flex;
    gap: var(--eim-spacing-10);
    width: 100%;
}
.eim-chart-card:first-child {
    width: 62%;
}
.eim-chart-card:last-child {
    width: 38%;
}

.eim-chart-card {
    background: var(--eim-bg-primary);
    border-radius: var(--eim-border-radius-12);
    border: 1px solid var(--eim-border-color);
    padding: var(--eim-spacing-30);
}

.eim-chart {
    margin: -8px;
}
body .apexcharts-legend {
    top: 46px !important;
    gap: var(--eim-spacing-12);
    padding: 0 6px 20px;
    margin: -5px 0 0;
}
body .eim-analytics-card .apexcharts-legend {
    top: auto !important;
    bottom: 0;
    gap: var(--eim-spacing-12);
    padding: 0 6px 2px;
    margin: 0;
}
body .apexcharts-svg text.apexcharts-title-text {
    font-family: var(--eim-font-family) !important;
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    fill: var(--eim-color-base);
}
body .apexcharts-svg text {
    font-family: var(--eim-font-family) !important;
    fill: var(--eim-color-secondary);
}
#chart2 {
    min-height: 0px !important;
    margin-bottom: -60px;
}
#chart2 .apexcharts-svg .apexcharts-inner text,
.eim-analytics-card .apexcharts-svg .apexcharts-inner text {
    fill: #ffffff;
}
body .apexcharts-svg line {
    opacity: 0.4;
}
body .apexcharts-svg line.apexcharts-ycrosshairs {
    stroke-width: 0;
}
body .apexcharts-legend .apexcharts-legend-series {
    gap: 5px;
}
[data-theme="dark"] .apexcharts-tooltip {
    color: #111827;
}
body .apexcharts-legend .apexcharts-legend-marker,
.apexcharts-tooltip-series-group .apexcharts-tooltip-marker {
    width: 12px !important;
    height: 12px !important;
}
.apexcharts-tooltip-series-group .apexcharts-tooltip-marker {
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    margin-right: 6px;
}
.apexcharts-tooltip-series-group .apexcharts-tooltip-text-y-value {
    margin-left: 0;
}
body .apexcharts-legend svg {
    border-radius: 2px;
}
body .apexcharts-legend svg path {
    stroke-width: 0;
}
body .apexcharts-legend .apexcharts-legend-text {
    font-family: var(--eim-font-family) !important;
    font-size: var(--eim-font-size-14) !important;
    font-weight: var(--eim-font-weight-600) !important;
    color: var(--eim-color-secondary) !important;
}
body .apexcharts-legend .apexcharts-legend-text b {
    font-weight: var(--eim-font-weight-600) !important;
    color: var(--eim-color-base);
}
body .eim-analytics-card .apexcharts-legend svg {
    background-color: rgb(0, 143, 251);
}
body .apexcharts-legend-group-0 svg,
#chart2 .apexcharts-legend-series:first-child svg {
    background-color: var(--eim-color-info);
}
body .apexcharts-legend-group-0 svg path,
#chart2 .apexcharts-legend-series:first-child svg path {
    fill: var(--eim-color-info);
}
body .apexcharts-legend-group-1 svg {
    background-color: var(--eim-color-success);
}
body .apexcharts-legend-group-1 svg path {
    fill: var(--eim-color-success);
}
body .apexcharts-legend-group-2 svg,
#chart2 .apexcharts-legend-series:last-child svg {
    background-color: var(--eim-color-warning);
}
body .apexcharts-legend-group-2 svg path,
#chart2 .apexcharts-legend-series:last-child svg path {
    fill: var(--eim-color-warning);
}
.apexcharts-tooltip-series-group-0 .apexcharts-tooltip-marker {
    color: var(--eim-color-info) !important;
    background-color: var(--eim-color-info) !important;
}
.apexcharts-tooltip-series-group-1 .apexcharts-tooltip-marker {
    color: var(--eim-color-success) !important;
    background-color: var(--eim-color-success) !important;
}
.apexcharts-tooltip-series-group-2 .apexcharts-tooltip-marker {
    color: var(--eim-color-warning) !important;
    background-color: var(--eim-color-warning) !important;
}

/* Analytics Grid */
.eim-analytics-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--eim-spacing-10);
    width: 100%;
}

.eim-visitors-card {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-30);
    width: 100%;
}

.eim-visitor-card {
    width: 100%;
    border: 1px solid var(--eim-border-color);
    border-radius: var(--eim-border-radius-12);
    background: var(--eim-bg-primary);
    padding: var(--eim-spacing-30);
}

.eim-visitors {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-14);
    border-top: 1px solid var(--eim-border-color);
    padding-top: var(--eim-spacing-14);
}

.eim-visitors-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--eim-spacing-14);
    border-bottom: 1px solid var(--eim-border-color);
    padding-bottom: var(--eim-spacing-14);
}
.eim-visitors-item span {
    font-size: var(--eim-font-size-14);
    color: var(--eim-color-secondary);
    word-break: break-all;
}
.eim-analytics-card {
    background: var(--eim-bg-primary);
    border-radius: var(--eim-border-radius-12);
    padding: var(--eim-spacing-30);
    border: 1px solid var(--eim-border-color);
    min-height: 200px;
}

.eim-analytics-title {
    font-size: var(--eim-font-size-18);
    line-height: var(--eim-resource-line-height);
    font-weight: var(--eim-font-weight-600);
    margin: -6px 0 var(--eim-spacing-20) !important;
}

.eim-bacs-payment {
    display: flex;
    flex-direction: column;
    gap: var(--eim-spacing-40);
    margin-top: var(--eim-spacing-30);
}

.eim-bank-account {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--eim-spacing-10);
    padding: var(--eim-spacing-20) 0;
    border-top: 1px solid var(--eim-border-color);
    border-bottom: 1px solid var(--eim-border-color);
}

.eim-bank-info {
    flex: 1;
}

.eim-account-name {
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-secondary);
    margin: -1px 0 var(--eim-spacing-4);
}

.eim-account-number {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-6);
    font-size: var(--eim-font-size-16);
    font-weight: var(--eim-font-weight-500);
    color: var(--eim-color-base);
}
.eim-account-number .eim-btn-copy-small {
    margin-left: 8px;
}

.eim-btn-copy-small {
    display: inline-flex;
    align-items: center;
    gap: var(--eim-spacing-6);
    height: var(--eim-btn-sm-height);
    font-size: var(--eim-font-size-12);
    font-weight: var(--eim-font-weight-600);
    border: 1px solid var(--eim-color-accent);
    border-radius: var(--eim-border-radius-4);
    color: var(--eim-color-accent);
    background-color: var(--eim-bg-primary);
    padding: var(--eim-btn-sm-padding);
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
}

.eim-btn-copy-small svg {
    width: 12px;
    height: auto;
    margin: 0 0 -2px -2px;
}
.eim-btn-copy-small svg > :is(rect, path) {
    stroke: var(--eim-color-accent);
}

.eim-bank-logo {
    display: flex;
    align-items: center;
    gap: var(--eim-spacing-10);
}

.eim-bank-logo img {
    width: auto;
    height: 20px;
    object-fit: cover;
}

.eim-bank-name {
    font-size: 18px;
    font-weight: var(--eim-font-weight-700);
    color: var(--eim-color-accent);
}

.eim-paypal-payment {
    position: relative;
    margin-top: var(--eim-spacing-30);
}
.eim-paypal-payment-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    visibility: hidden;
}
.eim-paypal-payment-overlay.show {
    opacity: 1;
    visibility: visible;
}

.eimember-tripay-instructions {
    gap: var(--eim-spacing-30) !important;
    margin-top: -20px;
}
.eimember-tripay-instructions :is(p, strong) {
    line-height: 1.4;
    color: #111827;
}
.eimember-tripay-instructions p:not(:first-child) {
    margin-top: 10px;
}

/* Responsive */

@media only screen and (min-width: 1900px) {
    .eim-aside {
        width: 25%;
    }
}

@media only screen and (min-width: 1200px) {
    .eim-sidebar-content {
        left: 0;
    }

    .eim-menu-toggle {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .eim-logo {
        min-width: 0px;
    }

    .eim-access-file-grid {
        grid-template-columns: 1fr;
    }

    .eim-affiliate-links {
        flex-direction: column;
    }

    .eim-products-grid {
        grid-template-columns: 1fr;
    }

    .eim-settings-grid {
        grid-template-columns: 1fr;
    }

    .eim-invoice-card {
        gap: var(--eim-spacing-32);
    }

    .eim-invoice-body {
        display: grid;
        grid-template-columns: 1fr 1fr;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--eim-spacing-20);
    }

    .eim-invoice-info:after {
        display: none;
    }

    .eim-charts-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: var(--eim-spacing-30);
        padding: 0 var(--eim-spacing-30);
    }

    .eim-sidebar {
        position: fixed;
        top: 0;
        left: -260px;
        bottom: 0;
        z-index: 100;
    }
    .eim-sidebar-content {
        left: 0;
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out;
    }
    .eim-sidebar-content.open {
        left: 0;
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }

    .eim-header-content .eim-title,
    .eim-user-info {
        display: none;
    }

    .eim-order-tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .eim-order-tab {
        white-space: nowrap;
    }

    .eim-order-search-section {
        flex-direction: column;
    }

    .eim-order-filter-group,
    .eim-order-status-filter,
    .eim-order-filter-group .eim-btn,
    .eim-settings-card .eim-btn {
        width: 100%;
    }

    .eim-order-info-row {
        flex-direction: column;
    }

    .eim-order-status-item {
        align-items: flex-start;
    }

    .eim-pagination {
        flex-direction: column;
        justify-content: left;
        align-items: start;
        gap: var(--eim-spacing-20);
    }

    .eim-transaction-card {
        gap: var(--eim-spacing-20);
    }

    .eim-transaction-grid {
        grid-template-columns: 1fr;
    }

    .eim-transaction-body {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--eim-spacing-20);
    }

    .eim-transaction-status-group {
        border-left: none;
        padding-left: 0;
        width: 100%;
        align-items: flex-start;
    }

    .eim-transaction-status-group:before {
        display: none;
    }

    .eim-stats-summary-grid,
    .eim-analytics-grid {
        grid-template-columns: 1fr;
    }

    .eim-stats-summary-grid,
    .eim-analytics-grid,
    .eim-visitors-card {
        padding: 0 var(--eim-spacing-30);
    }

    .eim-btn-filter {
        width: 100%;
        justify-content: center;
    }

    .eim-btn-details {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .eim-search select {
        display: none;
    }

    .eim-layout {
        flex-direction: column;
    }

    .eim-aside {
        width: 100%;
    }

    .eim-title-mobile {
        display: block;
    }

    .eim-notifications-overlay {
        width: 100%;
    }

    .eim-user-profile {
        display: none;
    }

    .eim-dashboard-cards {
        flex-direction: column;
    }

    .eim-card-overview {
        min-height: 50vh;
        margin-bottom: -1px;
    }

    .eim-card-overview .eim-btn-white {
        width: 100%;
    }

    #eim-access .eim-content {
        padding-top: 0;
    }

    .eim-access-item-content {
        flex-direction: row-reverse;
        gap: 1px;
    }

    .eim-access-thumbnail {
        width: 50px;
        height: 50px;
        border-radius: 100%;
        position: absolute;
        top: 22px;
        right: 22px;
    }

    .eim-access-detail {
        gap: 22px;
        padding-right: 80px;
    }

    .eim-access-product-info {
        flex-direction: column;
        gap: 22px;
    }

    .eim-access-product-title {
        padding-right: 60px;
    }

    .eim-purchase-code-value {
        background: 0;
        padding: 0;
    }

    .eim-purchase-code-value .eim-btn-copy-inline,
    .eim-access-info-item:after {
        display: none;
    }

    .eim-access-info-item {
        border-right: none;
        padding-left: 0;
        padding-right: 0;
        gap: 2px;
    }

    .eim-access-actions {
        width: 100%;
        flex-wrap: wrap;
    }

    .eim-access-action a,
    .eim-access-action button {
        width: 100% !important;
        display: inline-block;
    }

    .eim-access-file-sidebar {
        width: 100%;
    }

    .eim-affiliate-header {
        position: relative;
        width: 100%;
        background-color: var(--eim-bg-primary);
        z-index: 0;
    }
    .eim-affiliate-header:after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: var(--eim-border-nav);
        z-index: -1;
    }

    .eim-affiliate-header .eim-page-tabs {
        width: 100%;
        border: 0;
        background: transparent;
        margin-top: 0;
        overflow-x: auto;
    }
    .eim-affiliate-header .eim-page-tabs::-webkit-scrollbar {
        display: none;
        height: 0;
    }

    a.eim-page-tab {
        text-decoration: none;
        margin-bottom: 0;
    }

    #eim-affiliate .eim-content {
        padding: 0 0 var(--eim-spacing-30);
    }

    .eim-content-affiliate {
        padding: 0 var(--eim-spacing-30);
    }

    .eim-affiliate-pricing-item:first-child:after {
        display: none;
    }

    .eim-card.eim-affiliate-link-card {
        border: none;
        border-radius: 0;
    }

    .eim-affiliate-link-general {
        margin-bottom: 3px;
    }

    .eim-affiliate-product-header {
        flex-direction: row-reverse;
        gap: 0;
    }

    .eim-affiliate-product-image {
        width: 50px;
        height: 50px;
        border-radius: 100%;
    }

    .eim-affiliate-product-pricing {
        gap: var(--eim-spacing-14);
    }

    .eim-affiliate-product-pricing,
    .eim-affiliate-pricing-item {
        flex-direction: column;
    }

    .eim-affiliate-pricing-item:first-child {
        padding-right: 0;
        border-right: 0px;
    }

    .eim-affiliate-pricing-item:last-child {
        margin-left: 0;
    }

    .eim-affiliate-detail-header {
        flex-direction: column;
        border-bottom: none;
        padding-bottom: var(--eim-spacing-30);
    }

    .eim-affiliate-detail-image {
        display: flex;
        width: 100%;
        height: auto;
    }

    .eim-affiliate-detail-meta {
        flex-wrap: wrap;
        flex-direction: column;
        gap: var(--eim-spacing-24);
    }

    .eim-affiliate-meta-item + .eim-affiliate-meta-item {
        border-left: none;
        padding-left: 0;
    }

    .eim-affiliate-meta-item + .eim-affiliate-meta-item:before {
        display: none;
    }

    #eim-affiliate-statistics .eim-content {
        padding: 0 0 var(--eim-spacing-30);
    }

    .eim-filter-card {
        background: var(--eim-bg-primary);
        border-radius: 0px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: space-between;
        border: 0px;
    }

    .eim-filter-header {
        flex-direction: column-reverse;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: var(--eim-spacing-30);
        padding: var(--eim-spacing-30);
    }

    .eim-filter-label {
        color: var(--eim-color-base);
    }

    #eim-affiliate-statistics .eim-filter {
        top: 100%;
        left: 0;
    }

    #eim-affiliate-statistics .eim-filter.show {
        top: 150%;
    }

    .eim-commission-header {
        margin-bottom: var(--eim-spacing-20);
    }

    .eim-commission-detail-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: var(--eim-spacing-20);
    }

    .eim-commission-detail-item {
        padding: 0;
    }

    .eim-commission-detail-item:after {
        display: none;
    }

    .eim-orders-grid {
        grid-template-columns: 1fr;
    }

    #eim-affiliate-withdrawal .eim-content {
        padding: 0 0 var(--eim-spacing-30);
    }

    .eim-withdrawal-method-card {
        border: 0px;
        border-radius: 0px;
        padding: var(--eim-spacing-30);
    }

    .eim-withdrawal-method-header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--eim-spacing-20);
    }

    .eim-affiliate-withdrawal-content {
        padding: 0 var(--eim-spacing-30);
    }

    .eim-withdrawal-method-header button.eim-btn {
        width: auto;
    }

    h2.eim-withdrawal-method-title {
        margin-bottom: 16px;
    }

    #eim-products .eim-content {
        padding-top: 0;
    }

    .eim-product-content {
        flex-direction: row-reverse;
        gap: 2px;
    }

    .eim-product-image {
        width: 50px;
        height: 50px;
        border-radius: 100%;
    }

    #eim-settings .eim-content {
        padding-top: 0;
    }
    #eim-settings .eim-card-body button.eim-btn {
        display: inline-block;
        width: auto;
    }

    .eim-transaction-code {
        color: var(--eim-color-base);
        margin: 0;
    }

    .eim-invoice-info {
        border-left: 0px;
        padding: 0 0px;
    }

    .eim-chart-card {
        border: 0px;
        padding: 0;
        background: transparent;
        border-radius: 0px;
    }

    .eim-chart-card:first-child,
    .eim-chart-card:last-child {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    :root {
        --eim-bg-overlay: rgba(0, 0, 0, 0.5);

        --eim-border-radius-10: 8px;
        --eim-border-radius-12: 8px;

        --eim-spacing-4: 2px;
        --eim-spacing-10: 8px;
        --eim-spacing-12: 10px;
        --eim-spacing-16: 12px;
        --eim-spacing-20: 18px;
        --eim-spacing-24: 22px;
        --eim-spacing-26: 23px;
        --eim-spacing-30: 23px;
        --eim-spacing-40: 23px;
        --eim-spacing-50: 40px;
        --eim-spacing-77: 71px;

        --eim-spacing-m4: 4px;
        --eim-spacing-m8: 8px;
        --eim-spacing-m10: 10px;
        --eim-spacing-m12: 12px;
        --eim-spacing-m14: 14px;
        --eim-spacing-m15: 15px;
        --eim-spacing-m16: 16px;
        --eim-spacing-m18: 18px;
        --eim-spacing-m22: 22px;
        --eim-spacing-m23: 23px;
        --eim-spacing-m30: 30px;
        --eim-spacing-m40: 40px;

        --eim-font-size-15: 14px;
        --eim-font-size-16: 14px;
        --eim-font-size-18: 16px;
        --eim-font-size-20: 18px;
        --eim-font-size-22: 18px;
        --eim-font-size-24: 20px;
        --eim-font-size-28: 20px;
        --eim-font-size-30: 18px;

        --eim-welcome-line-height: 1.4;

        --eim-btn-sm-padding: 11px 11px 13px;
        --eim-btn-md3-padding: 8px 18px 10px;

        --eim-input-height: 44px;

        --eim-btn-md3-height: 40px;
        --eim-btn-lg-height: 48px;

        --eim-icon-btn-size: 38px;
    }

    .eim-theme-toggle.eim-top {
        background-color: var(--eim-color-accent);
    }
    .eim-theme-toggle.eim-top svg {
        color: var(--eim-color-content);
    }

    .eim-login-logo {
        padding: var(--eim-spacing-m16);
    }
    .eim-login-logo img {
        max-width: 148px;
        max-height: 36px;
    }
    .eim-login-logo,
    .eim-welcome-box,
    .eim-checkout-section,
    .eim-payment-method-section,
    .eim-success-box {
        margin-bottom: var(--eim-spacing-m8);
    }
    .eim-payment-method-section,
    .eim-submit-section {
        margin-top: var(--eim-spacing-m8);
    }
    .eim-register-section,
    .eim-back-to-login {
        margin-top: 0;
    }
    .eim-security-note {
        margin-bottom: 70px;
    }

    .eim-card-body,
    .eim-checkout-section,
    .eim-payment-method-section,
    .eim-submit-section,
    .eim-payment-section {
        padding: var(--eim-spacing-m30) var(--eim-spacing-40);
    }

    .eim-checkbox-wrapper {
        gap: var(--eim-spacing-m8);
    }
    .eim input[type="checkbox"] {
        margin: 2px 0 0;
    }

    .eim-login-page {
        align-items: start;
    }
    .eim-login-page,
    .eim-checkout-page,
    .eim-payment-page {
        padding: var(--eim-spacing-m8);
    }

    .eim-checkout-item {
        gap: var(--eim-spacing-m16);
    }
    .eim-checkout-item-image img {
        width: 45px;
        height: 45px;
    }
    .eim-checkout-item-details {
        gap: 2px;
    }

    .eim-coupon-btn-apply {
        right: 7px;
    }

    .eim-total-label {
        margin-bottom: 2px;
    }

    .eim-order-details {
        gap: var(--eim-spacing-m16);
        margin-top: var(--eim-spacing-m14);
    }
    .eim-detail-value {
        word-break: break-all;
    }

    .eim-total-amount-large {
        margin-top: -7px;
    }

    .eim-btn-copy {
        height: var(--eim-btn-sm-height);
        font-size: var(--eim-font-size-12);
        padding: var(--eim-btn-sm-padding);
    }
    .eim-btn-copy svg {
        width: 12px;
        height: auto;
        margin: 0 0 -2px -2px;
    }

    .eim-bank-account {
        flex-direction: column-reverse;
        justify-content: start;
        align-items: start;
        gap: var(--eim-spacing-m12);
        padding: var(--eim-spacing-m22) 0;
    }
    .eim-bank-info {
        display: flex;
        flex-direction: column-reverse;
    }
    .eim-account-name {
        margin: 0 0 -4px;
    }
    .eim-bank-logo img,
    .eim-payment-channel .eim-channel-icon img {
        height: 18px;
    }
    .eim-bacs-payment {
        gap: var(--eim-spacing-m30);
        margin-top: var(--eim-spacing-m22);
    }

    .eim-flash {
        max-width: 300px;
    }
    .eim-flash-close::before {
        mask-position: center 1px;
        mask-size: 8px;
    }

    .eim-header {
        border-bottom-width: 1px;
    }
    .eim-header-wrapper {
        padding: var(--eim-spacing-m15) 0;
    }
    .eim-logo img {
        max-width: 148px;
        max-height: 36px;
    }
    .eim-header-actions {
        gap: var(--eim-spacing-m12);
    }
    .eim-menu-icon .eim-menu-bar {
        width: 16px;
    }
    .eim-menu-icon .eim-menu-close {
        width: 12px;
    }

    .eim-nav-item {
        gap: var(--eim-spacing-m10);
    }

    .eim-notifications-overlay {
        padding-left: var(--eim-spacing-m40);
        padding-right: 0;
        transition: all 0.4s ease-in-out;
    }
    .eim-notifications {
        width: 100%;
        height: 100%;
        border: 0;
        border-radius: 0;
        transform: translateX(100%);
        transition: transform 0.4s ease-out;
        box-shadow: none;
    }
    .eim-notifications-overlay.active .eim-notifications {
        transform: translateX(0);
    }
    .eim-notification-due {
        width: 100%;
    }
    .eim-notification-footer {
        position: relative;
        justify-content: start;
        margin-top: var(--eim-spacing-12);
    }

    .eim-sidebar-overlay {
        background-color: var(--eim-bg-overlay);
    }

    .eim-title-mobile {
        padding: var(--eim-spacing-m14) var(--eim-spacing-30);
    }

    .eim-content,
    .eim-aside {
        padding: var(--eim-spacing-m30) var(--eim-spacing-30);
    }

    .eim-card-overview {
        min-height: 40vh;
        padding: var(--eim-spacing-m30);
    }
    .eim-card-overview-title {
        font-size: var(--eim-font-size-28);
        font-weight: var(--eim-font-weight-700);
    }
    .eim-card-stat {
        gap: var(--eim-spacing-m10);
        height: auto;
        padding: var(--eim-spacing-m30);
    }

    .eim-resource-card {
        gap: var(--eim-spacing-m10);
        padding: var(--eim-spacing-m23);
    }
    .eim-resource-title {
        margin-top: -6px !important;
    }
    .eim-resource-link {
        margin-top: 1px;
    }

    .eim-access-item-content,
    .eim-access-item-footer {
        padding: var(--eim-spacing-m30) var(--eim-spacing-30);
    }
    .eim-access-product-info,
    .eim-access-detail,
    .eim-access-license {
        gap: var(--eim-spacing-m16);
    }
    .eim-access-info-item:first-child {
        margin-bottom: 8px;
    }
    .eim-access-info-label {
        font-weight: var(--eim-font-weight-500);
    }
    .eim-hosts-tags {
        margin-top: 2px;
    }

    .eim-modal-body,
    .eim-confirm-content {
        width: 96%;
    }
    .eim-modal-header {
        padding: 12px var(--eim-spacing-24);
    }
    .eim-modal-body .eim-modal-content {
        padding: var(--eim-spacing-m8);
    }
    [data-theme="dark"] .eim-modal-body .eim-modal-content {
        background: #151516;
    }

    .eim-modal,
    .eim-confirm {
        background: var(--eim-bg-overlay);
    }
    .eim-modal-content-wrap {
        padding: var(--eim-spacing-m30) var(--eim-spacing-30);
    }

    .eim-modal-content-wrap .eim-access-info-label,
    .eim-modal-content-wrap .eim-access-status,
    .eim-modal-content-wrap .eim-access-info-value, .eim-modal-content-wrap .eim-affiliate-bonus-access {
        text-align: left;
    }
    .eim-modal-content-wrap .eim-access-purchase-code,
    .eim-modal-content-wrap .eim-access-modal-info {
        justify-content: start;
        align-items: start;
        flex-direction: column;
    }
    .eim-modal-content-wrap .eim-access-modal-info {
        gap: var(--eim-spacing-m16);
    }
    .eim-access-modal-info .eim-access-info-item:first-child {
        margin-bottom: 0;
    }

    .eim-description-wrap > :is(h1, h2, h3, h4, h5, h6), .eim-affiliate-detail-description > :is(h1, h2, h3, h4, h5, h6) {
        font-size: var(--eim-font-size-18);
        line-height: var(--eim-resource-line-height);
    }

    .eim-access-file-sidebar,
    .eim-affiliate-detail-sidebar {
        gap: var(--eim-spacing-m30);
    }
    h3.eim-sidebar-section-title {
        margin: -6px 0 8px !important;
    }

    .eim-download-item,
    .eim-access-license,
    .eim-activation-block,
    .eim-affiliate-link-sidebar-item,
    .eim-affiliate-tracking-item {
        padding: var(--eim-spacing-m23);
    }

    .eim-product-info {
        gap: var(--eim-spacing-m14);
        padding-right: var(--eim-spacing-m30);
    }
    .eim-product-name {
        margin: -4px 0 0 !important;
    }
    .eim-product-actions {
        flex-wrap: wrap;
    }

    .eim-page-tab {
        padding: var(--eim-spacing-m16) 0;
    }

    #eim-affiliate .eim-content {
        gap: var(--eim-spacing-m30);
        padding-bottom: var(--eim-spacing-m30);
    }
    .eim-affiliate-link-card,
    .eim-affiliate-product-header,
    .eim-affiliate-product-footer,
    .eim-affiliate-coupon-section,
    .eim-affiliate-bonus-access,
    .eim-filter-header,
    .eim-stat-summary-card,
    .eim-analytics-card,
    .eim-visitor-card,
    .eim-affiliate-tags,
    .eim-commission-item,
    .eim-withdrawal-method-card,
    .eim-transaction-card,
    .eim-invoice-card,
    .eim-settings-card .eim-card-body {
        padding: var(--eim-spacing-m30) var(--eim-spacing-30);
    }
    .eim-affiliate-link-title {
        margin: -6px 0 !important;
    }

    .eim-affiliate-product-info,
    .eim-affiliate-product-pricing,
    .eim-affiliate-detail-meta,
    .eim-commission-detail-row,
    .eim-transaction-body,
    .eim-invoice-body {
        gap: var(--eim-spacing-m16);
    }
    h3.eim-affiliate-product-name {
        padding-right: var(--eim-spacing-30);
    }
    .eim-affiliate-product-image {
        margin-top: -6px;
    }
    .eim-affiliate-pricing-divider {
        display: none;
    }
    .eim-affiliate-pricing-description {
        display: block;
        margin-top: 4px;
    }
    .eim-affiliate-product-actions {
        flex-wrap: wrap;
    }

    .eim-affiliate-detail-content {
        padding-bottom: var(--eim-spacing-m30);
    }
    h2.eim-affiliate-detail-title {
        margin: -2px 0 -6px !important;
    }
    .eim-affiliate-coupon-item {
        margin-bottom: var(--eim-spacing-m30);
    }
    .eim-affiliate-coupon-meta {
        align-items: start;
    }
    .eim-affiliate-coupon-custom {
        align-items: start;
        flex-direction: column;
    }
    .eim-affiliate-coupon-custom .eim-input-wrapper {
        width: 100%;
    }
    .eim-affiliate-coupon-custom .eim-btn-copy-link {
        display: none;
    }

    #eim-affiliate-statistics .eim-content,
    #eim-affiliate-withdrawal .eim-content {
        gap: var(--eim-spacing-m30);
        padding-bottom: var(--eim-spacing-m30);
    }
    body .apexcharts-legend {
        flex-direction: column;
        gap: var(--eim-spacing-m8) !important;
    }
    .eim-analytics-card .apexcharts-svg {
        max-width: 100%;
    }
    .eim-stat-trend {
        gap: var(--eim-spacing-m4);
    }
    .eim-stat-summary-card {
        gap: var(--eim-spacing-m10);
    }
    .eim-visitors-item,
    .eim-withdrawal-method-item {
        gap: var(--eim-spacing-m23);
    }

    .eim-confirm-content h3 {
        margin-top: -6px;
    }

    .eim-withdrawal-method-icon {
        display: none;
    }
    .eim-withdrawal-method-form-row,
    .eim-modal-content-wrap .eim-form-row {
        margin-top: -1px;
    }

    .eim-page-tabs {
        margin-top: 0;
    }
    .eim-transaction-product-name,
    .eim-transaction-status-label,
    .eim-invoice-product-name,
    .eim-info-label {
        font-weight: var(--eim-font-weight-500);
    }
    .eim-invoice-body {
        grid-template-columns: 1fr;
    }
    .eim-invoice-card {
        gap: var(--eim-spacing-m30);
    }

    .eim-pagination .eim-pagination-btn {
        width: 30px;
        height: 30px;
    }

    .eimember-tripay-instructions {
        margin-top: -10px;
    }
    .eimember-tripay-instructions {
        gap: var(--eim-spacing-m30) !important;
    }
}