:root[data-theme="light"] {
  --bg: #f5f9ff;
  --bg-2: #eaf4ff;
  --rail: #e7f1fb;
  --panel: #ffffff;
  --panel-2: #edf6ff;
  --panel-3: #f8fbff;
  --panel-soft: #edf6ff;
  --panel-deep: #ffffff;
  --field: #ffffff;
  --border: #c7daee;
  --line: #c7daee;
  --text: #07111f;
  --muted: #52677f;
  --cyan: #089ac2;
  --cyan-2: #087fa4;
  --blue: #3d5df0;
  --green: #0e9f6e;
  --yellow: #b7791f;
  --red: #d83f50;
  --shadow: 0 18px 60px rgba(28, 51, 84, .14);
}

:root[data-theme="light"] body {
  color: var(--text);
  background:
    radial-gradient(circle at 14% 10%, rgba(34, 199, 238, .12), transparent 32rem),
    radial-gradient(circle at 88% 12%, rgba(83, 120, 255, .10), transparent 34rem),
    linear-gradient(145deg, #f5f9ff, #edf6ff 70%) !important;
}

:root[data-theme="light"] .panel,
:root[data-theme="light"] .auth-brand,
:root[data-theme="light"] .auth-card,
:root[data-theme="light"] .card,
:root[data-theme="light"] .license-card,
:root[data-theme="light"] .metrics article,
:root[data-theme="light"] .stat,
:root[data-theme="light"] .modal,
:root[data-theme="light"] .login,
:root[data-theme="light"] .admin-sidebar,
:root[data-theme="light"] .commandbar {
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(240, 247, 255, .98)) !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow);
}

:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea,
:root[data-theme="light"] code,
:root[data-theme="light"] .license-key-full,
:root[data-theme="light"] .copy-row code,
:root[data-theme="light"] .table-wrap,
:root[data-theme="light"] .secret-box code,
:root[data-theme="light"] .password-reset-box,
:root[data-theme="light"] .scope-card,
:root[data-theme="light"] .login-feature,
:root[data-theme="light"] .activity-log,
:root[data-theme="light"] .empty-state {
  background: #ffffff !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

:root[data-theme="light"] td,
:root[data-theme="light"] .admin-nav button,
:root[data-theme="light"] .nav-button,
:root[data-theme="light"] .nav-item {
  color: #122137 !important;
}

:root[data-theme="light"] th,
:root[data-theme="light"] label,
:root[data-theme="light"] p,
:root[data-theme="light"] .muted,
:root[data-theme="light"] footer,
:root[data-theme="light"] small {
  color: var(--muted) !important;
}

:root[data-theme="light"] button.secondary,
:root[data-theme="light"] .secondary,
:root[data-theme="light"] .button.ghost,
:root[data-theme="light"] .ghost {
  background: #edf6ff !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

:root[data-theme="light"] .modal-backdrop {
  background: rgba(23, 42, 68, .38) !important;
}

.new4tek-preferences {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 80;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px;
  border: 1px solid rgba(159, 178, 205, .22);
  border-radius: 14px;
  background: rgba(7, 17, 31, .88);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .26);
  backdrop-filter: blur(16px);
}

:root[data-theme="light"] .new4tek-preferences {
  background: rgba(255, 255, 255, .92);
  border-color: rgba(104, 132, 166, .35);
  box-shadow: 0 16px 42px rgba(28, 51, 84, .16);
}

.new4tek-preferences select {
  width: auto;
  min-width: 126px;
  min-height: 36px;
  height: 36px;
  border-radius: 10px;
  padding: 0 10px;
  font-size: 13px;
}

.new4tek-preferences button {
  min-width: auto;
  min-height: 36px;
  height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  font-size: 13px;
}

html[dir="rtl"] body {
  direction: rtl;
}

html[dir="rtl"] th,
html[dir="rtl"] td {
  text-align: right;
}

html[dir="rtl"] .new4tek-preferences {
  right: auto;
  left: 18px;
}

@media (max-width: 760px) {
  .new4tek-preferences {
    right: 10px;
    left: 10px;
    bottom: 10px;
    justify-content: center;
  }
}