/* ==============================================
   QMT Premium — Cyber Finance Theme v3.0
   霓虹金融风 · 动感 · 炫酷
   ============================================== */

:root {
  --p-bg-deepest: #03060b;
  --p-bg: #070c14;
  --p-bg-alt: #0a111e;
  --p-bg-card: rgba(8, 14, 24, 0.82);
  --p-bg-glass: rgba(8, 14, 24, 0.55);
  --p-bg-input: rgba(3, 6, 11, 0.9);
  --p-bg-hover: rgba(0, 212, 255, 0.06);

  --p-cyan: #00d4ff;
  --p-cyan-light: #66e5ff;
  --p-cyan-dark: #0099cc;
  --p-cyan-glow: rgba(0, 212, 255, 0.30);
  --p-cyan-soft: rgba(0, 212, 255, 0.12);
  --p-cyan-subtle: rgba(0, 212, 255, 0.05);

  --p-gold: #d4af37;
  --p-gold-light: #f0d060;
  --p-gold-dark: #b8962e;
  --p-gold-glow: rgba(212, 175, 55, 0.28);
  --p-gold-soft: rgba(212, 175, 55, 0.12);
  --p-gold-subtle: rgba(212, 175, 55, 0.05);

  --p-violet: #a855f7;
  --p-violet-light: #c084fc;
  --p-violet-glow: rgba(168, 85, 247, 0.25);
  --p-violet-soft: rgba(168, 85, 247, 0.10);

  --p-up: #00ff88;
  --p-up-glow: rgba(0, 255, 136, 0.35);
  --p-up-bg: rgba(0, 255, 136, 0.08);
  --p-down: #ff3355;
  --p-down-glow: rgba(255, 51, 85, 0.35);
  --p-down-bg: rgba(255, 51, 85, 0.08);
  --p-neutral: #5a6478;

  --p-text: #e8eaf0;
  --p-text-secondary: #8892a4;
  --p-text-muted: #4a5568;
  --p-text-cyan: #00d4ff;
  --p-text-gold: #d4af37;

  --p-border: rgba(0, 212, 255, 0.10);
  --p-border-strong: rgba(0, 212, 255, 0.22);
  --p-border-gold: rgba(212, 175, 55, 0.18);
  --p-border-light: rgba(255, 255, 255, 0.04);

  --p-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --p-shadow-md: 0 4px 24px rgba(0, 0, 0, 0.5);
  --p-shadow-lg: 0 8px 48px rgba(0, 0, 0, 0.6);
  --p-shadow-cyan: 0 0 20px rgba(0, 212, 255, 0.12);
  --p-shadow-gold: 0 0 20px rgba(212, 175, 55, 0.12);

  --p-radius-sm: 4px;
  --p-radius-md: 8px;
  --p-radius-lg: 12px;
  --p-radius-xl: 16px;

  --p-font: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
  --p-font-mono: "SF Mono", "Fira Code", "JetBrains Mono", "Consolas", "Roboto Mono", monospace;
  --p-font-size: 14px;
  --p-line-height: 1.6;

  --p-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --p-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --p-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  --p-nav-h: 64px;
}

/* =============================================
   1. ANIMATED BACKGROUND ORBS (CSS-only)
   ============================================= */
body.qmt-theme-openclaw {
  position: relative;
  background: var(--p-bg-deepest);
}

body.qmt-theme-openclaw::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse 600px 600px at 10% 20%, rgba(0, 212, 255, 0.04) 0%, transparent 70%),
    radial-gradient(ellipse 500px 500px at 90% 30%, rgba(168, 85, 247, 0.03) 0%, transparent 70%),
    radial-gradient(ellipse 700px 700px at 50% 80%, rgba(212, 175, 55, 0.03) 0%, transparent 70%),
    radial-gradient(ellipse 400px 400px at 20% 70%, rgba(0, 255, 136, 0.02) 0%, transparent 70%);
  animation: pOrbs 20s ease-in-out infinite;
}

@keyframes pOrbs {
  0%, 100% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(1%, -1%) scale(1.02); }
  50% { transform: translate(-0.5%, 1%) scale(0.98); }
  75% { transform: translate(0.5%, -0.5%) scale(1.01); }
}

body.qmt-theme-openclaw::after {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(1px 1px at 10% 30%, rgba(0, 212, 255, 0.5), transparent),
    radial-gradient(1px 1px at 25% 60%, rgba(212, 175, 55, 0.4), transparent),
    radial-gradient(1.5px 1.5px at 40% 15%, rgba(168, 85, 247, 0.4), transparent),
    radial-gradient(1px 1px at 55% 75%, rgba(0, 255, 136, 0.3), transparent),
    radial-gradient(1.5px 1.5px at 70% 40%, rgba(0, 212, 255, 0.5), transparent),
    radial-gradient(1px 1px at 85% 85%, rgba(212, 175, 55, 0.4), transparent),
    radial-gradient(1px 1px at 15% 90%, rgba(168, 85, 247, 0.3), transparent),
    radial-gradient(1.5px 1.5px at 90% 10%, rgba(0, 255, 136, 0.4), transparent),
    radial-gradient(1px 1px at 45% 45%, rgba(0, 212, 255, 0.3), transparent),
    radial-gradient(1px 1px at 65% 65%, rgba(212, 175, 55, 0.3), transparent),
    radial-gradient(1px 1px at 5% 50%, rgba(168, 85, 247, 0.4), transparent),
    radial-gradient(1px 1px at 95% 55%, rgba(0, 212, 255, 0.3), transparent);
  animation: pTwinkle 8s ease-in-out infinite;
}

@keyframes pTwinkle {
  0%, 100% { opacity: 0.6; }
  33% { opacity: 1; }
  66% { opacity: 0.4; }
}

::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--p-cyan); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: var(--p-cyan-light); }

::selection { background: var(--p-cyan); color: var(--p-bg-deepest); }

.p-grad-text {
  background: linear-gradient(135deg, var(--p-cyan-light) 0%, var(--p-cyan) 50%, var(--p-gold) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.p-grad-gold {
  background: linear-gradient(135deg, var(--p-gold-light) 0%, var(--p-gold) 50%, var(--p-gold-dark) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* =============================================
   2. GLASS CARDS
   ============================================= */
.p-glass {
  position: relative;
  background: var(--p-bg-glass);
  backdrop-filter: blur(24px) saturate(1.4);
  -webkit-backdrop-filter: blur(24px) saturate(1.4);
  border: 1px solid var(--p-border);
  border-radius: var(--p-radius-lg);
  box-shadow: var(--p-shadow-md), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition: all var(--p-normal);
  overflow: hidden;
}

.p-glass::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--p-cyan), var(--p-gold), transparent);
  opacity: 0;
  transition: opacity var(--p-normal);
}

.p-glass:hover {
  border-color: var(--p-border-strong);
  box-shadow: var(--p-shadow-lg), var(--p-shadow-cyan), inset 0 1px 0 rgba(0, 212, 255, 0.05);
  transform: translateY(-2px);
}

.p-glass:hover::before {
  opacity: 1;
}

/* =============================================
   3. STAT CARDS
   ============================================= */
.p-stat {
  position: relative;
  background: linear-gradient(145deg, rgba(8, 14, 24, 0.85), rgba(10, 17, 30, 0.75));
  border: 1px solid var(--p-border);
  border-radius: var(--p-radius-lg);
  padding: 24px;
  transition: all var(--p-normal);
  overflow: hidden;
}

.p-stat::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 3px; height: 100%;
  background: linear-gradient(180deg, var(--p-cyan), var(--p-gold));
  border-radius: 0 2px 2px 0;
}

.p-stat:hover {
  border-color: var(--p-border-strong);
  box-shadow: var(--p-shadow-md), var(--p-shadow-cyan);
  transform: translateY(-2px);
}

.p-stat-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--p-text-muted);
  margin-bottom: 8px;
  font-weight: 600;
}

.p-stat-value {
  font-size: 28px;
  font-weight: 700;
  color: var(--p-text);
  font-family: var(--p-font-mono);
  letter-spacing: -0.5px;
  line-height: 1.2;
}

.p-stat-change {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 600;
  font-family: var(--p-font-mono);
  padding: 2px 10px;
  border-radius: 20px;
}

.p-stat-change.up { color: var(--p-up); background: var(--p-up-bg); box-shadow: 0 0 12px rgba(0, 255, 136, 0.08); }
.p-stat-change.down { color: var(--p-down); background: var(--p-down-bg); box-shadow: 0 0 12px rgba(255, 51, 85, 0.08); }

/* =============================================
   4. PREMIUM TABLES
   ============================================= */
.p-table-wrap {
  background: linear-gradient(145deg, rgba(8, 14, 24, 0.88), rgba(10, 17, 30, 0.80));
  border: 1px solid var(--p-border);
  border-radius: var(--p-radius-lg);
  overflow: hidden;
  box-shadow: var(--p-shadow-sm), inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.p-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; }
.p-table thead th {
  background: linear-gradient(180deg, rgba(3, 8, 16, 0.95) 0%, rgba(5, 12, 22, 0.95) 100%);
  color: var(--p-cyan);
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  padding: 14px 18px;
  border-bottom: 2px solid rgba(0, 212, 255, 0.25);
  white-space: nowrap;
  position: sticky; top: 0; z-index: 5;
}
.p-table tbody td { padding: 12px 18px; border-bottom: 1px solid var(--p-border-light); color: var(--p-text); vertical-align: middle; transition: background var(--p-fast); }
.p-table tbody tr { transition: all var(--p-fast); }
.p-table tbody tr:hover td { background: rgba(0, 212, 255, 0.04); }
.p-table tbody tr:nth-child(even) td { background: rgba(255, 255, 255, 0.012); }
.p-table tbody tr:nth-child(even):hover td { background: rgba(0, 212, 255, 0.04); }

.p-table .cell-up { color: var(--p-up) !important; font-weight: 600; font-family: var(--p-font-mono); text-shadow: 0 0 8px rgba(0, 255, 136, 0.15); }
.p-table .cell-down { color: var(--p-down) !important; font-weight: 600; font-family: var(--p-font-mono); text-shadow: 0 0 8px rgba(255, 51, 85, 0.15); }
.p-table .cell-mono { font-family: var(--p-font-mono); letter-spacing: 0.3px; }
.p-table .cell-cyan { color: var(--p-cyan) !important; }
.p-table .cell-gold { color: var(--p-gold) !important; }

.p-table .td-badge {
  display: inline-block; padding: 2px 14px; border-radius: 20px;
  font-size: 11px; font-weight: 600; letter-spacing: 0.5px;
}
.p-table .td-badge.up { background: var(--p-up-bg); color: var(--p-up); box-shadow: inset 0 0 0 1px rgba(0, 255, 136, 0.15); }
.p-table .td-badge.down { background: var(--p-down-bg); color: var(--p-down); box-shadow: inset 0 0 0 1px rgba(255, 51, 85, 0.15); }
.p-table .td-badge.neutral { background: rgba(90, 100, 120, 0.12); color: var(--p-neutral); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); }

@keyframes pRowIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.p-table-anim tbody tr { animation: pRowIn 0.4s ease-out both; }
.p-table-anim tbody tr:nth-child(1) { animation-delay: 0.02s; }
.p-table-anim tbody tr:nth-child(2) { animation-delay: 0.04s; }
.p-table-anim tbody tr:nth-child(3) { animation-delay: 0.06s; }
.p-table-anim tbody tr:nth-child(4) { animation-delay: 0.08s; }
.p-table-anim tbody tr:nth-child(5) { animation-delay: 0.10s; }
.p-table-anim tbody tr:nth-child(6) { animation-delay: 0.12s; }
.p-table-anim tbody tr:nth-child(7) { animation-delay: 0.14s; }
.p-table-anim tbody tr:nth-child(8) { animation-delay: 0.16s; }
.p-table-anim tbody tr:nth-child(9) { animation-delay: 0.18s; }
.p-table-anim tbody tr:nth-child(10) { animation-delay: 0.20s; }

/* =============================================
   5. FORMS — Neon Inputs
   ============================================= */
.p-input {
  width: 100%; height: 44px; padding: 10px 16px;
  font-size: 14px; font-family: var(--p-font);
  color: var(--p-text); background: var(--p-bg-input);
  border: 1px solid rgba(0, 212, 255, 0.12);
  border-radius: var(--p-radius-sm);
  transition: all var(--p-fast); outline: none;
}
.p-input:focus {
  border-color: var(--p-cyan);
  box-shadow: 0 0 0 3px var(--p-cyan-soft), 0 0 20px rgba(0, 212, 255, 0.06);
}
.p-input::placeholder { color: var(--p-text-muted); }

/* =============================================
   6. BUTTONS — Neon Glow
   ============================================= */
.p-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 10px 28px; font-size: 13px; font-weight: 600;
  font-family: var(--p-font); letter-spacing: 0.5px; text-transform: uppercase;
  border: 1px solid var(--p-cyan); border-radius: var(--p-radius-sm);
  cursor: pointer; transition: all var(--p-fast);
  background: transparent; color: var(--p-cyan);
  white-space: nowrap; text-decoration: none;
  position: relative; overflow: hidden;
}
.p-btn:hover {
  background: rgba(0, 212, 255, 0.08);
  color: var(--p-cyan-light);
  box-shadow: 0 0 24px rgba(0, 212, 255, 0.15);
  transform: translateY(-1px); text-decoration: none;
}
.p-btn-primary {
  background: linear-gradient(135deg, var(--p-cyan) 0%, var(--p-cyan-dark) 100%);
  border-color: transparent; color: var(--p-bg-deepest);
}
.p-btn-primary:hover {
  background: linear-gradient(135deg, var(--p-cyan-light) 0%, var(--p-cyan) 100%);
  box-shadow: 0 0 30px var(--p-cyan-glow);
  color: var(--p-bg-deepest);
}
.p-btn-gold { border-color: var(--p-gold); color: var(--p-gold); }
.p-btn-gold:hover { background: rgba(212, 175, 55, 0.10); color: var(--p-gold-light); box-shadow: 0 0 24px rgba(212, 175, 55, 0.15); }
.p-btn-gold.p-btn-primary { background: linear-gradient(135deg, var(--p-gold) 0%, var(--p-gold-dark) 100%); border-color: transparent; color: var(--p-bg-deepest); }
.p-btn-gold.p-btn-primary:hover { background: linear-gradient(135deg, var(--p-gold-light) 0%, var(--p-gold) 100%); box-shadow: 0 0 30px var(--p-gold-glow); color: var(--p-bg-deepest); }
.p-btn-sm { padding: 6px 16px; font-size: 11px; }
.p-btn-lg { padding: 14px 36px; font-size: 14px; }
.p-btn-block { width: 100%; }

/* =============================================
   7. PULSE DOT & LIVE INDICATORS
   ============================================= */
.p-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; vertical-align: middle; }
.p-dot-cyan { background: var(--p-cyan); box-shadow: 0 0 8px var(--p-cyan-glow); }
.p-dot-gold { background: var(--p-gold); box-shadow: 0 0 8px var(--p-gold-glow); }
.p-dot-up { background: var(--p-up); box-shadow: 0 0 8px var(--p-up-glow); }
.p-dot-down { background: var(--p-down); box-shadow: 0 0 8px var(--p-down-glow); }
.p-dot-violet { background: var(--p-violet); box-shadow: 0 0 8px var(--p-violet-glow); }

@keyframes pPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(1.3); }
}
.p-pulse { animation: pPulse 2s ease-in-out infinite; }

.p-live-badge {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 3px 12px; border-radius: 20px;
  font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;
  border: 1px solid rgba(0, 212, 255, 0.25);
  color: var(--p-cyan); background: rgba(0, 212, 255, 0.06);
}
.p-live-badge .p-dot-cyan { animation: pPulse 1.5s ease-in-out infinite; }

/* =============================================
   8. ANIMATIONS
   ============================================= */
@keyframes pFadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pShimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } }
@keyframes pGlow { 0%, 100% { box-shadow: 0 0 5px var(--p-cyan-glow); } 50% { box-shadow: 0 0 25px var(--p-cyan-glow); } }

.p-anim-in { animation: pFadeInUp 0.6s ease-out; }
.p-anim-in-delay-1 { animation-delay: 0.1s; }
.p-anim-in-delay-2 { animation-delay: 0.2s; }
.p-anim-in-delay-3 { animation-delay: 0.3s; }
.p-shimmer { background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.06), transparent); background-size: 200% 100%; animation: pShimmer 3s ease-in-out infinite; }
.p-glow { animation: pGlow 2s ease-in-out infinite; }

/* =============================================
   9. FILTER BAR
   ============================================= */
body.qmt-theme-openclaw .qmt-filter {
  background: linear-gradient(145deg, rgba(8, 14, 24, 0.90), rgba(10, 17, 30, 0.80)) !important;
  border: 1px solid var(--p-border) !important;
  border-radius: var(--p-radius-lg) !important;
  box-shadow: var(--p-shadow-sm), inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
}
body.qmt-theme-openclaw .qmt-filter .qmt-input {
  background: var(--p-bg-input) !important;
  border: 1px solid rgba(0, 212, 255, 0.12) !important;
  color: var(--p-text) !important;
  border-radius: var(--p-radius-sm) !important;
  transition: all var(--p-fast) !important;
}
body.qmt-theme-openclaw .qmt-filter .qmt-input:focus {
  border-color: var(--p-cyan) !important;
  box-shadow: 0 0 0 3px var(--p-cyan-soft), 0 0 20px rgba(0, 212, 255, 0.06) !important;
}
body.qmt-theme-openclaw .qmt-filter .qmt-btn {
  background: linear-gradient(135deg, var(--p-cyan) 0%, var(--p-cyan-dark) 100%) !important;
  color: var(--p-bg-deepest) !important;
  font-weight: 700 !important;
  border-radius: var(--p-radius-sm) !important;
  text-transform: uppercase; letter-spacing: 1px;
  transition: all var(--p-fast) !important;
}
body.qmt-theme-openclaw .qmt-filter .qmt-btn:hover {
  box-shadow: 0 0 30px var(--p-cyan-glow) !important;
  transform: translateY(-1px);
}

/* =============================================
   10. PAGINATION
   ============================================= */
body.qmt-theme-openclaw .qmt-pagination .pagination > li > a,
body.qmt-theme-openclaw .qmt-pagination .pagination > li > span {
  background: rgba(8, 14, 24, 0.80) !important;
  border: 1px solid rgba(0, 212, 255, 0.10) !important;
  color: var(--p-text-secondary) !important;
  border-radius: var(--p-radius-sm) !important;
  margin: 0 3px !important; padding: 8px 14px !important;
  transition: all var(--p-fast) !important;
}
body.qmt-theme-openclaw .qmt-pagination .pagination > li > a:hover {
  border-color: var(--p-cyan) !important;
  color: var(--p-cyan) !important;
  background: rgba(0, 212, 255, 0.06) !important;
  box-shadow: 0 0 12px rgba(0, 212, 255, 0.08) !important;
}
body.qmt-theme-openclaw .qmt-pagination .pagination > .active > a,
body.qmt-theme-openclaw .qmt-pagination .pagination > .active > span {
  background: linear-gradient(135deg, var(--p-cyan) 0%, var(--p-cyan-dark) 100%) !important;
  border-color: transparent !important;
  color: var(--p-bg-deepest) !important;
  box-shadow: 0 0 20px var(--p-cyan-glow) !important;
}

/* =============================================
   11. LOGIN PAGE
   ============================================= */
body.qmt-admin-theme.login-page {
  position: relative;
}
body.qmt-admin-theme.login-page::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(ellipse 600px 600px at 15% 25%, rgba(0, 212, 255, 0.08) 0%, transparent 60%),
    radial-gradient(ellipse 500px 500px at 85% 40%, rgba(168, 85, 247, 0.06) 0%, transparent 60%),
    radial-gradient(ellipse 700px 700px at 50% 75%, rgba(212, 175, 55, 0.05) 0%, transparent 60%),
    radial-gradient(ellipse 400px 400px at 30% 60%, rgba(0, 255, 136, 0.04) 0%, transparent 60%);
  animation: pOrbs 20s ease-in-out infinite;
}
body.qmt-admin-theme.login-page .login-box-body {
  background: linear-gradient(145deg, rgba(8, 14, 24, 0.95), rgba(10, 17, 30, 0.90)) !important;
  backdrop-filter: blur(24px) saturate(1.4) !important;
  padding: 40px 32px !important;
  border: 1px solid var(--p-border-strong) !important;
  box-shadow: var(--p-shadow-lg), 0 0 40px rgba(0, 212, 255, 0.06) !important;
  border-radius: var(--p-radius-xl) !important;
  position: relative; overflow: hidden;
}
body.qmt-admin-theme.login-page .login-box-body::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--p-cyan), var(--p-gold), var(--p-violet), transparent);
}
body.qmt-admin-theme.login-page .login-logo a {
  background: linear-gradient(135deg, var(--p-cyan-light) 0%, var(--p-cyan) 40%, var(--p-gold) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-weight: 800 !important; letter-spacing: 2px !important;
}

/* =============================================
   12. ADMIN OVERRIDES
   ============================================= */
body.qmt-admin-theme .main-sidebar {
  background: linear-gradient(180deg, rgba(6, 10, 18, 0.98) 0%, rgba(8, 14, 24, 0.98) 100%) !important;
  border-right: 1px solid var(--p-border) !important;
}
body.qmt-admin-theme .sidebar-menu > li > a {
  color: var(--p-text-secondary) !important;
  border-left: 3px solid transparent !important;
  transition: all var(--p-fast) !important;
}
body.qmt-admin-theme .sidebar-menu > li > a:hover,
body.qmt-admin-theme .sidebar-menu > li.active > a,
body.qmt-admin-theme .sidebar-menu > li.menu-open > a {
  color: var(--p-cyan) !important;
  background: rgba(0, 212, 255, 0.06) !important;
  border-left-color: var(--p-cyan) !important;
}
body.qmt-admin-theme .sidebar-menu > li.header {
  color: var(--p-violet) !important;
  letter-spacing: 2px !important;
  font-weight: 700 !important;
}
body.qmt-admin-theme .box.box-primary { border-top: 3px solid var(--p-cyan) !important; }
body.qmt-admin-theme .box-header .box-title { color: var(--p-cyan) !important; }
body.qmt-admin-theme .table > thead > tr > th { color: var(--p-cyan) !important; letter-spacing: 1px !important; }
body.qmt-admin-theme .table-hover > tbody > tr:hover { background: rgba(0, 212, 255, 0.04) !important; }
body.qmt-admin-theme .btn-primary {
  background: linear-gradient(135deg, var(--p-cyan) 0%, var(--p-cyan-dark) 100%) !important;
  border: none !important; color: var(--p-bg-deepest) !important;
  font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.5px;
  transition: all var(--p-fast) !important;
}
body.qmt-admin-theme .btn-primary:hover { box-shadow: 0 0 24px rgba(0, 212, 255, 0.25) !important; transform: translateY(-1px); }
body.qmt-admin-theme .pagination > .active > a,
body.qmt-admin-theme .pagination > .active > span {
  background: linear-gradient(135deg, var(--p-cyan) 0%, var(--p-cyan-dark) 100%) !important;
  border-color: transparent !important;
  color: var(--p-bg-deepest) !important;
  box-shadow: 0 0 12px rgba(0, 212, 255, 0.20) !important;
}
body.qmt-admin-theme .form-control:focus {
  border-color: var(--p-cyan) !important;
  box-shadow: 0 0 0 3px var(--p-cyan-soft) !important;
}

/* =============================================
   13. NAVBAR OVERRIDES
   ============================================= */
body.qmt-theme-openclaw .navbar-default .navbar-nav > li > a.qmt-nav-active {
  color: var(--p-cyan) !important;
  background: rgba(0, 212, 255, 0.06) !important;
}
body.qmt-theme-openclaw .navbar-default .navbar-nav > li > a:hover {
  color: var(--p-cyan) !important;
  background: rgba(0, 212, 255, 0.04) !important;
}
body.qmt-theme-openclaw .qmt-nav-section-label > span {
  color: var(--p-violet) !important;
}
body.qmt-theme-openclaw .qmt-table th {
  color: var(--p-cyan) !important;
  border-bottom: 2px solid rgba(0, 212, 255, 0.20) !important;
}
body.qmt-theme-openclaw .qmt-table.table-hover > tbody > tr:hover {
  background: rgba(0, 212, 255, 0.04) !important;
}
body.qmt-theme-openclaw .panel-heading {
  color: var(--p-cyan) !important;
  border-bottom: 1px solid rgba(0, 212, 255, 0.12) !important;
}
body.qmt-theme-openclaw .btn-primary {
  background: linear-gradient(135deg, var(--p-cyan) 0%, var(--p-cyan-dark) 100%) !important;
  border: none !important; color: var(--p-bg-deepest) !important;
  font-weight: 700 !important;
}
body.qmt-theme-openclaw .btn-primary:hover {
  box-shadow: 0 0 20px var(--p-cyan-glow) !important;
}

/* =============================================
   14. FOOTER
   ============================================= */
footer.qmt-site-footer::before {
  content: '';
  position: absolute;
  top: -1px; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--p-cyan), var(--p-gold), var(--p-violet), transparent);
  opacity: 0.6;
}

/* =============================================
   15. RESPONSIVE
   ============================================= */
@media (max-width: 768px) {
  .p-stat-value { font-size: 22px; }
  .p-glass { padding: 16px; }
  .p-table thead th, .p-table tbody td { padding: 10px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  body.qmt-theme-openclaw::before, body.qmt-theme-openclaw::after { animation: none !important; }
}