[data-theme="light"]:root {
    --color-secondary: #f8fafc;
    --color-secondary-light: #f1f5f9;
    --color-secondary-hover: #e2e8f0;
    --color-gray-25: #020617;
    --color-gray-50: #0f172a;
    --color-gray-100: #1e293b;
    --color-gray-200: #334155;
    --color-gray-300: #475569;
    --color-gray-400: #64748b;
    --color-gray-500: #94a3b8;
    --color-gray-600: #cbd5e1;
    --color-gray-700: #e2e8f0;
    --color-gray-800: #f1f5f9;
    --color-gray-900: #f8fafc;
    --color-gray-950: #fcfcfd;
    --glass-bg: rgba(255, 255, 255, .85);
    --glass-bg-light: rgba(255, 255, 255, .7);
    --glass-border: rgba(0, 0, 0, .08);
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .03);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .03);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .03);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .06), 0 8px 10px -6px rgba(0, 0, 0, .03);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .1);
    color-scheme: light;
    color: #1e293b;
    background-color: #f5f7fa;
}

[data-theme="light"] body {
    background: linear-gradient(135deg, #f5f7fa, #eef1f6, #e8ecf4) !important;
    color: #1e293b;
}

[data-theme="light"] #root:empty::after {
    border-color: rgba(0, 0, 0, .08);
    border-top-color: #3b82f6;
}

[data-theme="light"] .sidebar,
[data-theme="light"] [class*="sidebar"] {
    background: #ffffff !important;
    border-right-color: rgba(0, 0, 0, .08) !important;
    color: #334155 !important;
}

[data-theme="light"] .sidebar a,
[data-theme="light"] [class*="sidebar"] a {
    color: #475569 !important;
}

[data-theme="light"] .sidebar a:hover,
[data-theme="light"] [class*="sidebar"] a:hover,
[data-theme="light"] .sidebar a.active,
[data-theme="light"] [class*="sidebar"] a.active {
    color: #06b6d4 !important;
    background: rgba(6, 182, 212, .06) !important;
}

[data-theme="light"] .stat-card,
[data-theme="light"] [class*="stat-card"] {
    background: rgba(255, 255, 255, .85) !important;
    border-color: rgba(0, 0, 0, .08) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .04) !important;
    color: #1e293b !important;
}

[data-theme="light"] .info-box {
    background: rgba(0, 0, 0, .03) !important;
    border-color: rgba(0, 0, 0, .08) !important;
    color: #334155 !important;
}

[data-theme="light"] .info-box.success {
    background: rgba(16, 185, 129, .08) !important;
    border-color: rgba(16, 185, 129, .2) !important;
    color: #065f46 !important;
}

[data-theme="light"] .info-box.warning {
    background: rgba(245, 158, 11, .08) !important;
    border-color: rgba(245, 158, 11, .2) !important;
    color: #92400e !important;
}

[data-theme="light"] .info-box.danger {
    background: rgba(239, 68, 68, .08) !important;
    border-color: rgba(239, 68, 68, .2) !important;
    color: #991b1b !important;
}

[data-theme="light"] .info-box.info {
    background: rgba(59, 130, 246, .08) !important;
    border-color: rgba(59, 130, 246, .2) !important;
    color: #1e40af !important;
}

[data-theme="light"] .empty-state {
    color: rgba(0, 0, 0, .5) !important;
    background: rgba(0, 0, 0, .02) !important;
    border-color: rgba(0, 0, 0, .08) !important;
}

[data-theme="light"] .search-input {
    background: rgba(0, 0, 0, .03) !important;
    border-color: rgba(0, 0, 0, .1) !important;
    color: #1e293b !important;
}

[data-theme="light"] .search-input:focus {
    background: #ffffff !important;
    border-color: #06b6d4 !important;
    box-shadow: 0 0 0 4px rgba(6, 182, 212, .12) !important;
}

[data-theme="light"] .search-input::placeholder {
    color: #94a3b8 !important;
}

[data-theme="light"] .skeleton {
    background: linear-gradient(90deg, rgba(0,0,0,.06) 25%, rgba(0,0,0,.1), rgba(0,0,0,.06) 75%) !important;
    background-size: 200% 100%;
}

[data-theme="light"] select {
    color: #1e293b !important;
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, .1) !important;
}

[data-theme="light"] select option {
    background-color: #ffffff !important;
    color: #1e293b !important;
}

[data-theme="light"] select option:hover,
[data-theme="light"] select option:checked {
    background-color: rgba(6, 182, 212, .1) !important;
}

[data-theme="light"] input,
[data-theme="light"] textarea {
    color: #1e293b !important;
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, .12) !important;
}

[data-theme="light"] input:focus,
[data-theme="light"] textarea:focus {
    border-color: #06b6d4 !important;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, .1) !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #94a3b8 !important;
}

[data-theme="light"] table th {
    background: rgba(0, 0, 0, .02) !important;
    color: #64748b !important;
    border-color: rgba(0, 0, 0, .06) !important;
}

[data-theme="light"] table td {
    border-color: rgba(0, 0, 0, .05) !important;
    color: #334155 !important;
}

[data-theme="light"] table tr:hover td {
    background: rgba(0, 0, 0, .02) !important;
}

[data-theme="light"] [class*="card"],
[data-theme="light"] [class*="Card"] {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, .08) !important;
    color: #1e293b !important;
}

[data-theme="light"] [class*="modal"],
[data-theme="light"] [class*="Modal"] {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, .1) !important;
}

[data-theme="light"] [class*="modal-overlay"],
[data-theme="light"] [class*="ModalOverlay"],
[data-theme="light"] [class*="backdrop"] {
    background: rgba(0, 0, 0, .3) !important;
}

[data-theme="light"] [class*="header"],
[data-theme="light"] [class*="Header"],
[data-theme="light"] [class*="topbar"],
[data-theme="light"] [class*="Topbar"] {
    background: rgba(255, 255, 255, .92) !important;
    backdrop-filter: blur(20px);
    border-color: rgba(0, 0, 0, .08) !important;
}

[data-theme="light"] [class*="dropdown"],
[data-theme="light"] [class*="Dropdown"],
[data-theme="light"] [class*="menu"],
[data-theme="light"] [class*="Menu"] {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, .08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08) !important;
}

[data-theme="light"] [class*="tooltip"],
[data-theme="light"] [class*="Tooltip"] {
    background: #1e293b !important;
    color: #f1f5f9 !important;
}

[data-theme="light"] [class*="badge"],
[data-theme="light"] [class*="Badge"] {
    border-color: rgba(0, 0, 0, .06) !important;
}

[data-theme="light"] [class*="tab"].active,
[data-theme="light"] [class*="Tab"].active {
    color: #06b6d4 !important;
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 {
    color: #0f172a !important;
}

[data-theme="light"] p {
    color: #334155;
}

[data-theme="light"] label {
    color: #475569 !important;
}

[data-theme="light"] a:not([class*="btn"]):not([class*="nav"]) {
    color: #0891b2;
}

[data-theme="light"] hr {
    border-color: rgba(0, 0, 0, .06) !important;
}

[data-theme="light"] [class*="divider"],
[data-theme="light"] [class*="Divider"] {
    border-color: rgba(0, 0, 0, .06) !important;
    background-color: rgba(0, 0, 0, .06) !important;
}

[data-theme="light"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="light"] ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .02);
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .15);
    border-radius: 4px;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .25);
}