.avs-admin-root {
    direction: ltr;
    color-scheme: dark;
    --aversus-bg-primary: #090d12;
    --aversus-bg-secondary: #0d131a;
    --aversus-bg-surface: #111820;
    --aversus-bg-card: #17212b;
    --aversus-bg-card-hover: #1d2a35;
    --aversus-bg-elevated: #202d39;
    --aversus-bg-accent-wash: rgba(215, 25, 32, 0.08);
    --aversus-bg-overlay: rgba(0, 0, 0, 0.55);
    --aversus-text-primary: #eef3f7;
    --aversus-text-secondary: #aebac5;
    --aversus-text-muted: #8a98a5;
    --aversus-text-subtle: #566472;
    --aversus-accent-primary: #d71920;
    --aversus-accent-secondary: #9ea7ad;
    --aversus-accent-strong: #f04a3e;
    --aversus-accent-deep: #7c1116;
    --aversus-accent-gradient: linear-gradient(135deg, #d71920 0%, #7c1116 100%);
    --aversus-accent-soft: rgba(215, 25, 32, 0.12);
    --aversus-accent-focus: rgba(215, 25, 32, 0.3);
    --aversus-success: #33c481;
    --aversus-warning: #f2b84b;
    --aversus-error: #ff5c66;
    --aversus-info: #4fa8ff;
    --aversus-neutral: #8f9ca8;
    --aversus-chart-1: #d71920;
    --aversus-chart-2: #4fa8ff;
    --aversus-chart-3: #33c481;
    --aversus-chart-4: #f2b84b;
    --aversus-chart-5: #9b7cff;
    --aversus-chart-6: #7ad7d1;
    --aversus-border: #2a3744;
    --aversus-border-soft: #354656;
    --aversus-border-accent: rgba(215, 25, 32, 0.45);
    --aversus-light-bg-primary: #f4f6f8;
    --aversus-light-bg-secondary: #e9edf1;
    --aversus-light-bg-surface: #ffffff;
    --aversus-light-bg-card: #f8fafc;
    --aversus-light-bg-card-hover: #eef2f5;
    --aversus-light-bg-elevated: #ffffff;
    --aversus-light-text-primary: #17202a;
    --aversus-light-text-secondary: #4d5b68;
    --aversus-light-text-muted: #566472;
    --aversus-light-text-subtle: #8a98a5;
    --aversus-light-border: #d7dee5;
    --aversus-light-border-soft: #c7d0d9;
    --aversus-light-success: #1f7a4d;
    --aversus-light-warning: #7a4d00;
    --aversus-light-error: #b42335;
    --aversus-light-info: #1d5fa8;
    --aversus-department-aversus-bikestore: #009EE3;
    --aversus-department-aversus-bikestore-text: #071018;
    --aversus-font-headline: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --aversus-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --aversus-font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    --aversus-font-size-display: 2.625rem;
    --aversus-font-size-h1: 2rem;
    --aversus-font-size-h2: 1rem;
    --aversus-font-size-h3: 0.875rem;
    --aversus-font-size-h4: 0.8125rem;
    --aversus-font-size-body: 0.875rem;
    --aversus-font-size-small: 0.75rem;
    --aversus-font-size-tiny: 0.6875rem;
    --aversus-weight-regular: 400;
    --aversus-weight-medium: 500;
    --aversus-weight-semibold: 600;
    --aversus-weight-bold: 700;
    --aversus-weight-extrabold: 800;
    --aversus-line-tight: 1.08;
    --aversus-line-normal: 1.5;
    --aversus-line-relaxed: 1.65;
    --aversus-tracking: 0;
    --aversus-space-1: 4px;
    --aversus-space-2: 8px;
    --aversus-space-3: 12px;
    --aversus-space-4: 16px;
    --aversus-space-5: 20px;
    --aversus-space-6: 24px;
    --aversus-space-7: 28px;
    --aversus-space-8: 32px;
    --aversus-space-9: 40px;
    --aversus-radius-sm: 4px;
    --aversus-radius-md: 6px;
    --aversus-radius-lg: 8px;
    --aversus-radius-xl: 12px;
    --aversus-radius-pill: 999px;
    --aversus-shadow-sm: 0 10px 30px rgba(0, 0, 0, 0.2);
    --aversus-shadow-md: 0 18px 48px rgba(0, 0, 0, 0.28);
    --aversus-shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.34);
    --aversus-shadow-glow: 0 0 0 3px rgba(215, 25, 32, 0.3);
    --aversus-transition-fast: 120ms ease;
    --aversus-transition-normal: 200ms ease;
    --aversus-container: 1180px;
    --aversus-container-wide: 1440px;
    --aversus-sidebar-width: 276px;
    --aversus-topbar-height: 64px;

    --mud-palette-primary: var(--aversus-accent-primary);
    --mud-palette-primary-text: var(--aversus-department-aversus-bikestore-text);
    --mud-palette-secondary: var(--aversus-accent-secondary);
    --mud-palette-info: var(--aversus-info);
    --mud-palette-success: var(--aversus-success);
    --mud-palette-warning: var(--aversus-warning);
    --mud-palette-error: var(--aversus-error);
    --mud-palette-background: var(--aversus-bg-primary);
    --mud-palette-surface: var(--aversus-bg-card);
    --mud-palette-drawer-background: var(--aversus-bg-secondary);
    --mud-palette-appbar-background: var(--aversus-bg-primary);
    --mud-palette-text-primary: var(--aversus-text-primary);
    --mud-palette-text-secondary: var(--aversus-text-secondary);
    --mud-palette-text-disabled: var(--aversus-text-subtle);
    --mud-palette-lines-default: var(--aversus-border);
    --mud-palette-lines-inputs: var(--aversus-border-soft);
    --mud-palette-table-lines: var(--aversus-border);
    --mud-default-borderradius: var(--aversus-radius-md);

    min-height: 100vh;
    color: var(--aversus-text-primary);
    background: var(--aversus-bg-primary);
    font-family: var(--aversus-font-body);
    font-size: var(--aversus-font-size-body);
    font-variant-numeric: tabular-nums;
    line-height: var(--aversus-line-normal);
}

.avs-admin-root[data-aversus-theme="light"] {
    color-scheme: light;
    --aversus-bg-primary: var(--aversus-light-bg-primary);
    --aversus-bg-secondary: var(--aversus-light-bg-secondary);
    --aversus-bg-surface: var(--aversus-light-bg-surface);
    --aversus-bg-card: var(--aversus-light-bg-card);
    --aversus-bg-card-hover: var(--aversus-light-bg-card-hover);
    --aversus-bg-elevated: var(--aversus-light-bg-elevated);
    --aversus-text-primary: var(--aversus-light-text-primary);
    --aversus-text-secondary: var(--aversus-light-text-secondary);
    --aversus-text-muted: var(--aversus-light-text-muted);
    --aversus-text-subtle: var(--aversus-light-text-subtle);
    --aversus-border: var(--aversus-light-border);
    --aversus-border-soft: var(--aversus-light-border-soft);
    --aversus-success: var(--aversus-light-success);
    --aversus-warning: var(--aversus-light-warning);
    --aversus-error: var(--aversus-light-error);
    --aversus-info: var(--aversus-light-info);
}

.avs-admin-root.is-test-environment {
    --test-environment-banner-height: 48px;
    --test-environment-banner-background: var(--aversus-department-aversus-bikestore);
    --test-environment-banner-text: var(--aversus-department-aversus-bikestore-text);
    min-height: calc(100vh - var(--test-environment-banner-height));
    margin-top: var(--test-environment-banner-height);
}

.avs-admin-root.is-test-environment .avs-sidebar {
    top: var(--test-environment-banner-height);
    height: calc(100vh - var(--test-environment-banner-height));
}

.avs-admin-root.is-test-environment .avs-main {
    min-height: calc(100vh - var(--test-environment-banner-height));
}

.avs-admin-root.is-test-environment .avs-topbar {
    top: var(--test-environment-banner-height);
}

@media (max-width: 600px) {
    .avs-admin-root.is-test-environment {
        --test-environment-banner-height: 76px;
    }
}

.avs-admin-root[data-aversus-department-profile="aversus-bikestore"] {
    --aversus-accent-primary: var(--aversus-department-aversus-bikestore);
    --aversus-accent-strong: color-mix(in srgb, var(--aversus-department-aversus-bikestore) 78%, var(--aversus-text-primary));
    --aversus-accent-deep: color-mix(in srgb, var(--aversus-department-aversus-bikestore) 68%, var(--aversus-bg-primary));
    --aversus-accent-gradient: linear-gradient(135deg, var(--aversus-department-aversus-bikestore) 0%, color-mix(in srgb, var(--aversus-department-aversus-bikestore) 64%, var(--aversus-bg-primary)) 100%);
    --aversus-accent-soft: color-mix(in srgb, var(--aversus-department-aversus-bikestore) 14%, transparent);
    --aversus-accent-focus: color-mix(in srgb, var(--aversus-department-aversus-bikestore) 32%, transparent);
    --aversus-border-accent: color-mix(in srgb, var(--aversus-department-aversus-bikestore) 46%, transparent);
    --aversus-chart-1: var(--aversus-department-aversus-bikestore);
}

.avs-admin-root *,
.avs-admin-root *::before,
.avs-admin-root *::after {
    box-sizing: border-box;
}

.avs-admin-root a {
    color: inherit;
    text-decoration: none;
}

.avs-admin-root button,
.avs-admin-root input,
.avs-admin-root textarea,
.avs-admin-root select {
    font: inherit;
}

.avs-admin-root img,
.avs-admin-root svg {
    display: block;
    max-width: 100%;
}

.avs-admin-root :focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px var(--aversus-accent-focus);
}

.avs-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    color: currentColor;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.avs-icon--sm { width: 16px; height: 16px; }
.avs-icon--md { width: 18px; height: 18px; }
.avs-icon--lg { width: 20px; height: 20px; }
.avs-icon--xl { width: 24px; height: 24px; }

.avs-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.avs-heading-1,
.avs-heading-2,
.avs-heading-3,
.avs-admin-root h1,
.avs-admin-root h2,
.avs-admin-root h3 {
    color: var(--aversus-text-primary);
    font-family: var(--aversus-font-headline);
    font-weight: var(--aversus-weight-extrabold);
    letter-spacing: 0;
    line-height: var(--aversus-line-tight);
}

.avs-app-shell {
    display: grid;
    direction: ltr;
    min-height: 100vh;
    grid-template-areas: "sidebar main";
    grid-template-columns: var(--aversus-sidebar-width) minmax(0, 1fr);
    transition: grid-template-columns var(--aversus-transition-normal);
}

.avs-app-shell[data-sidebar="collapsed"] {
    grid-template-columns: 76px minmax(0, 1fr);
}

.avs-sidebar {
    grid-area: sidebar;
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    height: 100vh;
    min-width: 0;
    flex-direction: column;
    gap: var(--aversus-space-5);
    padding: var(--aversus-space-5);
    overflow: hidden auto;
    background: var(--aversus-bg-secondary);
    border-right: 1px solid var(--aversus-border);
    transition:
        width var(--aversus-transition-normal),
        padding var(--aversus-transition-normal),
        transform var(--aversus-transition-normal);
}

.avs-sidebar__brand {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px;
    align-items: center;
    gap: var(--aversus-space-3);
}

.avs-admin-logo {
    display: grid;
    min-width: 0;
    gap: var(--aversus-space-2);
}

.avs-admin-logo img {
    width: 190px;
    height: auto;
    object-fit: contain;
}

.avs-subline {
    margin: 0;
    color: var(--aversus-text-muted);
    font-size: var(--aversus-font-size-small);
    font-weight: var(--aversus-weight-semibold);
}

.avs-nav {
    display: grid;
    gap: var(--aversus-space-4);
}

.avs-nav__group {
    display: grid;
    gap: var(--aversus-space-2);
}

.avs-nav__label {
    margin: var(--aversus-space-2) 0 0;
    color: var(--aversus-text-muted);
    font-size: var(--aversus-font-size-tiny);
    font-weight: var(--aversus-weight-bold);
    letter-spacing: 0;
    text-transform: uppercase;
}

.avs-nav__link {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: var(--aversus-space-3);
    padding: 0 var(--aversus-space-3);
    color: var(--aversus-text-secondary);
    background: transparent;
    border: 1px solid transparent;
    border-left: 3px solid transparent;
    border-radius: var(--aversus-radius-md);
    font-weight: var(--aversus-weight-semibold);
    transition:
        background var(--aversus-transition-fast),
        color var(--aversus-transition-fast),
        border-color var(--aversus-transition-fast);
}

.avs-nav__link:hover,
.avs-nav__link.active,
.avs-nav__link[aria-current="page"] {
    color: var(--aversus-text-primary);
    background: var(--aversus-bg-card);
}

.avs-nav__link.active,
.avs-nav__link[aria-current="page"] {
    border-left-color: var(--aversus-accent-primary);
}

.avs-sidebar__footer {
    display: grid;
    gap: var(--aversus-space-2);
    margin-top: auto;
}

.avs-theme-toggle {
    display: inline-flex;
    gap: 3px;
    padding: 3px;
    background: var(--aversus-bg-surface);
    border: 1px solid var(--aversus-border);
    border-radius: var(--aversus-radius-md);
}

.avs-theme-toggle .avs-button {
    min-height: 30px;
    padding: 0 var(--aversus-space-3);
}

.avs-theme-toggle .avs-button[aria-pressed="true"] {
    color: var(--aversus-text-primary);
    background: var(--aversus-bg-card-hover);
    border-color: var(--aversus-border-soft);
}

.avs-sidebar-backdrop {
    display: none;
}

.avs-app-shell[data-sidebar="collapsed"] .avs-sidebar {
    width: 76px;
    padding: var(--aversus-space-4) var(--aversus-space-3);
}

.avs-app-shell[data-sidebar="collapsed"] .avs-sidebar__brand {
    grid-template-columns: 1fr;
}

.avs-app-shell[data-sidebar="collapsed"] .avs-admin-logo img,
.avs-app-shell[data-sidebar="collapsed"] .avs-subline,
.avs-app-shell[data-sidebar="collapsed"] .avs-nav__label,
.avs-app-shell[data-sidebar="collapsed"] .avs-nav__text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.avs-app-shell[data-sidebar="collapsed"] .avs-sidebar__brand::before {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    color: var(--aversus-department-aversus-bikestore-text);
    background: var(--aversus-accent-primary);
    border-radius: var(--aversus-radius-md);
    content: "A";
    font-weight: var(--aversus-weight-extrabold);
}

.avs-app-shell[data-sidebar="collapsed"] .avs-nav__link,
.avs-app-shell[data-sidebar="collapsed"] .avs-theme-toggle,
.avs-app-shell[data-sidebar="collapsed"] .avs-admin-logout {
    justify-content: center;
}

.avs-app-shell[data-sidebar="collapsed"] .avs-nav__link {
    padding: 0;
    border-left-color: transparent;
}

.avs-app-shell[data-sidebar="collapsed"] .avs-theme-toggle {
    display: grid;
}

.avs-app-shell[data-sidebar="collapsed"] .avs-theme-toggle .avs-button {
    width: 36px;
    padding: 0;
}

.avs-main {
    grid-area: main;
    width: 100%;
    min-width: 0;
    min-height: 100vh;
    box-sizing: border-box;
    overflow-x: hidden;
    background: var(--aversus-bg-primary);
}

.avs-topbar {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    height: var(--aversus-topbar-height);
    align-items: center;
    gap: var(--aversus-space-3);
    padding: 0 var(--aversus-space-6);
    background: var(--aversus-bg-primary);
    border-bottom: 1px solid var(--aversus-border);
}

.avs-topbar__actions {
    display: flex;
    align-items: center;
    gap: var(--aversus-space-2);
}

.avs-page {
    display: grid;
    gap: var(--aversus-space-6);
    min-width: 0;
    width: 100%;
    max-width: var(--aversus-container-wide);
    box-sizing: border-box;
    margin: 0 auto;
    padding: var(--aversus-space-8);
}

.avs-page > * {
    min-width: 0;
    max-width: 100%;
}

.avs-admin-page-panel {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.avs-page-toolbar {
    min-width: 0;
    max-width: 100%;
}

.avs-admin-root .flex-wrap {
    flex-wrap: wrap;
}

.avs-table-wrap {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
}

.avs-button,
.avs-icon-button {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: var(--aversus-space-2);
    color: var(--aversus-text-primary);
    border: 1px solid transparent;
    border-radius: var(--aversus-radius-md);
    font-weight: var(--aversus-weight-bold);
    letter-spacing: 0;
    line-height: 1;
    text-align: center;
    transition:
        background var(--aversus-transition-fast),
        border-color var(--aversus-transition-fast),
        color var(--aversus-transition-fast),
        transform var(--aversus-transition-fast);
}

.avs-button {
    padding: 0 var(--aversus-space-4);
}

.avs-button:hover,
.avs-icon-button:hover {
    transform: translateY(-1px);
}

.avs-button--small {
    min-height: 32px;
    padding: 0 var(--aversus-space-3);
    font-size: var(--aversus-font-size-small);
}

.avs-button--primary {
    color: var(--aversus-department-aversus-bikestore-text);
    background: var(--aversus-accent-primary);
}

.avs-button--secondary {
    color: var(--aversus-text-primary);
    background: var(--aversus-bg-surface);
    border-color: var(--aversus-border);
}

.avs-button--ghost {
    color: var(--aversus-text-secondary);
    background: transparent;
}

.avs-icon-button {
    width: 36px;
    height: 36px;
    padding: 0;
    background: var(--aversus-bg-surface);
    border-color: var(--aversus-border);
}

.avs-sidebar-toggle--mobile {
    display: none;
}

.avs-searchbar {
    display: flex;
    flex: 1;
    min-width: 180px;
    max-width: 640px;
    min-height: 38px;
    align-items: center;
    gap: var(--aversus-space-2);
    padding: 0 var(--aversus-space-3);
    color: var(--aversus-text-muted);
    background: var(--aversus-bg-surface);
    border: 1px solid var(--aversus-border);
    border-radius: var(--aversus-radius-md);
}

.avs-searchbar input {
    flex: 1;
    min-width: 0;
    color: var(--aversus-text-primary);
    background: transparent;
    border: 0;
    outline: 0;
}

.avs-searchbar:focus-within {
    border-color: var(--aversus-accent-primary);
    box-shadow: 0 0 0 3px var(--aversus-accent-focus);
}

.avs-admin-user {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: var(--aversus-space-2);
    padding: 0 var(--aversus-space-2);
    color: var(--aversus-text-primary);
    background: var(--aversus-bg-surface);
    border: 1px solid var(--aversus-border);
    border-radius: var(--aversus-radius-md);
}

.avs-admin-user__avatar {
    display: inline-grid;
    width: 30px;
    height: 30px;
    place-items: center;
    color: var(--aversus-department-aversus-bikestore-text);
    background: var(--aversus-accent-primary);
    border-radius: var(--aversus-radius-md);
    font-size: var(--aversus-font-size-small);
    font-weight: var(--aversus-weight-extrabold);
}

.avs-admin-user__meta {
    display: grid;
    min-width: 0;
    text-align: left;
}

.avs-admin-user__meta span {
    max-width: 160px;
    overflow: hidden;
    color: var(--aversus-text-primary);
    font-size: var(--aversus-font-size-small);
    font-weight: var(--aversus-weight-bold);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.avs-admin-user__meta small {
    color: var(--aversus-text-muted);
    font-size: var(--aversus-font-size-tiny);
    font-weight: var(--aversus-weight-bold);
}

.avs-panel,
.avs-card,
.avs-kpi-card,
.avs-admin-root .mud-paper,
.avs-admin-root .mud-card {
    color: var(--aversus-text-primary);
    background: var(--aversus-bg-card);
    border: 1px solid var(--aversus-border);
    border-radius: var(--aversus-radius-lg);
    box-shadow: var(--aversus-shadow-sm);
}

.avs-admin-root .mud-card-content,
.avs-admin-root .mud-card-header {
    color: var(--aversus-text-primary);
}

.avs-admin-root .mud-button-root {
    border-radius: var(--aversus-radius-md);
    font-weight: var(--aversus-weight-bold);
    letter-spacing: 0;
    text-transform: none;
}

.avs-admin-root .mud-button-filled-primary {
    color: var(--aversus-department-aversus-bikestore-text);
    background: var(--aversus-accent-primary);
}

.avs-admin-root .mud-button-outlined-primary,
.avs-admin-root .mud-button-text-primary {
    color: var(--aversus-accent-primary);
    border-color: var(--aversus-border-accent);
}

.avs-admin-root .mud-icon-button {
    color: var(--aversus-text-secondary);
}

.avs-admin-root .mud-icon-button-color-primary {
    color: var(--aversus-accent-primary);
}

.avs-admin-root .mud-icon-button-color-success { color: var(--aversus-success); }
.avs-admin-root .mud-icon-button-color-warning { color: var(--aversus-warning); }
.avs-admin-root .mud-icon-button-color-error { color: var(--aversus-error); }
.avs-admin-root .mud-icon-button-color-info { color: var(--aversus-info); }

.avs-admin-root .mud-input-control {
    color: var(--aversus-text-primary);
}

.avs-admin-root .mud-input,
.avs-admin-root .mud-input-root,
.avs-admin-root .mud-select,
.avs-admin-root .mud-picker-input-button {
    color: var(--aversus-text-primary);
}

.avs-admin-root .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--aversus-border);
    border-radius: var(--aversus-radius-md);
}

.avs-admin-root .mud-input-outlined:hover .mud-input-outlined-border,
.avs-admin-root .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--aversus-accent-primary);
}

.avs-admin-root .mud-input-label,
.avs-admin-root .mud-input-label-outlined,
.avs-admin-root .mud-input-adornment,
.avs-admin-root .mud-typography-caption,
.avs-admin-root .mud-text-secondary {
    color: var(--aversus-text-muted);
}

.avs-admin-root .mud-table-container,
.avs-admin-root .mud-data-grid,
.avs-admin-root .mud-table {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    background: var(--aversus-bg-card);
}

.avs-admin-root .mud-table-container,
.avs-admin-root .mud-data-grid {
    overflow: auto;
    border: 1px solid var(--aversus-border);
    border-radius: var(--aversus-radius-md);
}

.avs-admin-root .mud-table-root,
.avs-admin-root table {
    min-width: 760px;
    border-collapse: collapse;
    background: var(--aversus-bg-card);
}

.avs-admin-root .mud-table-root th,
.avs-admin-root .mud-table thead th,
.avs-admin-root .mud-data-grid-header th,
.avs-admin-root .mud-table-head .mud-table-cell {
    position: sticky;
    top: 0;
    z-index: 2;
    color: var(--aversus-text-muted);
    background: var(--aversus-bg-surface);
    border-bottom: 1px solid var(--aversus-border);
    font-size: var(--aversus-font-size-tiny);
    font-weight: var(--aversus-weight-bold);
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.avs-admin-root .mud-table-cell {
    color: var(--aversus-text-primary);
    border-bottom: 1px solid var(--aversus-border);
    white-space: nowrap;
}

.avs-admin-root .mud-table-row:hover,
.avs-admin-root .mud-table-hover .mud-table-row:hover {
    background: var(--aversus-bg-card-hover);
}

.avs-admin-root .mud-table-striped .mud-table-row:nth-of-type(even) {
    background: var(--aversus-bg-surface);
}

.avs-admin-root .mud-data-grid-toolbar,
.avs-admin-root .mud-toolbar {
    gap: var(--aversus-space-3);
    min-height: var(--aversus-topbar-height);
    color: var(--aversus-text-primary);
    background: var(--aversus-bg-card);
    border-bottom: 1px solid var(--aversus-border);
}

.avs-admin-root .mud-chip {
    min-height: 24px;
    border-radius: var(--aversus-radius-sm);
    font-size: var(--aversus-font-size-small);
    font-weight: var(--aversus-weight-bold);
    letter-spacing: 0;
}

.avs-admin-root .mud-chip-filled-primary {
    color: var(--aversus-department-aversus-bikestore-text);
    background: var(--aversus-accent-primary);
}

.avs-admin-root .mud-chip-outlined-primary,
.avs-admin-root .mud-chip-text-primary {
    color: var(--aversus-accent-primary);
    border-color: var(--aversus-border-accent);
}

.avs-admin-root .mud-chip-filled-success,
.avs-admin-root .mud-chip-outlined-success,
.avs-admin-root .mud-chip-text-success {
    color: var(--aversus-success);
    background: var(--aversus-bg-surface);
}

.avs-admin-root .mud-chip-filled-warning,
.avs-admin-root .mud-chip-outlined-warning,
.avs-admin-root .mud-chip-text-warning {
    color: var(--aversus-warning);
    background: var(--aversus-bg-surface);
}

.avs-admin-root .mud-chip-filled-error,
.avs-admin-root .mud-chip-outlined-error,
.avs-admin-root .mud-chip-text-error {
    color: var(--aversus-error);
    background: var(--aversus-bg-surface);
}

.avs-admin-root .mud-chip-filled-info,
.avs-admin-root .mud-chip-outlined-info,
.avs-admin-root .mud-chip-text-info {
    color: var(--aversus-info);
    background: var(--aversus-bg-surface);
}

.avs-admin-root .mud-alert {
    color: var(--aversus-text-primary);
    background: var(--aversus-bg-card);
    border: 1px solid var(--aversus-border);
    border-left-width: 4px;
    border-radius: var(--aversus-radius-md);
}

.avs-admin-root .mud-alert-filled-success,
.avs-admin-root .mud-alert-outlined-success {
    border-left-color: var(--aversus-success);
}

.avs-admin-root .mud-alert-filled-warning,
.avs-admin-root .mud-alert-outlined-warning {
    border-left-color: var(--aversus-warning);
}

.avs-admin-root .mud-alert-filled-error,
.avs-admin-root .mud-alert-outlined-error {
    border-left-color: var(--aversus-error);
}

.avs-admin-root .mud-alert-filled-info,
.avs-admin-root .mud-alert-outlined-info {
    border-left-color: var(--aversus-info);
}

.avs-admin-root .mud-tabs-toolbar,
.avs-admin-root .mud-tabs-panels {
    color: var(--aversus-text-primary);
    background: var(--aversus-bg-card);
    border-color: var(--aversus-border);
}

.avs-admin-root .mud-tab.mud-tab-active {
    color: var(--aversus-accent-primary);
}

.avs-admin-root .mud-tabs-slider {
    background: var(--aversus-accent-primary);
}

.avs-admin-root .mud-dialog,
.avs-admin-root .mud-popover,
.avs-admin-root .mud-menu {
    color: var(--aversus-text-primary);
    background: var(--aversus-bg-elevated);
    border: 1px solid var(--aversus-border);
    border-radius: var(--aversus-radius-lg);
}

.avs-admin-root .mud-dialog-title,
.avs-admin-root .mud-dialog-content,
.avs-admin-root .mud-dialog-actions {
    color: var(--aversus-text-primary);
    background: var(--aversus-bg-elevated);
}

.avs-admin-root .mud-list-item,
.avs-admin-root .mud-menu-item {
    color: var(--aversus-text-primary);
}

.avs-admin-root .mud-list-item:hover,
.avs-admin-root .mud-menu-item:hover {
    background: var(--aversus-bg-card-hover);
}

.avs-admin-root .mud-pagination .mud-button-filled-primary {
    color: var(--aversus-department-aversus-bikestore-text);
    background: var(--aversus-accent-primary);
}

.avs-admin-root .dash-root {
    max-width: none;
    margin: 0;
    padding: 0;
}

.avs-admin-root .dash-title {
    margin: 0;
    color: var(--aversus-text-primary);
    font-size: var(--aversus-font-size-h1);
    font-weight: var(--aversus-weight-extrabold);
}

.avs-admin-root .dash-subtitle,
.avs-admin-root .kpi-label,
.avs-admin-root .kpi-sub,
.avs-admin-root .status-legend-label,
.avs-admin-root .top-customer-sub,
.avs-admin-root .appointment-request-meta,
.avs-admin-root .media-detail,
.avs-admin-root .media-date,
.avs-admin-root .media-empty {
    color: var(--aversus-text-muted);
}

.avs-admin-root .dash-header {
    gap: var(--aversus-space-4);
    margin-bottom: var(--aversus-space-6);
}

.avs-admin-root .kpi-card,
.avs-admin-root .dash-card,
.avs-admin-root .appointment-summary,
.avs-admin-root .appointment-filters,
.avs-admin-root .appointment-detail,
.avs-admin-root .media-card {
    color: var(--aversus-text-primary);
    background: var(--aversus-bg-card) !important;
    border: 1px solid var(--aversus-border) !important;
    border-radius: var(--aversus-radius-lg) !important;
    box-shadow: var(--aversus-shadow-sm);
}

.avs-admin-root .kpi-icon-wrap,
.avs-admin-root .appointment-kpi,
.avs-admin-root .quick-nav-item,
.avs-admin-root .appointment-request-row {
    color: var(--aversus-text-secondary);
    background: var(--aversus-bg-surface);
    border: 1px solid var(--aversus-border);
    border-radius: var(--aversus-radius-md);
}

.avs-admin-root .kpi-icon-revenue,
.avs-admin-root .kpi-icon-orders,
.avs-admin-root .kpi-icon-products {
    color: var(--aversus-accent-primary);
    background: var(--aversus-accent-soft);
}

.avs-admin-root .kpi-icon-customers {
    color: var(--aversus-success);
    background: var(--aversus-bg-surface);
}

.avs-admin-root .kpi-value,
.avs-admin-root .appointment-kpi strong,
.avs-admin-root .top-customer-name,
.avs-admin-root .top-customer-total,
.avs-admin-root .status-legend-count {
    color: var(--aversus-text-primary);
    font-variant-numeric: tabular-nums;
}

.avs-admin-root .kpi-label,
.avs-admin-root .appointment-kpi span {
    font-size: var(--aversus-font-size-tiny);
    font-weight: var(--aversus-weight-bold);
    letter-spacing: 0;
    text-transform: uppercase;
}

.avs-admin-root .quick-nav-item:hover,
.avs-admin-root .appointment-kpi:hover,
.avs-admin-root .appointment-request-row:hover {
    background: var(--aversus-bg-card-hover);
    border-color: var(--aversus-border-accent);
}

.avs-admin-root .qn-icon,
.avs-admin-root .dash-card-icon {
    color: currentColor;
}

.avs-admin-root .qn-orders,
.avs-admin-root .qn-products,
.avs-admin-root .qn-categories,
.avs-admin-root .qn-media,
.avs-admin-root .qn-admins {
    color: var(--aversus-accent-primary);
}

.avs-admin-root .qn-customers {
    color: var(--aversus-success);
}

.avs-admin-root .top-customer-row {
    border-bottom: 1px solid var(--aversus-border);
}

.avs-admin-root .media-image-frame {
    background: var(--aversus-bg-surface);
    border-bottom: 1px solid var(--aversus-border);
}

.avs-admin-root .media-actions {
    background: var(--aversus-bg-card);
    border: 1px solid var(--aversus-border);
    border-radius: var(--aversus-radius-md);
}

.avs-admin-root .media-image-fallback,
.avs-admin-root .media-empty-icon {
    color: var(--aversus-text-muted);
}

.avs-admin-root .audit-log-detail {
    color: var(--aversus-text-secondary);
    background: var(--aversus-bg-surface);
    border-color: var(--aversus-border);
}

.avs-admin-root .status-badge {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 0 var(--aversus-space-2);
    background: var(--aversus-bg-surface) !important;
    border: 1px solid currentColor;
    border-radius: var(--aversus-radius-sm);
    font-size: var(--aversus-font-size-small);
    font-weight: var(--aversus-weight-bold);
    letter-spacing: 0;
    white-space: nowrap;
}

.avs-admin-root .status-dot {
    border: 1px solid var(--aversus-border);
}

.orders-workspace {
    display: grid;
    gap: var(--aversus-space-6);
    min-width: 0;
}

.orders-page-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--aversus-space-4);
}

.orders-page-header h1 {
    margin: var(--aversus-space-1) 0;
}

.orders-page-header p {
    max-width: 720px;
    margin: 0;
    color: var(--aversus-text-secondary);
}

.orders-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--aversus-space-3);
}

.orders-kpi-card {
    display: grid;
    gap: var(--aversus-space-1);
    min-width: 0;
    padding: var(--aversus-space-4);
    color: var(--aversus-text-primary);
    background: var(--aversus-bg-card);
    border: 1px solid var(--aversus-border);
    border-left: 4px solid var(--aversus-info);
    border-radius: var(--aversus-radius-lg);
    box-shadow: var(--aversus-shadow-sm);
}

.orders-kpi-card--success { border-left-color: var(--aversus-success); }
.orders-kpi-card--warning { border-left-color: var(--aversus-warning); }
.orders-kpi-card--error { border-left-color: var(--aversus-error); }

.orders-kpi-card span,
.order-detail-header span,
.order-action-bar__intro span,
.refund-dialog-summary span {
    color: var(--aversus-text-muted);
    font-size: var(--aversus-font-size-tiny);
    font-weight: var(--aversus-weight-bold);
    text-transform: uppercase;
}

.orders-kpi-card strong {
    font-size: var(--aversus-font-size-h1);
    font-variant-numeric: tabular-nums;
    line-height: var(--aversus-line-tight);
}

.orders-kpi-card small {
    color: var(--aversus-text-secondary);
    font-size: var(--aversus-font-size-small);
}

.orders-grid {
    min-width: 0;
}

.orders-toolbar {
    padding-block: var(--aversus-space-1);
}

.order-detail-header,
.order-action-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--aversus-space-5);
    padding: var(--aversus-space-4);
    background: var(--aversus-bg-surface);
    border: 1px solid var(--aversus-border);
    border-radius: var(--aversus-radius-lg);
}

.order-detail-header__identity {
    min-width: 0;
}

.order-detail-header__identity h2 {
    margin: var(--aversus-space-1) 0;
    color: var(--aversus-text-primary);
    font-size: var(--aversus-font-size-h2);
    font-weight: var(--aversus-weight-extrabold);
}

.order-detail-header__identity p {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--aversus-text-secondary);
}

.order-detail-header__states {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--aversus-space-6);
}

.order-detail-header__states > div {
    display: grid;
    gap: var(--aversus-space-1);
}

.order-detail-header__total strong {
    font-size: var(--aversus-font-size-h2);
    font-variant-numeric: tabular-nums;
}

.order-action-bar {
    align-items: flex-start;
    border-left: 4px solid var(--aversus-accent-primary);
}

.order-action-bar__intro {
    display: grid;
    flex: 0 0 auto;
    gap: var(--aversus-space-1);
}

.order-action-bar__intro strong {
    color: var(--aversus-text-primary);
    font-size: var(--aversus-font-size-body);
}

.order-action-bar__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--aversus-space-2);
}

.refund-dialog-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--aversus-space-2) var(--aversus-space-4);
    padding: var(--aversus-space-4);
    background: var(--aversus-bg-surface);
    border: 1px solid var(--aversus-border);
    border-radius: var(--aversus-radius-md);
}

.refund-dialog-summary strong {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.avs-admin-auth {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: var(--aversus-space-5);
}

.avs-admin-auth .mud-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: auto !important;
    width: 100%;
}

.avs-auth-container {
    width: 100%;
}

.avs-auth-card {
    width: min(100%, 460px);
    padding: var(--aversus-space-6);
}

.avs-auth-logo {
    display: block;
    width: min(100%, 260px);
    margin: 0 auto;
}

.avs-auth-logo img {
    display: block;
    width: 100%;
    height: auto;
}

.avs-auth-form {
    width: 100%;
}

@media (max-width: 1024px) {
    .orders-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .order-detail-header,
    .order-action-bar {
        align-items: stretch;
        flex-direction: column;
    }

    .order-detail-header__states,
    .order-action-bar__buttons {
        justify-content: flex-start;
    }

    .avs-topbar {
        padding: 0 var(--aversus-space-4);
    }

    .avs-topbar__actions .avs-button span,
    .avs-admin-user__meta {
        display: none;
    }
}

@media (max-width: 760px) {
    .avs-admin-root {
        --aversus-font-size-display: 2rem;
        --aversus-font-size-h1: 1.75rem;
        --aversus-space-8: 24px;
        --aversus-space-9: 32px;
        --aversus-sidebar-width: 280px;
    }

    .avs-app-shell {
        display: block;
        grid-template-areas: none;
        grid-template-columns: none;
    }

    .avs-sidebar {
        grid-area: auto;
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 50;
        width: min(var(--aversus-sidebar-width), calc(100vw - 48px));
        height: 100dvh;
        padding: var(--aversus-space-5);
        transform: translateX(calc(-100% - var(--aversus-space-2)));
    }

    .avs-app-shell[data-sidebar="open"] .avs-sidebar {
        transform: translateX(0);
    }

    .avs-sidebar-backdrop {
        position: fixed;
        inset: 0;
        z-index: 40;
        display: none;
        background: var(--aversus-bg-overlay);
        border: 0;
    }

    .avs-app-shell[data-sidebar="open"] .avs-sidebar-backdrop {
        display: block;
    }

    .avs-sidebar-toggle--desktop {
        display: none;
    }

    .avs-sidebar-toggle--mobile {
        display: inline-flex;
    }

    .avs-admin-logo img {
        width: 190px;
    }

    .avs-nav__label,
    .avs-nav__text,
    .avs-subline {
        position: static;
        width: auto;
        height: auto;
        padding: initial;
        overflow: visible;
        clip: auto;
        white-space: normal;
        border: 0;
    }

    .avs-nav__link {
        justify-content: flex-start;
        padding: 0 var(--aversus-space-3);
    }

    .avs-page {
        padding: var(--aversus-space-5) var(--aversus-space-4);
    }

    .avs-searchbar {
        max-width: none;
    }
}

@media (max-width: 560px) {
    .orders-page-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .orders-kpi-grid {
        grid-template-columns: 1fr;
    }

    .order-detail-header__states {
        align-items: stretch;
        flex-direction: column;
        gap: var(--aversus-space-3);
    }

    .order-action-bar__buttons > *,
    .order-action-bar__buttons .mud-button-root {
        width: 100%;
    }

    .avs-searchbar {
        flex-basis: 100%;
        order: 3;
    }

    .avs-topbar {
        height: auto;
        min-height: var(--aversus-topbar-height);
        flex-wrap: wrap;
        padding-block: var(--aversus-space-2);
    }

    .avs-topbar__actions {
        margin-left: auto;
    }

    .quick-nav-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

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

@media (prefers-contrast: high) {
    .avs-admin-root {
        --aversus-text-secondary: #d7e0e8;
        --aversus-text-muted: #b2c0cc;
        --aversus-border: #71808d;
    }
}