:root {
    color-scheme: light;
    --manage-bg: #f6f7f9;
    --manage-surface: #ffffff;
    --manage-muted: #f9fafb;
    --manage-text: #171a21;
    --manage-soft: #626a76;
    --manage-faint: #8b929d;
    --manage-line: #e3e7ec;
    --manage-line-strong: #cbd2db;
    --manage-accent: #1769e0;
    --manage-success: #14804a;
    --manage-warning: #9a6200;
    --manage-danger: #c83245;
}

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

.management-page {
    min-width: 320px;
    min-height: 100vh;
    margin: 0;
    background: var(--manage-bg) !important;
    color: var(--manage-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

.management-page::before,
.management-page::after {
    display: none !important;
}

.management-page .font-black {
    font-weight: 700 !important;
}

.management-page .font-bold,
.management-page .font-semibold {
    font-weight: 600 !important;
}

.management-page .text-indigo-600 {
    color: var(--manage-accent) !important;
}

.management-page .text-slate-900,
.management-page .text-slate-800 {
    color: var(--manage-text) !important;
}

.management-page .text-slate-700,
.management-page .text-slate-600,
.management-page .text-slate-500 {
    color: var(--manage-soft) !important;
}

.management-page .text-slate-400 {
    color: var(--manage-faint) !important;
}

.management-page .glass,
.management-page .glass-card,
.management-page .glass-panel {
    border: 1px solid var(--manage-line-strong) !important;
    background: var(--manage-surface) !important;
    box-shadow: 0 8px 24px rgba(23, 26, 33, 0.045) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.management-page .glass:hover,
.management-page .glass-card:hover,
.management-page .glass-panel:hover {
    border-color: var(--manage-line-strong) !important;
    box-shadow: 0 8px 24px rgba(23, 26, 33, 0.045) !important;
}

.management-page .glass-lite {
    border: 1px solid var(--manage-line) !important;
    background: var(--manage-muted) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.management-page .shadow-lg,
.management-page .shadow-md,
.management-page .shadow-sm,
.management-page .shadow-inner {
    box-shadow: none !important;
}

.management-page [class*="rounded-["],
.management-page .rounded-full,
.management-page .rounded-3xl,
.management-page .rounded-2xl,
.management-page .rounded-xl {
    border-radius: 8px !important;
}

.management-page main {
    width: 100%;
}

.management-page .max-w-7xl {
    max-width: 1120px !important;
}

.management-page .max-w-4xl {
    max-width: 900px !important;
}

.management-page header {
    margin-bottom: 20px !important;
}

.management-page h1 {
    letter-spacing: 0 !important;
}

.management-page h2 {
    line-height: 1.25 !important;
}

.management-page input,
.management-page select,
.management-page textarea,
.management-page .field-input {
    width: 100%;
    border: 1px solid var(--manage-line-strong) !important;
    border-radius: 6px !important;
    outline: 0;
    background: #fff !important;
    color: var(--manage-text) !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 500 !important;
}

.management-page .field-input {
    min-height: 44px;
    padding: 0 13px;
}

.management-page input:focus,
.management-page select:focus,
.management-page textarea:focus,
.management-page .field-input:focus {
    border-color: var(--manage-accent) !important;
    box-shadow: 0 0 0 3px rgba(23, 105, 224, 0.12) !important;
}

.management-page button,
.management-page a {
    -webkit-tap-highlight-color: transparent;
}

.management-page button {
    cursor: pointer;
}

.management-page button.glass-lite,
.management-page button[class*="bg-white"],
.management-page button[class*="bg-rose"] {
    border: 1px solid var(--manage-line-strong) !important;
    border-radius: 6px !important;
}

.management-page button[class*="bg-slate-900"],
.management-page button[class*="bg-indigo-600"],
.management-page a[class*="bg-slate-900"],
.management-page a[class*="bg-indigo-600"] {
    border: 1px solid var(--manage-text) !important;
    border-radius: 6px !important;
    background: var(--manage-text) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.management-page button[class*="bg-slate-900"]:hover,
.management-page button[class*="bg-indigo-600"]:hover,
.management-page a[class*="bg-slate-900"]:hover,
.management-page a[class*="bg-indigo-600"]:hover {
    background: #2d333d !important;
}

.management-page button,
.management-page a {
    transition:
        border-color 160ms ease,
        background 160ms ease,
        color 160ms ease,
        opacity 160ms ease !important;
}

.management-page button:focus-visible,
.management-page a:focus-visible,
.management-page input:focus-visible,
.management-page select:focus-visible,
.management-page textarea:focus-visible {
    outline: 3px solid rgba(23, 105, 224, 0.2);
    outline-offset: 2px;
}

.management-page .bg-rose-100\/80 {
    border: 1px solid #f1c4ca;
    background: #fff5f6 !important;
    color: var(--manage-danger) !important;
}

.management-page .bg-emerald-100\/80 {
    border: 1px solid #b9dfca;
    background: #f1faf5 !important;
    color: var(--manage-success) !important;
}

.management-page .bg-amber-100\/80 {
    border: 1px solid #ead8af;
    background: #fff9ec !important;
    color: var(--manage-warning) !important;
}

.management-page .bg-indigo-100\/80,
.management-page .bg-slate-100\/80,
.management-page .bg-white\/70,
.management-page .bg-white\/75,
.management-page .bg-white\/80,
.management-page .bg-white\/35 {
    border-color: var(--manage-line) !important;
    background: var(--manage-muted) !important;
    box-shadow: none !important;
}

.management-page .table-scroll {
    border: 1px solid var(--manage-line) !important;
    border-radius: 6px !important;
    background: #fff !important;
    scrollbar-color: #b8bec7 transparent;
    scrollbar-width: thin;
}

.management-page table {
    border-collapse: collapse;
}

.management-page thead {
    background: var(--manage-muted) !important;
    backdrop-filter: none !important;
}

.management-page th {
    color: var(--manage-soft) !important;
    font-weight: 650 !important;
    letter-spacing: 0;
    white-space: nowrap;
}

.management-page tbody {
    border-color: var(--manage-line) !important;
}

.management-page tbody tr {
    border-color: var(--manage-line) !important;
}

.management-page tbody tr:hover {
    background: var(--manage-muted) !important;
}

.management-page td,
.management-page th {
    vertical-align: top;
}

.management-page pre {
    border: 1px solid var(--manage-line);
    border-radius: 6px;
    padding: 14px;
    background: var(--manage-muted);
    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
}

.management-page .admin-card {
    animation: none !important;
}

.management-page .lookup-sticky {
    position: sticky;
    top: 24px;
}

.management-page .grid {
    min-width: 0;
}

.management-page .space-y-6 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 20px !important;
}

.management-page .gap-6 {
    gap: 20px !important;
}

.management-page .gap-4 {
    gap: 14px !important;
}

.management-page .p-7 {
    padding: 24px !important;
}

.management-page .p-6,
.management-page .p-5 {
    padding: 20px !important;
}

.management-page .px-4.py-3,
.management-page .px-5.py-3 {
    padding-block: 10px !important;
}

@media (max-width: 640px) {
    .management-page {
        padding: 18px 12px !important;
    }

    .management-page .glass,
    .management-page .glass-card,
    .management-page .glass-panel {
        border-radius: 8px !important;
    }

    .management-page h1 {
        font-size: 25px !important;
        line-height: 1.25 !important;
    }

    .management-page .lookup-sticky {
        position: static;
    }

    .management-page .p-7,
    .management-page .p-6,
    .management-page .p-5 {
        padding: 16px !important;
    }

    .management-page .table-scroll {
        margin-inline: -2px;
    }
}

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