:root{
    --tenant-ui-bg:#eff3f8;
    --tenant-ui-surface:#ffffff;
    --tenant-ui-surface-alt:#f7f9fc;
    --tenant-ui-border:rgba(33,43,66,.08);
    --tenant-ui-text:#1d2740;
    --tenant-ui-muted:#69768c;
    --tenant-ui-primary:#1f77d2;
    --tenant-ui-primary-rgb:31,119,210;
    --tenant-ui-accent:#6c4df6;
    --tenant-ui-accent-rgb:108,77,246;
    --tenant-ui-shadow:0 18px 45px rgba(28,39,64,.08);
    --tenant-ui-shadow-lg:0 28px 60px rgba(28,39,64,.12);
    --tenant-ui-radius:28px;
}

body.customizer-modal.ui-admin-shell{
    background:
        radial-gradient(circle at top left, rgba(var(--tenant-ui-primary-rgb),.10), transparent 28%),
        radial-gradient(circle at top right, rgba(var(--tenant-ui-accent-rgb),.08), transparent 24%),
        linear-gradient(180deg, #f7faff 0%, var(--tenant-ui-bg) 48%, #eef2f7 100%);
}

.ui-admin-shell .themebody-wrap{
    padding-bottom:20px;
}

.ui-admin-shell .theme-body{
    padding-inline:16px;
}

.ui-page-header{
    margin:0 12px 18px;
    border:1px solid var(--tenant-ui-border);
    border-radius:32px;
    background:rgba(255,255,255,.78);
    backdrop-filter:blur(18px);
    box-shadow:var(--tenant-ui-shadow);
}

.ui-page-header .breadcrumb-contain{
    padding:26px 30px;
    align-items:flex-end;
    gap:22px;
}

.ui-page-header .left-breadcrumb{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.ui-page-kicker{
    display:inline-flex;
    width:max-content;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(var(--tenant-ui-primary-rgb),.10);
    color:var(--tenant-ui-primary);
    font-size:12px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.ui-page-title{
    margin:0;
    color:var(--tenant-ui-text);
    font-size:34px;
    line-height:1.08;
    font-weight:900;
}

.ui-page-header .left-breadcrumb .breadcrumb{
    gap:8px;
    flex-wrap:wrap;
}

.ui-page-header .left-breadcrumb .breadcrumb li a{
    color:var(--tenant-ui-muted);
    font-weight:700;
}

.ui-page-header .left-breadcrumb .breadcrumb li a h1{
    display:none;
}

.ui-page-header .left-breadcrumb .breadcrumb li.active a,
.ui-page-header .left-breadcrumb .breadcrumb li.active,
.ui-page-header .left-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
    color:#98a3b6;
}

.ui-page-header .right-breadcrumb ul{
    gap:10px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.ui-page-header .right-breadcrumb ul li{
    min-height:44px;
    padding:0 16px;
    border:1px solid var(--tenant-ui-border);
    border-radius:999px;
    background:#fff;
    box-shadow:none;
}

.ui-page-header .right-breadcrumb ul li .bread-wrap{
    width:28px;
    min-width:28px;
    height:28px;
    color:var(--tenant-ui-primary);
    background:rgba(var(--tenant-ui-primary-rgb),.10);
    border-radius:50%;
}

.ui-admin-content .card,
.ui-admin-shell .modal-content{
    border:1px solid var(--tenant-ui-border);
    border-radius:var(--tenant-ui-radius);
    box-shadow:var(--tenant-ui-shadow);
    overflow:hidden;
    background:var(--tenant-ui-surface);
}

.ui-admin-content .card .card-header,
.ui-admin-shell .modal-header{
    border-bottom:1px solid rgba(33,43,66,.06);
    background:linear-gradient(180deg, rgba(247,249,252,.95), rgba(255,255,255,.95));
}

.ui-admin-content .card .card-header{
    padding:20px 24px 14px;
}

.ui-admin-content .card .card-body{
    padding:24px;
}

.ui-admin-content .table thead th{
    color:var(--tenant-ui-muted);
    font-size:12px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.ui-admin-content .table tbody td{
    color:#33415c;
    vertical-align:middle;
}

body.ui-premium-shell.customizer-modal.ui-admin-shell{
    background:
        radial-gradient(circle at top left, rgba(var(--tenant-ui-primary-rgb),.14), transparent 28%),
        radial-gradient(circle at top right, rgba(var(--tenant-ui-accent-rgb),.10), transparent 24%),
        linear-gradient(180deg, #f7faff 0%, var(--tenant-ui-bg) 48%, #eef2f7 100%);
}

body.ui-premium-shell .themebody-wrap,
body.ui-premium-shell .theme-body,
body.ui-premium-shell .custom-container.common-dash,
body.ui-premium-shell .ui-admin-content{
    background:transparent;
}

body.ui-premium-shell .ui-page-header{
    margin:0 12px 18px;
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.12);
    border-radius:32px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,255,255,.66)),
        radial-gradient(circle at top left, rgba(var(--tenant-ui-primary-rgb),.10), transparent 36%),
        radial-gradient(circle at top right, rgba(var(--tenant-ui-accent-rgb),.08), transparent 34%);
    backdrop-filter:blur(18px);
    box-shadow:var(--tenant-ui-shadow);
}

body.ui-premium-shell .ui-page-header .breadcrumb-contain{
    padding:26px 30px;
}

body.ui-premium-shell .ui-page-kicker,
body.ui-premium-shell .ui-shell-chip{
    display:inline-flex;
    align-items:center;
    width:max-content;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(var(--tenant-ui-primary-rgb),.10);
    color:var(--tenant-ui-primary);
    font-size:12px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

body.ui-premium-shell .ui-page-title{
    margin:0;
    color:var(--tenant-ui-text);
    font-size:clamp(30px, 3vw, 36px);
    line-height:1.08;
    font-weight:900;
}

body.ui-premium-shell .ui-admin-content .card,
body.ui-premium-shell .ui-admin-shell .modal-content,
body.ui-premium-shell .ui-shell-card{
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.10);
    border-radius:var(--tenant-ui-radius);
    box-shadow:var(--tenant-ui-shadow);
    overflow:hidden;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,252,255,.92));
}

body.ui-premium-shell .ui-admin-content .card .card-header,
body.ui-premium-shell .ui-admin-shell .modal-header{
    border-bottom:1px solid rgba(var(--tenant-ui-primary-rgb),.06);
    background:linear-gradient(180deg, rgba(247,249,252,.96), rgba(255,255,255,.96));
}

.ui-premium-confirm-modal .modal-content,
.ui-premium-feedback-modal .modal-content{
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.10);
    border-radius:24px;
    overflow:hidden;
    box-shadow:var(--tenant-ui-shadow-lg);
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,252,255,.92));
}

.ui-premium-confirm-modal .modal-header,
.ui-premium-feedback-modal .modal-header{
    border-bottom:1px solid rgba(var(--tenant-ui-primary-rgb),.06);
    background:linear-gradient(180deg, rgba(247,249,252,.96), rgba(255,255,255,.96));
}

.ui-premium-confirm-modal .modal-body,
.ui-premium-feedback-modal .modal-body{
    padding:24px;
    color:var(--tenant-ui-text);
}

.ui-premium-confirm-modal .modal-footer,
.ui-premium-feedback-modal .modal-footer{
    padding:18px 24px 24px;
    border-top:1px solid rgba(var(--tenant-ui-primary-rgb),.06);
    background:rgba(var(--tenant-ui-primary-rgb),.03);
}

.ui-premium-modal-shell{
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.10);
    border-radius:24px;
    overflow:hidden;
    box-shadow:var(--tenant-ui-shadow-lg);
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,252,255,.92));
}

.ui-premium-modal-shell .modal-header{
    border-bottom:1px solid rgba(var(--tenant-ui-primary-rgb),.06);
    background:linear-gradient(180deg, rgba(247,249,252,.96), rgba(255,255,255,.96));
}

.ui-premium-modal-shell .modal-body{
    padding:24px;
    color:var(--tenant-ui-text);
}

.ui-premium-modal-shell .modal-footer{
    padding:18px 24px 24px;
    border-top:1px solid rgba(var(--tenant-ui-primary-rgb),.06);
    background:rgba(var(--tenant-ui-primary-rgb),.03);
}

.ui-premium-modal-panel{
    padding:16px 18px;
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.10);
    border-radius:18px;
    background:rgba(var(--tenant-ui-primary-rgb),.03);
    color:var(--tenant-ui-text);
}

.ui-premium-modal-panel--soft{
    background:linear-gradient(135deg, rgba(var(--tenant-ui-primary-rgb),.04), rgba(var(--tenant-ui-accent-rgb),.04));
}

.ui-premium-modal-body{
    padding:24px;
}

.ui-premium-qr-surface{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.10);
    background:rgba(255,255,255,.96);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}

.ui-premium-confirm-modal .modal-title,
.ui-premium-feedback-modal .modal-title{
    color:var(--tenant-ui-text);
    font-weight:800;
}

.ui-premium-confirm-modal .modal-body p,
.ui-premium-feedback-modal .modal-body p{
    color:var(--tenant-ui-muted);
}

body.darkmode .ui-premium-confirm-modal .modal-content,
body.darkmode .ui-premium-feedback-modal .modal-content{
    background:#1f2637;
    border-color:rgba(var(--tenant-ui-primary-rgb),.08);
    box-shadow:0 18px 40px rgba(5,10,20,.18);
}

body.darkmode .ui-premium-confirm-modal .modal-header,
body.darkmode .ui-premium-feedback-modal .modal-header,
body.darkmode .ui-premium-confirm-modal .modal-footer,
body.darkmode .ui-premium-feedback-modal .modal-footer{
    background:#1f2637;
    border-color:rgba(var(--tenant-ui-primary-rgb),.08);
}

body.darkmode .ui-premium-modal-shell{
    background:#1f2637;
    border-color:rgba(var(--tenant-ui-primary-rgb),.08);
    box-shadow:0 18px 40px rgba(5,10,20,.18);
}

body.darkmode .ui-premium-modal-shell .modal-header,
body.darkmode .ui-premium-modal-shell .modal-footer{
    background:#1f2637;
    border-color:rgba(var(--tenant-ui-primary-rgb),.08);
}

body.darkmode .ui-premium-modal-shell .modal-body,
body.darkmode .ui-premium-modal-panel{
    color:#e5ebf4;
}

body.darkmode .ui-premium-modal-panel{
    border-color:rgba(var(--tenant-ui-primary-rgb),.08);
    background:#252f44;
}

body.darkmode .ui-premium-modal-panel--soft{
    background:linear-gradient(135deg, rgba(var(--tenant-ui-primary-rgb),.10), rgba(var(--tenant-ui-accent-rgb),.08));
}

body.darkmode .ui-premium-modal-body{
    color:#e5ebf4;
}

body.darkmode .ui-premium-qr-surface{
    border-color:rgba(var(--tenant-ui-primary-rgb),.08);
    background:rgba(255,255,255,.96);
}

body.darkmode .ui-premium-confirm-modal .modal-title,
body.darkmode .ui-premium-feedback-modal .modal-title,
body.darkmode .ui-premium-confirm-modal .modal-body,
body.darkmode .ui-premium-feedback-modal .modal-body{
    color:#e5ebf4;
}

body.darkmode .ui-premium-confirm-modal .modal-body p,
body.darkmode .ui-premium-feedback-modal .modal-body p{
    color:#aebed4;
}

body.darkmode .subscription-premium-shell .subscription-summary-hero,
body.darkmode .subscription-premium-shell .subscription-checkout-card,
body.darkmode .subscription-premium-shell .subscription-payment-card,
body.darkmode .subscription-premium-shell .subscription-pricing-card{
    background:#1f2637;
    border-color:rgba(var(--tenant-ui-primary-rgb),.10);
    box-shadow:0 18px 40px rgba(5,10,20,.20);
}

body.darkmode .subscription-premium-shell .subscription-pricing-card .price-header,
body.darkmode .subscription-premium-shell .subscription-payment-card .card-header{
    background:linear-gradient(180deg, rgba(31,38,55,.98), rgba(31,38,55,.92));
}

body.darkmode .subscription-premium-shell .subscription-pricing-card .price-header h2,
body.darkmode .subscription-premium-shell .subscription-pricing-card .price-value,
body.darkmode .subscription-premium-shell .subscription-pricing-card .price-value span{
    color:#edf2ff;
}

body.darkmode .subscription-premium-shell .subscription-pricing-card .cdxprice-list li{
    background:rgba(var(--tenant-ui-primary-rgb),.08);
    border-color:rgba(var(--tenant-ui-primary-rgb),.10);
    color:#aebed4;
}

body.darkmode .subscription-premium-shell .subscription-pricing-card .cdxprice-list li span{
    color:#edf2ff;
}

body.ui-premium-shell .ui-admin-content .card .card-body,
body.ui-premium-shell .ui-shell-card__body{
    padding:24px;
}

body.ui-premium-shell .ui-shell-card--compact .ui-shell-card__body{
    padding:20px;
}

body.ui-premium-shell .ui-shell-hero{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.12);
    background:
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(250,253,255,.82)),
        radial-gradient(circle at top left, rgba(var(--tenant-ui-primary-rgb),.08), transparent 36%),
        radial-gradient(circle at top right, rgba(var(--tenant-ui-accent-rgb),.06), transparent 34%);
    box-shadow:var(--tenant-ui-shadow-lg);
}

body.ui-premium-shell .ui-shell-hero::before{
    content:"";
    position:absolute;
    inset:auto -48px -64px auto;
    width:180px;
    height:180px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(var(--tenant-ui-primary-rgb),.12) 0%, rgba(var(--tenant-ui-primary-rgb),0) 70%);
    pointer-events:none;
}

body.ui-premium-shell .ui-shell-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:.48rem .8rem;
    border-radius:999px;
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.10);
    background:rgba(255,255,255,.78);
    color:var(--tenant-ui-text);
    font-size:12px;
    font-weight:600;
}

body.ui-premium-shell .ui-shell-stat{
    position:relative;
    overflow:hidden;
    min-height:100%;
}

body.ui-premium-shell .ui-shell-stat:before{
    content:"";
    position:absolute;
    inset:auto -36px -54px auto;
    width:130px;
    height:130px;
    border-radius:50%;
    background:rgba(var(--tenant-ui-primary-rgb),.08);
}

body.ui-premium-shell .subscription-premium-shell .subscription-summary-hero{
    border-radius:32px;
}

body.ui-premium-shell .subscription-premium-shell .subscription-pricing-card{
    padding:0;
    text-align:center;
    overflow:hidden;
}

body.ui-premium-shell .subscription-premium-shell .subscription-pricing-card .price-header{
    margin:0 0 20px;
    padding:24px 24px 26px;
    color:#fff;
    background:
        linear-gradient(135deg, rgba(var(--tenant-ui-primary-rgb),.96), rgba(var(--tenant-ui-accent-rgb),.90)),
        radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 42%);
    border-radius:0 0 42px 42px / 0 0 72px 72px;
    box-shadow:0 14px 30px rgba(15,23,42,.14);
}

body.ui-premium-shell .subscription-premium-shell .subscription-pricing-card .price-header h2,
body.ui-premium-shell .subscription-premium-shell .subscription-pricing-card .price-value,
body.ui-premium-shell .subscription-premium-shell .subscription-pricing-card .price-value span{
    color:#fff;
}

body.ui-premium-shell .subscription-premium-shell .subscription-pricing-card .cdxprice-list{
    padding-inline:20px;
    margin-block-end:20px;
}

body.ui-premium-shell .subscription-premium-shell .subscription-pricing-card .cdxprice-list li{
    margin:0 20px 10px;
    padding:12px 14px;
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.08);
    border-radius:16px;
    background:rgba(var(--tenant-ui-primary-rgb),.03);
    color:var(--tenant-ui-muted);
    font-size:15px;
    line-height:1.5;
}

body.ui-premium-shell .subscription-premium-shell .subscription-pricing-card .cdxprice-list li span{
    color:var(--tenant-ui-text);
    font-weight:800;
}

body.ui-premium-shell .subscription-premium-shell .subscription-checkout-card,
body.ui-premium-shell .subscription-premium-shell .subscription-payment-card{
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.10);
    border-radius:28px;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,252,255,.92));
    box-shadow:var(--tenant-ui-shadow);
    overflow:hidden;
}

body.ui-premium-shell .subscription-premium-shell .subscription-checkout-card .card-body,
body.ui-premium-shell .subscription-premium-shell .subscription-payment-card .card-body{
    padding:24px;
}

body.ui-premium-shell .subscription-premium-shell .subscription-payment-card .card-header{
    padding:18px 24px 14px;
    background:linear-gradient(180deg, rgba(247,249,252,.96), rgba(255,255,255,.96));
}

body.ui-premium-shell .subscription-premium-shell .subscription-payment-card .btn{
    min-width:180px;
    min-height:48px;
    border-radius:14px;
    font-weight:800;
}

body.ui-premium-shell .subscription-premium-shell .subscription-checkout-card .form-control,
body.ui-premium-shell .subscription-premium-shell .subscription-payment-card .form-control{
    border-radius:14px;
}

body.ui-premium-shell .dashboard-stat__icon{
    background:linear-gradient(135deg, rgba(var(--tenant-ui-primary-rgb),.12), rgba(var(--tenant-ui-accent-rgb),.14));
    color:var(--tenant-ui-primary);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}

body.ui-premium-shell .ui-admin-content .table-responsive,
body.ui-premium-shell .dataTables_wrapper{
    border-radius:20px;
    overflow:hidden;
}

body.ui-premium-shell .ui-admin-content .table{
    margin-bottom:0;
    background:transparent;
}

body.ui-premium-shell .ui-admin-content .table thead th{
    background:rgba(var(--tenant-ui-primary-rgb),.04);
}

body.ui-premium-shell .dropdown-menu{
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.10);
    box-shadow:0 18px 40px rgba(28,39,64,.12);
}

body.ui-premium-shell .alert{
    border-radius:18px;
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.10);
    box-shadow:none;
}

body.ui-premium-shell .form-control,
body.ui-premium-shell .input-group-text,
body.ui-premium-shell .select2-container--default .select2-selection--single,
body.ui-premium-shell .select2-container--default .select2-selection--multiple{
    border-color:rgba(var(--tenant-ui-primary-rgb),.12);
}

.dashboard-grid{
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
    margin-bottom:0;
}

.dashboard-grid > [class*="col-"]{
    display:flex;
}

.dashboard-grid > [class*="col-"] > .card{
    width:100%;
}

.affiliate-cta-btn{
    min-width:180px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    padding:.72rem 1rem;
    border-radius:12px;
    font-weight:600;
}

.affiliate-cta-btn.btn-primary{
    background:var(--tenant-ui-primary);
    border-color:var(--tenant-ui-primary);
    color:#fff !important;
    box-shadow:0 10px 18px rgba(var(--tenant-ui-primary-rgb),.18);
}

.affiliate-cta-btn.btn-primary:hover,
.affiliate-cta-btn.btn-primary:focus{
    background:#2a86df;
    border-color:#2a86df;
    color:#fff !important;
}

.dashboard-stat{
    position:relative;
    overflow:hidden;
    min-height:100%;
}

.dashboard-stat:before{
    content:"";
    position:absolute;
    inset:auto -36px -54px auto;
    width:130px;
    height:130px;
    border-radius:50%;
    background:rgba(var(--tenant-ui-primary-rgb),.08);
}

.dashboard-stat .card-body{
    position:relative;
    z-index:1;
}

.dashboard-stat__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
}

.dashboard-stat__label{
    display:block;
    margin-bottom:10px;
    color:var(--tenant-ui-muted);
    font-size:12px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.dashboard-stat__value{
    margin:0;
    color:var(--tenant-ui-text);
    font-size:34px;
    line-height:1.05;
    font-weight:900;
}

.dashboard-stat__value h2,
.dashboard-stat__value h3{
    margin:0;
    color:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
}

.dashboard-stat__meta{
    margin-top:12px;
    color:var(--tenant-ui-muted);
    font-size:14px;
    line-height:1.7;
}

.dashboard-stat__icon{
    width:54px;
    min-width:54px;
    height:54px;
    border-radius:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg, rgba(var(--tenant-ui-primary-rgb),.12), rgba(var(--tenant-ui-accent-rgb),.14));
    color:var(--tenant-ui-primary);
    font-size:20px;
    box-shadow:inset 0 0 0 1px rgba(var(--tenant-ui-primary-rgb),.08);
}

.dashboard-chart-card .card-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.dashboard-chart-card__eyebrow{
    display:block;
    margin-bottom:8px;
    color:var(--tenant-ui-primary);
    font-size:12px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.dashboard-chart-card h4{
    color:var(--tenant-ui-text);
    font-weight:800;
}

.activity-board{
    display:grid;
    gap:18px;
}

.activity-board__intro{
    padding:24px 26px;
    border:1px solid var(--tenant-ui-border);
    border-radius:24px;
    background:linear-gradient(135deg, rgba(var(--tenant-ui-primary-rgb),.08), rgba(var(--tenant-ui-accent-rgb),.08));
}

.activity-board__intro h3{
    margin:0 0 8px;
    color:var(--tenant-ui-text);
    font-size:24px;
    font-weight:900;
}

.activity-board__intro p{
    margin:0;
    color:var(--tenant-ui-muted);
    line-height:1.8;
}

.activity-list{
    position:relative;
    display:grid;
    gap:16px;
}

.activity-card{
    position:relative;
    display:grid;
    grid-template-columns:112px 1fr;
    gap:18px;
    padding:22px 24px;
    border:1px solid var(--tenant-ui-border);
    border-radius:24px;
    background:#fff;
}

.activity-card__time{
    color:var(--tenant-ui-muted);
    font-size:13px;
    font-weight:700;
}

.activity-card__body{
    min-width:0;
}

.activity-card__top{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 12px;
    margin-bottom:10px;
}

.activity-card__action{
    display:inline-flex;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(var(--tenant-ui-primary-rgb),.10);
    color:var(--tenant-ui-primary);
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.activity-card__subject{
    color:var(--tenant-ui-text);
    font-weight:800;
}

.activity-card__meta{
    margin-bottom:12px;
    color:var(--tenant-ui-muted);
    font-size:14px;
}

.activity-card__details{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.activity-chip{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 12px;
    border-radius:999px;
    background:var(--tenant-ui-surface-alt);
    color:#3e4d68;
    font-size:13px;
    line-height:1.4;
}

.activity-chip strong{
    color:var(--tenant-ui-text);
}

.auth-main.auth-refresh{
    min-height:100vh;
    height:auto;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:24px;
    overflow-y:auto;
    background:
        radial-gradient(circle at top left, rgba(var(--tenant-ui-primary-rgb),.10), transparent 28%),
        linear-gradient(180deg, #f3f7fc 0%, #e8eef6 100%);
}

.auth-main.auth-main--bare{
    padding:0;
    background:#eef2f7;
}

.auth-shell{
    min-height:calc(100vh - 56px);
    display:grid;
    grid-template-columns:minmax(280px, 1fr) minmax(420px, 620px);
    border-radius:36px;
    overflow:hidden;
    box-shadow:var(--tenant-ui-shadow-lg);
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(16px);
}

.auth-shell.auth-shell--plain{
    min-height:auto;
    width:100%;
    grid-template-columns:minmax(0, 1fr);
    max-width:1040px;
    margin:0 auto;
    border-radius:0;
    overflow:visible;
    box-shadow:none;
    background:transparent;
    backdrop-filter:none;
}

.auth-shell.auth-shell--bare{
    min-height:100vh;
    max-width:none;
    width:100%;
    margin:0;
}

.auth-shell.auth-shell--register{
    grid-template-columns:minmax(320px, .92fr) minmax(620px, 1.08fr);
}

.auth-showcase{
    padding:56px;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
        radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 30%);
}

.auth-showcase__brand{
    display:inline-flex;
    align-items:center;
    gap:16px;
    color:#fff;
}

.auth-showcase__brand img{
    max-height:58px;
    width:auto;
}

.auth-showcase__badge{
    display:inline-flex;
    width:max-content;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#dbe7ff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.auth-showcase__content h1{
    margin:20px 0 16px;
    color:#fff;
    font-size:44px;
    line-height:1.08;
    font-weight:900;
}

.auth-showcase__content p{
    max-width:520px;
    color:rgba(255,255,255,.82);
    font-size:17px;
    line-height:1.8;
}

.auth-showcase__list{
    margin:28px 0 0;
    padding:0;
    list-style:none;
    display:grid;
    gap:14px;
}

.auth-showcase__list li{
    position:relative;
    padding-left:28px;
    color:#eef4ff;
    font-weight:600;
}

.auth-showcase__list li:before{
    content:"\f058";
    font-family:FontAwesome;
    position:absolute;
    left:0;
    top:1px;
    color:#8fd2ff;
}

.auth-panel{
    padding:40px 34px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    background:#f7f9fc;
    overflow-y:auto;
}

.auth-shell--plain .auth-panel{
    min-height:auto;
    padding:18px 10px 28px;
    background:transparent;
    overflow:visible;
    align-items:flex-start;
}

.auth-panel.auth-panel--bare{
    min-height:100vh;
    padding:24px;
    background:transparent;
    overflow:visible;
    align-items:center;
}

.auth-panel.auth-panel--register{
    padding:12px;
}

.auth-refresh .codex-authbox{
    min-width:0;
    width:min(100%, 520px);
    max-width:520px;
    margin:0;
    padding:30px 30px 26px;
    border:1px solid rgba(33,43,66,.10);
    border-radius:32px;
    box-shadow:0 24px 48px rgba(23,35,58,.08);
    background:rgba(255,255,255,.98);
}

.auth-refresh .codex-authbox.authbox--bare{
    width:min(100%, 460px);
    max-width:460px;
    padding:32px 30px 28px;
    border:1px solid rgba(33,43,66,.08);
    border-radius:24px;
    box-shadow:0 18px 36px rgba(23,35,58,.06);
    background:#ffffff;
}

.auth-refresh .codex-authbox .auth-header{
    text-align:left;
    margin-bottom:20px;
}

.auth-refresh .codex-authbox .auth-header h3{
    font-size:28px;
    line-height:1.15;
    color:var(--tenant-ui-text);
}

.auth-refresh .codex-authbox .auth-header p{
    margin-top:10px;
    color:var(--tenant-ui-muted);
    line-height:1.8;
}

.auth-refresh .codex-authbox .codex-brand{
    margin-bottom:20px;
}

.auth-refresh .codex-authbox .form-label{
    color:#4b5870;
    font-weight:800;
    letter-spacing:.02em;
}

.auth-refresh .codex-authbox .form-control,
.auth-refresh .codex-authbox .input-group-text,
.auth-refresh .codex-authbox select{
    width:100%;
    min-height:54px;
    border-color:rgba(33,43,66,.14);
    border-radius:16px;
    background:#f6f9fc;
}

.auth-refresh .codex-authbox .group-input .input-group-text.toggle-show{
    width:auto;
    min-width:54px;
    flex:0 0 54px;
    padding:0 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:16px;
    border-bottom-right-radius:16px;
}

.auth-refresh .codex-authbox .group-input .input-group-text.toggle-show i{
    pointer-events:none;
    font-size:18px;
    line-height:1;
}

.auth-refresh .codex-authbox .group-input .showhide-password{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}

.auth-refresh .codex-authbox .form-control::placeholder{
    color:#7e8da6;
}

.auth-refresh .codex-authbox .form-control:focus,
.auth-refresh .codex-authbox select:focus{
    background:#fff;
    border-color:rgba(var(--tenant-ui-primary-rgb),.35);
    box-shadow:0 0 0 4px rgba(var(--tenant-ui-primary-rgb),.08);
}

.auth-refresh .codex-authbox .btn{
    margin-block-start:24px;
    min-height:54px;
    border-radius:16px;
    font-weight:800;
}

.auth-refresh .codex-authbox .btn-outline-secondary{
    border-color:rgba(33,43,66,.12);
}

.auth-refresh .codex-authbox .affiliate-apply-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:54px;
    margin-block-start:24px;
    padding:0 18px;
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.38);
    border-radius:16px;
    background:#fff;
    color:var(--tenant-ui-primary);
    font-size:16px;
    font-weight:800;
    line-height:1.2;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    box-sizing:border-box;
}

.auth-refresh .codex-authbox .affiliate-apply-btn:hover,
.auth-refresh .codex-authbox .affiliate-apply-btn:focus{
    background:rgba(var(--tenant-ui-primary-rgb),.06);
    color:var(--tenant-ui-primary);
    text-decoration:none;
}

.auth-refresh .codex-authbox .alert{
    border:0;
    border-radius:18px;
}

.auth-refresh .codex-authbox .form-group{
    margin-bottom:14px;
}

.auth-refresh .codex-authbox.register-authbox{
    width:min(100%, 940px);
    max-width:940px;
    padding:28px 28px 24px;
}

.register-authbox .auth-header{
    margin-bottom:18px;
}

.register-authbox .auth-header p{
    max-width:48ch;
    font-size:15px;
    line-height:1.7;
}

.register-authbox__grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}

.register-authbox .auth-form-section{
    margin-bottom:0;
    padding:18px 18px 4px;
    border:1px solid rgba(33,43,66,.10);
    border-radius:24px;
    background:linear-gradient(180deg, rgba(240,245,251,.96), rgba(252,253,255,.98));
}

.register-authbox .auth-form-section--compact{
    padding-bottom:4px;
}

.register-authbox .auth-form-section__head{
    margin-bottom:12px;
}

.register-authbox .auth-form-section__eyebrow{
    display:inline-flex;
    margin-bottom:8px;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(var(--tenant-ui-primary-rgb),.10);
    color:var(--tenant-ui-primary);
    font-size:11px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.register-authbox .auth-form-section__head h4{
    margin:0;
    color:var(--tenant-ui-text);
    font-size:17px;
    font-weight:800;
}

.register-authbox .auth-inline-alert{
    background:linear-gradient(135deg, rgba(var(--tenant-ui-primary-rgb),.14), rgba(var(--tenant-ui-accent-rgb),.12));
}

.register-authbox .auth-pricing-preview{
    padding:16px 18px;
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.14);
    border-radius:22px;
    background:linear-gradient(135deg, rgba(225,237,253,.95), rgba(239,241,255,.96));
}

.register-authbox .auth-pricing-preview__label{
    margin-bottom:8px;
    color:var(--tenant-ui-primary);
    font-size:11px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.register-authbox .auth-pricing-preview__total{
    color:var(--tenant-ui-text);
    font-size:30px;
    line-height:1.05;
    font-weight:900;
}

.register-authbox .auth-pricing-preview__meta{
    margin-top:10px;
    color:#4d5b72;
    font-size:14px;
    line-height:1.65;
}

.register-authbox .auth-pricing-preview__note{
    margin-top:8px;
    color:var(--tenant-ui-muted);
    font-size:13px;
    line-height:1.6;
}

.theme-body.tenant-modern-user-create .tenant-user-create-shell,
.theme-body.tenant-modern-user-edit .tenant-user-edit-shell{
    width:min(100%, 1120px);
    margin:0 auto;
}

.theme-body.tenant-modern-user-create .tenant-user-create-shell .auth-header,
.theme-body.tenant-modern-user-edit .tenant-user-edit-shell .auth-header{
    margin-bottom:18px;
    padding:24px;
    border:1px solid rgba(33,43,66,.08);
    border-radius:24px;
    background:linear-gradient(135deg, rgba(var(--tenant-ui-primary-rgb),.08), rgba(var(--tenant-ui-accent-rgb),.06));
    box-shadow:0 14px 34px rgba(15,23,42,.05);
}

.theme-body.tenant-modern-user-create .tenant-user-create-shell .auth-header h3,
.theme-body.tenant-modern-user-edit .tenant-user-edit-shell .auth-header h3{
    margin-bottom:8px;
    color:var(--tenant-ui-text);
    font-size:30px;
    line-height:1.15;
    font-weight:900;
}

.theme-body.tenant-modern-user-create .tenant-user-create-shell .auth-header p,
.theme-body.tenant-modern-user-edit .tenant-user-edit-shell .auth-header p{
    max-width:62ch;
    margin-bottom:0;
    color:var(--tenant-ui-muted);
    font-size:15px;
    line-height:1.75;
}

.theme-body.tenant-modern-user-create .tenant-user-create-review,
.theme-body.tenant-modern-user-edit .tenant-user-edit-review{
    padding-bottom:12px;
}

.theme-body.tenant-modern-user-edit .tenant-user-summary-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:18px;
}

.theme-body.tenant-modern-user-edit .tenant-summary-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.14);
    border-radius:999px;
    background:rgba(255,255,255,.9);
    box-shadow:0 10px 24px rgba(15,23,42,.04);
    color:var(--tenant-ui-text);
}

.theme-body.tenant-modern-user-edit .tenant-summary-pill--soft{
    background:linear-gradient(135deg, rgba(225,237,253,.92), rgba(239,241,255,.94));
}

.theme-body.tenant-modern-user-edit .tenant-summary-pill__label{
    color:var(--tenant-ui-muted);
    font-size:11px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.theme-body.tenant-modern-user-edit .tenant-summary-pill__value{
    font-size:14px;
    font-weight:800;
}

.theme-body.tenant-modern-otp-shell .tenant-otp-shell{
    width:min(100%, 760px);
    margin:0 auto;
}

.theme-body.tenant-modern-otp-shell .tenant-otp-card{
    padding:0;
}

.theme-body.tenant-modern-otp-shell .tenant-otp-note{
    color:var(--tenant-ui-muted);
    font-size:13px;
    line-height:1.65;
}

.theme-body.tenant-modern-country-form .tenant-country-form .ui-shell-card{
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.10);
    box-shadow:0 14px 34px rgba(15,23,42,.05);
}

body.darkmode .theme-body.tenant-modern-user-create .tenant-user-create-shell .auth-header,
body.darkmode .theme-body.tenant-modern-user-edit .tenant-user-edit-shell .auth-header{
    border-color:rgba(255,255,255,.08);
    background:linear-gradient(135deg, rgba(var(--tenant-ui-primary-rgb),.16), rgba(var(--tenant-ui-accent-rgb),.12));
}

body.darkmode .theme-body.tenant-modern-user-edit .tenant-summary-pill{
    border-color:rgba(255,255,255,.08);
    background:rgba(18,24,37,.88);
}

.auth-refresh .codex-authbox .auth-header .img-fluid{
    width:auto !important;
    max-width:220px;
    height:auto !important;
}

.auth-refresh .codex-authbox .form-check{
    display:flex;
    align-items:flex-start;
    gap:10px;
}

.auth-refresh .codex-authbox .form-check-input{
    margin-top:4px;
}

.auth-refresh .codex-authbox .form-check-label{
    line-height:1.55;
}

.auth-refresh .auth-footer{
    margin-top:18px;
    padding-top:14px;
    border-top:1px solid rgba(33,43,66,.06);
}

.public-content-shell{
    min-height:100vh;
    background:#eef2f6;
    padding:140px 0 90px;
}

.public-content-card,
.public-side-card{
    background:#fff;
    border:1px solid var(--tenant-ui-border);
    border-radius:30px;
    box-shadow:var(--tenant-ui-shadow);
}

.public-content-card{
    overflow:hidden;
}

.public-content-cover{
    width:100%;
    max-height:460px;
    object-fit:cover;
    display:block;
}

.public-content-body{
    padding:42px;
}

.public-content-kicker{
    display:inline-flex;
    margin-bottom:14px;
    color:var(--tenant-ui-primary);
    font-size:12px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.public-content-title{
    margin:0 0 16px;
    color:var(--tenant-ui-text);
    font-size:44px;
    line-height:1.12;
    font-weight:900;
}

.public-content-meta{
    margin-bottom:24px;
    color:var(--tenant-ui-muted);
    font-size:14px;
    font-weight:700;
}

.legal-pill{
    background:rgba(var(--tenant-ui-primary-rgb),.08);
    border-color:rgba(var(--tenant-ui-primary-rgb),.16) !important;
    color:var(--tenant-ui-primary);
}

.legal-help-block{
    padding:18px 20px;
    border-radius:20px;
    background:rgba(248,250,252,.92);
    border:1px solid rgba(148,163,184,.16);
}

.public-content-text{
    color:#4f5d73;
    line-height:1.85;
    font-size:17px;
}

.public-side-card{
    padding:26px;
}

.public-side-card h3{
    margin:0 0 16px;
    color:var(--tenant-ui-text);
    font-size:22px;
    font-weight:900;
}

.public-side-card ul{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    gap:16px;
}

.public-side-card a{
    color:var(--tenant-ui-text);
    font-weight:800;
}

.public-side-card a:hover{
    color:var(--tenant-ui-primary);
}

body.darkmode .ui-page-header,
body.darkmode .ui-admin-content .card,
body.darkmode .ui-admin-shell .modal-content{
    background:#1f2637;
    border-color:rgba(var(--tenant-ui-primary-rgb),.08);
    box-shadow:0 18px 40px rgba(5,10,20,.18);
}

body.darkmode .ui-admin-content .card .card-header,
body.darkmode .ui-admin-content .card .card-footer,
body.darkmode .ui-admin-shell .modal-header{
    background:#1f2637;
    border-color:rgba(var(--tenant-ui-primary-rgb),.08);
}

body.darkmode.ui-admin-shell{
    background:
        radial-gradient(circle at top left, rgba(var(--tenant-ui-primary-rgb),.12), transparent 24%),
        radial-gradient(circle at top right, rgba(var(--tenant-ui-accent-rgb),.10), transparent 26%),
        linear-gradient(180deg, #182132 0%, #131b2c 46%, #101826 100%);
}

body.darkmode,
body.darkmode.ui-admin-shell,
html body.darkmode,
body.darkmode.ui-admin-shell .themebody-wrap,
body.darkmode.ui-admin-shell .theme-body,
body.darkmode.ui-admin-shell .theme-body[data-simplebar],
body.darkmode.ui-admin-shell .theme-body > .simplebar-wrapper,
body.darkmode.ui-admin-shell .theme-body > .simplebar-wrapper > .simplebar-mask,
body.darkmode.ui-admin-shell .theme-body > .simplebar-wrapper > .simplebar-mask > .simplebar-offset,
body.darkmode.ui-admin-shell .theme-body > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper,
body.darkmode.ui-admin-shell .theme-body > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper > .simplebar-content,
body.darkmode.ui-admin-shell .custom-container.common-dash,
body.darkmode.ui-admin-shell .ui-admin-content{
    background-color:#131b2c !important;
}

body.darkmode .themebody-wrap,
body.darkmode .theme-body,
body.darkmode .ui-admin-content,
body.darkmode .custom-container.common-dash{
    background:#131b2c !important;
}

html body.darkmode{
    background:#131b2c !important;
}

body.darkmode.ui-admin-shell .themebody-wrap,
body.darkmode.ui-admin-shell .theme-body,
body.darkmode.ui-admin-shell .theme-body[data-simplebar],
body.darkmode.ui-admin-shell .theme-body .simplebar-wrapper,
body.darkmode.ui-admin-shell .theme-body .simplebar-mask,
body.darkmode.ui-admin-shell .theme-body .simplebar-offset,
body.darkmode.ui-admin-shell .theme-body .simplebar-content-wrapper,
body.darkmode.ui-admin-shell .theme-body .simplebar-content{
    min-height:100%;
    background:#131b2c !important;
    background-color:#131b2c !important;
}

body.darkmode .ui-page-header .right-breadcrumb ul li,
body.darkmode .ui-page-kicker,
body.darkmode .dashboard-stat__icon,
body.darkmode .activity-chip,
body.darkmode .activity-board__intro,
body.darkmode .dropdown-menu,
body.darkmode .auth-panel,
body.darkmode .auth-refresh .codex-authbox,
body.darkmode .register-authbox .auth-form-section,
body.darkmode .register-authbox .auth-pricing-preview,
body.darkmode .public-content-card,
body.darkmode .public-side-card{
    background:#252f44;
    border-color:rgba(var(--tenant-ui-primary-rgb),.08);
}

body.darkmode.ui-premium-shell.customizer-modal.ui-admin-shell{
    background:
        radial-gradient(circle at top left, rgba(var(--tenant-ui-primary-rgb),.14), transparent 24%),
        radial-gradient(circle at top right, rgba(var(--tenant-ui-accent-rgb),.10), transparent 26%),
        linear-gradient(180deg, #182132 0%, #131b2c 46%, #101826 100%);
}

body.darkmode.ui-premium-shell .themebody-wrap,
body.darkmode.ui-premium-shell .theme-body,
body.darkmode.ui-premium-shell .custom-container.common-dash,
body.darkmode.ui-premium-shell .ui-admin-content{
    background:#131b2c !important;
}

body.darkmode.ui-premium-shell .ui-page-header,
body.darkmode.ui-premium-shell .ui-admin-content .card,
body.darkmode.ui-premium-shell .ui-admin-shell .modal-content,
body.darkmode.ui-premium-shell .ui-shell-card{
    background:#1f2637;
    border-color:rgba(var(--tenant-ui-primary-rgb),.10);
    box-shadow:0 18px 40px rgba(5,10,20,.24);
}

body.darkmode.ui-premium-shell .ui-page-header{
    background:
        linear-gradient(135deg, rgba(31,38,55,.98), rgba(31,38,55,.92)),
        radial-gradient(circle at top left, rgba(var(--tenant-ui-primary-rgb),.10), transparent 34%),
        radial-gradient(circle at top right, rgba(var(--tenant-ui-accent-rgb),.08), transparent 32%);
}

body.darkmode.ui-premium-shell .ui-page-kicker,
body.darkmode.ui-premium-shell .ui-shell-chip{
    background:rgba(var(--tenant-ui-primary-rgb),.14);
    color:#edf2ff;
}

body.darkmode.ui-premium-shell .ui-shell-pill{
    background:rgba(255,255,255,.05);
    border-color:rgba(var(--tenant-ui-primary-rgb),.10);
    color:#d8e2f2;
}

body.darkmode.ui-premium-shell .ui-shell-hero{
    background:
        linear-gradient(135deg, rgba(31,38,55,.98), rgba(31,38,55,.90)),
        radial-gradient(circle at top left, rgba(var(--tenant-ui-primary-rgb),.12), transparent 34%),
        radial-gradient(circle at top right, rgba(var(--tenant-ui-accent-rgb),.10), transparent 32%);
}

body.darkmode.ui-premium-shell .ui-shell-hero::before{
    background:radial-gradient(circle, rgba(var(--tenant-ui-primary-rgb),.14) 0%, rgba(var(--tenant-ui-primary-rgb),0) 70%);
}

body.darkmode.ui-premium-shell .dashboard-stat__icon{
    background:linear-gradient(135deg, rgba(var(--tenant-ui-primary-rgb),.16), rgba(var(--tenant-ui-accent-rgb),.14));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

body.darkmode.ui-premium-shell .ui-admin-content .table thead th,
body.darkmode.ui-premium-shell .ui-admin-content .table tbody td{
    background:#1f2637;
}

body.darkmode.ui-premium-shell .dropdown-menu{
    background:#1f2637;
    border-color:rgba(var(--tenant-ui-primary-rgb),.10);
}

body.darkmode .auth-main.auth-refresh{
    background:
        radial-gradient(circle at top left, rgba(var(--tenant-ui-primary-rgb),.10), transparent 26%),
        linear-gradient(180deg, #182132 0%, #131b2c 100%);
}

body.darkmode .auth-main.auth-main--bare{
    background:#131b2c;
}

body.darkmode .auth-shell.auth-shell--plain,
body.darkmode .auth-shell--plain .auth-panel{
    background:transparent;
}

body.darkmode .ui-page-header .right-breadcrumb ul li .bread-wrap,
body.darkmode .dashboard-stat:before{
    background:rgba(var(--tenant-ui-primary-rgb),.12);
}

body.darkmode .ui-page-kicker,
body.darkmode .dashboard-stat__icon,
body.darkmode .ui-page-header .right-breadcrumb ul li .bread-wrap{
    color:var(--tenant-ui-primary);
}

body.darkmode .ui-page-header .left-breadcrumb .breadcrumb li a,
body.darkmode .ui-page-header .left-breadcrumb .breadcrumb li.active a,
body.darkmode .ui-page-header .left-breadcrumb .breadcrumb li.active,
body.darkmode .ui-page-header .left-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
body.darkmode .ui-page-header .right-breadcrumb ul li,
body.darkmode .dashboard-stat__label,
body.darkmode .dashboard-stat__meta,
body.darkmode .activity-card__time,
body.darkmode .activity-card__meta,
body.darkmode .activity-board__intro p,
body.darkmode .activity-chip,
body.darkmode .public-content-meta,
body.darkmode .public-content-text,
body.darkmode .public-side-card a,
body.darkmode .auth-refresh .codex-authbox .auth-header p,
body.darkmode .register-authbox .auth-pricing-preview__meta,
body.darkmode .register-authbox .auth-pricing-preview__note,
body.darkmode .auth-refresh .auth-footer h6{
    color:#aeb8cd;
}

body.darkmode .ui-page-title,
body.darkmode .dashboard-stat__value,
body.darkmode .dashboard-chart-card h4,
body.darkmode .activity-card__subject,
body.darkmode .activity-chip strong,
body.darkmode .public-content-title,
body.darkmode .public-side-card h3,
body.darkmode .auth-refresh .codex-authbox .auth-header h3,
body.darkmode .auth-refresh .codex-authbox .form-label,
body.darkmode .register-authbox .auth-form-section__head h4,
body.darkmode .register-authbox .auth-pricing-preview__total{
    color:#edf2ff;
}

body.darkmode .activity-card,
body.darkmode .ui-admin-content .table tbody td,
body.darkmode .ui-admin-content .table thead th{
    background:#1f2637;
    color:#d8e2f2;
    border-color:rgba(255,255,255,.06);
}

body.darkmode .auth-refresh .codex-authbox .form-control,
body.darkmode .auth-refresh .codex-authbox .input-group-text,
body.darkmode .auth-refresh .codex-authbox select{
    background:#1f2637;
    color:#edf2ff;
    border-color:rgba(255,255,255,.08);
}

body.darkmode .public-content-shell{
    background:linear-gradient(180deg, #182132 0%, #131b2c 46%, #101826 100%);
}

body.darkmode .dropdown-item{
    color:#d8e2f2;
}

body.darkmode .dropdown-item:hover,
body.darkmode .dropdown-item:focus{
    background:#2d3850;
    color:#edf2ff;
}

body.darkmode .dropdown-item.active,
body.darkmode .dropdown-item:active,
body.darkmode .dropdown-item:focus-visible{
    background:#2d3850;
    color:#edf2ff;
}

body.darkmode .dropdown-item.disabled,
body.darkmode .dropdown-item:disabled{
    color:#7f8aa0;
}

body.darkmode .dropdown-divider{
    border-top-color:rgba(255,255,255,.08);
}

body.darkmode .dropdown-header{
    color:#edf2ff;
}

body.darkmode .select2-dropdown{
    background:#1f2637;
    border-color:rgba(255,255,255,.08);
    box-shadow:0 20px 40px rgba(5,10,20,.35);
    z-index:9999;
}

body.darkmode .select2-container--default .select2-selection--single,
body.darkmode .select2-container--default .select2-selection--multiple{
    background:#1f2637;
    border-color:rgba(255,255,255,.08);
    color:#edf2ff;
}

body.darkmode .select2-container--default .select2-selection--single .select2-selection__rendered,
body.darkmode .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    color:#edf2ff;
}

body.darkmode .select2-container--default .select2-selection--single .select2-selection__arrow::before{
    color:#aeb8cd;
}

body.darkmode .select2-container--default .select2-search__field{
    background:#1f2637;
    color:#edf2ff;
    border-color:rgba(255,255,255,.08);
}

body.darkmode .select2-container--default .select2-results__option{
    color:#d8e2f2;
}

body.darkmode .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background:#2d3850;
    color:#edf2ff;
}

body.darkmode .select2-container--default .select2-results__option[aria-selected=true]{
    background:rgba(var(--tenant-ui-primary-rgb),.12);
    color:#edf2ff;
}

body.darkmode .select2-container--default .select2-results__group{
    color:#8ec5ff;
}

body.darkmode .language-switcher .dropdown-toggle{
    border-color:rgba(var(--tenant-ui-primary-rgb),.22);
    background:linear-gradient(180deg, #1f2637, #18223a);
    color:#edf2ff;
    box-shadow:0 16px 30px rgba(5,10,20,.28);
}

body.darkmode .language-switcher .dropdown-toggle:hover,
body.darkmode .language-switcher .dropdown-toggle:focus{
    border-color:rgba(var(--tenant-ui-primary-rgb),.32);
    background:linear-gradient(180deg, #242f44, #1b2436);
    color:#edf2ff;
}

body.darkmode .language-switcher .dropdown-toggle::after{
    color:#8ec5ff;
}

body.darkmode .language-switcher .dropdown-menu{
    background:#252f44;
    border-color:rgba(255,255,255,.06);
    box-shadow:0 20px 40px rgba(5,10,20,.35);
}

body.darkmode .language-switcher .dropdown-item{
    color:#d8e2f2;
}

body.darkmode .language-switcher .dropdown-item:hover,
body.darkmode .language-switcher .dropdown-item.active{
    background:rgba(var(--tenant-ui-primary-rgb),.12);
    color:#edf2ff;
}

body.darkmode .language-switcher__badge{
    background:linear-gradient(135deg, rgba(var(--tenant-ui-primary-rgb),.14), rgba(var(--tenant-ui-accent-rgb),.14));
    color:#8ec5ff;
}

body.darkmode .language-switcher__label{
    color:#8ea0be;
}

body.darkmode .language-switcher__value{
    color:#edf2ff;
}

body.darkmode .apexcharts-tooltip,
body.darkmode .apexcharts-xaxistooltip,
body.darkmode .apexcharts-yaxistooltip,
body.darkmode .apexcharts-tooltip.apexcharts-theme-light{
    background:#252f44 !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#edf2ff !important;
    box-shadow:0 18px 30px rgba(5,10,20,.35) !important;
}

body.darkmode .apexcharts-tooltip-title,
body.darkmode .apexcharts-xaxistooltip-text,
body.darkmode .apexcharts-yaxistooltip-text{
    background:transparent !important;
    border-color:rgba(255,255,255,.08) !important;
    color:#edf2ff !important;
}

body.darkmode .apexcharts-tooltip-text,
body.darkmode .apexcharts-tooltip-text-label,
body.darkmode .apexcharts-tooltip-text-value,
body.darkmode .apexcharts-tooltip-text-y-value,
body.darkmode .apexcharts-tooltip-text-z-value{
    color:#edf2ff !important;
}

body.darkmode .apexcharts-xaxistooltip:before,
body.darkmode .apexcharts-xaxistooltip:after,
body.darkmode .apexcharts-yaxistooltip:before,
body.darkmode .apexcharts-yaxistooltip:after{
    border-bottom-color:#252f44 !important;
}

@media (max-width:1199.98px){
    .auth-shell{
        grid-template-columns:1fr;
    }

    .auth-shell.auth-shell--plain{
        max-width:900px;
    }

    .auth-shell.auth-shell--register{
        grid-template-columns:1fr;
    }

    .auth-showcase{
        min-height:320px;
    }

    .auth-refresh .codex-authbox,
    .auth-refresh .codex-authbox.register-authbox{
        width:min(100%, 620px);
        max-width:620px;
    }

    .register-authbox__grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:991.98px){
    .ui-page-header .breadcrumb-contain{
        padding:22px;
        align-items:flex-start;
    }

    .ui-page-title{
        font-size:28px;
    }

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

    .public-content-title{
        font-size:34px;
    }
}

@media (max-width:767.98px){
    .auth-main.auth-refresh{
        display:block;
        min-height:100dvh;
        height:auto !important;
        padding:10px 0 18px;
        overflow:visible;
    }

    .auth-main.auth-main--bare{
        padding:0;
    }

    .auth-shell,
    .auth-shell.auth-shell--plain,
    .auth-shell.auth-shell--register{
        min-height:0;
        width:100%;
        max-width:none;
    }

    .auth-showcase,
    .auth-panel{
        padding:22px;
    }

    .auth-panel.auth-panel--bare{
        padding:16px;
    }

    .auth-shell--plain .auth-panel,
    .auth-panel.auth-panel--register{
        min-height:0;
        padding:8px 10px 20px;
        overflow:visible;
    }

    .auth-panel.auth-panel--register{
        padding:8px 10px 20px;
    }

    .auth-refresh .codex-authbox,
    .public-content-body{
        padding:22px;
    }

    .auth-refresh .codex-authbox.register-authbox{
        width:min(100%, 100%);
        padding:22px 18px 18px;
        margin-top:0;
    }

    .register-authbox .auth-form-section{
        padding:18px 16px 4px;
        border-radius:20px;
    }

    body.ui-premium-shell .subscription-premium-shell .subscription-pricing-card .price-header{
        padding:22px 18px 24px;
    }

    body.ui-premium-shell .subscription-premium-shell .subscription-pricing-card .cdxprice-list{
        padding-inline:16px;
    }

    body.ui-premium-shell .subscription-premium-shell .subscription-pricing-card .cdxprice-list li{
        margin:0 0 10px;
    }

    body.ui-premium-shell .subscription-premium-shell .subscription-checkout-card .card-body,
    body.ui-premium-shell .subscription-premium-shell .subscription-payment-card .card-body{
        padding:18px;
    }

    body.ui-premium-shell .subscription-premium-shell .subscription-payment-card .btn{
        width:100%;
    }

    body.ui-premium-shell .subscription-premium-shell .subscription-payment-card + .subscription-payment-card{
        margin-top:14px;
    }

    body.ui-premium-shell .subscription-premium-shell .subscription-payment-card .card-header{
        padding:16px 18px 12px;
    }

    body.ui-premium-shell .subscription-premium-shell .subscription-payment-card .card-header h4{
        font-size:16px;
        line-height:1.35;
    }

    body.ui-premium-shell .subscription-premium-shell .subscription-payment-card .subscription-payment-card__body{
        padding:16px 18px 18px;
    }

    body.ui-premium-shell .subscription-premium-shell .subscription-payment-card .btn{
        width:100%;
        min-width:0;
    }

    body.ui-premium-shell .subscription-premium-shell .subscription-checkout-card .form-control,
    body.ui-premium-shell .subscription-premium-shell .subscription-payment-card .form-control{
        min-height:48px;
    }

    body.ui-premium-shell .subscription-premium-shell .subscription-payment-card .card-body .row{
        --bs-gutter-x:12px;
        --bs-gutter-y:12px;
    }

    .modal#phoneModal .modal-dialog,
    .modal#phoneModalTinypesa .modal-dialog,
    .modal#phoneModalPayhero .modal-dialog{
        margin:14px auto;
        max-width:calc(100% - 20px);
    }

    .modal#phoneModal .modal-content,
    .modal#phoneModalTinypesa .modal-content,
    .modal#phoneModalPayhero .modal-content{
        border-radius:22px;
    }

    .modal#phoneModal .modal-body,
    .modal#phoneModalTinypesa .modal-body,
    .modal#phoneModalPayhero .modal-body{
        padding:18px;
    }

    .modal#phoneModal .modal-footer,
    .modal#phoneModalTinypesa .modal-footer,
    .modal#phoneModalPayhero .modal-footer{
        padding:0 18px 18px;
        gap:10px;
        flex-direction:column;
    }

    .modal#phoneModal .modal-footer .btn,
    .modal#phoneModalTinypesa .modal-footer .btn,
    .modal#phoneModalPayhero .modal-footer .btn{
        width:100%;
        min-height:46px;
    }

    .modal#phoneModal .alert,
    .modal#phoneModalTinypesa .alert,
    .modal#phoneModalPayhero .alert{
        margin:16px 16px 0;
    }

    body.darkmode.ui-admin-shell,
    body.darkmode.ui-admin-shell .themebody-wrap,
    body.darkmode.ui-admin-shell .theme-body,
    body.darkmode.ui-admin-shell .custom-container.common-dash,
    body.darkmode.ui-admin-shell .ui-admin-content,
    body.darkmode.ui-admin-shell .theme-body .simplebar-wrapper,
    body.darkmode.ui-admin-shell .theme-body .simplebar-mask,
    body.darkmode.ui-admin-shell .theme-body .simplebar-offset,
    body.darkmode.ui-admin-shell .theme-body .simplebar-content-wrapper,
    body.darkmode.ui-admin-shell .theme-body .simplebar-content{
        background-color:#131b2c !important;
    }

    body.darkmode.ui-admin-shell .custom-container.common-dash{
        width:100%;
        max-width:none;
        padding-inline:12px;
        padding-bottom:20px;
    }

    body.darkmode.ui-admin-shell .ui-page-header{
        margin-inline:12px;
    }

    body.darkmode.ui-admin-shell .theme-body{
        padding-inline:0;
    }

    body.darkmode.ui-admin-shell .ui-admin-content{
        min-height:calc(100vh - 78px);
    }

.auth-showcase__content h1,
    .public-content-title{
        font-size:28px;
    }
}

.otp-action-btn,
[data-otp-request],
[data-otp-submit],
#requestOtpButton,
#requestAffiliateOtpButton {
    min-width: 150px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-radius: 12px;
    font-weight: 600;
    padding: 0.72rem 1rem;
    white-space: nowrap;
}

.otp-action-btn i,
[data-otp-request] i,
[data-otp-submit] i,
#requestOtpButton i,
#requestAffiliateOtpButton i {
    line-height: 1;
}

.otp-action-btn,
[data-otp-request],
#requestOtpButton,
#requestAffiliateOtpButton {
    background: linear-gradient(135deg, var(--tenant-ui-accent) 0%, #8a67ff 100%);
    border-color: transparent;
    color: #fff !important;
    box-shadow: 0 10px 18px rgba(108, 77, 246, 0.18);
}

.otp-action-btn:hover,
.otp-action-btn:focus,
[data-otp-request]:hover,
[data-otp-request]:focus,
#requestOtpButton:hover,
#requestOtpButton:focus,
#requestAffiliateOtpButton:hover,
#requestAffiliateOtpButton:focus {
    background: linear-gradient(135deg, #7a5cff 0%, var(--tenant-ui-accent) 100%);
    color: #fff !important;
    border-color: transparent;
}

[data-otp-submit] {
    background: linear-gradient(135deg, var(--tenant-ui-primary) 0%, #3a95ef 100%);
    border-color: transparent;
    color: #fff !important;
    box-shadow: 0 10px 18px rgba(31, 119, 210, 0.18);
}

[data-otp-submit]:hover,
[data-otp-submit]:focus {
    background: linear-gradient(135deg, #2a86df 0%, var(--tenant-ui-primary) 100%);
    color: #fff !important;
    border-color: transparent;
}

[data-otp-submit]:disabled,
[data-otp-submit].disabled {
    background: #aab8cb;
    border-color: #aab8cb;
    box-shadow: none;
    color: #fff !important;
    opacity: 0.9;
}

/* Keep auth password fields and the eye toggle aligned on one line across all auth forms. */
.auth-refresh .group-input{
    display:flex;
    align-items:stretch;
    flex-wrap:nowrap;
    gap:0;
    overflow:hidden;
}

.auth-refresh .group-input > .showhide-password{
    flex:1 1 auto;
    min-width:0;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}

.auth-refresh .group-input > .toggle-show{
    flex:0 0 52px;
    width:52px;
    min-width:52px;
    margin:0;
    display:flex;
    align-items:center;
    justify-content:center;
    align-self:stretch;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-left:0;
    padding:0;
}

.auth-refresh .group-input > .toggle-show i{
    line-height:1;
}

.demo-tutorial-float{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:1050;
    width:min(320px, calc(100vw - 32px));
    padding:18px;
    border-radius:20px;
    background:rgba(16,24,40,.96);
    color:#fff;
    box-shadow:0 20px 45px rgba(15,23,42,.28);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
}

.demo-tutorial-float__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}

.demo-tutorial-float__head span{
    display:inline-block;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#93c5fd;
    margin-bottom:4px;
}

.demo-tutorial-float__head strong{
    display:block;
    font-size:16px;
    font-weight:800;
    line-height:1.2;
}

.demo-tutorial-float__close{
    width:30px;
    height:30px;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:22px;
    line-height:1;
    padding:0;
}

.demo-tutorial-float__lead{
    margin-bottom:12px;
    color:rgba(255,255,255,.82);
    font-size:13px;
    line-height:1.6;
}

.demo-tutorial-float__list{
    margin:0;
    padding-left:18px;
    color:#fff;
}

.demo-tutorial-float__list li{
    margin-bottom:8px;
    font-size:13px;
    line-height:1.5;
}

.demo-tutorial-float__meta{
    margin-top:12px;
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.1);
    color:#cbd5e1;
    font-size:12px;
}

.demo-login-panel{
    padding:16px 18px;
    border-radius:18px;
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.16);
    background:linear-gradient(180deg, rgba(240,247,255,.98) 0%, rgba(255,255,255,.98) 100%);
}

.demo-login-panel__badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 12px;
    margin-bottom:8px;
    border-radius:999px;
    background:rgba(var(--tenant-ui-primary-rgb),.12);
    color:var(--tenant-ui-primary);
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.demo-login-panel__head{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin-bottom:12px;
}

.demo-login-panel__head strong{
    font-size:14px;
    color:#0f172a;
}

.demo-login-panel__head span{
    font-size:12px;
    color:#64748b;
    line-height:1.5;
}

.demo-login-panel__actions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
}

.demo-login-btn{
    min-height:44px;
    border-radius:14px;
    font-weight:700;
}

.demo-login-panel__credentials{
    margin-top:12px;
    display:grid;
    gap:6px;
    font-size:12px;
    line-height:1.5;
    color:#475569;
}

.onboarding-checklist-card{
    border:0;
    border-radius:24px;
    background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(247,250,255,.98) 100%);
    box-shadow:0 20px 50px rgba(15,23,42,.08);
}

.onboarding-checklist-card .card-body{
    padding:28px;
}

.onboarding-checklist-card__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}

.onboarding-checklist-card__badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(var(--tenant-ui-primary-rgb),.12);
    color:var(--tenant-ui-primary);
    font-size:12px;
    font-weight:800;
    letter-spacing:.03em;
}

.onboarding-checklist-card__item{
    height:100%;
    padding:18px;
    border-radius:18px;
    border:1px solid rgba(148,163,184,.22);
    background:#fff;
}

.onboarding-checklist-card__item.is-done{
    border-color:rgba(34,197,94,.18);
    background:linear-gradient(180deg, rgba(240,253,244,.95) 0%, rgba(255,255,255,.98) 100%);
}

.onboarding-checklist-card__status{
    width:34px;
    height:34px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(37,99,235,.1);
    color:#2563eb;
    flex:0 0 34px;
}

.onboarding-checklist-card__status.is-done{
    background:rgba(34,197,94,.15);
    color:#16a34a;
}

.bg-success-soft{
    background:rgba(34,197,94,.12) !important;
}

.bg-warning-soft{
    background:rgba(245,158,11,.12) !important;
}

.bg-primary-soft{
    background:rgba(var(--tenant-ui-primary-rgb),.12) !important;
}

.bg-secondary-soft{
    background:rgba(100,116,139,.12) !important;
}

.bg-info-soft{
    background:rgba(59,130,246,.12) !important;
}

.bg-danger-soft{
    background:rgba(239,68,68,.12) !important;
}

.btn-rounded{
    border-radius:14px !important;
}

.ui-admin-content .badge,
.ui-support-overview .badge,
.onboarding-checklist-card .badge{
    border-radius:999px;
    padding:.45em .8em;
    font-weight:800;
    letter-spacing:.02em;
}

.ui-admin-content .badge:not(.rounded-pill){
    box-shadow:0 1px 2px rgba(15,23,42,.04);
}

.ui-admin-content table.dataTable tbody td.dataTables_empty,
.ui-admin-content .dataTables_empty{
    padding:28px 18px !important;
    color:#64748b !important;
    font-size:14px;
    font-weight:700;
    text-align:center;
    background:linear-gradient(180deg, rgba(248,250,252,.96) 0%, rgba(255,255,255,.98) 100%);
}

.ui-admin-content .dataTables_wrapper .dataTables_info,
.ui-admin-content .dataTables_wrapper .dataTables_paginate,
.ui-admin-content .dataTables_wrapper .dataTables_filter label,
.ui-admin-content .dataTables_wrapper .dataTables_length label{
    color:#64748b;
}

.ui-admin-content .dataTables_wrapper .dataTables_filter input,
.ui-admin-content .dataTables_wrapper .dataTables_length select{
    border-radius:12px;
    border-color:rgba(148,163,184,.22);
    box-shadow:none;
}

.ui-page-tip{
    border:1px solid rgba(148,163,184,.18);
    border-radius:24px;
    background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(247,250,255,.98) 100%);
    box-shadow:0 16px 42px rgba(15,23,42,.06);
}

body.darkmode .ui-page-tip{
    border-color:rgba(99,115,141,.24);
    background:linear-gradient(180deg, rgba(20,28,44,.98) 0%, rgba(28,37,57,.98) 100%);
    box-shadow:0 18px 44px rgba(3,7,18,.28);
}

.ui-page-tip .card-body{
    padding:24px;
}

.ui-page-tip__badge{
    padding:8px 12px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    background:rgba(var(--tenant-ui-primary-rgb),.12);
    color:var(--tenant-ui-primary);
}

body.darkmode .ui-page-tip__badge{
    background:rgba(96,165,250,.16);
    color:#9dc1ff;
}

.ui-page-tip__title{
    font-size:20px;
    font-weight:800;
    letter-spacing:-.02em;
    color:#0f172a;
}

body.darkmode .ui-page-tip__title{
    color:#f3f7ff;
}

.ui-page-tip__summary{
    color:#64748b;
    line-height:1.6;
    max-width:68ch;
}

body.darkmode .ui-page-tip__summary{
    color:#c4cfdf;
}

.ui-page-tip__cta{
    flex:0 0 auto;
    min-height:40px;
}

.ui-page-tip__steps{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
}

.ui-page-tip__step{
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-height:72px;
    padding:14px 16px;
    border-radius:18px;
    border:1px solid rgba(148,163,184,.16);
    background:rgba(255,255,255,.92);
}

body.darkmode .ui-page-tip__step{
    border-color:rgba(99,115,141,.24);
    background:rgba(255,255,255,.04);
}

.ui-page-tip__step-index{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:30px;
    height:30px;
    padding:0 9px;
    border-radius:999px;
    background:rgba(var(--tenant-ui-primary-rgb),.12);
    color:var(--tenant-ui-primary);
    font-size:11px;
    font-weight:800;
    letter-spacing:.04em;
}

body.darkmode .ui-page-tip__step-index{
    background:rgba(96,165,250,.16);
    color:#9dc1ff;
}

.ui-page-tip__step-text{
    color:#334155;
    line-height:1.55;
    font-size:13px;
}

body.darkmode .ui-page-tip__step-text{
    color:#d7e0ee;
}

.ui-support-overview{
    border:1px solid rgba(148,163,184,.14);
    border-radius:24px;
    background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,255,.98) 100%);
    box-shadow:0 14px 36px rgba(15,23,42,.05);
}

.ui-support-overview h5{
    font-size:18px;
    font-weight:800;
    letter-spacing:-.01em;
}

.ui-support-overview p{
    max-width:72ch;
    line-height:1.6;
}

.ui-support-assistant__status{
    border-radius:20px;
    padding:16px 18px;
}

.ui-support-assistant__status.is-connected{
    background:rgba(34,197,94,.08);
    border-color:rgba(34,197,94,.2) !important;
}

.ui-support-assistant__status.is-fallback{
    background:rgba(245,158,11,.08);
    border-color:rgba(245,158,11,.24) !important;
}

.ui-support-assistant__status.is-local{
    background:rgba(100,116,139,.08);
    border-color:rgba(100,116,139,.18) !important;
}

.ui-support-assistant__dot{
    width:10px !important;
    height:10px !important;
}

.ui-support-assistant__badge{
    font-size:11px;
    padding:7px 12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.ui-support-assistant__status-copy{
    color:#475569;
    line-height:1.6;
}

.ui-support-assistant__input{
    border-radius:18px;
}

.ui-support-assistant__send{
    min-height:46px;
    padding-inline:22px;
}

.ui-support-assistant__help{
    border-radius:18px;
    background:rgba(248,250,252,.92);
}

.ui-support-assistant__reply{
    border-radius:18px;
}

.tenant-modern-settings .card,
.tenant-modern-support .card{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(15,23,42,.05);
}

.tenant-modern-settings .card-body,
.tenant-modern-support .card-body{
    padding:24px;
}

.tenant-modern-form .card{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(15,23,42,.05);
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.10);
    background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.99));
}

.tenant-modern-form .card-body{
    padding:24px;
}

.tenant-modern-form .card-header{
    padding:18px 24px;
    background:linear-gradient(135deg, rgba(var(--tenant-ui-primary-rgb),.06), rgba(var(--tenant-ui-accent-rgb),.04));
    border-bottom:1px solid rgba(var(--tenant-ui-primary-rgb),.08);
}

.tenant-modern-form .card-header h4,
.tenant-modern-form .card-header .h4{
    margin-bottom:0;
    color:var(--tenant-ui-text);
    font-size:18px;
    font-weight:800;
}

.tenant-modern-form .form-group{
    margin-bottom:18px;
}

.tenant-modern-form .form-control,
.tenant-modern-form select,
.tenant-modern-form textarea{
    min-height:52px;
    border-radius:16px;
    border-color:rgba(var(--tenant-ui-primary-rgb),.12);
    box-shadow:none;
}

.tenant-modern-form .custom-card{
    border-radius:20px;
    overflow:hidden;
    margin-bottom:16px;
    box-shadow:0 12px 28px rgba(15,23,42,.04);
}

.tenant-modern-form .custom-card .card-header{
    padding:14px 18px;
}

.tenant-modern-form .custom-card .card-body{
    padding:16px 18px 18px;
}

.tenant-modal-form{
    padding:10px 0 4px;
}

.tenant-modal-form .form-group{
    margin-bottom:16px;
}

.tenant-modal-form .form-control,
.tenant-modal-form select,
.tenant-modal-form textarea{
    min-height:48px;
    border-radius:14px;
    border-color:rgba(var(--tenant-ui-primary-rgb),.12);
    box-shadow:none;
}

.tenant-modal-form .input-group-text{
    border-radius:14px;
    border-color:rgba(var(--tenant-ui-primary-rgb),.12);
    background:rgba(var(--tenant-ui-primary-rgb),.06);
    color:var(--tenant-ui-primary);
}

.tenant-modal-form .custom-control{
    margin-bottom:10px;
}

.tenant-modal-form .form-check{
    display:flex;
    align-items:flex-start;
    gap:10px;
}

.tenant-modal-form .form-check-input{
    margin-top:4px;
}

.tenant-modal-form__footer{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
    padding:16px 24px 22px;
    border-top:1px solid rgba(var(--tenant-ui-primary-rgb),.08);
    background:linear-gradient(180deg, rgba(248,250,252,.35), rgba(255,255,255,.9));
}

.tenant-modal-form__footer .btn{
    min-height:44px;
}

.tenant-modal-form .btn-primary{
    box-shadow:0 10px 24px rgba(var(--tenant-ui-primary-rgb),.18);
}

.tenant-modern-settings .form-group{
    margin-bottom:16px;
}

.tenant-modern-settings .form-control,
.tenant-modern-settings select,
.tenant-modern-settings textarea{
    min-height:52px;
    border-radius:16px;
    border-color:rgba(var(--tenant-ui-primary-rgb),.12);
    box-shadow:none;
}

.tenant-modern-settings .card{
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.10);
    background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.99));
}

.tenant-modern-settings .card-header{
    background:linear-gradient(135deg, rgba(var(--tenant-ui-primary-rgb),.06), rgba(var(--tenant-ui-accent-rgb),.04));
    border-bottom:1px solid rgba(var(--tenant-ui-primary-rgb),.08);
}

.tenant-modern-settings .card-title{
    font-weight:800;
    color:var(--tenant-ui-text);
}

.tenant-modern-settings .text-right,
.tenant-modern-settings .text-end{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

.tenant-modern-settings .text-right .btn,
.tenant-modern-settings .text-end .btn{
    min-height:46px;
}

.tenant-modern-settings__actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

.tenant-modern-settings__actions .btn{
    min-width:160px;
    font-weight:600;
    letter-spacing:.01em;
}

.tenant-modern-settings__save-btn.btn-primary{
    background:var(--tenant-ui-primary);
    border-color:var(--tenant-ui-primary);
    color:#fff;
    box-shadow:0 12px 24px rgba(var(--tenant-ui-primary-rgb),.20);
}

.tenant-modern-settings__save-btn.btn-primary:hover,
.tenant-modern-settings__save-btn.btn-primary:focus{
    background:#2a86df;
    border-color:#2a86df;
    color:#fff;
}

.tenant-modern-form .text-end,
.tenant-modern-form .text-right{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

.tenant-modern-form .text-end .btn,
.tenant-modern-form .text-right .btn{
    min-height:46px;
}

.tenant-modern-form .group-button{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

.tenant-modern-form .group-button .btn{
    min-height:46px;
}

.tenant-modern-property-form .dropzone{
    border-radius:20px;
    border:1px dashed rgba(148,163,184,.28);
    background:rgba(255,255,255,.72);
    padding:24px;
}

body.darkmode .tenant-modern-property-form .dropzone{
    background:rgba(255,255,255,.03);
    border-color:rgba(99,115,141,.24);
}

.tenant-modern-support .tenant-list-card,
.tenant-modern-support .ui-support-overview{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(15,23,42,.05);
}

.tenant-modern-support .ui-support-overview .card-body{
    padding:22px 24px;
}

.tenant-modern-support .tenant-list-card .card-body{
    padding:24px;
}

.tenant-modern-support .blogdetail-wrrapper,
.tenant-modern-support .addblg-comment,
.tenant-modern-support .support-inboxtbl{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(15,23,42,.05);
}

.tenant-modern-support .blogdetail-wrrapper .detailwrapper,
.tenant-modern-support .addblg-comment .card-body{
    padding:24px;
}

.tenant-modern-support .blgcomment-list .comment-item{
    border-radius:18px;
}

.tenant-modern-support .blogsoc-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.tenant-modern-support .blogsoc-list li{
    margin:0;
}

.tenant-modern-support .dataTable td,
.tenant-modern-support .dataTable th{
    padding-top:14px;
    padding-bottom:14px;
    vertical-align:middle;
}

.tenant-modern-support .dataTable thead th{
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#64748b;
}

body.darkmode .tenant-modern-support .dataTable thead th{
    color:#b8c4d9;
}

.tenant-modern-support .cart-action{
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.tenant-modern-support .cart-action a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:32px;
    min-height:32px;
}

.tenant-modern-settings .card-header,
.tenant-modern-support .card-header{
    padding:18px 24px;
}

.tenant-modern-settings .card-title,
.tenant-modern-support .card-title{
    margin-bottom:0;
}

.tenant-modern-settings .form-check{
    padding-left:0;
}

.tenant-modern-settings .form-check .form-check-input{
    margin-left:0;
}

.support-assistant-main .support-assistant-shell{
    width:min(100%, 560px);
    max-width:560px;
    margin-inline:auto;
}

.support-assistant-main .codex-authbox{
    padding:28px 28px 24px;
}

.support-assistant-main .auth-header h3{
    font-size:26px;
}

.support-assistant-main .ui-support-assistant__status,
.support-assistant-main .ui-support-assistant__help,
.support-assistant-main .ui-support-assistant__reply{
    border-radius:20px;
}

.support-assistant-main .ui-support-assistant__send{
    width:100%;
}

.tenant-payment-modal .form-group{
    margin-bottom:16px;
}

.tenant-payment-modal__footer{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

.tenant-payment-modal__footer .btn{
    min-height:44px;
}

.tenant-payment-modal__body .form-group{
    margin-bottom:16px;
}

.tenant-payment-modal__body .form-label{
    font-weight:800;
}

.tenant-payment-modal__body .form-control,
.tenant-payment-modal__body select{
    min-height:50px;
    border-radius:14px;
}

body.darkmode .tenant-payment-modal__body .alert{
    background:#1f2637;
    border-color:rgba(99,115,141,.18);
    color:#edf2ff;
}

body.darkmode .tenant-modern-settings .card,
body.darkmode .tenant-modern-support .card,
body.darkmode .tenant-modern-form .card{
    background:#1a2235;
    border-color:rgba(99,115,141,.18);
    box-shadow:0 16px 36px rgba(0,0,0,.24);
}

body.darkmode .tenant-modern-settings .card-body,
body.darkmode .tenant-modern-support .card-body,
body.darkmode .tenant-modern-form .card-body{
    color:#edf2ff;
}

body.darkmode .tenant-modern-settings .card-header,
body.darkmode .tenant-modern-form .card-header{
    background:linear-gradient(135deg, rgba(var(--tenant-ui-primary-rgb),.16), rgba(var(--tenant-ui-accent-rgb),.10));
    border-bottom-color:rgba(255,255,255,.08);
}

body.darkmode .tenant-modern-settings .form-control,
body.darkmode .tenant-modern-settings select,
body.darkmode .tenant-modern-settings textarea,
body.darkmode .tenant-modern-form .form-control,
body.darkmode .tenant-modern-form select,
body.darkmode .tenant-modern-form textarea{
    background:#1f2637;
    color:#edf2ff;
    border-color:rgba(255,255,255,.08);
}

body.darkmode .tenant-modern-settings .form-label,
body.darkmode .tenant-modern-support .card-body,
body.darkmode .tenant-modern-support .table,
body.darkmode .tenant-modern-support .table td,
body.darkmode .tenant-modern-support .table th,
body.darkmode .tenant-modern-form .form-label{
    color:#edf2ff;
}

body.darkmode .tenant-modal-form .form-control,
body.darkmode .tenant-modal-form select,
body.darkmode .tenant-modal-form textarea{
    background:#1f2637;
    color:#edf2ff;
    border-color:rgba(255,255,255,.08);
}

body.darkmode .tenant-modal-form .input-group-text{
    background:rgba(var(--tenant-ui-primary-rgb),.16);
    color:#edf2ff;
    border-color:rgba(255,255,255,.08);
}

body.darkmode .tenant-modal-form__footer{
    background:linear-gradient(180deg, rgba(19,27,44,0), rgba(19,27,44,.94) 28%, rgba(19,27,44,.98) 100%);
    border-top-color:rgba(255,255,255,.08);
}

body.darkmode .theme-body.tenant-modern-country-form .tenant-country-form .ui-shell-card{
    border-color:rgba(255,255,255,.08);
}

body.darkmode .theme-body.tenant-modern-otp-shell .ui-shell-card{
    border-color:rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(17,24,39,.96), rgba(10,15,25,.98));
}

body.darkmode .theme-body.tenant-modern-otp-shell .tenant-otp-note{
    color:rgba(226,232,240,.75);
}

.tenant-modern-dashboard,
.tenant-modern-record,
.tenant-modern-invoice{
    position:relative;
}

.tenant-modern-collection{
    position:relative;
}

.ui-tenant-hero{
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    gap:18px;
    padding:24px 28px;
    border-radius:28px;
    border:1px solid rgba(148,163,184,.16);
    background:linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(246,250,255,.98) 100%);
    box-shadow:0 18px 44px rgba(15,23,42,.06);
}

body.darkmode .ui-tenant-hero{
    border-color:rgba(99,115,141,.24);
    background:linear-gradient(135deg, rgba(17,24,39,.98) 0%, rgba(24,35,53,.98) 100%);
    box-shadow:0 18px 44px rgba(0,0,0,.24);
}

.ui-tenant-hero__content{
    flex:1 1 auto;
    min-width:0;
}

.ui-tenant-hero__eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(var(--tenant-ui-primary-rgb),.12);
    color:var(--tenant-ui-primary);
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

body.darkmode .ui-tenant-hero__eyebrow{
    background:rgba(96,165,250,.14);
    color:#9dc1ff;
}

.ui-tenant-hero__title{
    margin:12px 0 10px;
    color:#0f172a;
    font-size:clamp(28px,4vw,40px);
    font-weight:900;
    line-height:1.05;
    letter-spacing:-.04em;
}

body.darkmode .ui-tenant-hero__title{
    color:#f3f7ff;
}

.ui-tenant-hero__summary{
    max-width:72ch;
    margin:0 0 16px;
    color:#64748b;
    line-height:1.65;
}

body.darkmode .ui-tenant-hero__summary{
    color:#c4cfdf;
}

.ui-tenant-hero__chips{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.ui-tenant-chip{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:8px 14px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.18);
    background:rgba(255,255,255,.86);
    color:#334155;
    font-size:13px;
    font-weight:700;
    box-shadow:0 10px 22px rgba(15,23,42,.04);
}

body.darkmode .ui-tenant-chip{
    border-color:rgba(99,115,141,.24);
    background:rgba(255,255,255,.04);
    color:#d7e0ee;
}

.ui-tenant-hero__aside{
    flex:0 0 260px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:10px;
    padding:18px 20px;
    border-radius:22px;
    border:1px solid rgba(147,197,253,.18);
    background:linear-gradient(180deg, rgba(247,250,255,.96) 0%, rgba(239,246,255,.96) 100%);
}

body.darkmode .ui-tenant-hero__aside{
    border-color:rgba(96,165,250,.2);
    background:linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.03) 100%);
}

.ui-tenant-hero__aside-label{
    color:var(--tenant-ui-primary);
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

body.darkmode .ui-tenant-hero__aside-label{
    color:#9dc1ff;
}

.ui-tenant-hero__aside strong{
    color:#0f172a;
    font-size:24px;
    font-weight:900;
    line-height:1.15;
}

body.darkmode .ui-tenant-hero__aside strong{
    color:#f3f7ff;
}

.ui-tenant-hero__aside small{
    color:#64748b;
    line-height:1.55;
}

body.darkmode .ui-tenant-hero__aside small{
    color:#c4cfdf;
}

.ui-tenant-hero__actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-self:flex-start;
    gap:10px;
}

.ui-tenant-hero__actions .btn{
    min-height:44px;
    padding-inline:18px;
    border-radius:14px;
    font-weight:800;
}

.tenant-modern-dashboard .dashboard-stat{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 30px rgba(15,23,42,.04);
}

.tenant-modern-dashboard .dashboard-stat .card-body{
    padding:24px;
}

.tenant-modern-dashboard .dashboard-stat__meta{
    margin-top:12px;
    line-height:1.55;
}

.tenant-modern-dashboard .dashboard-stat__icon{
    border-radius:18px;
}

.tenant-modern-record .user-card,
.tenant-modern-record .support-inboxtbl,
.tenant-modern-record .card{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(15,23,42,.05);
}

.tenant-modern-record .user-card .card-body,
.tenant-modern-record .support-inboxtbl .card-body{
    padding:24px;
}

.tenant-modern-record .support-inboxtbl .card-header{
    padding:18px 24px;
}

.tenant-modern-record .user-card .card-header{
    padding:0;
    border:0;
    min-height:0;
}

.tenant-modern-record .user-detailwrap h3{
    margin-bottom:6px;
    font-size:26px;
    font-weight:900;
    letter-spacing:-.03em;
}

.tenant-modern-record .user-detailwrap h6{
    color:#64748b;
}

.tenant-modern-record .media{
    height:100%;
    padding:16px 18px;
    border-radius:18px;
    border:1px solid rgba(148,163,184,.12);
    background:rgba(248,250,252,.92);
}

body.darkmode .tenant-modern-record .media{
    border-color:rgba(99,115,141,.18);
    background:rgba(255,255,255,.03);
}

.tenant-modern-record .media h6{
    margin-bottom:8px;
    color:#94a3b8;
    font-size:12px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.tenant-modern-record .support-inboxtbl .card-header{
    flex-wrap:wrap;
    gap:12px;
}

.tenant-modern-record .support-inboxtbl .card-header .btn{
    min-height:40px;
    border-radius:12px;
    font-weight:700;
}

.tenant-modern-record .btn{
    border-radius:14px;
    font-weight:700;
}

.tenant-modern-record .btn-sm{
    min-height:40px;
}

.tenant-modern-record .user-card .btn,
.tenant-modern-record .support-inboxtbl .btn,
.tenant-modern-record .card .btn{
    min-height:40px;
    padding:.58rem .95rem;
}

.tenant-modern-record .support-inboxtbl [data-otp-submit]{
    background:#e3291d;
    border-color:#e3291d;
    color:#fff !important;
    box-shadow:0 10px 18px rgba(227,41,29,.18);
}

.tenant-modern-record .support-inboxtbl [data-otp-submit]:hover,
.tenant-modern-record .support-inboxtbl [data-otp-submit]:focus{
    background:#cf2218;
    border-color:#cf2218;
    color:#fff !important;
}

.tenant-modern-record .user-card .btn-outline-primary,
.tenant-modern-record .support-inboxtbl .btn-outline-primary,
.tenant-modern-record .card .btn-outline-primary{
    border-color:#e3291d;
    color:#e3291d;
}

.tenant-modern-record .user-card .btn-outline-primary:hover,
.tenant-modern-record .user-card .btn-outline-primary:focus,
.tenant-modern-record .support-inboxtbl .btn-outline-primary:hover,
.tenant-modern-record .support-inboxtbl .btn-outline-primary:focus,
.tenant-modern-record .card .btn-outline-primary:hover,
.tenant-modern-record .card .btn-outline-primary:focus{
    background:#e3291d;
    border-color:#e3291d;
    color:#fff;
}

.tenant-modern-record .user-card .btn-outline-secondary,
.tenant-modern-record .support-inboxtbl .btn-outline-secondary,
.tenant-modern-record .card .btn-outline-secondary{
    border-color:rgba(33,43,66,.16);
    color:#55627a;
}

.tenant-modern-record .user-card .btn-outline-secondary:hover,
.tenant-modern-record .user-card .btn-outline-secondary:focus,
.tenant-modern-record .support-inboxtbl .btn-outline-secondary:hover,
.tenant-modern-record .support-inboxtbl .btn-outline-secondary:focus,
.tenant-modern-record .card .btn-outline-secondary:hover,
.tenant-modern-record .card .btn-outline-secondary:focus{
    background:rgba(33,43,66,.08);
    border-color:rgba(33,43,66,.16);
    color:#1d2740;
}

.tenant-modern-record .user-card .btn-outline-success,
.tenant-modern-record .support-inboxtbl .btn-outline-success,
.tenant-modern-record .card .btn-outline-success{
    border-color:#4caf50;
    color:#4caf50;
}

.tenant-modern-record .user-card .btn-outline-success:hover,
.tenant-modern-record .user-card .btn-outline-success:focus,
.tenant-modern-record .support-inboxtbl .btn-outline-success:hover,
.tenant-modern-record .support-inboxtbl .btn-outline-success:focus,
.tenant-modern-record .card .btn-outline-success:hover,
.tenant-modern-record .card .btn-outline-success:focus{
    background:#4caf50;
    border-color:#4caf50;
    color:#fff;
}

.tenant-modern-record .table-responsive,
.tenant-modern-invoice .table-responsive{
    border-radius:18px;
}

.tenant-modern-invoice .ui-tenant-hero__actions{
    min-width:320px;
}

.tenant-modern-invoice .ui-tenant-hero__actions .btn{
    min-width:140px;
}

.tenant-modern-invoice #invoice-print .card{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(15,23,42,.05);
}

.tenant-modern-invoice .cdx-invoice{
    padding:0;
}

.tenant-modern-invoice .head-invoice{
    padding:26px 28px 0;
}

.tenant-modern-invoice .invoice-user{
    padding:22px 28px 0;
}

.tenant-modern-invoice .body-invoice,
.tenant-modern-invoice .footer-invoice{
    padding-inline:28px;
}

.tenant-modern-invoice .payment-history-card{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(15,23,42,.05);
}

.tenant-modern-invoice .tenant-invoice-actions-card .card-body{
    align-items:center;
}

.tenant-modern-invoice .tenant-invoice-actions{
    margin-left:auto;
}

.tenant-modern-invoice .tenant-invoice-actions .btn{
    min-width:140px;
}

.tenant-modern-invoice .payment-history-card .table-responsive{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

.tenant-modern-invoice .payment-history-card .invoice-payment-history-table{
    min-width:760px;
}

.tenant-modern-invoice .modal-content{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 18px 40px rgba(15,23,42,.18);
}

.tenant-modern-invoice__feedback-modal .modal-content{
    background:var(--tenant-ui-surface);
    border:1px solid var(--tenant-ui-border);
}

.tenant-modern-invoice__feedback-modal .modal-body{
    padding:26px 24px 22px;
    color:var(--tenant-ui-text);
}

.tenant-modern-invoice__feedback-modal .modal-title{
    color:var(--tenant-ui-text);
    font-weight:800;
}

.tenant-modern-invoice__feedback-modal p{
    color:var(--tenant-ui-muted);
}

.tenant-modern-invoice .modal-body{
    padding:22px 24px;
}

.tenant-modern-invoice .modal-footer{
    padding:18px 24px;
    gap:10px;
    flex-wrap:wrap;
}

.tenant-modern-invoice .modal-footer .btn{
    min-height:44px;
}

.tenant-modern-dashboard .badge,
.tenant-modern-record .badge,
.tenant-modern-invoice .badge,
.tenant-modern-collection .badge,
.tenant-modern-support .badge{
    border-radius:999px;
    font-weight:800;
    letter-spacing:.02em;
}

.tenant-modern-dashboard .table > :not(caption) > * > *,
.tenant-modern-record .table > :not(caption) > * > *,
.tenant-modern-invoice .table > :not(caption) > * > *,
.tenant-modern-collection .table > :not(caption) > * > *,
.tenant-modern-dashboard .dataTable td,
.tenant-modern-dashboard .dataTable th,
.tenant-modern-record .dataTable td,
.tenant-modern-record .dataTable th,
.tenant-modern-invoice .dataTable td,
.tenant-modern-invoice .dataTable th,
.tenant-modern-collection .dataTable td,
.tenant-modern-collection .dataTable th{
    padding-top:14px;
    padding-bottom:14px;
    vertical-align:middle;
}

.tenant-modern-dashboard .dataTable thead th,
.tenant-modern-record .dataTable thead th,
.tenant-modern-invoice .dataTable thead th,
.tenant-modern-collection .dataTable thead th{
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#64748b;
}

body.darkmode .tenant-modern-dashboard .dataTable thead th,
body.darkmode .tenant-modern-record .dataTable thead th,
body.darkmode .tenant-modern-invoice .dataTable thead th,
body.darkmode .tenant-modern-collection .dataTable thead th{
    color:#b8c4d9;
}

body.darkmode .tenant-modern-invoice__feedback-modal .modal-content{
    background:#1f2637;
    border-color:rgba(255,255,255,.06);
}

body.darkmode .tenant-modern-invoice__feedback-modal .modal-title,
body.darkmode .tenant-modern-invoice__feedback-modal p{
    color:#edf2ff;
}

.tenant-modern-record .table-responsive .badge,
.tenant-modern-invoice .table-responsive .badge,
.tenant-modern-collection .table-responsive .badge{
    box-shadow:0 8px 18px rgba(15,23,42,.08);
}

.tenant-modern-record .cart-action,
.tenant-modern-invoice .cart-action{
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.tenant-modern-record .cart-action a,
.tenant-modern-invoice .cart-action a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:32px;
    min-height:32px;
}

.tenant-modern-property-list .blogsoc-list,
.tenant-modern-invoice-list .dataTable,
.tenant-modern-property-list .properties .blog-wrapper p,
.tenant-modern-record .detail-list,
.tenant-modern-invoice .detail-list{
    margin-bottom:0;
}

.tenant-modern-collection .tenant-collection-overview,
.tenant-modern-collection .tenant-list-card{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(15,23,42,.05);
}

.tenant-modern-collection .tenant-list-card .card-body{
    padding:24px;
}

.tenant-modern-collection .tenant-collection-overview .card-body{
    padding:22px 24px;
}

.tenant-modern-property-list .blog-wrapper{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(15,23,42,.05);
}

.tenant-modern-utility-list .tenant-list-card,
.tenant-modern-utility-list .tenant-collection-overview,
.tenant-modern-utility-list .ui-support-overview{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(15,23,42,.05);
}

.tenant-modern-utility-list .tenant-list-card .card-body,
.tenant-modern-utility-list .tenant-collection-overview .card-body,
.tenant-modern-utility-list .ui-support-overview .card-body{
    padding:24px;
}

.tenant-modern-utility-list .table-responsive{
    border-radius:18px;
    overflow:auto;
}

.tenant-modern-utility-list .table{
    margin-bottom:0;
}

.tenant-modern-utility-list .cart-action{
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.tenant-modern-utility-list .cart-action a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:32px;
    min-height:32px;
}

.tenant-modern-country-list .tenant-list-card{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(15,23,42,.05);
}

.tenant-modern-country-list .tenant-list-card .card-body{
    padding:24px;
}

.tenant-modern-country-list .table-responsive{
    border-radius:18px;
    overflow:auto;
}

.tenant-modern-country-list .table{
    margin-bottom:0;
}

.tenant-modern-country-list .btn-outline-primary{
    min-height:42px;
    border-radius:14px;
}

.tenant-modern-user-list .user-card,
.tenant-modern-tenant-list .contact-card{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(15,23,42,.06);
}

.tenant-modern-user-list .user-card .card-body,
.tenant-modern-tenant-list .contact-card .card-body{
    padding:24px;
}

.tenant-modern-user-list .user-card .user-detailwrap,
.tenant-modern-tenant-list .contact-card .media-body{
    margin-top:18px;
}

.tenant-modern-user-list .user-card .group-btn,
.tenant-modern-tenant-list .contact-card .user-setting{
    margin-top:16px;
}

.tenant-modern-property-list .blog-wrapper .detailwrapper{
    padding:22px 22px 20px;
}

.tenant-modern-property-list .blog-wrapper .imgwrapper{
    border-top-left-radius:24px;
    border-top-right-radius:24px;
}

.tenant-modern-property-list .search-bar{
    margin-bottom:16px;
}

.theme-body.tenant-modern-dashboard .ui-tenant-hero,
.theme-body.tenant-modern-record .ui-tenant-hero,
.theme-body.tenant-modern-invoice .ui-tenant-hero,
.theme-body.tenant-modern-support .ui-tenant-hero,
.theme-body.tenant-modern-collection .ui-tenant-hero,
.theme-body.tenant-modern-form .ui-tenant-hero,
.theme-body.tenant-modern-settings .ui-tenant-hero{
    display:none !important;
}

@media (max-width: 991.98px){
    .ui-page-header{
        margin-inline:10px;
        border-radius:24px;
    }

    .ui-page-tip__steps{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .dashboard-grid{
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }

    .ui-tenant-hero{
        flex-direction:column;
        padding:22px;
    }

    .ui-tenant-hero__aside{
        flex:1 1 auto;
        width:100%;
    }

    .ui-tenant-hero__actions{
        width:100%;
        justify-content:flex-start;
    }

    .ui-tenant-hero__actions .btn{
        flex:1 1 160px;
    }

    .tenant-modern-record .support-inboxtbl .card-header{
        align-items:flex-start !important;
    }

    .tenant-modern-collection .tenant-list-card .card-body,
    .tenant-modern-collection .tenant-collection-overview .card-body{
        padding:20px;
    }

    .tenant-modern-country-list .tenant-list-card .card-body{
        padding:20px;
    }

    .tenant-modern-utility-list .tenant-list-card .card-body,
    .tenant-modern-utility-list .tenant-collection-overview .card-body,
    .tenant-modern-utility-list .ui-support-overview .card-body{
        padding:20px;
    }

    .tenant-modern-settings .card-body,
    .tenant-modern-support .card-body,
    .tenant-modern-form .card-body{
        padding:20px;
    }

    .tenant-modern-settings .text-right,
    .tenant-modern-settings .text-end,
    .tenant-modern-form .text-right,
    .tenant-modern-form .text-end,
    .tenant-payment-modal__footer{
        justify-content:stretch;
    }

    .tenant-modern-settings .text-right .btn,
    .tenant-modern-settings .text-end .btn,
    .tenant-modern-form .text-right .btn,
    .tenant-modern-form .text-end .btn,
    .tenant-modern-form .group-button .btn,
    .tenant-modal-form .btn,
    .tenant-payment-modal__footer .btn,
    .tenant-modern-settings__actions .btn{
        width:100%;
    }

    .tenant-modern-settings__actions{
        position:sticky;
        bottom:12px;
        z-index:3;
        margin-top:18px;
        padding-top:14px;
        padding-bottom:calc(14px + env(safe-area-inset-bottom));
        background:linear-gradient(180deg, rgba(244,246,251,0), rgba(244,246,251,.94) 28%, rgba(244,246,251,.98) 100%);
        backdrop-filter:blur(10px);
    }

    body.darkmode .tenant-modern-settings__actions{
        background:linear-gradient(180deg, rgba(19,27,44,0), rgba(19,27,44,.94) 28%, rgba(19,27,44,.98) 100%);
    }

    .tenant-modern-settings--payment .custom-container.common-dash{
        padding-bottom:24px;
    }

    .tenant-modern-settings--payment .card{
        overflow:visible;
    }

    .tenant-modern-settings--payment .tenant-modern-settings__actions{
        position:sticky;
        bottom:12px;
        z-index:4;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:10px;
        padding:14px 18px 18px;
        border-top:1px solid rgba(33,43,66,.03);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
        background:linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,.84));
        backdrop-filter:blur(10px);
    }

    .tenant-modern-settings--payment .tenant-modern-settings__actions .btn{
        min-width:min(240px, 100%);
        min-height:48px;
        font-weight:700;
        letter-spacing:.01em;
        margin-inline:auto;
    }

    .tenant-modern-settings--payment .tenant-modern-settings__actions--premium{
        border-top-left-radius:0;
        border-top-right-radius:0;
    }

    body.darkmode .tenant-modern-settings--payment .tenant-modern-settings__actions{
        border-top-color:rgba(99,115,141,.08);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
        background:linear-gradient(180deg, rgba(19,27,44,.46), rgba(19,27,44,.88));
    }

    .tenant-modal-form__footer{
        justify-content:stretch;
        flex-direction:column;
        padding:16px 18px 18px;
    }

    .tenant-modal-form__footer .btn{
        width:100%;
    }

    .tenant-modern-form .group-button{
        justify-content:stretch;
    }

    .tenant-payment-modal__footer{
        flex-direction:column;
    }

    .support-assistant-main .support-assistant-shell{
        width:100%;
        max-width:100%;
    }

    .support-assistant-main .codex-authbox{
        padding:22px 18px 18px;
    }

    .tenant-modern-support .ui-support-overview .card-body{
        padding:20px;
    }

    .tenant-modern-settings .row > [class*="col-"],
    .tenant-modern-support .row > [class*="col-"]{
        margin-bottom:14px;
    }
}

@media (max-width: 767.98px){
    .ui-page-header{
        margin-inline:8px;
    }

    .ui-page-header .breadcrumb-contain{
        padding:18px 18px 16px;
        gap:14px;
    }

    .ui-page-header .right-breadcrumb ul{
        justify-content:flex-start;
        width:100%;
    }

    .ui-page-header .right-breadcrumb ul li{
        width:100%;
        justify-content:center;
    }

    .ui-page-header .right-breadcrumb ul li.header_li,
    .ui-page-header .right-breadcrumb ul li > a{
        width:100%;
    }

    .ui-page-header .right-breadcrumb ul li .btn,
    .ui-page-header .right-breadcrumb ul li a.btn{
        width:100%;
    }

    .ui-page-tip .card-body{
        padding:20px;
    }

    .ui-page-tip{
        margin-bottom:18px;
    }

    .ui-page-tip__steps{
        grid-template-columns:1fr;
    }

    .ui-page-tip__cta{
        width:100%;
    }

    .ui-page-tip .d-flex.align-items-start.justify-content-between{
        gap:14px !important;
    }

    .ui-page-tip .d-flex.flex-column.align-items-end{
        width:100%;
        align-items:stretch !important;
    }

    .ui-page-tip .d-flex.flex-column.align-items-end .btn,
    .ui-page-tip .d-flex.flex-column.align-items-end form{
        width:100%;
    }

    .dashboard-grid{
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
        margin-top:2px;
    }

    .dashboard-stat__head{
        gap:14px;
    }

    .dashboard-stat__value{
        font-size:28px;
    }

    .dashboard-stat__icon{
        width:48px;
        min-width:48px;
        height:48px;
        border-radius:16px;
    }

    .ui-tenant-hero{
        padding:20px;
        border-radius:24px;
    }

    .tenant-modern-record .ui-tenant-hero,
    .tenant-modern-collection .ui-tenant-hero{
        gap:14px;
    }

    .ui-tenant-hero__title{
        font-size:28px;
    }

    .ui-tenant-hero__summary{
        margin-bottom:14px;
    }

    .ui-tenant-hero__chips{
        gap:8px;
    }

    .ui-tenant-chip{
        width:100%;
        justify-content:flex-start;
    }

    .ui-tenant-hero__actions{
        width:100%;
    }

    .ui-tenant-hero__actions .btn{
        width:100%;
    }

    .tenant-modern-dashboard .dashboard-stat .card-body,
    .tenant-modern-record .user-card .card-body,
    .tenant-modern-record .support-inboxtbl .card-body,
    .tenant-modern-invoice .head-invoice,
    .tenant-modern-invoice .invoice-user,
    .tenant-modern-invoice .body-invoice,
    .tenant-modern-invoice .footer-invoice{
        padding-inline:20px;
    }

    .tenant-modern-invoice .modal-body,
    .tenant-modern-invoice .modal-footer{
        padding:18px;
    }

    .tenant-modern-invoice .modal-footer{
        flex-direction:column;
    }

    .tenant-modern-invoice .modal-footer .btn{
        width:100%;
    }

    .tenant-modern-invoice .tenant-invoice-actions-card .card-body{
        align-items:stretch;
    }

    .tenant-modern-invoice .tenant-invoice-actions-copy,
    .tenant-modern-invoice .tenant-invoice-actions{
        width:100%;
    }

    .tenant-modern-invoice .tenant-invoice-actions{
        margin-left:0;
    }

    .tenant-modern-invoice .tenant-invoice-actions .btn,
    .tenant-modern-invoice .tenant-invoice-actions form{
        width:100%;
    }

    .tenant-modern-invoice .tenant-invoice-actions .btn{
        justify-content:center;
    }

    .tenant-modern-record .ui-tenant-hero__aside{
        display:none;
    }

    .tenant-modern-record .ui-tenant-hero__chips{
        display:grid;
        grid-template-columns:1fr;
    }

    .tenant-modern-record .tenant-record-grid{
        margin-top:6px;
    }

    .tenant-modern-record .tenant-record-grid > [class*="col-"],
    .tenant-modern-collection .row > [class*="col-"]{
        margin-bottom:16px;
    }

    .tenant-modern-record .support-inboxtbl .card-header .btn,
    .tenant-modern-record .support-inboxtbl .card-header form{
        width:100%;
    }

    .tenant-modern-record .support-inboxtbl .card-header .btn{
        justify-content:center;
    }

    .tenant-modern-settings .card-body,
    .tenant-modern-support .card-body,
    .tenant-modern-form .card-body{
        padding:18px;
    }

    .tenant-modern-settings .card,
    .tenant-modern-support .card,
    .tenant-modern-form .card{
        border-radius:22px;
    }

    .tenant-modern-support .ui-support-overview .card-body{
        flex-direction:column;
        align-items:flex-start !important;
    }

    .tenant-modern-support .dataTable td,
    .tenant-modern-support .dataTable th{
        padding-top:12px;
        padding-bottom:12px;
    }

    .tenant-modern-support .ui-support-overview .btn{
        width:100%;
    }

    .tenant-modern-utility-list .table-responsive{
        border-radius:16px;
    }

    .tenant-modern-tenant-list .contact-card .card-body{
        padding:18px;
    }

    .tenant-modern-tenant-list .contact-card .media{
        flex-direction:column;
        align-items:flex-start !important;
        gap:12px;
    }

    .tenant-modern-tenant-list .contact-card .media-body{
        margin-top:2px;
        width:100%;
    }

    .tenant-modern-tenant-list .contact-card .user-setting{
        width:100%;
    }

    .tenant-modern-country-list .table-responsive{
        border-radius:16px;
    }

    .support-assistant-main .ui-support-assistant__status{
        padding:14px 16px;
    }

    .support-assistant-main .ui-support-assistant__send{
        min-height:50px;
    }

    .support-assistant-main .auth-header{
        margin-bottom:16px;
    }

    .support-assistant-main .ui-support-assistant__help,
    .support-assistant-main .ui-support-assistant__reply,
    .support-assistant-main .ui-support-assistant__status{
        border-radius:18px;
    }

    .tenant-modern-support .blogdetail-wrrapper .detailwrapper,
    .tenant-modern-support .addblg-comment .card-body{
        padding:18px;
    }

    .tenant-modern-support .blgcomment-list .media{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }

    .tenant-modern-support .blgcomment-list .media-body{
        width:100%;
    }

    .tenant-modern-support .blogsoc-list li{
        width:100%;
    }

    .tenant-modern-settings .row > [class*="col-"],
    .tenant-modern-support .row > [class*="col-"],
    .tenant-modern-form .row > [class*="col-"]{
        margin-bottom:12px;
    }

    .tenant-modern-property-form .dropzone{
        padding:18px;
    }

    .tenant-modal-form{
        padding:4px 0 2px;
    }

    .tenant-modal-form .row > [class*="col-"]{
        margin-bottom:12px;
    }

    .tenant-modern-invoice .ui-tenant-hero__actions{
        min-width:0;
    }

    .tenant-modern-property-list .blog-wrapper .detailwrapper{
        padding:18px 18px 16px;
    }

    .tenant-modern-property-list .blog-wrapper,
    .tenant-modern-collection .tenant-list-card,
    .tenant-modern-collection .tenant-collection-overview{
        border-radius:22px;
    }

    .tenant-modern-invoice .payment-history-card .invoice-payment-history-table{
        min-width:680px;
    }

    .tenant-modern-country-list .tenant-list-card{
        border-radius:22px;
    }

    .tenant-modern-dashboard .dataTable td,
    .tenant-modern-dashboard .dataTable th,
    .tenant-modern-record .dataTable td,
    .tenant-modern-record .dataTable th,
    .tenant-modern-invoice .dataTable td,
    .tenant-modern-invoice .dataTable th,
    .tenant-modern-collection .dataTable td,
    .tenant-modern-collection .dataTable th{
        padding-top:12px;
        padding-bottom:12px;
    }
}

.onboarding-checklist-card__footer{
    padding-top:18px;
    border-top:1px solid rgba(148,163,184,.18);
}

.codex-sidebar .codex-menu > li.menu-item{
    margin-bottom:6px;
}

.codex-sidebar .codex-menu > li:not(.cdxmenu-title) > a,
.codex-sidebar .menu-item--settings > a,
.codex-sidebar .menu-item--business > a{
    margin-inline:4px;
    padding:9px 12px;
    border-radius:16px;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transition:color .2s ease, transform .2s ease, opacity .2s ease;
}

.codex-sidebar .codex-menu > li:not(.cdxmenu-title) > a .icon-item,
.codex-sidebar .menu-item--settings > a .icon-item,
.codex-sidebar .menu-item--business > a .icon-item{
    width:30px;
    min-width:30px;
    height:30px;
    border-radius:10px;
    background:transparent;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--tenant-ui-primary);
}

.codex-sidebar .codex-menu > li:not(.cdxmenu-title) > a .icon-item i,
.codex-sidebar .codex-menu > li:not(.cdxmenu-title) > a .icon-item svg,
.codex-sidebar .menu-item--settings > a .icon-item i,
.codex-sidebar .menu-item--settings > a .icon-item svg,
.codex-sidebar .menu-item--business > a .icon-item i,
.codex-sidebar .menu-item--business > a .icon-item svg{
    font-size:15px;
    width:15px;
    height:15px;
}

.codex-sidebar .codex-menu > li:not(.cdxmenu-title) > a span,
.codex-sidebar .menu-item--settings > a span,
.codex-sidebar .menu-item--business > a span{
    font-size:14px;
    font-weight:600;
}

.codex-sidebar .codex-menu > li:not(.cdxmenu-title).active > a,
.codex-sidebar .codex-menu > li:not(.cdxmenu-title) > a:hover,
.codex-sidebar .menu-item--settings.active > a,
.codex-sidebar .menu-item--settings > a:hover,
.codex-sidebar .menu-item--business.active > a,
.codex-sidebar .menu-item--business > a:hover{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:var(--tenant-ui-primary);
}

.codex-sidebar .codex-menu .submenu-list,
.codex-sidebar .codex-menu .secondsubmenu-list{
    padding-inline-start:14px;
}

.codex-sidebar .codex-menu .submenu-list a,
.codex-sidebar .codex-menu .secondsubmenu-list a{
    margin-inline:4px;
    margin-block:4px;
    padding:8px 12px 8px 18px;
    border-radius:12px;
    background:transparent;
    color:var(--tenant-ui-muted);
    font-size:14px;
    font-weight:600;
    border:0;
    box-shadow:none;
    transition:color .2s ease, transform .2s ease, opacity .2s ease;
}

.codex-sidebar .codex-menu .submenu-list a .icon-item,
.codex-sidebar .codex-menu .secondsubmenu-list a .icon-item{
    width:26px;
    min-width:26px;
    height:26px;
    border-radius:9px;
    background:transparent;
    color:var(--tenant-ui-primary);
}

.codex-sidebar .codex-menu .submenu-list a span,
.codex-sidebar .codex-menu .secondsubmenu-list a span{
    font-size:13px;
    font-weight:600;
}

.codex-sidebar .codex-menu .submenu-list > li.active > a,
.codex-sidebar .codex-menu .secondsubmenu-list > li.active > a,
.codex-sidebar .codex-menu .submenu-list a:hover,
.codex-sidebar .codex-menu .secondsubmenu-list a:hover{
    background:transparent;
    border:0;
    box-shadow:none;
    color:var(--tenant-ui-primary);
}

body.darkmode .codex-sidebar .codex-menu .submenu-list a,
body.darkmode .codex-sidebar .codex-menu .secondsubmenu-list a{
    background:transparent;
    color:#aeb8cd;
    border:0;
    box-shadow:none;
}

body.darkmode .codex-sidebar .codex-menu .submenu-list a .icon-item,
body.darkmode .codex-sidebar .codex-menu .secondsubmenu-list a .icon-item{
    background:transparent;
    color:var(--tenant-ui-primary);
}

body.darkmode .codex-sidebar .codex-menu .submenu-list > li.active > a,
body.darkmode .codex-sidebar .codex-menu .secondsubmenu-list > li.active > a,
body.darkmode .codex-sidebar .codex-menu .submenu-list a:hover,
body.darkmode .codex-sidebar .codex-menu .secondsubmenu-list a:hover{
    background:transparent;
    border:0;
    box-shadow:none;
    color:#edf2ff;
}

body.darkmode .codex-sidebar .codex-menu > li:not(.cdxmenu-title) > a .icon-item,
body.darkmode .codex-sidebar .menu-item--settings > a .icon-item,
body.darkmode .codex-sidebar .menu-item--business > a .icon-item{
    background:transparent;
    color:var(--tenant-ui-primary);
}

body.darkmode .codex-sidebar .codex-menu > li:not(.cdxmenu-title) > a,
body.darkmode .codex-sidebar .menu-item--settings > a,
body.darkmode .codex-sidebar .menu-item--business > a{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

body.darkmode .codex-sidebar .codex-menu > li:not(.cdxmenu-title).active > a,
body.darkmode .codex-sidebar .codex-menu > li:not(.cdxmenu-title) > a:hover,
body.darkmode .codex-sidebar .menu-item--settings.active > a,
body.darkmode .codex-sidebar .menu-item--settings > a:hover,
body.darkmode .codex-sidebar .menu-item--business.active > a,
body.darkmode .codex-sidebar .menu-item--business > a:hover{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.invite-meta-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
    margin-bottom:18px;
}

.invite-meta-card{
    padding:14px 16px;
    border-radius:18px;
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.12);
    background:linear-gradient(180deg, rgba(var(--tenant-ui-primary-rgb),.08), rgba(var(--tenant-ui-accent-rgb),.06));
    box-shadow:0 12px 28px rgba(28,39,64,.05);
}

.invite-meta-card__label{
    display:block;
    margin-bottom:6px;
    color:var(--tenant-ui-muted);
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.invite-meta-card__value{
    display:block;
    color:var(--tenant-ui-text);
    font-size:16px;
    line-height:1.35;
}

.invite-share-panel{
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.10);
    border-radius:22px;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,255,.92));
    box-shadow:0 16px 40px rgba(28,39,64,.06);
}

.invite-qr-frame{
    padding:18px;
    border:1px solid rgba(var(--tenant-ui-primary-rgb),.12);
    border-radius:20px;
    background:linear-gradient(180deg, rgba(244,247,255,.9), rgba(255,255,255,.96));
}

.invite-qr-frame img{
    border-radius:18px;
}

.codex-sidebar .menu-item--settings.active > a,
.codex-sidebar .menu-item--settings > a:hover,
.codex-sidebar .menu-item--business.active > a,
.codex-sidebar .menu-item--business > a:hover{
    background:transparent;
    border:0;
    box-shadow:none;
    color:var(--tenant-ui-primary);
}

@media (max-width: 575.98px){
    .codex-sidebar .codex-menu > li:not(.cdxmenu-title),
    .codex-sidebar .menu-item--settings,
    .codex-sidebar .menu-item--business{
        margin-bottom:4px;
    }

    .codex-sidebar .codex-menu > li:not(.cdxmenu-title) > a,
    .codex-sidebar .menu-item--settings > a,
    .codex-sidebar .menu-item--business > a{
        margin-inline:2px;
        padding:8px 10px;
    }

    .codex-sidebar .codex-menu > li:not(.cdxmenu-title) > a span,
    .codex-sidebar .menu-item--settings > a span,
    .codex-sidebar .menu-item--business > a span{
        font-size:13px;
        line-height:1.2;
    }

    .codex-sidebar .codex-menu .submenu-list,
    .codex-sidebar .codex-menu .secondsubmenu-list{
        padding-inline-start:10px;
    }

    .codex-sidebar .codex-menu .submenu-list a,
    .codex-sidebar .codex-menu .secondsubmenu-list a{
        margin-inline:2px;
        margin-block:3px;
        padding:7px 10px 7px 14px;
        font-size:13px;
        background:transparent;
        border:0;
        box-shadow:none;
    }

    .invite-meta-grid{
        grid-template-columns:1fr;
        gap:10px;
        margin-bottom:14px;
    }

    .invite-meta-card{
        padding:12px 14px;
        border-radius:16px;
    }

    .invite-share-panel{
        border-radius:20px;
    }

    .invite-qr-frame{
        padding:14px;
        border-radius:18px;
    }
}