/* DigiWorld Admin — premium operations workspace v2. All existing controls remain intact. */
:root {
    --sidebar-width: 264px;
    --admin-v2-canvas: #f3f5f8;
    --admin-v2-surface: #ffffff;
    --admin-v2-line: #e5e9f0;
    --admin-v2-ink: #172033;
    --admin-v2-muted: #6f7888;
    --admin-v2-brand: #f35b27;
    --admin-v2-brand-strong: #dd4318;
    --admin-v2-shadow: 0 16px 42px rgba(31, 41, 55, .075);
}

body[data-no-components="true"] {
    color: var(--admin-v2-ink);
    background: var(--admin-v2-canvas) !important;
    font-family: Inter, Poppins, system-ui, sans-serif !important;
}

body[data-no-components="true"]::before,
body[data-no-components="true"]::after {
    display: none !important;
}

body[data-no-components="true"] #dashboardContainer {
    background: var(--admin-v2-canvas) !important;
}

body[data-no-components="true"] #dashboardContainer .sidebar {
    width: var(--sidebar-width) !important;
    gap: 14px !important;
    padding: 22px 16px 24px !important;
    border-right: 0 !important;
    background:
        radial-gradient(circle at 100% 0, rgba(243, 91, 39, .2), transparent 32%),
        linear-gradient(180deg, #111827, #182438) !important;
    box-shadow: 12px 0 36px rgba(15, 23, 42, .1) !important;
    backdrop-filter: none !important;
}

body[data-no-components="true"] #dashboardContainer .sidebar-header {
    min-height: 55px;
    padding: 0 7px 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

body[data-no-components="true"] #dashboardContainer .sidebar-header h2 {
    display: flex;
    align-items: center;
    gap: 11px;
    font-family: Outfit, Inter, sans-serif !important;
    font-size: 1.14rem !important;
    letter-spacing: -.025em !important;
}

body[data-no-components="true"] #dashboardContainer .sidebar-header h2::before {
    content: "DW";
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(145deg, #ff7c48, #ef4424);
    box-shadow: 0 12px 25px rgba(243, 91, 39, .24);
    font-family: Outfit, sans-serif;
    font-size: .76rem;
    font-weight: 900;
}

body[data-no-components="true"] #dashboardContainer .sidebar-nav {
    gap: 4px !important;
    padding: 4px 0 18px;
}

body[data-no-components="true"] #dashboardContainer .sidebar-nav .nav-link {
    min-height: 43px !important;
    gap: 9px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    color: #bdc7d5 !important;
    font-size: .79rem !important;
    font-weight: 680 !important;
    letter-spacing: 0 !important;
}

body[data-no-components="true"] #dashboardContainer .sidebar-nav .nav-link i {
    width: 28px !important;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: #acb7c8;
    background: rgba(255, 255, 255, .055);
    font-size: .78rem;
}

body[data-no-components="true"] #dashboardContainer .sidebar-nav .nav-link:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .065) !important;
    transform: translateX(2px) !important;
}

body[data-no-components="true"] #dashboardContainer .sidebar-nav .nav-link.active {
    color: #fff !important;
    background: linear-gradient(105deg, #ed5424, #ff7541) !important;
    box-shadow: 0 12px 26px rgba(243, 91, 39, .19) !important;
}

body[data-no-components="true"] #dashboardContainer .sidebar-nav .nav-link.active i {
    color: #fff !important;
    background: rgba(255, 255, 255, .16) !important;
}

body[data-no-components="true"] #dashboardContainer .sidebar-nav .nav-badge {
    margin-left: auto !important;
    padding: 3px 6px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    color: #ffb493 !important;
    background: rgba(243, 91, 39, .12) !important;
    box-shadow: none !important;
    font-size: .55rem !important;
    letter-spacing: .05em !important;
}

body[data-no-components="true"] #dashboardContainer .main-content {
    width: calc(100% - var(--sidebar-width)) !important;
    max-width: none !important;
    margin-left: var(--sidebar-width) !important;
    color: var(--admin-v2-ink);
}

body[data-no-components="true"] #dashboardContainer .admin-header,
body[data-no-components="true"] #dashboardContainer .overview-panel,
body[data-no-components="true"] #dashboardContainer .quick-card,
body[data-no-components="true"] #dashboardContainer .stat-card,
body[data-no-components="true"] #dashboardContainer .dashboard-card {
    border-color: var(--admin-v2-line) !important;
    background: var(--admin-v2-surface) !important;
    box-shadow: var(--admin-v2-shadow) !important;
    backdrop-filter: none !important;
}

body[data-no-components="true"] #dashboardContainer .admin-header h1,
body[data-no-components="true"] #dashboardContainer .overview-panel h3,
body[data-no-components="true"] #dashboardContainer .quick-card h4,
body[data-no-components="true"] #dashboardContainer .dashboard-card h3 {
    color: var(--admin-v2-ink) !important;
    font-family: Outfit, Inter, sans-serif !important;
    letter-spacing: -.03em !important;
}

body[data-no-components="true"] #dashboardContainer .admin-subtitle,
body[data-no-components="true"] #dashboardContainer .quick-card p,
body[data-no-components="true"] #dashboardContainer .glance-label,
body[data-no-components="true"] #dashboardContainer .glance-subtext,
body[data-no-components="true"] #dashboardContainer .stat-title {
    color: var(--admin-v2-muted) !important;
}

body[data-no-components="true"] #dashboardContainer .eyebrow {
    padding: 5px 9px !important;
    border: 1px solid rgba(243, 91, 39, .14);
    color: var(--admin-v2-brand-strong) !important;
    background: #fff1e9 !important;
    font-size: .62rem !important;
    font-weight: 850 !important;
    letter-spacing: .08em !important;
}

body[data-no-components="true"] #dashboardContainer .pill {
    border: 1px solid var(--admin-v2-line) !important;
    border-radius: 9px !important;
    background: #f8f9fb !important;
    box-shadow: none !important;
}

body[data-no-components="true"] #dashboardContainer .pill.live {
    color: #18794e !important;
    border-color: #d7eee2 !important;
    background: #f0faf4 !important;
}

body[data-no-components="true"] #dashboardContainer .pill.secure {
    color: #176aa4 !important;
    border-color: #d8ebf7 !important;
    background: #f1f8fc !important;
}

body[data-no-components="true"] #dashboardContainer .actions-compact .btn {
    color: #334155 !important;
    border: 1px solid var(--admin-v2-line) !important;
    background: #fff !important;
    box-shadow: none !important;
    text-decoration: none;
    font-family: Inter, sans-serif !important;
    font-weight: 780 !important;
}

body[data-no-components="true"] #dashboardContainer .actions-compact .btn-accent,
body[data-no-components="true"] #dashboardContainer .actions-compact .btn-orders {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #ff7541, #e84820) !important;
    box-shadow: 0 10px 22px rgba(243, 91, 39, .18) !important;
}

body[data-no-components="true"] #dashboardContainer .actions-compact .btn-danger {
    color: #fff !important;
    border-color: transparent !important;
    background: #d92f32 !important;
}

body[data-no-components="true"] #dashboardContainer .overview-panel {
    position: relative;
    overflow: hidden;
}

body[data-no-components="true"] #dashboardContainer .overview-panel::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    right: -60px;
    top: -60px;
    border-radius: 50%;
    background: var(--admin-v2-brand);
    opacity: .045;
    pointer-events: none;
}

body[data-no-components="true"] #dashboardContainer .glance-card {
    position: relative;
    overflow: hidden;
    min-width: 0 !important;
    border: 1px solid var(--admin-v2-line) !important;
    background: #f8f9fb !important;
    box-shadow: none !important;
}

body[data-no-components="true"] #dashboardContainer .glance-card::before {
    content: "";
    position: absolute;
    inset: auto 14px 0;
    height: 3px;
    border-radius: 99px 99px 0 0;
    background: linear-gradient(90deg, #f35b27, #ff9b60);
    opacity: .85;
}

body[data-no-components="true"] #dashboardContainer .glance-card h4 {
    color: var(--admin-v2-ink) !important;
    font-family: Outfit, Inter, sans-serif !important;
    letter-spacing: -.04em !important;
}

body[data-no-components="true"] #dashboardContainer .quick-card {
    border-radius: 16px !important;
    transition: transform .16s ease, box-shadow .16s ease !important;
}

body[data-no-components="true"] #dashboardContainer .quick-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 38px rgba(31, 41, 55, .1) !important;
}

body[data-no-components="true"] #dashboardContainer .quick-card-icon {
    color: var(--admin-v2-brand) !important;
    background: #fff0e9 !important;
}

body[data-no-components="true"] #dashboardContainer .quick-card-icon.warning {
    color: #ae7100 !important;
    background: #fff7df !important;
}

body[data-no-components="true"] #dashboardContainer .quick-card .btn-orders {
    color: #fff !important;
    border: 0 !important;
    background: linear-gradient(135deg, #ff7541, #e84820) !important;
    text-decoration: none;
}

body[data-no-components="true"] #dashboardContainer #dashboardMessage[data-sync-state] {
    border-color: #dbeee3 !important;
    color: #1c7d4d !important;
    background: #f3fbf6 !important;
    box-shadow: none !important;
}

body[data-no-components="true"] #dashboardContainer .stats-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body[data-no-components="true"] #dashboardContainer .stat-card {
    min-width: 0;
    min-height: 104px;
    padding: 16px 18px !important;
    border-left: 1px solid var(--admin-v2-line) !important;
    border-radius: 16px !important;
}

body[data-no-components="true"] #dashboardContainer .stat-card::before {
    content: "";
    width: 30px;
    height: 3px;
    margin-bottom: 4px;
    border-radius: 99px;
    background: var(--admin-v2-brand);
}

body[data-no-components="true"] #dashboardContainer .stat-card.success::before { background: #18a462; }
body[data-no-components="true"] #dashboardContainer .stat-card.warning::before { background: #e59b0b; }
body[data-no-components="true"] #dashboardContainer .stat-card.info::before { background: #2998d3; }

body[data-no-components="true"] #dashboardContainer .stat-card .stat-value {
    color: var(--admin-v2-ink) !important;
    font-family: Outfit, Inter, sans-serif !important;
    font-size: 1.55rem !important;
    letter-spacing: -.035em;
}

body[data-no-components="true"] #dashboardContainer .dashboard {
    gap: 16px !important;
}

body[data-no-components="true"] #dashboardContainer .dashboard-card {
    content-visibility: visible !important;
    contain-intrinsic-size: none !important;
    margin-bottom: 16px !important;
    padding: 21px !important;
    border-radius: 18px !important;
    transition: border-color .16s ease, box-shadow .16s ease !important;
}

body[data-no-components="true"] #dashboardContainer .dashboard-card:hover {
    border-color: rgba(243, 91, 39, .2) !important;
    transform: none !important;
    box-shadow: 0 18px 38px rgba(31, 41, 55, .09) !important;
}

body[data-no-components="true"] #dashboardContainer .table-shell,
body[data-no-components="true"] #dashboardContainer table,
body[data-no-components="true"] #dashboardContainer .pending-review-card {
    border-color: var(--admin-v2-line) !important;
    background: #f8f9fb !important;
    box-shadow: none !important;
}

body[data-no-components="true"] #dashboardContainer th {
    color: #657084 !important;
    background: #f1f3f7 !important;
    font-size: .72rem !important;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body[data-no-components="true"] #dashboardContainer th,
body[data-no-components="true"] #dashboardContainer td {
    padding: 13px 14px !important;
    border-color: var(--admin-v2-line) !important;
    font-size: .8rem;
}

@media (min-width: 1280px) {
    body[data-no-components="true"] #dashboardContainer .main-content {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 340px) !important;
        column-gap: 16px !important;
        row-gap: 16px !important;
        padding: 20px clamp(20px, 2.1vw, 38px) 56px !important;
    }

    body[data-no-components="true"] #dashboardContainer .admin-header {
        top: 10px !important;
        min-height: 100px !important;
        padding: 17px 19px !important;
        border-radius: 19px !important;
    }

    body[data-no-components="true"] #dashboardContainer .admin-header::after {
        display: none !important;
    }

    body[data-no-components="true"] #dashboardContainer .admin-header h1 {
        font-size: clamp(1.65rem, 1.8vw, 2.05rem) !important;
    }

    body[data-no-components="true"] #dashboardContainer .admin-header .admin-subtitle {
        margin: 0 0 4px !important;
        font-size: .79rem !important;
    }

    body[data-no-components="true"] #dashboardContainer .header-pills {
        gap: 5px !important;
    }

    body[data-no-components="true"] #dashboardContainer .header-pills .pill {
        min-height: 24px !important;
        padding: 3px 7px !important;
        font-size: .61rem !important;
    }

    body[data-no-components="true"] #dashboardContainer .admin-actions {
        width: min(640px, 47vw) !important;
    }

    body[data-no-components="true"] #dashboardContainer .actions-compact {
        gap: 7px !important;
    }

    body[data-no-components="true"] #dashboardContainer .actions-compact .btn {
        min-height: 38px !important;
        padding: 8px 10px !important;
        border-radius: 11px !important;
        font-size: .7rem !important;
    }

    body[data-no-components="true"] #dashboardContainer .overview-panel {
        min-height: 0 !important;
        padding: 19px !important;
        border-radius: 19px !important;
    }

    body[data-no-components="true"] #dashboardContainer .overview-header {
        margin-bottom: 10px !important;
    }

    body[data-no-components="true"] #dashboardContainer .overview-panel h3 {
        margin: 3px 0 !important;
        font-size: 1.05rem !important;
    }

    body[data-no-components="true"] #dashboardContainer .glance-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        margin-top: 10px !important;
    }

    body[data-no-components="true"] #dashboardContainer .glance-card {
        min-height: 94px !important;
        padding: 13px 14px !important;
        border-radius: 14px !important;
    }

    body[data-no-components="true"] #dashboardContainer .glance-card h4 {
        margin: 5px 0 2px !important;
        font-size: clamp(1.25rem, 1.35vw, 1.62rem) !important;
    }

    body[data-no-components="true"] #dashboardContainer .glance-label,
    body[data-no-components="true"] #dashboardContainer .glance-subtext {
        font-size: .68rem !important;
    }

    body[data-no-components="true"] #dashboardContainer .quick-actions {
        gap: 8px !important;
    }

    body[data-no-components="true"] #dashboardContainer .quick-card {
        min-height: 94px !important;
        padding: 12px !important;
        border-radius: 15px !important;
    }

    body[data-no-components="true"] #dashboardContainer .quick-card-icon {
        width: 38px !important;
        height: 38px !important;
        border-radius: 11px !important;
        font-size: .9rem !important;
    }

    body[data-no-components="true"] #dashboardContainer .quick-card h4 {
        font-size: .79rem !important;
    }

    body[data-no-components="true"] #dashboardContainer .quick-card p {
        font-size: .65rem !important;
    }

    body[data-no-components="true"] #dashboardContainer .quick-card .btn {
        min-height: 34px !important;
        padding: 7px 9px !important;
        border-radius: 10px !important;
        font-size: .62rem !important;
    }
}

@media (min-width: 1540px) {
    body[data-no-components="true"] #dashboardContainer .main-content {
        grid-template-columns: minmax(0, 1fr) 360px !important;
    }

    body[data-no-components="true"] #dashboardContainer .glance-strip {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    body[data-no-components="true"] #dashboardContainer .glance-card {
        min-height: 112px !important;
    }
}

@media (max-width: 1279px) {
    body[data-no-components="true"] #dashboardContainer .main-content {
        padding: 24px 24px 54px !important;
    }

    body[data-no-components="true"] #dashboardContainer .admin-header {
        border-radius: 18px !important;
    }

    body[data-no-components="true"] #dashboardContainer .quick-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

@media (max-width: 900px) {
    body[data-no-components="true"] #dashboardContainer .stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    body[data-no-components="true"] #dashboardContainer .sidebar {
        width: min(310px, 88vw) !important;
    }

    body[data-no-components="true"] #dashboardContainer .main-content {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 18px 14px 50px !important;
    }

    body[data-no-components="true"] #dashboardContainer .admin-header {
        padding: 15px !important;
        border-radius: 16px !important;
    }

    body[data-no-components="true"] #dashboardContainer .actions-compact {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body[data-no-components="true"] #dashboardContainer .actions-compact .btn {
        min-width: 0;
        min-height: 42px;
        padding: 9px !important;
        font-size: .7rem !important;
    }

    body[data-no-components="true"] #dashboardContainer .overview-panel,
    body[data-no-components="true"] #dashboardContainer .dashboard-card {
        padding: 17px !important;
        border-radius: 17px !important;
    }

    body[data-no-components="true"] #dashboardContainer .quick-actions {
        grid-template-columns: 1fr !important;
        grid-auto-flow: row !important;
        grid-auto-columns: unset !important;
        overflow: visible !important;
    }

    body[data-no-components="true"] #dashboardContainer .quick-card {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        align-items: center !important;
        padding: 13px !important;
    }

    body[data-no-components="true"] #dashboardContainer .quick-card .btn {
        width: auto !important;
        min-width: 74px;
    }
}

@media (max-width: 520px) {
    body[data-no-components="true"] #dashboardContainer .header-pills {
        display: none !important;
    }

    body[data-no-components="true"] #dashboardContainer .actions-compact {
        grid-template-columns: 1fr 1fr !important;
    }

    body[data-no-components="true"] #dashboardContainer .stats-grid,
    body[data-no-components="true"] #dashboardContainer .glance-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body[data-no-components="true"] #dashboardContainer .stat-card,
    body[data-no-components="true"] #dashboardContainer .glance-card {
        min-height: 96px !important;
        padding: 13px !important;
    }

    body[data-no-components="true"] #dashboardContainer .quick-card {
        grid-template-columns: auto minmax(0, 1fr) !important;
    }

    body[data-no-components="true"] #dashboardContainer .quick-card .btn {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        justify-content: center;
    }
}

html[data-theme="dark"] body[data-no-components="true"],
body.dark-mode[data-no-components="true"] {
    --admin-v2-canvas: #0f1520;
    --admin-v2-surface: #182131;
    --admin-v2-line: #2a3546;
    --admin-v2-ink: #edf2f8;
    --admin-v2-muted: #9ba7b8;
    --admin-v2-shadow: 0 18px 46px rgba(0, 0, 0, .22);
}

html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer .admin-header,
html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer .overview-panel,
html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer .quick-card,
html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer .stat-card,
html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer .dashboard-card,
body.dark-mode[data-no-components="true"] #dashboardContainer .admin-header,
body.dark-mode[data-no-components="true"] #dashboardContainer .overview-panel,
body.dark-mode[data-no-components="true"] #dashboardContainer .quick-card,
body.dark-mode[data-no-components="true"] #dashboardContainer .stat-card,
body.dark-mode[data-no-components="true"] #dashboardContainer .dashboard-card {
    background: var(--admin-v2-surface) !important;
    border-color: var(--admin-v2-line) !important;
}

html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer .glance-card,
html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer .table-shell,
html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer table,
body.dark-mode[data-no-components="true"] #dashboardContainer .glance-card,
body.dark-mode[data-no-components="true"] #dashboardContainer .table-shell,
body.dark-mode[data-no-components="true"] #dashboardContainer table {
    color: var(--admin-v2-ink) !important;
    background: #121a27 !important;
}

@media (min-width: 1280px) {
    body[data-no-components="true"] #dashboardContainer .controls-panel:not(.is-open) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translateY(-8px) scale(.985) !important;
    }

    body[data-no-components="true"] #dashboardContainer .controls-panel.is-open {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translateY(0) scale(1) !important;
    }
}

html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer :is(.admin-header h1, .overview-panel h3, .glance-card h4, .quick-card h4, .stat-value, .dashboard-card h3, .dashboard-card h4, .dashboard-card strong, .dashboard-card label) {
    color: var(--admin-v2-ink) !important;
}

html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer :is(.admin-subtitle, .glance-label, .glance-subtext, .quick-card p, .stat-title, .dashboard-card p, .dashboard-card small, .card-description, .form-help-text, .table-summary, .page-status, .table-empty) {
    color: var(--admin-v2-muted) !important;
}

html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .form-input, .form-select, .table-toolbar .search-field) {
    color: var(--admin-v2-ink) !important;
    border-color: #334155 !important;
    background: #0b1422 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body[data-no-components="true"] #dashboardContainer .table-shell,
html[data-theme="light"] body[data-no-components="true"] #dashboardContainer .table-responsive,
html[data-theme="light"] body[data-no-components="true"] #dashboardContainer table,
html[data-theme="light"] body[data-no-components="true"] #dashboardContainer .admin-form .form-group,
html[data-theme="light"] body[data-no-components="true"] #dashboardContainer form .form-group {
    color: #344054 !important;
    border-color: var(--admin-v2-line) !important;
    background: #f8f9fb !important;
    box-shadow: none !important;
}

html[data-theme="light"] body[data-no-components="true"] #dashboardContainer thead th {
    color: #657084 !important;
    border-color: var(--admin-v2-line) !important;
    background: #eef1f5 !important;
}

html[data-theme="light"] body[data-no-components="true"] #dashboardContainer tbody td,
html[data-theme="light"] body[data-no-components="true"] #dashboardContainer tbody td:first-child,
html[data-theme="light"] body[data-no-components="true"] #dashboardContainer tbody td * {
    color: #344054 !important;
    border-color: var(--admin-v2-line) !important;
    background: #fff !important;
}

html[data-theme="light"] body[data-no-components="true"] #dashboardContainer tbody tr:nth-child(2n) td,
html[data-theme="light"] body[data-no-components="true"] #dashboardContainer tbody tr:nth-child(2n) td * {
    background: #f8f9fb !important;
}

html[data-theme="light"] body[data-no-components="true"] #dashboardContainer :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .form-input, .form-select, .table-toolbar .search-field) {
    color: var(--admin-v2-ink) !important;
    border-color: #dce1e9 !important;
    background: #fff !important;
    box-shadow: none !important;
}

html[data-theme="light"] body[data-no-components="true"] #dashboardContainer .dashboard-card :is(.btn-primary, .btn-accent) {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #ff7541, #e84820) !important;
    box-shadow: 0 9px 20px rgba(243, 91, 39, .17) !important;
}

html[data-theme="light"] body[data-no-components="true"] #dashboardContainer :is(.dashboard-card, .quick-card) .btn-secondary,
html[data-theme="light"] body[data-no-components="true"] #dashboardContainer .dashboard-card .pagination-btn {
    color: #334155 !important;
    border: 1px solid var(--admin-v2-line) !important;
    background: #fff !important;
    box-shadow: none !important;
}

@media (max-width: 768px) {
    html[data-theme] body[data-no-components="true"] #dashboardContainer .sidebar:not(.open) {
        transform: translateX(-105%) !important;
    }

    html[data-theme] body[data-no-components="true"] #dashboardContainer .sidebar.open {
        transform: translateX(0) !important;
    }

    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card,
    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card > div,
    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card .pending-reviews,
    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card .table-empty,
    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card .admin-form,
    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card .form-group,
    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card .action-grid {
        color: var(--admin-v2-ink) !important;
        border-color: var(--admin-v2-line) !important;
        background: #fff !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card h3,
    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card h4,
    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card strong {
        color: var(--admin-v2-ink) !important;
    }

    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card h3 i {
        color: var(--admin-v2-brand) !important;
        border-color: #ffe1d2 !important;
        background: #fff0e9 !important;
    }

    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card :is(.table-shell, .table-responsive, .table-pagination, .pending-review-card, .table-empty) {
        color: #344054 !important;
        border-color: var(--admin-v2-line) !important;
        background: #f8f9fb !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card thead th {
        color: #657084 !important;
        border-color: var(--admin-v2-line) !important;
        background: #eef1f5 !important;
    }

    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card tbody td,
    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card tbody td * {
        color: #344054 !important;
        border-color: var(--admin-v2-line) !important;
        background: #fff !important;
    }

    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card tbody tr:nth-child(2n) td,
    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card tbody tr:nth-child(2n) td * {
        background: #f8f9fb !important;
    }

    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card :is(input, select, textarea) {
        color: var(--admin-v2-ink) !important;
        border-color: #dce1e9 !important;
        background: #fff !important;
    }

    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card :is(.table-summary, .page-status, .page-size-control, .table-empty, .form-help-text, .card-description, p, small) {
        color: var(--admin-v2-muted) !important;
    }

    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card :is(.btn-primary, .btn-accent) {
        color: #fff !important;
        border-color: transparent !important;
        background: linear-gradient(135deg, #ff7541, #e84820) !important;
    }

    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card :is(.btn-secondary, .pagination-btn) {
        color: #334155 !important;
        border-color: var(--admin-v2-line) !important;
        background: #fff !important;
    }

    html[data-theme="light"] body[data-no-components="true"] #dashboardContainer :is(#quickAddKeysBtn, #quickAddKeysCardBtn) {
        color: #fff !important;
        border-color: transparent !important;
        background: linear-gradient(135deg, #ff7541, #e84820) !important;
        box-shadow: 0 9px 20px rgba(243, 91, 39, .17) !important;
    }

    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card,
    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card > div,
    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card .pending-reviews,
    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card .admin-form,
    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card .form-group,
    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card .action-grid {
        color: var(--admin-v2-ink) !important;
        border-color: var(--admin-v2-line) !important;
        background: var(--admin-v2-surface) !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card :is(h3, h4, strong, label) {
        color: var(--admin-v2-ink) !important;
    }

    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card :is(p, small, .table-summary, .page-status, .page-size-control, .table-empty, .form-help-text, .card-description) {
        color: var(--admin-v2-muted) !important;
    }

    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card h3 i {
        color: #ff9a72 !important;
        border-color: #493126 !important;
        background: #33251f !important;
    }

    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card :is(.table-shell, .table-responsive, .table-pagination, .pending-review-card, .table-empty) {
        color: #d7e0ec !important;
        border-color: var(--admin-v2-line) !important;
        background: #111a28 !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card thead th {
        color: #dce6f2 !important;
        border-color: var(--admin-v2-line) !important;
        background: #202c3e !important;
    }

    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card tbody td,
    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card tbody td * {
        color: #d7e0ec !important;
        border-color: var(--admin-v2-line) !important;
        background: #111a28 !important;
    }

    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card tbody tr:nth-child(2n) td,
    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card tbody tr:nth-child(2n) td * {
        background: #162131 !important;
    }

    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card :is(input, select, textarea) {
        color: var(--admin-v2-ink) !important;
        border-color: #334155 !important;
        background: #0b1422 !important;
    }

    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card :is(.btn-primary, .btn-accent) {
        color: #fff !important;
        border-color: transparent !important;
        background: linear-gradient(135deg, #ff7541, #e84820) !important;
    }

    html[data-theme="dark"] body[data-no-components="true"] #dashboardContainer #dashboardGrid .dashboard-card :is(.btn-secondary, .pagination-btn) {
        color: #e5edf7 !important;
        border-color: #334155 !important;
        background: #223047 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body[data-no-components="true"] #dashboardContainer *,
    body[data-no-components="true"] #dashboardContainer *::before,
    body[data-no-components="true"] #dashboardContainer *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}