:root {
    --admin-bg: #030712;
    --admin-bg-soft: #08111f;
    --admin-panel: rgba(15, 23, 42, 0.84);
    --admin-panel-2: rgba(17, 24, 39, 0.92);
    --admin-line: rgba(148, 163, 184, 0.14);
    --admin-line-strong: rgba(99, 102, 241, 0.28);
    --admin-text: #f8fafc;
    --admin-muted: #94a3b8;
    --admin-accent: #6366f1;
    --admin-accent-2: #06b6d4;
    --admin-accent-3: #4f46e5;
    --admin-success: #34d399;
    --admin-danger: #fb7185;
    --admin-warning: #fbbf24;
    --admin-radius: 8px;
    --admin-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
    color-scheme: dark;
}

html {
    margin: 0 !important;
    background: var(--admin-bg) !important;
    scrollbar-width: thin !important;
    scrollbar-color: var(--admin-accent-2) var(--admin-bg-soft) !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 9px !important;
    height: 9px !important;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: var(--admin-bg-soft) !important;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--admin-accent), var(--admin-accent-2)) !important;
    border-radius: 999px !important;
}

body {
    margin: 0 !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(99, 102, 241, 0.14), transparent 32rem),
        radial-gradient(circle at 100% 0%, rgba(6, 182, 212, 0.08), transparent 28rem),
        linear-gradient(180deg, #050816 0%, var(--admin-bg) 48%, #020617 100%) !important;
    color: var(--admin-text) !important;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

body::before {
    background: none !important;
}

a {
    color: #c7d2fe !important;
}

a:hover {
    color: #ffffff !important;
}

input,
select,
textarea,
.flatpickr-input {
    background: rgba(2, 6, 23, 0.58) !important;
    color: var(--admin-text) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: var(--admin-radius) !important;
    box-shadow: none !important;
    outline: none !important;
    accent-color: var(--admin-accent) !important;
}

input::placeholder,
textarea::placeholder {
    color: rgba(203, 213, 225, 0.52) !important;
}

input:focus,
select:focus,
textarea:focus,
.flatpickr-input:focus {
    border-color: var(--admin-accent-2) !important;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.12) !important;
}

select {
    color-scheme: dark !important;
}

input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="month"] {
    color-scheme: dark !important;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator {
    cursor: pointer !important;
    opacity: 0.9 !important;
    filter: invert(76%) sepia(19%) saturate(828%) hue-rotate(173deg) brightness(98%) contrast(92%) !important;
}

input[type="file"] {
    min-height: 54px !important;
    padding: 8px !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    background: rgba(2, 6, 23, 0.58) !important;
    color: #cbd5e1 !important;
    cursor: pointer !important;
}

input[type="file"]::file-selector-button {
    min-height: 36px !important;
    margin-right: 12px !important;
    padding: 8px 14px !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-radius: var(--admin-radius) !important;
    background: linear-gradient(135deg, #1e293b, #334155) !important;
    color: white !important;
    font: inherit !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

input[type="file"]::file-selector-button:hover {
    background: linear-gradient(135deg, #334155, #475569) !important;
}

button,
.btn,
input[type="submit"] {
    border-radius: var(--admin-radius) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    background: rgba(15, 23, 42, 0.84) !important;
    color: #e2e8f0 !important;
    box-shadow: none !important;
}

button:hover,
.btn:hover,
input[type="submit"]:hover {
    border-color: rgba(99, 102, 241, 0.42) !important;
    background: rgba(30, 41, 59, 0.92) !important;
    color: white !important;
}

.btn-primary,
.btn-primary-small,
.hero-cta,
button.primary,
button[type="submit"]:not(.btn-reject):not(.btn-cancel):not(.secondary) {
    border-color: rgba(99, 102, 241, 0.3) !important;
    background: linear-gradient(135deg, #4f46e5, #3730a3) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(79, 70, 229, 0.16) !important;
}

.btn-primary:hover,
.btn-primary-small:hover,
.hero-cta:hover,
button.primary:hover,
button[type="submit"]:not(.btn-reject):not(.btn-cancel):not(.secondary):hover {
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
}

.btn-proceed,
.btn-verify,
.btn-ok,
button.success,
button.approve,
button[data-action="approve"],
button[data-action="proceed"],
button[data-action="verify"] {
    border-color: rgba(52, 211, 153, 0.36) !important;
    background: linear-gradient(135deg, #059669, #047857) !important;
    color: #ecfdf5 !important;
    box-shadow: 0 12px 26px rgba(5, 150, 105, 0.14) !important;
}

.btn-proceed:hover,
.btn-verify:hover,
.btn-ok:hover,
button.success:hover,
button.approve:hover,
button[data-action="approve"]:hover,
button[data-action="proceed"]:hover,
button[data-action="verify"]:hover {
    background: linear-gradient(135deg, #10b981, #059669) !important;
}

.btn-reject,
button.danger,
button.reject,
button[data-action="reject"] {
    border-color: rgba(251, 113, 133, 0.38) !important;
    background: rgba(127, 29, 29, 0.72) !important;
    color: #ffe4e6 !important;
    box-shadow: 0 12px 26px rgba(127, 29, 29, 0.16) !important;
}

.btn-reject:hover,
button.danger:hover,
button.reject:hover,
button[data-action="reject"]:hover {
    background: rgba(185, 28, 28, 0.82) !important;
}

.btn-cancel,
button.secondary,
.secondary {
    border-color: rgba(148, 163, 184, 0.18) !important;
    background: rgba(15, 23, 42, 0.76) !important;
    color: #cbd5e1 !important;
}

.btn-cancel:hover,
button.secondary:hover,
.secondary:hover {
    background: rgba(30, 41, 59, 0.92) !important;
}

button.active,
.source-tab.active,
.date-preset.active,
.tab.active,
.filter-chip.active,
[role="tab"][aria-selected="true"] {
    position: relative !important;
    border-color: rgba(6, 182, 212, 0.72) !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.9), rgba(79, 70, 229, 0.84)) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 1px rgba(6, 182, 212, 0.22), 0 14px 30px rgba(37, 99, 235, 0.16) !important;
}

button.active::after,
.source-tab.active::after,
.date-preset.active::after,
.tab.active::after,
.filter-chip.active::after,
[role="tab"][aria-selected="true"]::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 6px;
    height: 2px;
    border-radius: 999px;
    background: #67e8f9;
    opacity: 0.95;
}

button:disabled,
.btn:disabled,
.btn-primary:disabled,
.btn-primary-small:disabled {
    cursor: not-allowed !important;
    opacity: 0.48 !important;
    filter: grayscale(0.35) !important;
    box-shadow: none !important;
}

.admin-header,
.action-card,
.stats-card,
.summary-card,
.manager-card,
.inventory-card,
.card,
.panel,
.modal-content,
.modal-card,
.login-container,
.admin-form-section,
.wm-card,
.wm-details,
.rollback-panel,
.filter-card,
.provider-card {
    background: var(--admin-panel) !important;
    border: 1px solid var(--admin-line) !important;
    border-radius: var(--admin-radius) !important;
    color: var(--admin-text) !important;
    box-shadow: var(--admin-shadow) !important;
    backdrop-filter: blur(16px) !important;
}

.admin-header {
    margin: 0 !important;
    border-radius: 0 !important;
}

.wrap {
    margin-top: 0 !important;
}

.action-card button:not(.btn-cancel):not(.btn-ok):not(.btn-reject):not(.btn-proceed):not([title="Paste"]):not(:disabled),
.admin-actions button:not(.btn-cancel):not(.btn-ok):not(.btn-reject):not(.btn-proceed):not([title="Paste"]):not(:disabled),
.stack-buttons button:not(:disabled) {
    border-color: rgba(79, 131, 255, 0.34) !important;
    background: linear-gradient(135deg, #4f83ff, #2563eb) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.16) !important;
}

.action-card button:not(.btn-cancel):not(.btn-ok):not(.btn-reject):not(.btn-proceed):not([title="Paste"]):not(:disabled):hover,
.admin-actions button:not(.btn-cancel):not(.btn-ok):not(.btn-reject):not(.btn-proceed):not([title="Paste"]):not(:disabled):hover,
.stack-buttons button:not(:disabled):hover {
    border-color: rgba(96, 165, 250, 0.52) !important;
    background: linear-gradient(135deg, #60a5fa, #3b82f6) !important;
}

.dropdown,
.menu,
.popover,
.modal,
.flatpickr-calendar {
    background: var(--admin-panel-2) !important;
    border: 1px solid var(--admin-line) !important;
    color: var(--admin-text) !important;
    box-shadow: var(--admin-shadow) !important;
}

.flatpickr-calendar,
.flatpickr-calendar * {
    color: var(--admin-text) !important;
}

.flatpickr-calendar {
    background: #0f172a !important;
    border-radius: 10px !important;
}

.flatpickr-months,
.flatpickr-weekdays,
.flatpickr-time,
.flatpickr-innerContainer {
    background: transparent !important;
}

.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year,
span.flatpickr-weekday {
    color: #e2e8f0 !important;
    background: transparent !important;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
    fill: #cbd5e1 !important;
}

.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
    fill: #67e8f9 !important;
}

.flatpickr-day {
    border-radius: var(--admin-radius) !important;
    color: #e2e8f0 !important;
}

.flatpickr-day:hover,
.flatpickr-day:focus,
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: #2563eb !important;
    border-color: var(--admin-accent-2) !important;
    color: #fff !important;
}

.flatpickr-day.today {
    border-color: var(--admin-accent-2) !important;
}

.flatpickr-day.inRange {
    background: rgba(37, 99, 235, 0.22) !important;
    border-color: rgba(37, 99, 235, 0.12) !important;
    box-shadow: -5px 0 0 rgba(37, 99, 235, 0.22), 5px 0 0 rgba(37, 99, 235, 0.22) !important;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: #64748b !important;
}

table {
    color: var(--admin-text) !important;
}

th {
    color: #cbd5e1 !important;
}

td {
    color: #e2e8f0 !important;
}

hr {
    border-color: var(--admin-line) !important;
}

.toast,
.message,
.alert {
    border-radius: var(--admin-radius) !important;
}