:root {
    --bx-red: #ed1c2f;
    --bx-red-strong: #ff3044;
    --bx-bg: #07090c;
    --bx-panel: rgba(13, 17, 22, 0.92);
    --bx-panel-soft: rgba(21, 26, 32, 0.82);
    --bx-line: rgba(255, 255, 255, 0.1);
    --bx-text: #f5f7fa;
    --bx-muted: #9ba3ae;
    --bx-green: #38d683;
}

/* New Customer modal — approved 23 August 2026. */
.bilionx-shell.bilionx-admin-workspace .bilionx-new-customer-modal {
    width: min(1240px, calc(100vw - 28px));
    max-height: calc(100vh - 28px);
    overflow: visible;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 15px;
    background: rgba(246, 248, 255, .96) !important;
    box-shadow: 0 32px 90px rgba(7, 24, 54, .28);
}

.bilionx-shell.bilionx-admin-workspace .bilionx-new-customer-modal > .card {
    border-radius: 15px 15px 0 0;
}

.bilionx-shell.bilionx-admin-workspace .bilionx-new-customer-modal > .card > .card-header {
    min-height: 54px;
    padding: 0 22px;
    border-radius: 15px 15px 0 0;
    box-shadow: none;
}

.bilionx-shell.bilionx-admin-workspace .bilionx-new-customer-modal > .card-body {
    max-height: calc(100vh - 84px);
    padding: 22px;
    overflow-y: auto;
}

.bilionx-new-customer-modal .input-holder {
    position: relative;
}

.bilionx-new-customer-modal .form-control,
.bilionx-new-customer-modal .form-select,
.bilionx-new-customer-modal .button {
    min-height: 46px;
}

.bilionx-password-field {
    position: relative;
}

.bilionx-password-field .form-control {
    padding-right: 46px;
}

.bilionx-field-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 7px;
    color: #617391;
    background: transparent;
}

.bilionx-field-hint {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 7px;
    color: #657694;
    font-size: 10px;
}

.bilionx-field-hint i {
    color: #2c9b68;
}

.bilionx-bank-combobox {
    position: relative;
}

.bilionx-bank-input {
    padding-right: 42px !important;
}

.bilionx-bank-combobox.is-open .bilionx-bank-input {
    border-color: #1d66d1 !important;
    box-shadow: 0 0 0 3px rgba(29, 102, 209, .12) !important;
}

.bilionx-bank-toggle {
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 5px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 7px;
    color: #0b2148;
    background: transparent;
}

.bilionx-bank-combobox.is-open .bilionx-bank-toggle i {
    transform: rotate(180deg);
}

.bilionx-bank-toggle i {
    transition: transform .16s ease;
}

.bilionx-bank-menu {
    position: absolute;
    z-index: 30;
    top: calc(100% + 7px);
    left: 0;
    width: 100%;
    padding: 8px;
    border: 1px solid #c8d4e6;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 20px 44px rgba(19, 43, 80, .22);
}

.bilionx-bank-options {
    max-height: 210px;
    overflow-y: auto;
}

.bilionx-bank-options button {
    display: block;
    width: 100%;
    padding: 9px 10px;
    border: 0;
    border-radius: 7px;
    color: #223d68;
    background: transparent;
    text-align: left;
    font-size: 12px;
}

.bilionx-bank-options button:hover,
.bilionx-bank-options button:focus {
    color: #fff;
    background: #1763cb;
    outline: 0;
}

.bilionx-bank-empty {
    padding: 12px;
    color: #78879e;
    font-size: 12px;
    text-align: center;
}

@media (max-width: 767.98px) {
    .bilionx-shell.bilionx-admin-workspace .bilionx-new-customer-modal {
        width: calc(100vw - 28px);
        max-height: calc(100svh - 28px);
        overflow: hidden;
    }

    .bilionx-shell.bilionx-admin-workspace .bilionx-new-customer-modal > .card-body {
        max-height: calc(100svh - 82px);
        padding: 18px;
    }

    .bilionx-bank-menu {
        position: fixed;
        top: auto;
        right: 14px;
        bottom: 14px;
        left: 14px;
        width: auto;
    }
}

/* Unified admin sidebar and same-page document workspace — approved 3 September 2026. */
.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content {
    padding-bottom: 138px;
}

.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul {
    width: 184px;
    padding: 0 10px 4px;
}

.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul li > a {
    display: grid !important;
    min-height: 52px;
    grid-template-columns: 26px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    margin: 0 0 5px;
    padding: 11px 13px;
    border-radius: 11px;
    line-height: 1.28;
}

.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul li > a > i {
    width: 26px;
    margin: 0 !important;
    font-size: 17px;
    text-align: center;
}

.bilionx-shell.bilionx-admin-workspace .admin-sidebar-label {
    display: block;
    min-width: 0;
    overflow-wrap: normal;
}

.bilionx-shell.bilionx-admin-workspace .sidebar .bottom-nav {
    position: fixed;
    bottom: 12px;
    left: 0;
    width: 184px;
    padding: 10px 10px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    background: linear-gradient(180deg, rgba(8, 35, 72, 0), #082348 18%);
}

.bilionx-shell.bilionx-admin-workspace .sidebar .bottom-nav .admin-permissions-nav > a {
    color: #eef5ff !important;
}

#adminPageContent[hidden],
.admin-inline-editor[hidden] {
    display: none !important;
}

.admin-inline-editor {
    min-height: calc(100vh - 84px);
}

.admin-inline-editor-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.admin-inline-editor-header h1 {
    margin: 0;
    color: #0a244a;
    font-size: clamp(1.72rem, 2.25vw, 2rem);
    line-height: 1;
}

.admin-inline-editor-header p {
    margin: 7px 0 0;
    color: #6b7c95;
    font-size: 12px;
}

.admin-inline-editor-frame-holder {
    position: relative;
    min-height: calc(100vh - 152px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .86);
    border-radius: 16px;
    background: rgba(244, 248, 255, .78);
    box-shadow: 0 20px 50px rgba(35, 55, 98, .13);
    backdrop-filter: blur(20px) saturate(112%);
}

.admin-inline-editor-frame-holder.is-loading {
    background: linear-gradient(135deg, rgba(246, 249, 255, .98), rgba(235, 242, 252, .98));
}

.admin-inline-editor-frame-holder iframe {
    display: block;
    width: 100%;
    height: calc(100vh - 152px);
    min-height: 760px;
    border: 0;
    background: transparent;
}

.admin-inline-editor-frame-holder iframe[hidden] {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
}

.admin-inline-editor-loading {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2b588e;
    background: linear-gradient(135deg, rgba(246, 249, 255, .99), rgba(235, 242, 252, .99));
    font-weight: 800;
}

.admin-inline-editor-loading[hidden] {
    display: none !important;
}

@media (max-width: 767.98px) {
    .bilionx-shell.bilionx-admin-workspace .admin-permissions-nav {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid rgba(255, 255, 255, .12);
    }

    .admin-inline-editor-header {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-inline-editor-header .button {
        width: 100%;
        min-height: 48px;
    }

    .admin-inline-editor-frame-holder,
    .admin-inline-editor-frame-holder iframe {
        min-height: 720px;
        height: calc(100vh - 210px);
    }
}

/* Admin contrast guard — approved UI surfaces on the light operations workspace. */
.bilionx-shell.bilionx-admin-workspace .button:not(.primary-button):not(.red-button):not(.green-button) {
    color: #183b70 !important;
    border: 1px solid #aebfda !important;
    background: rgba(241, 246, 255, .96) !important;
    box-shadow: 0 6px 16px rgba(33, 67, 112, .08);
}

.bilionx-shell.bilionx-admin-workspace .button:not(.primary-button):not(.red-button):not(.green-button):hover,
.bilionx-shell.bilionx-admin-workspace .button:not(.primary-button):not(.red-button):not(.green-button):focus-visible {
    color: #0b2148 !important;
    border-color: #4c79b8 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(20, 93, 204, .12);
}

.bilionx-shell.bilionx-admin-workspace .button.green-button {
    color: #fff !important;
    border-color: #14734d !important;
    background: #17855a !important;
}

.bilionx-shell.bilionx-admin-workspace .button.red-button {
    color: #fff !important;
    border-color: #9f2431 !important;
    background: #b52b3a !important;
}

.bilionx-shell.bilionx-admin-workspace .dropdown-menu .dropdown-item {
    color: #17365f !important;
}

.bilionx-shell.bilionx-admin-workspace .dropdown-menu .dropdown-item:hover,
.bilionx-shell.bilionx-admin-workspace .dropdown-menu .dropdown-item:focus {
    color: #0b2148 !important;
    background: #eaf1fc !important;
}

.bilionx-shell.bilionx-admin-workspace .jsgrid-nodata-row > .jsgrid-cell {
    color: #526886 !important;
    background: rgba(249, 251, 255, .96) !important;
    font-weight: 600;
}

.bilionx-shell.bilionx-admin-workspace .modal-container .input-holder label {
    color: #425e89 !important;
}

/* Silver-lavender operations workspace — approved 22 August 2026 */
.bilionx-admin-workspace {
    --admin-ink: #0b2148;
    --admin-muted: #5d6f92;
    --admin-line: rgba(63, 82, 137, .16);
    --admin-panel: rgba(246, 248, 255, .84);
    --admin-blue: #145dcc;
    --admin-blue-strong: #0d4eaf;
}

.bilionx-admin-workspace .admin-body {
    min-height: 100vh;
    color: var(--admin-ink);
    background-color: #e7eaf7 !important;
    background-image:
        linear-gradient(180deg, rgba(244, 245, 255, .50) 0, rgba(235, 238, 252, .72) 600px, #e7eaf7 1040px),
        url("/images/brand/bilionx-research-atrium-dashboard.png") !important;
    background-position: center top !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}

.bilionx-admin-workspace .sidebar {
    width: 228px;
    border-right: 1px solid rgba(255, 255, 255, .08);
    background: linear-gradient(180deg, #071d38 0%, #031329 100%) !important;
    box-shadow: 18px 0 50px rgba(12, 42, 75, .18);
}

.bilionx-admin-workspace .sidebar .p-2 {
    padding: 22px 18px 12px !important;
}

.bilionx-admin-workspace .sidebar-logo > img {
    width: 174px;
    max-width: 100%;
}

.bilionx-admin-role {
    display: block;
    margin: 14px 12px 8px;
    color: #80a9d3;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.bilionx-admin-workspace .sidebar .nano-content > ul {
    width: 228px;
    padding: 4px 14px;
}

.bilionx-admin-workspace .sidebar .nano-content > ul li > a {
    margin-bottom: 8px;
    padding: 14px 16px;
    border-radius: 11px;
    color: #cbd5e1 !important;
    font-size: 14px;
    font-weight: 700;
}

.bilionx-admin-workspace .sidebar .nano-content > ul li > a:hover,
.bilionx-admin-workspace .sidebar .nano-content > ul li.active > a,
.bilionx-admin-workspace .sidebar .nano-content > ul li.open > a {
    color: #fff !important;
    background: linear-gradient(100deg, #245f9d, #2e78be) !important;
    box-shadow: 0 12px 30px rgba(25, 69, 116, .28) !important;
}

.bilionx-admin-workspace .admin-top-bar {
    min-height: 68px;
    color: var(--admin-ink);
    border-bottom: 1px solid rgba(48, 76, 110, .12) !important;
    background: rgba(244, 249, 253, .78) !important;
    backdrop-filter: blur(18px) saturate(115%);
}

.bilionx-admin-workspace .bilionx-topbar-title strong {
    color: var(--admin-ink);
}

.bilionx-admin-workspace .bilionx-topbar-title span,
.bilionx-admin-workspace .bilionx-topbar-meta {
    color: var(--admin-muted);
}

.bilionx-admin-workspace .bilionx-topbar-meta .button {
    color: #244a72;
    border-color: rgba(48, 76, 110, .18);
    background: rgba(255, 255, 255, .72);
}

.admin-trade-notification-button{position:relative;width:38px;height:38px;border:1px solid #d7e1ef;border-radius:11px;background:#fff;color:#203653;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 16px rgba(26,54,90,.08)}
.mobile-trade-notification-button{margin-left:auto;margin-right:10px}
.admin-trade-notification-button:hover{border-color:#78a9ef;color:#1768e5}.admin-trade-notification-button>span{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#ec4056;color:#fff;font:800 10px/19px system-ui;text-align:center;border:2px solid #fff}
.admin-trade-notification-button.has-unread{border-color:#ef3f54;background:#ef3f54;color:#fff;box-shadow:0 0 0 6px rgba(239,63,84,.15),0 10px 28px rgba(190,37,57,.3);animation:adminBellAttention 1.2s ease-in-out infinite}
.admin-trade-notification-panel{position:fixed;z-index:1200;top:72px;right:22px;width:min(390px,calc(100vw - 28px));max-height:480px;overflow:auto;background:#fff;border:1px solid #d9e3f0;border-radius:16px;box-shadow:0 20px 55px rgba(22,42,70,.22)}
.admin-trade-notification-panel[hidden]{display:none!important}.admin-trade-notification-panel header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px 17px;background:#f8fbff;border-bottom:1px solid #e4ebf4}.admin-trade-notification-panel header div{display:grid;gap:2px}.admin-trade-notification-panel header strong{font-size:14px;color:#172a44}.admin-trade-notification-panel header small{font-size:10px;color:#75869d}.admin-trade-notification-panel header button{position:relative;z-index:2;display:grid;width:32px;height:32px;place-items:center;border:1px solid #d4deeb;border-radius:9px;background:#fff;color:#536a85;cursor:pointer;pointer-events:auto}.admin-trade-notification-panel header button:hover{border-color:#ef596a;color:#d72e44;background:#fff4f5}
.admin-trade-notification-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:14px 16px;color:#203653;text-decoration:none;border-bottom:1px solid #edf1f6}.admin-trade-notification-item:hover{background:#f6f9fe;color:#203653}.admin-trade-notification-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eaf3ff;color:#1768e5}.admin-trade-notification-item>span:nth-child(2){display:grid;gap:3px}.admin-trade-notification-item strong{font-size:12px}.admin-trade-notification-item small,.admin-trade-notification-item time{font-size:9px;color:#76879d}.admin-trade-notification-empty{padding:30px 18px;text-align:center;color:#8291a5;font-size:11px}
.admin-trade-notification-toast-host{position:fixed;z-index:1250;top:82px;right:24px;display:grid;gap:10px}.admin-trade-notification-toast{position:relative;width:min(470px,calc(100vw - 28px));padding:17px 48px 17px 18px;border:2px solid #ffbd45;border-radius:17px;background:linear-gradient(135deg,#132943,#1b3d66);color:#fff;box-shadow:0 22px 58px rgba(9,27,50,.38),0 0 0 6px rgba(255,189,69,.14);transform:translateX(30px);opacity:0;transition:.24s ease;animation:adminOrderAttention 1.6s ease-in-out infinite}.admin-trade-notification-toast.show{transform:none;opacity:1}.admin-trade-notification-toast>a{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;color:#fff;text-decoration:none}.admin-trade-notification-toast>a>span{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#ffb52e;color:#4b3100;font-size:19px}.admin-trade-notification-toast>a>div{display:grid;gap:3px}.admin-trade-notification-toast small{color:#ffd88e;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.04em}.admin-trade-notification-toast strong{font-size:14px}.admin-trade-notification-toast em{font-size:11px;color:#e3edf8;font-style:normal}.admin-trade-notification-toast time{margin-top:3px;color:#b8cbe0;font-size:10px}.admin-trade-notification-toast>button{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.13);color:#fff;cursor:pointer}.admin-trade-notification-toast>button:hover{background:rgba(255,255,255,.25)}
@keyframes adminBellAttention{0%,100%{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(7deg)}}
@keyframes adminOrderAttention{0%,100%{box-shadow:0 22px 58px rgba(9,27,50,.38),0 0 0 6px rgba(255,189,69,.14)}50%{box-shadow:0 24px 64px rgba(9,27,50,.45),0 0 0 11px rgba(255,189,69,.24)}}
@media(max-width:767px){.admin-trade-notification-panel{top:68px;right:14px}.admin-trade-notification-toast-host{top:72px;right:14px}}

.bilionx-admin-workspace .admin-content {
    width: auto;
    max-width: none;
    padding: 34px 36px 48px !important;
    color: var(--admin-ink) !important;
    background: transparent !important;
}

.bilionx-admin-workspace .bilionx-page-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 24px;
}

.bilionx-admin-workspace .bilionx-page-heading h1 {
    margin: 0;
    color: var(--admin-ink);
    font-size: clamp(1.75rem, 2.5vw, 2.5rem);
    font-weight: 800;
    letter-spacing: -.04em;
}

.bilionx-admin-workspace .bilionx-page-heading p {
    max-width: 680px;
    margin-top: 6px;
    color: var(--admin-muted);
}

.bilionx-admin-eyebrow {
    display: block;
    margin-bottom: 7px;
    color: #1859b5;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.bilionx-admin-workspace .grid-holder,
.bilionx-admin-workspace .dashboard-info-holder,
.bilionx-admin-workspace .dashboard-quick-stats,
.bilionx-admin-workspace .modal-container,
.bilionx-admin-workspace .modal-container > .card,
.bilionx-admin-workspace .modal-container > .card > .card-header,
.bilionx-admin-workspace .modal-container > .card > .card-body,
.bilionx-admin-workspace .modal-container > .card > .card-footer {
    color: var(--admin-ink) !important;
    border-color: rgba(255, 255, 255, .74) !important;
    background: var(--admin-panel) !important;
    box-shadow: 0 18px 46px rgba(29, 60, 94, .11);
    backdrop-filter: blur(20px) saturate(115%);
}

.bilionx-admin-workspace .grid-holder {
    padding: 14px 16px 18px;
    overflow: hidden;
    border-radius: 18px;
}

.bilionx-admin-workspace .filters-holder {
    margin: -14px -16px 18px;
    padding: 16px;
    border-bottom: 1px solid var(--admin-line);
    background: rgba(237, 240, 252, .66);
}

.bilionx-admin-workspace .input-holder label,
.bilionx-admin-workspace .jsgrid-header-cell {
    color: #50658d;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
}

.bilionx-admin-workspace .form-control,
.bilionx-admin-workspace .form-select,
.bilionx-admin-workspace .jsgrid-cell input,
.bilionx-admin-workspace #customersGrid .form-control {
    color: var(--admin-ink) !important;
    border: 1px solid rgba(63, 82, 137, .18) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .78) !important;
}

.bilionx-admin-workspace .form-control:focus,
.bilionx-admin-workspace .form-select:focus {
    border-color: var(--admin-blue) !important;
    box-shadow: 0 0 0 3px rgba(20, 93, 204, .13) !important;
}

.bilionx-admin-workspace .button,
.bilionx-admin-workspace .button:not(.primary-button) {
    color: #294d80;
    border-color: rgba(63, 82, 137, .18);
    border-radius: 10px;
    background: rgba(255, 255, 255, .76);
}

.bilionx-admin-workspace .primary-button,
.bilionx-admin-workspace .button.primary-button {
    color: #fff !important;
    border-color: var(--admin-blue) !important;
    background: var(--admin-blue) !important;
    box-shadow: 0 10px 24px rgba(20, 93, 204, .22);
}

.bilionx-admin-workspace .primary-button:hover,
.bilionx-admin-workspace .button.primary-button:hover {
    background: var(--admin-blue-strong) !important;
}

.bilionx-admin-workspace .jsgrid-grid-header,
.bilionx-admin-workspace .jsgrid-header-row > .jsgrid-header-cell {
    color: #425b89 !important;
    border-color: var(--admin-line) !important;
    background: rgba(228, 232, 248, .74) !important;
}

.bilionx-admin-workspace .jsgrid-grid-body,
.bilionx-admin-workspace .jsgrid-row > .jsgrid-cell,
.bilionx-admin-workspace .jsgrid-alt-row > .jsgrid-cell {
    color: var(--admin-ink) !important;
    border-color: rgba(48, 76, 110, .1) !important;
    background: rgba(249, 250, 255, .76) !important;
}

.bilionx-admin-workspace .jsgrid-row:hover > .jsgrid-cell,
.bilionx-admin-workspace .jsgrid-alt-row:hover > .jsgrid-cell {
    background: rgba(230, 235, 251, .94) !important;
}

.bilionx-admin-workspace .jsgrid-pager-container,
.bilionx-admin-workspace .jsgrid-pager {
    color: var(--admin-muted);
}

.bilionx-admin-workspace .jsgrid-pager-current-page,
.bilionx-admin-workspace .jsgrid-pager-page a {
    color: var(--admin-blue);
}

.bilionx-admin-workspace .card,
.bilionx-admin-workspace .card-header,
.bilionx-admin-workspace .card-body,
.bilionx-admin-workspace .card-footer,
.bilionx-admin-workspace .dropdown-menu {
    color: var(--admin-ink);
    border-color: var(--admin-line);
    background: rgba(248, 249, 255, .96);
}

.bilionx-admin-workspace .view-type-holder {
    color: var(--admin-ink);
    border-color: var(--admin-line);
    background: rgba(246, 248, 255, .84);
}

.bilionx-admin-workspace .view-type-holder.active {
    color: #fff;
    border-color: var(--admin-blue);
    background: var(--admin-blue);
}

@media (min-width: 768px) {
    .bilionx-admin-workspace .admin-body {
        width: calc(100% - 228px);
        margin-left: 228px;
    }

    .bilionx-admin-workspace .admin-top-bar,
    .bilionx-admin-workspace .admin-content {
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    /* Keep the mobile navigation control unmistakable on every dark/light page. */
    .bilionx-shell .customer-nav-bar .navbar-toggler.mobile-menu-toggle {
        display: grid !important;
        width: 44px;
        min-width: 44px;
        height: 44px;
        padding: 9px;
        place-items: center;
        border: 2px solid #fff !important;
        border-radius: 12px;
        background: #fff !important;
        box-shadow: 0 5px 18px rgba(0, 0, 0, .28), 0 0 0 2px rgba(45, 212, 191, .3);
        opacity: 1;
    }

    .bilionx-shell .customer-nav-bar .navbar-toggler.mobile-menu-toggle:hover,
    .bilionx-shell .customer-nav-bar .navbar-toggler.mobile-menu-toggle:focus-visible,
    .bilionx-shell .customer-nav-bar .navbar-toggler.mobile-menu-toggle[aria-expanded="true"] {
        border-color: #2dd4bf !important;
        background: #ecfeff !important;
        box-shadow: 0 0 0 3px rgba(45, 212, 191, .32), 0 5px 18px rgba(0, 0, 0, .3);
        outline: none;
    }

    .bilionx-shell .customer-nav-bar .navbar-toggler.mobile-menu-toggle > img,
    .bilionx-shell .customer-nav-bar .navbar-toggler.mobile-menu-toggle > .mobile-menu-icon {
        display: block;
        width: 26px;
        height: 26px;
        color: #000a69;
        filter: none !important;
        opacity: 1 !important;
    }

    .bilionx-admin-workspace .admin-body {
        width: 100%;
        margin-left: 0;
        padding-top: 64px;
        background-position: 56% 64px !important;
        background-size: auto 390px !important;
    }

    .bilionx-admin-workspace .customer-nav-bar,
    .bilionx-admin-workspace .customer-nav-bar .navbar-collapse {
        color: #fff;
        background: rgba(7, 29, 56, .98) !important;
    }

    .bilionx-admin-workspace .admin-content {
        padding: 24px 14px 36px !important;
    }

    .bilionx-admin-workspace .bilionx-page-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .bilionx-admin-workspace .filters-holder > .d-flex,
    .bilionx-admin-workspace .filters-holder {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .bilionx-admin-workspace .filters-holder .input-holder {
        width: 100%;
        margin-right: 0 !important;
    }
}

.bilionx-signin {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 22px;
    overflow: hidden;
    color: var(--bx-text);
    background-color: var(--bx-bg);
    background-image: linear-gradient(rgba(4, 6, 8, 0.38), rgba(4, 6, 8, 0.58)), url("/images/brand/bilionx-red-architecture-bg.png");
    background-position: center;
    background-size: cover;
    --portal-accent: var(--bx-red);
    --portal-accent-strong: var(--bx-red-strong);
}

.bilionx-signin-admin {
    --portal-accent: #315f97;
    --portal-accent-strong: #75a7e5;
    background-image: linear-gradient(rgba(3, 11, 22, 0.4), rgba(3, 11, 22, 0.62)), url("/images/brand/bilionx-red-architecture-bg.png");
}

.bilionx-access-panel {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: min(100%, 430px);
    min-height: min(690px, calc(100vh - 44px));
    padding: 34px 38px 28px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 22px;
    background: rgba(12, 15, 19, 0.78);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48);
    backdrop-filter: blur(22px) saturate(115%);
    -webkit-backdrop-filter: blur(22px) saturate(115%);
}

.bilionx-access-panel::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    content: "";
    background: var(--portal-accent);
    box-shadow: 0 0 24px color-mix(in srgb, var(--portal-accent) 78%, transparent);
}

.bilionx-brand-lockup,
.bilionx-shell-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--bx-text) !important;
    font-family: "Manrope", sans-serif;
    font-size: 19px;
    font-weight: 700;
    text-decoration: none;
}

.bilionx-shell-brand img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.bilionx-brand-mark {
    display: block;
    width: 42px;
    height: 42px;
    overflow: hidden;
}

.bilionx-brand-mark img {
    display: block;
    width: auto;
    max-width: none;
    height: 42px;
}

.bilionx-access-copy {
    margin-top: 50px;
    padding-top: 0;
}

.bilionx-eyebrow {
    display: block;
    margin-bottom: 10px;
    color: var(--portal-accent-strong);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
}

.bilionx-access-copy h1 {
    margin: 0 0 9px;
    color: var(--bx-text);
    font-size: clamp(30px, 4vw, 40px);
    line-height: 1.05;
}

.bilionx-access-copy p {
    max-width: 280px;
    margin: 0;
    color: var(--bx-muted);
    font-size: 14px;
    line-height: 1.55;
}

.bilionx-role-switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin: 30px 0 24px;
    padding: 4px;
    border: 1px solid var(--bx-line);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.025);
}

.bilionx-role-switch a {
    padding: 10px;
    border-radius: 6px;
    color: var(--bx-muted);
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.bilionx-role-switch a.active {
    color: #fff;
    background: var(--bx-red);
    box-shadow: 0 8px 20px rgba(237, 28, 47, 0.24);
}

.bilionx-signin-form .input-holder {
    margin-bottom: 16px;
}

.bilionx-access-copy + .bilionx-signin-form {
    margin-top: 30px;
}

.bilionx-signin-form label {
    margin-bottom: 7px;
    color: #d7dce2;
    font-size: 12px;
    font-weight: 600;
}

.bilionx-signin-form .form-control {
    min-height: 48px;
    padding: 12px 14px;
    color: var(--bx-text) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 7px !important;
    background: rgba(4, 7, 10, 0.72) !important;
}

.bilionx-signin-form .form-control:focus {
    border-color: var(--portal-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-accent) 16%, transparent) !important;
}

.bilionx-signin-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 49px !important;
    margin-top: 4px;
    border-color: var(--portal-accent) !important;
    background: var(--portal-accent) !important;
}

.bilionx-signin-admin .bilionx-signin-button {
    box-shadow: 0 12px 28px rgba(25, 65, 112, .34);
}

.bilionx-form-error:empty {
    display: none !important;
}

.bilionx-access-footer {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    margin-top: auto;
    padding-top: 34px;
    color: #7f8790;
    font-size: 10px;
}

.bilionx-access-footer i {
    margin-right: 5px;
    color: var(--bx-green);
}

.bilionx-signin-caption {
    position: absolute;
    right: clamp(40px, 8vw, 130px);
    bottom: clamp(44px, 8vh, 90px);
    display: none;
    max-width: 430px;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    text-shadow: 0 4px 26px rgba(0, 0, 0, 0.8);
}

.bilionx-signin-caption span {
    color: var(--bx-red-strong);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
}

.bilionx-signin-caption strong {
    margin-top: 8px;
    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: clamp(27px, 3vw, 44px);
    line-height: 1.12;
}

/* Shared customer and admin workspace */
.bilionx-shell .sidebar {
    width: 238px;
    border-right: 1px solid var(--bx-line);
    background: rgba(8, 10, 13, 0.97) !important;
    box-shadow: 18px 0 50px rgba(0, 0, 0, 0.2);
}

.bilionx-shell .sidebar .p-2 {
    padding: 22px 18px !important;
}

.bilionx-shell .sidebar-logo {
    justify-content: flex-start;
}

.bilionx-shell .sidebar-logo > img {
    width: 124px;
}

.bilionx-shell .sidebar .nano-content > ul {
    width: 238px;
    padding: 4px 12px;
}

.bilionx-shell .sidebar .nano-content > ul li > a {
    gap: 6px;
    margin-bottom: 4px;
    padding: 12px 14px;
    border-radius: 7px;
    color: var(--bx-muted) !important;
    font-size: 13px;
    font-weight: 600;
}

.bilionx-shell .sidebar .nano-content > ul li > a:hover,
.bilionx-shell .sidebar .nano-content > ul li.active > a {
    color: #fff !important;
    background: linear-gradient(90deg, rgba(237, 28, 47, 0.28), rgba(237, 28, 47, 0.08)) !important;
    box-shadow: inset 3px 0 var(--bx-red);
}

.bilionx-shell .sidebar .bottom-nav {
    position: fixed;
    bottom: 18px;
}

.bilionx-shell .admin-body,
.bilionx-shell .customer-body {
    min-height: 100vh;
    color: var(--bx-text);
    background-color: var(--bx-bg) !important;
    background-image: linear-gradient(rgba(7, 9, 12, 0.9), rgba(7, 9, 12, 0.96)), url("/images/brand/bilionx-red-architecture-bg.png") !important;
    background-position: center top !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

.bilionx-shell .admin-top-bar,
.bilionx-shell .customer-top-bar {
    min-height: 72px;
    padding: 0 28px;
    border-bottom: 1px solid var(--bx-line) !important;
    background: rgba(8, 10, 13, 0.82) !important;
    backdrop-filter: blur(16px);
}

.bilionx-topbar-title {
    display: flex;
    flex-direction: column;
}

.bilionx-topbar-title strong {
    color: var(--bx-text);
    font-family: "Manrope", sans-serif;
    font-size: 15px;
}

.bilionx-topbar-title span,
.bilionx-topbar-meta {
    color: var(--bx-muted);
    font-size: 11px;
}

.bilionx-topbar-meta {
    display: flex;
    align-items: center;
    gap: 16px;
}

.bilionx-topbar-meta .status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--bx-green);
    box-shadow: 0 0 12px rgba(56, 214, 131, 0.6);
}

.bilionx-shell .admin-content,
.bilionx-shell .customer-content {
    width: 100%;
    max-width: 1500px;
    padding: 28px !important;
}

.bilionx-page-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.bilionx-page-heading h1 {
    margin: 0 0 5px;
    color: var(--bx-text);
    font-size: 27px;
}

.bilionx-page-heading p {
    margin: 0;
    color: var(--bx-muted);
}

.bilionx-shell .grid-holder,
.bilionx-shell .dashboard-info-holder,
.bilionx-shell .tradingview-widget-container {
    border: 1px solid var(--bx-line);
    border-radius: 10px;
    color: var(--bx-text);
    background: var(--bx-panel) !important;
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.18);
}

.bilionx-shell .grid-holder {
    padding: 20px;
}

.bilionx-shell .filters-holder {
    padding-bottom: 6px;
    border-bottom: 1px solid var(--bx-line);
}

.bilionx-shell .form-control,
.bilionx-shell .form-select {
    color: var(--bx-text) !important;
    border: 1px solid var(--bx-line) !important;
    background: rgba(4, 7, 10, 0.76) !important;
}

.bilionx-shell .button:not(.primary-button) {
    color: var(--bx-text);
    border-color: var(--bx-line);
    background: rgba(255, 255, 255, 0.04);
}

.bilionx-shell .footer {
    border-top: 1px solid var(--bx-line);
    background: rgba(8, 10, 13, 0.92) !important;
}

/* Dashboard composition */
.bilionx-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
}

.bilionx-dashboard-grid > * {
    padding: 0 !important;
}

.bilionx-dashboard-grid > :nth-child(1) { grid-column: 1 / -1; }
.bilionx-dashboard-grid > :nth-child(2) { grid-column: span 6; }
.bilionx-dashboard-grid > :nth-child(3) { grid-column: span 6; }
.bilionx-dashboard-grid > :nth-child(4) { grid-column: span 4; }
.bilionx-dashboard-grid > :nth-child(5) { grid-column: span 8; }

.bilionx-dashboard-grid .dashboard-info-holder {
    height: 100%;
    max-height: none;
    margin: 0;
    padding: 20px;
    overflow: visible;
}

.bilionx-portfolio-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.bilionx-portfolio-head h1 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 26px;
}

.bilionx-portfolio-head p {
    margin: 0;
    color: var(--bx-muted);
}

.bilionx-wallet-card {
    display: grid;
    grid-template-columns: 1.4fr repeat(3, 1fr);
    gap: 0;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid var(--bx-line);
    border-radius: 9px;
    color: var(--bx-text) !important;
    background: rgba(255, 255, 255, 0.025) !important;
}

.bilionx-wallet-card > div {
    padding: 18px 20px;
    border-right: 1px solid var(--bx-line);
}

.bilionx-wallet-card > div:last-child {
    border-right: 0;
}

.bilionx-wallet-card span {
    display: block;
    margin-bottom: 8px;
    color: var(--bx-muted);
    font-size: 11px;
}

.bilionx-wallet-card strong,
.bilionx-wallet-card h5 {
    margin: 0 !important;
    color: #fff;
    font-size: 21px;
}

.bilionx-wallet-card .profit-value {
    color: var(--bx-green);
}

.bilionx-action-button {
    min-height: 48px !important;
    margin: 0 !important;
}

.bilionx-dashboard-grid .investment-holder {
    margin-bottom: 9px;
    padding: 14px;
    border: 1px solid var(--bx-line);
    border-radius: 8px;
    color: var(--bx-text);
    background: rgba(255, 255, 255, 0.025);
}

.bilionx-dashboard-grid .investment-holder:last-child {
    margin-bottom: 0;
}

.bilionx-dashboard-grid .product-type-holder {
    color: var(--bx-muted);
}

.bilionx-dashboard-grid .active-product-type {
    color: #fff;
    border-color: var(--bx-red);
}

@media (min-width: 768px) {
    .bilionx-shell .admin-top-bar,
    .bilionx-shell .admin-content,
    .bilionx-shell .customer-body,
    .bilionx-shell .customer-top-bar {
        margin-left: 238px;
    }

    .bilionx-shell .customer-body .customer-top-bar {
        margin-left: 0;
    }
}

@media (max-width: 991.98px) {
    .bilionx-signin-caption {
        opacity: 0.45;
    }

    .bilionx-dashboard-grid > :nth-child(4),
    .bilionx-dashboard-grid > :nth-child(5) {
        grid-column: 1 / -1;
    }

    .bilionx-wallet-card {
        grid-template-columns: repeat(2, 1fr);
    }

    .bilionx-wallet-card > div:nth-child(2) {
        border-right: 0;
    }

    .bilionx-wallet-card > div:nth-child(-n + 2) {
        border-bottom: 1px solid var(--bx-line);
    }
}

@media (max-width: 767.98px) {
    .bilionx-signin {
        align-items: center;
        justify-content: center;
        padding: 14px;
        background-position: 32% center;
    }

    .bilionx-access-panel {
        min-height: min(730px, calc(100vh - 28px));
        padding: 26px 24px 22px;
        border-radius: 16px;
    }

    .bilionx-signin-caption {
        display: none;
    }

    .bilionx-access-copy {
        padding-top: 34px;
    }

    .bilionx-access-footer {
        flex-direction: column;
        gap: 5px;
    }

    .bilionx-shell .customer-nav-bar {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 20;
        min-height: 64px;
        border-bottom: 1px solid var(--bx-line);
        background: rgba(8, 10, 13, 0.96) !important;
    }

    .bilionx-shell .customer-nav-bar .navbar-collapse {
        background: rgba(8, 10, 13, 0.98);
    }

    .bilionx-shell .admin-content,
    .bilionx-shell .customer-content {
        padding: 20px 14px !important;
    }

    .bilionx-dashboard-grid {
        display: flex;
        flex-direction: column;
    }

    .bilionx-wallet-card {
        grid-template-columns: 1fr;
    }

    .bilionx-wallet-card > div {
        border-right: 0;
        border-bottom: 1px solid var(--bx-line);
    }

    .bilionx-wallet-card > div:last-child {
        border-bottom: 0;
    }

    .bilionx-page-heading,
    .bilionx-portfolio-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Horizontal sign-in experience — selected concept 1 */
.bilionx-signin {
    isolation: isolate;
    align-items: center;
    justify-content: center;
    padding: 32px;
    background-color: #07101a;
    background-image: url("/images/brand/bilionx-market-city-bg.png");
    background-position: center;
    background-size: cover;
}

.bilionx-signin::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    background: rgba(2, 8, 14, 0.34);
}

.bilionx-signin-admin::before {
    background: rgba(2, 10, 20, 0.42);
}

.bilionx-access-panel {
    display: grid;
    width: min(100%, 1040px);
    min-height: 560px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    padding: 0;
    border-color: rgba(208, 217, 229, 0.44);
    border-radius: 18px;
    background: rgba(6, 10, 15, 0.94);
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.56);
    backdrop-filter: blur(20px) saturate(112%);
    -webkit-backdrop-filter: blur(20px) saturate(112%);
}

.bilionx-access-panel::before {
    display: none;
}

.bilionx-access-brand,
.bilionx-access-form-panel {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 60px 64px 46px;
}

.bilionx-access-brand {
    position: relative;
    justify-content: space-between;
    overflow: hidden;
    border-right: 2px solid var(--portal-accent);
    background-color: rgba(11, 20, 32, 0.92);
    background-image: url("/images/brand/bilionx-market-city-bg.png");
    background-position: 18% center;
    background-size: auto 100%;
}

.bilionx-access-brand::before {
    position: absolute;
    inset: 0;
    content: "";
    background: rgba(6, 13, 22, 0.72);
}

.bilionx-access-brand > * {
    position: relative;
    z-index: 1;
}

.bilionx-access-form-panel {
    background: rgba(8, 11, 15, 0.94);
}

.bilionx-brand-lockup {
    gap: 16px;
    font-size: 25px;
}

.bilionx-brand-mark {
    width: 72px;
    height: 72px;
}

.bilionx-brand-mark img {
    height: 72px;
}

.bilionx-investment-copy h2 {
    margin: 0 0 18px;
    color: var(--bx-text);
    font-family: "Manrope", sans-serif;
    font-size: clamp(28px, 2.6vw, 38px);
    font-weight: 500;
    line-height: 1.16;
    letter-spacing: -0.035em;
}

.bilionx-investment-copy p {
    margin: 0;
    color: #9ea7b3;
    font-size: 14px;
    line-height: 1.65;
}

.bilionx-access-copy {
    margin: 14px 0 0;
    padding: 0;
}

.bilionx-access-copy h1 {
    margin-bottom: 0;
    font-size: clamp(34px, 3vw, 44px);
}

.bilionx-eyebrow {
    margin-bottom: 16px;
    font-size: 12px;
}

.bilionx-access-copy + .bilionx-signin-form {
    margin-top: 42px;
}

.bilionx-signin-form .input-holder {
    margin-bottom: 22px;
}

.bilionx-signin-form label {
    margin-bottom: 10px;
    font-size: 13px;
}

.bilionx-signin-form .form-control {
    min-height: 56px;
    padding: 15px 17px;
    border-radius: 8px !important;
    background: rgba(3, 7, 11, 0.78) !important;
}

.bilionx-signin-button {
    min-height: 56px !important;
    margin-top: 2px;
    font-size: 16px;
}

.bilionx-access-footer {
    align-items: center;
    margin-top: auto;
    padding-top: 30px;
    font-size: 11px;
}

main.bilionx-signin-admin .bilionx-access-form-panel .bilionx-signin-button {
    border-color: #315f97 !important;
    background: #315f97 !important;
    box-shadow: 0 12px 28px rgba(25, 65, 112, 0.34);
}

@media (max-width: 900px) {
    .bilionx-signin {
        padding: 22px;
    }

    .bilionx-access-brand,
    .bilionx-access-form-panel {
        padding-right: 40px;
        padding-left: 40px;
    }
}

@media (max-width: 767.98px) {
    .bilionx-signin {
        align-items: flex-start;
        min-height: 100svh;
        padding: 14px;
        overflow: auto;
        background-position: 62% center;
    }

    .bilionx-access-panel {
        min-height: 0;
        grid-template-columns: 1fr;
        border-radius: 16px;
    }

    .bilionx-access-brand {
        min-height: 205px;
        padding: 28px 26px;
        border-right: 0;
        border-bottom: 2px solid var(--portal-accent);
        background-position: center 52%;
        background-size: cover;
    }

    .bilionx-access-form-panel {
        padding: 30px 26px 24px;
    }

    .bilionx-brand-lockup {
        gap: 11px;
        font-size: 20px;
    }

    .bilionx-brand-mark {
        width: 50px;
        height: 50px;
    }

    .bilionx-brand-mark img {
        height: 50px;
    }

    .bilionx-investment-copy h2 {
        margin-bottom: 8px;
        font-size: 24px;
    }

    .bilionx-investment-copy p {
        display: none;
    }

    .bilionx-access-copy {
        margin-top: 0;
    }

    .bilionx-access-copy h1 {
        font-size: 32px;
    }

    .bilionx-eyebrow {
        margin-bottom: 10px;
    }

    .bilionx-access-copy + .bilionx-signin-form {
        margin-top: 28px;
    }

    .bilionx-signin-form .input-holder {
        margin-bottom: 16px;
    }

    .bilionx-signin-form .form-control,
    .bilionx-signin-button {
        min-height: 52px !important;
    }

    .bilionx-access-footer {
        align-items: flex-start;
        padding-top: 24px;
    }
}

/* Cascade lock: keep the selected light operations theme above legacy shared declarations. */
.bilionx-shell.bilionx-admin-workspace .admin-body {
    color: var(--admin-ink);
    background-color: #e7eaf7 !important;
    background-image:
        linear-gradient(180deg, rgba(244, 245, 255, .50) 0, rgba(235, 238, 252, .72) 600px, #e7eaf7 1040px),
        url("/images/brand/bilionx-research-atrium-dashboard.png") !important;
    background-position: center top !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}

.bilionx-shell.bilionx-admin-workspace .sidebar {
    width: 228px;
    border-right-color: rgba(255, 255, 255, .08);
    background: linear-gradient(180deg, #071d38 0%, #031329 100%) !important;
    box-shadow: 18px 0 50px rgba(12, 42, 75, .18);
}

.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul li > a {
    color: #cbd5e1 !important;
}

.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul li > a:hover,
.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul li.active > a,
.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul li.open > a {
    color: #fff !important;
    background: linear-gradient(100deg, #245f9d, #2e78be) !important;
    box-shadow: 0 12px 30px rgba(25, 69, 116, .28) !important;
}

.bilionx-shell.bilionx-admin-workspace .admin-top-bar {
    color: var(--admin-ink);
    border-bottom-color: rgba(48, 76, 110, .12) !important;
    background: rgba(244, 249, 253, .78) !important;
}

.bilionx-shell.bilionx-admin-workspace .admin-content {
    width: auto;
    max-width: none;
    padding: 34px 36px 48px !important;
    color: var(--admin-ink) !important;
    background-color: transparent !important;
    background-image: none !important;
}

.bilionx-shell.bilionx-admin-workspace .grid-holder,
.bilionx-shell.bilionx-admin-workspace .dashboard-info-holder,
.bilionx-shell.bilionx-admin-workspace .dashboard-quick-stats {
    color: var(--admin-ink) !important;
    border-color: rgba(255, 255, 255, .74) !important;
    background: var(--admin-panel) !important;
    box-shadow: 0 18px 46px rgba(29, 60, 94, .11);
}

.bilionx-shell.bilionx-admin-workspace .form-control,
.bilionx-shell.bilionx-admin-workspace .form-select,
.bilionx-shell.bilionx-admin-workspace .jsgrid-cell input,
.bilionx-shell.bilionx-admin-workspace #customersGrid .form-control {
    color: var(--admin-ink) !important;
    border-color: rgba(63, 82, 137, .18) !important;
    background: rgba(255, 255, 255, .78) !important;
}

.bilionx-shell.bilionx-admin-workspace .button.primary-button {
    color: #fff !important;
    border-color: var(--admin-blue) !important;
    background: var(--admin-blue) !important;
}

/* Keep action loading states inside the same light visual system. */
#page-body:has(.bilionx-admin-workspace) .loader-holder::before {
    background: rgba(225, 230, 247, .58);
    backdrop-filter: blur(3px);
}

#page-body:has(.bilionx-admin-workspace) .loader {
    border-color: rgba(20, 93, 204, .18);
    border-bottom-color: var(--admin-blue);
}

@media (min-width: 768px) {
    .bilionx-shell.bilionx-admin-workspace .admin-body {
        width: calc(100% - 228px);
        margin-left: 228px;
    }

    .bilionx-shell.bilionx-admin-workspace .admin-top-bar,
    .bilionx-shell.bilionx-admin-workspace .admin-content {
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .bilionx-shell.bilionx-admin-workspace .admin-body {
        width: 100%;
        margin-left: 0;
        padding-top: 64px;
        background-position: 56% 64px !important;
        background-size: auto 390px !important;
    }

    .bilionx-shell.bilionx-admin-workspace .admin-content {
        padding: 24px 14px 36px !important;
    }
}

/* Pixel-aligned admin workspace — selected preview 22 August 2026. */
.bilionx-shell.bilionx-admin-workspace .sidebar {
    width: 184px;
    background: linear-gradient(180deg, #061a37 0%, #082348 100%) !important;
    box-shadow: 16px 0 42px rgba(25, 43, 82, .12);
}

.bilionx-shell.bilionx-admin-workspace .sidebar .p-2 {
    padding: 22px 18px 16px !important;
}

.bilionx-shell.bilionx-admin-workspace .sidebar-logo {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 0 !important;
    text-decoration: none;
}

.bilionx-shell.bilionx-admin-workspace .sidebar-logo > img {
    display: block;
    width: 146px;
    max-width: 100%;
    height: auto;
}

.bilionx-admin-wordmark {
    color: #f8fbff;
    font-size: 29px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: .12em;
}

.bilionx-admin-wordmark > span {
    color: #6ca1ff;
}

.bilionx-shell.bilionx-admin-workspace .sidebar-logo > small {
    margin-top: 8px;
    color: #e7edfa;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul {
    width: 184px;
    padding: 0 7px 4px;
}

.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul li > a {
    min-height: 46px;
    margin: 0 0 2px;
    padding: 10px 17px;
    border-radius: 0 8px 8px 0;
    color: #dbe4f3 !important;
    font-size: 12px;
}

.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul li > a:hover,
.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul li.active > a,
.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul li.open > a {
    color: #fff !important;
    background: linear-gradient(90deg, #244c83, #2b568d) !important;
    box-shadow: inset 4px 0 #1769e6 !important;
}

.bilionx-shell.bilionx-admin-workspace .admin-body {
    min-height: 100vh;
    background-color: #e8eaf7 !important;
    background-image:
        linear-gradient(180deg, rgba(245, 246, 255, .42) 0, rgba(235, 238, 252, .68) 58%, rgba(232, 234, 247, .9) 100%),
        url("/images/brand/bilionx-research-atrium-dashboard.png") !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.bilionx-shell.bilionx-admin-workspace .admin-top-bar {
    display: none !important;
}

.bilionx-shell.bilionx-admin-workspace .admin-content {
    min-height: 100vh;
    padding: 36px 28px 42px 42px !important;
}

.bilionx-shell.bilionx-admin-workspace .bilionx-page-heading {
    align-items: flex-end;
    margin-bottom: 20px;
}

.bilionx-shell.bilionx-admin-workspace .bilionx-page-heading h1 {
    font-size: clamp(1.72rem, 2.25vw, 2rem);
    line-height: 1;
}

.bilionx-shell.bilionx-admin-workspace .bilionx-page-heading p {
    margin-top: 6px;
    font-size: 12px;
}

.bilionx-shell.bilionx-admin-workspace .bilionx-admin-eyebrow {
    margin-bottom: 6px;
    font-size: .64rem;
}

.bilionx-shell.bilionx-admin-workspace .bilionx-page-heading .large-button {
    min-width: 156px;
    height: 44px;
    padding: 0 18px;
    border-radius: 9px;
    font-size: 13px;
}

.bilionx-shell.bilionx-admin-workspace .grid-holder {
    padding: 0;
    overflow: visible;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    backdrop-filter: none;
}

.bilionx-shell.bilionx-admin-workspace .filters-holder {
    margin: 0 0 18px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .86);
    border-radius: 12px;
    background: rgba(243, 245, 255, .72);
    box-shadow: 0 18px 46px rgba(51, 66, 116, .1);
    backdrop-filter: blur(22px) saturate(112%);
}

.bilionx-shell.bilionx-admin-workspace .filters-holder > .d-flex {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px;
    align-items: end !important;
}

.bilionx-shell.bilionx-admin-workspace .filters-holder .input-holder {
    width: auto;
    min-width: 140px;
    flex: 1 1 160px;
    max-width: none;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

.bilionx-shell.bilionx-admin-workspace .input-holder label {
    margin-bottom: 7px;
    color: #3e5888;
    font-size: 11px;
}

.bilionx-shell.bilionx-admin-workspace .filters-holder .form-control,
.bilionx-shell.bilionx-admin-workspace .filters-holder .form-select {
    min-height: 44px;
    height: 44px;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .76) !important;
}

.bilionx-shell.bilionx-admin-workspace .filters-holder .button {
    height: 44px;
    min-width: 72px;
    margin-bottom: 0 !important;
    border-radius: 8px;
    font-size: 12px;
}

.bilionx-shell.bilionx-admin-workspace .grid-holder > .grid,
.bilionx-shell.bilionx-admin-workspace .jsgrid {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .88);
    border-radius: 12px;
    background: rgba(247, 248, 255, .84);
    box-shadow: 0 16px 34px rgba(51, 66, 116, .13);
}

.bilionx-shell.bilionx-admin-workspace .jsgrid-grid-header {
    border: 0 !important;
}

.bilionx-shell.bilionx-admin-workspace .jsgrid-header-row > .jsgrid-header-cell {
    height: 44px;
    padding: 10px;
    vertical-align: middle;
    color: #254f8c !important;
    background: rgba(236, 239, 251, .84) !important;
}

.bilionx-shell.bilionx-admin-workspace .jsgrid-row > .jsgrid-cell,
.bilionx-shell.bilionx-admin-workspace .jsgrid-alt-row > .jsgrid-cell {
    height: 48px;
    padding: 10px;
    vertical-align: middle;
    background: rgba(251, 251, 255, .84) !important;
}

@media (min-width: 768px) {
    .bilionx-shell.bilionx-admin-workspace .admin-body {
        width: calc(100% - 184px);
        margin-left: 184px;
    }
}

@media (max-width: 1100px) and (min-width: 768px) {
    .bilionx-shell.bilionx-admin-workspace .admin-content {
        padding: 32px 20px 38px !important;
    }

    .bilionx-shell.bilionx-admin-workspace .bilionx-page-heading {
        margin-bottom: 24px;
    }
}

@media (max-width: 767.98px) {
    .bilionx-shell.bilionx-admin-workspace .admin-body {
        padding-top: 64px;
        background-position: 58% center !important;
        background-size: auto 100% !important;
    }

    .bilionx-shell.bilionx-admin-workspace .admin-content {
        min-height: calc(100vh - 64px);
        padding: 28px 14px 42px !important;
    }

    .bilionx-shell.bilionx-admin-workspace .bilionx-page-heading {
        margin-bottom: 24px;
    }

    .bilionx-shell.bilionx-admin-workspace .bilionx-page-heading h1 {
        font-size: 2rem;
    }

    .bilionx-shell.bilionx-admin-workspace .bilionx-page-heading .large-button {
        width: 100%;
        min-width: 0;
        height: 54px;
        margin-top: 20px;
    }

    .bilionx-shell.bilionx-admin-workspace .filters-holder {
        padding: 24px 18px;
    }

    .bilionx-shell.bilionx-admin-workspace .filters-holder > .d-flex {
        display: flex !important;
        gap: 0;
    }

    .bilionx-shell.bilionx-admin-workspace .filters-holder .input-holder {
        max-width: none;
    }

    .bilionx-shell.bilionx-admin-workspace .filters-holder .form-control,
    .bilionx-shell.bilionx-admin-workspace .filters-holder .form-select,
    .bilionx-shell.bilionx-admin-workspace .filters-holder .button {
        min-height: 54px;
        height: 54px;
    }
}

/* Final sidebar alignment lock. */
.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content {
    padding-bottom: 138px;
}

.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul {
    width: 184px;
    padding-right: 10px;
    padding-left: 10px;
}

.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul li > a {
    display: grid !important;
    min-height: 52px;
    grid-template-columns: 26px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    margin-bottom: 5px;
    padding: 11px 13px;
    border-radius: 11px;
    line-height: 1.28;
}

.bilionx-shell.bilionx-admin-workspace .sidebar .nano-content > ul li > a > i {
    width: 26px;
    margin: 0 !important;
    font-size: 17px;
    text-align: center;
}

.bilionx-shell.bilionx-admin-workspace .sidebar .bottom-nav {
    right: auto;
    bottom: 12px;
    left: 0;
    width: 184px;
    padding: 10px 10px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    background: linear-gradient(180deg, rgba(8, 35, 72, 0), #082348 18%);
}