[data-theme="Light"] {
  --iq-body-bg: var(--iq-light-body-bg);
  --iq-card-bg: var(--iq-light-card-bg);
  --iq-title-text: var(--iq-light-title-text);
  --iq-body-text: var(--iq-light-body-text);
  --iq-card-shadow-1: var(--iq-light-shadow-1);
  --iq-card-shadow-2: var(--iq-light-shadow-2);
  --iq-accent: var(--iq-light-accent);
  --iq-accent-rgb: var(--iq-light-accent-rgb);
  --fx-border: var(--iq-light-border);
  --fx-hover-bg: var(--iq-light-hover-bg);
  --fx-icon-color: var(--iq-light-icon-color);
  background: var(--iq-light-body-bg);
  color: var(--iq-light-body-text);
}

[data-theme="Dark"] {
  --iq-body-bg: var(--iq-dark-body-bg);
  --iq-card-bg: var(--iq-dark-card-bg);
  --iq-title-text: var(--iq-dark-title-text);
  --iq-body-text: var(--iq-dark-body-text);
  --iq-card-shadow-1: var(--iq-dark-shadow-1);
  --iq-card-shadow-2: var(--iq-dark-shadow-2);
  --iq-accent: var(--iq-dark-accent);
  --iq-accent-rgb: var(--iq-dark-accent-rgb);
  --fx-border: var(--iq-dark-border);
  --fx-hover-bg: var(--iq-dark-hover-bg);
  --fx-icon-color: var(--iq-dark-icon-color);
  background: var(--iq-dark-body-bg);
  color: var(--iq-dark-body-text);
}

[data-theme="Purple"] {
  --iq-body-bg: var(--iq-purple-body-bg);
  --iq-card-bg: var(--iq-purple-card-bg);
  --iq-title-text: var(--iq-purple-title-text);
  --iq-body-text: var(--iq-purple-body-text);
  --iq-card-shadow-1: var(--iq-purple-shadow-1);
  --iq-card-shadow-2: var(--iq-purple-shadow-2);
  --iq-accent: var(--iq-purple-accent);
  --iq-accent-rgb: var(--iq-purple-accent-rgb);
  --fx-border: var(--iq-purple-border);
  --fx-hover-bg: var(--iq-purple-hover-bg);
  --fx-icon-color: var(--iq-purple-icon-color);
  background: var(--iq-purple-body-bg);
  color: var(--iq-purple-body-text);
}

[data-theme="Green"] {
  --iq-body-bg: var(--iq-green-body-bg);
  --iq-card-bg: var(--iq-green-card-bg);
  --iq-title-text: var(--iq-green-title-text);
  --iq-body-text: var(--iq-green-body-text);
  --iq-card-shadow-1: var(--iq-green-shadow-1);
  --iq-card-shadow-2: var(--iq-green-shadow-2);
  --iq-accent: var(--iq-green-accent);
  --iq-accent-rgb: var(--iq-green-accent-rgb);
  --fx-border: var(--iq-green-border);
  --fx-hover-bg: var(--iq-green-hover-bg);
  --fx-icon-color: var(--iq-green-icon-color);
  background: var(--iq-green-body-bg);
  color: var(--iq-green-body-text);
}

[data-theme="Midnight"] {
  --iq-body-bg: var(--iq-midnight-body-bg);
  --iq-card-bg: var(--iq-midnight-card-bg);
  --iq-title-text: var(--iq-midnight-title-text);
  --iq-body-text: var(--iq-midnight-body-text);
  --iq-card-shadow-1: var(--iq-midnight-shadow-1);
  --iq-card-shadow-2: var(--iq-midnight-shadow-2);
  --iq-accent: var(--iq-midnight-accent);
  --iq-accent-rgb: var(--iq-midnight-accent-rgb);
  --fx-border: var(--iq-midnight-border);
  --fx-hover-bg: var(--iq-midnight-hover-bg);
  --fx-icon-color: var(--iq-midnight-icon-color);
  background: var(--iq-midnight-body-bg);
  color: var(--iq-midnight-body-text);
}

[data-theme="Crimson"] {
  --iq-body-bg: var(--iq-crimson-body-bg);
  --iq-card-bg: var(--iq-crimson-card-bg);
  --iq-title-text: var(--iq-crimson-title-text);
  --iq-body-text: var(--iq-crimson-body-text);
  --iq-card-shadow-1: var(--iq-crimson-shadow-1);
  --iq-card-shadow-2: var(--iq-crimson-shadow-2);
  --iq-accent: var(--iq-crimson-accent);
  --iq-accent-rgb: var(--iq-crimson-accent-rgb);
  --fx-border: var(--iq-crimson-border);
  --fx-hover-bg: var(--iq-crimson-hover-bg);
  --fx-icon-color: var(--iq-crimson-icon-color);
  background: var(--iq-crimson-body-bg);
  color: var(--iq-crimson-body-text);
}

[data-theme="Cyber"] {
  --iq-body-bg: var(--iq-cyber-body-bg);
  --iq-card-bg: var(--iq-cyber-card-bg);
  --iq-title-text: var(--iq-cyber-title-text);
  --iq-body-text: var(--iq-cyber-body-text);
  --iq-card-shadow-1: var(--iq-cyber-shadow-1);
  --iq-card-shadow-2: var(--iq-cyber-shadow-2);
  --iq-accent: var(--iq-cyber-accent);
  --iq-accent-rgb: var(--iq-cyber-accent-rgb);
  --fx-border: var(--iq-cyber-border);
  --fx-hover-bg: var(--iq-cyber-hover-bg);
  --fx-icon-color: var(--iq-cyber-icon-color);
  background: var(--iq-cyber-body-bg);
  color: var(--iq-cyber-body-text);
}

[data-theme="Slate"] {
  --iq-body-bg: var(--iq-slate-body-bg);
  --iq-card-bg: var(--iq-slate-card-bg);
  --iq-title-text: var(--iq-slate-title-text);
  --iq-body-text: var(--iq-slate-body-text);
  --iq-card-shadow-1: var(--iq-slate-shadow-1);
  --iq-card-shadow-2: var(--iq-slate-shadow-2);
  --iq-accent: var(--iq-slate-accent);
  --iq-accent-rgb: var(--iq-slate-accent-rgb);
  --fx-border: var(--iq-slate-border);
  --fx-hover-bg: var(--iq-slate-hover-bg);
  --fx-icon-color: var(--iq-slate-icon-color);
  background: var(--iq-slate-body-bg);
  color: var(--iq-slate-body-text);
}

[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: var(--iq-light-title-text);
}

[data-theme="Dark"] h1,
[data-theme="Dark"] h2,
[data-theme="Dark"] h3,
[data-theme="Dark"] h4,
[data-theme="Dark"] h5,
[data-theme="Dark"] h6,
[data-theme="Purple"] h1,
[data-theme="Purple"] h2,
[data-theme="Purple"] h3,
[data-theme="Purple"] h4,
[data-theme="Purple"] h5,
[data-theme="Purple"] h6,
[data-theme="Green"] h1,
[data-theme="Green"] h2,
[data-theme="Green"] h3,
[data-theme="Green"] h4,
[data-theme="Green"] h5,
[data-theme="Green"] h6,
[data-theme="Midnight"] h1,
[data-theme="Midnight"] h2,
[data-theme="Midnight"] h3,
[data-theme="Midnight"] h4,
[data-theme="Midnight"] h5,
[data-theme="Midnight"] h6,
[data-theme="Crimson"] h1,
[data-theme="Crimson"] h2,
[data-theme="Crimson"] h3,
[data-theme="Crimson"] h4,
[data-theme="Crimson"] h5,
[data-theme="Crimson"] h6,
[data-theme="Cyber"] h1,
[data-theme="Cyber"] h2,
[data-theme="Cyber"] h3,
[data-theme="Cyber"] h4,
[data-theme="Cyber"] h5,
[data-theme="Cyber"] h6,
[data-theme="Slate"] h1,
[data-theme="Slate"] h2,
[data-theme="Slate"] h3,
[data-theme="Slate"] h4,
[data-theme="Slate"] h5,
[data-theme="Slate"] h6 {
  color: var(--iq-white);
}

[data-theme="Light"] .iq-light-logo { display: block; }
[data-theme="Light"] .iq-dark-logo { display: none; }

[data-theme="Dark"] .iq-light-logo,
[data-theme="Purple"] .iq-light-logo,
[data-theme="Green"] .iq-light-logo,
[data-theme="Midnight"] .iq-light-logo,
[data-theme="Crimson"] .iq-light-logo,
[data-theme="Cyber"] .iq-light-logo,
[data-theme="Slate"] .iq-light-logo {
  display: none;
}

[data-theme="Dark"] .iq-dark-logo,
[data-theme="Purple"] .iq-dark-logo,
[data-theme="Green"] .iq-dark-logo,
[data-theme="Midnight"] .iq-dark-logo,
[data-theme="Crimson"] .iq-dark-logo,
[data-theme="Cyber"] .iq-dark-logo,
[data-theme="Slate"] .iq-dark-logo {
  display: block;
}

[data-theme="Light"] #loading {
  background-color: rgba(245, 240, 232, 0.9);
  background-image: url(../images/light.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10%;
  height: 100%; width: 100%;
  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  overflow: hidden;
  z-index: 999999;
}

[data-theme="Dark"] #loading,
[data-theme="Purple"] #loading,
[data-theme="Green"] #loading,
[data-theme="Midnight"] #loading,
[data-theme="Crimson"] #loading,
[data-theme="Cyber"] #loading,
[data-theme="Slate"] #loading {
  background-color: rgba(12, 12, 16, 0.88);
  background-image: url(../images/dark.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10%;
  backdrop-filter: blur(14px);
  height: 100%; width: 100%;
  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  overflow: hidden;
  z-index: 999999;
}

[data-theme="Light"] .iq-card {
  background: var(--iq-light-card-bg);
  border: 1px solid var(--iq-light-border);
  box-shadow: 0 4px 14px var(--iq-light-shadow-1);
}

[data-theme="Dark"] .iq-card { background: var(--iq-dark-card-bg); border: 1px solid var(--iq-dark-border); box-shadow: 0 4px 14px var(--iq-dark-shadow-1); }
[data-theme="Purple"] .iq-card { background: var(--iq-purple-card-bg); border: 1px solid var(--iq-purple-border); box-shadow: 0 4px 14px var(--iq-purple-shadow-1); }
[data-theme="Green"] .iq-card { background: var(--iq-green-card-bg); border: 1px solid var(--iq-green-border); box-shadow: 0 4px 14px var(--iq-green-shadow-1); }
[data-theme="Midnight"] .iq-card { background: var(--iq-midnight-card-bg); border: 1px solid var(--iq-midnight-border); box-shadow: 0 4px 14px var(--iq-midnight-shadow-1); }
[data-theme="Crimson"] .iq-card { background: var(--iq-crimson-card-bg); border: 1px solid var(--iq-crimson-border); box-shadow: 0 4px 14px var(--iq-crimson-shadow-1); }
[data-theme="Cyber"] .iq-card { background: var(--iq-cyber-card-bg); border: 1px solid var(--iq-cyber-border); box-shadow: 0 4px 14px var(--iq-cyber-shadow-1); }
[data-theme="Slate"] .iq-card { background: var(--iq-slate-card-bg); border: 1px solid var(--iq-slate-border); box-shadow: 0 4px 14px var(--iq-slate-shadow-1); }


.content-page .pv-ph-card,
.content-page .pv-active-card {
  background: var(--iq-card-bg);
  box-shadow: 0 4px 14px var(--iq-card-shadow-1, rgba(0,0,0,.15));
}
[data-theme="Light"] .content-page .pv-ph-card,
[data-theme="Light"] .content-page .pv-active-card {
  background: var(--iq-light-card-bg) !important;
  border-color: var(--iq-light-border) !important;
  box-shadow: 0 4px 14px var(--iq-light-shadow-1) !important;
}
[data-theme="Dark"] .content-page .pv-ph-card,
[data-theme="Dark"] .content-page .pv-active-card {
  background: var(--iq-dark-card-bg) !important;
  border-color: var(--iq-dark-border) !important;
  box-shadow: 0 4px 14px var(--iq-dark-shadow-1) !important;
}
[data-theme="Purple"] .content-page .pv-ph-card,
[data-theme="Purple"] .content-page .pv-active-card {
  background: var(--iq-purple-card-bg) !important;
  border-color: var(--iq-purple-border) !important;
  box-shadow: 0 4px 14px var(--iq-purple-shadow-1) !important;
}
[data-theme="Green"] .content-page .pv-ph-card,
[data-theme="Green"] .content-page .pv-active-card {
  background: var(--iq-green-card-bg) !important;
  border-color: var(--iq-green-border) !important;
  box-shadow: 0 4px 14px var(--iq-green-shadow-1) !important;
}
[data-theme="Midnight"] .content-page .pv-ph-card,
[data-theme="Midnight"] .content-page .pv-active-card {
  background: var(--iq-midnight-card-bg) !important;
  border-color: var(--iq-midnight-border) !important;
  box-shadow: 0 4px 14px var(--iq-midnight-shadow-1) !important;
}
[data-theme="Crimson"] .content-page .pv-ph-card,
[data-theme="Crimson"] .content-page .pv-active-card {
  background: var(--iq-crimson-card-bg) !important;
  border-color: var(--iq-crimson-border) !important;
  box-shadow: 0 4px 14px var(--iq-crimson-shadow-1) !important;
}
[data-theme="Cyber"] .content-page .pv-ph-card,
[data-theme="Cyber"] .content-page .pv-active-card {
  background: var(--iq-cyber-card-bg) !important;
  border-color: var(--iq-cyber-border) !important;
  box-shadow: 0 4px 14px var(--iq-cyber-shadow-1) !important;
}
[data-theme="Slate"] .content-page .pv-ph-card,
[data-theme="Slate"] .content-page .pv-active-card {
  background: var(--iq-slate-card-bg) !important;
  border-color: var(--iq-slate-border) !important;
  box-shadow: 0 4px 14px var(--iq-slate-shadow-1) !important;
}

[data-theme="Light"] .modal-content { background-color: var(--iq-light-card-bg); }
[data-theme="Light"] .modal-header { background-color: var(--iq-light-hover-bg); }
[data-theme="Light"] .modal-footer { background-color: var(--iq-light-hover-bg); }

[data-theme="Dark"] .modal-content { background-color: var(--iq-dark-card-bg); }
[data-theme="Dark"] .modal-header { background-color: var(--iq-dark-hover-bg); }
[data-theme="Dark"] .modal-footer { background-color: var(--iq-dark-hover-bg); }
[data-theme="Purple"] .modal-content { background-color: var(--iq-purple-card-bg); }
[data-theme="Purple"] .modal-header { background-color: var(--iq-purple-hover-bg); }
[data-theme="Purple"] .modal-footer { background-color: var(--iq-purple-hover-bg); }
[data-theme="Green"] .modal-content { background-color: var(--iq-green-card-bg); }
[data-theme="Green"] .modal-header { background-color: var(--iq-green-hover-bg); }
[data-theme="Green"] .modal-footer { background-color: var(--iq-green-hover-bg); }
[data-theme="Midnight"] .modal-content { background-color: var(--iq-midnight-card-bg); }
[data-theme="Midnight"] .modal-header { background-color: var(--iq-midnight-hover-bg); }
[data-theme="Midnight"] .modal-footer { background-color: var(--iq-midnight-hover-bg); }
[data-theme="Crimson"] .modal-content { background-color: var(--iq-crimson-card-bg); }
[data-theme="Crimson"] .modal-header { background-color: var(--iq-crimson-hover-bg); }
[data-theme="Crimson"] .modal-footer { background-color: var(--iq-crimson-hover-bg); }
[data-theme="Cyber"] .modal-content { background-color: var(--iq-cyber-card-bg); }
[data-theme="Cyber"] .modal-header { background-color: var(--iq-cyber-hover-bg); }
[data-theme="Cyber"] .modal-footer { background-color: var(--iq-cyber-hover-bg); }
[data-theme="Slate"] .modal-content { background-color: var(--iq-slate-card-bg); }
[data-theme="Slate"] .modal-header { background-color: var(--iq-slate-hover-bg); }
[data-theme="Slate"] .modal-footer { background-color: var(--iq-slate-hover-bg); }

[data-theme="Light"] .iq-sidebar { background: var(--iq-light-card-bg); border-right: 1px solid var(--iq-light-border); }
[data-theme="Dark"] .iq-sidebar { background: var(--iq-dark-card-bg); border-right: 1px solid var(--iq-dark-border); }
[data-theme="Purple"] .iq-sidebar { background: var(--iq-purple-card-bg); border-right: 1px solid var(--iq-purple-border); }
[data-theme="Green"] .iq-sidebar { background: var(--iq-green-card-bg); border-right: 1px solid var(--iq-green-border); }
[data-theme="Midnight"] .iq-sidebar { background: var(--iq-midnight-card-bg); border-right: 1px solid var(--iq-midnight-border); }
[data-theme="Crimson"] .iq-sidebar { background: var(--iq-crimson-card-bg); border-right: 1px solid var(--iq-crimson-border); }
[data-theme="Cyber"] .iq-sidebar { background: var(--iq-cyber-card-bg); border-right: 1px solid var(--iq-cyber-border); }
[data-theme="Slate"] .iq-sidebar { background: var(--iq-slate-card-bg); border-right: 1px solid var(--iq-slate-border); }

[data-theme="Light"] .iq-top-navbar { background: var(--iq-light-card-bg); border-bottom: 1px solid var(--iq-light-border); }
[data-theme="Dark"] .iq-top-navbar { background: var(--iq-dark-card-bg); border-bottom: 1px solid var(--iq-dark-border); }
[data-theme="Purple"] .iq-top-navbar { background: var(--iq-purple-card-bg); border-bottom: 1px solid var(--iq-purple-border); }
[data-theme="Green"] .iq-top-navbar { background: var(--iq-green-card-bg); border-bottom: 1px solid var(--iq-green-border); }
[data-theme="Midnight"] .iq-top-navbar { background: var(--iq-midnight-card-bg); border-bottom: 1px solid var(--iq-midnight-border); }
[data-theme="Crimson"] .iq-top-navbar { background: var(--iq-crimson-card-bg); border-bottom: 1px solid var(--iq-crimson-border); }
[data-theme="Cyber"] .iq-top-navbar { background: var(--iq-cyber-card-bg); border-bottom: 1px solid var(--iq-cyber-border); }
[data-theme="Slate"] .iq-top-navbar { background: var(--iq-slate-card-bg); border-bottom: 1px solid var(--iq-slate-border); }

[data-theme="Light"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-light-body-text); }
[data-theme="Light"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-light-accent); background: var(--iq-light-hover-bg); }
[data-theme="Light"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-light-accent); background: var(--iq-light-hover-bg); }

[data-theme="Dark"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-dark-body-text); }
[data-theme="Dark"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-dark-accent); background: var(--iq-dark-hover-bg); }
[data-theme="Dark"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-dark-accent); background: var(--iq-dark-hover-bg); }

[data-theme="Purple"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-purple-body-text); }
[data-theme="Purple"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-purple-accent); background: var(--iq-purple-hover-bg); }
[data-theme="Purple"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-purple-accent); background: var(--iq-purple-hover-bg); }

[data-theme="Green"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-green-body-text); }
[data-theme="Green"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-green-accent); background: var(--iq-green-hover-bg); }
[data-theme="Green"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-green-accent); background: var(--iq-green-hover-bg); }

[data-theme="Midnight"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-midnight-body-text); }
[data-theme="Midnight"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-midnight-accent); background: var(--iq-midnight-hover-bg); }
[data-theme="Midnight"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-midnight-accent); background: var(--iq-midnight-hover-bg); }

[data-theme="Crimson"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-crimson-body-text); }
[data-theme="Crimson"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-crimson-accent); background: var(--iq-crimson-hover-bg); }
[data-theme="Crimson"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-crimson-accent); background: var(--iq-crimson-hover-bg); }

[data-theme="Cyber"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-cyber-body-text); }
[data-theme="Cyber"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-cyber-accent); background: var(--iq-cyber-hover-bg); }
[data-theme="Cyber"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-cyber-accent); background: var(--iq-cyber-hover-bg); }

[data-theme="Slate"] .iq-sidebar-menu .iq-menu li a { color: var(--iq-slate-body-text); }
[data-theme="Slate"] .iq-sidebar-menu .iq-menu li a:hover { color: var(--iq-slate-accent); background: var(--iq-slate-hover-bg); }
[data-theme="Slate"] .iq-sidebar-menu .iq-menu li.active > a { color: var(--iq-slate-accent); background: var(--iq-slate-hover-bg); }

[data-theme="Light"] a { color: var(--iq-light-body-text); }
[data-theme="Light"] a:hover { color: var(--iq-light-accent); }
[data-theme="Dark"] a { color: var(--iq-dark-body-text); }
[data-theme="Dark"] a:hover { color: var(--iq-dark-accent); }
[data-theme="Purple"] a { color: var(--iq-purple-body-text); }
[data-theme="Purple"] a:hover { color: var(--iq-purple-accent); }
[data-theme="Green"] a { color: var(--iq-green-body-text); }
[data-theme="Green"] a:hover { color: var(--iq-green-accent); }
[data-theme="Midnight"] a { color: var(--iq-midnight-body-text); }
[data-theme="Midnight"] a:hover { color: var(--iq-midnight-accent); }
[data-theme="Crimson"] a { color: var(--iq-crimson-body-text); }
[data-theme="Crimson"] a:hover { color: var(--iq-crimson-accent); }
[data-theme="Cyber"] a { color: var(--iq-cyber-body-text); }
[data-theme="Cyber"] a:hover { color: var(--iq-cyber-accent); }
[data-theme="Slate"] a { color: var(--iq-slate-body-text); }
[data-theme="Slate"] a:hover { color: var(--iq-slate-accent); }


[data-theme] a.pv-btn-success,
[data-theme] a.pv-btn-success:hover { color: #4ade80 !important; }
[data-theme] a.pv-btn-danger,
[data-theme] a.pv-btn-danger:hover { color: #f87171 !important; }
[data-theme] a.pv-btn-warning,
[data-theme] a.pv-btn-warning:hover { color: #facc15 !important; }

[data-theme="Light"] .iq-navbar-custom { background: transparent; }
[data-theme="Dark"] .iq-navbar-custom,
[data-theme="Purple"] .iq-navbar-custom,
[data-theme="Green"] .iq-navbar-custom,
[data-theme="Midnight"] .iq-navbar-custom,
[data-theme="Crimson"] .iq-navbar-custom,
[data-theme="Cyber"] .iq-navbar-custom,
[data-theme="Slate"] .iq-navbar-custom { background: transparent; }

[data-theme="Light"] .topbar-menu-icon li a { color: var(--iq-light-icon-color); }
[data-theme="Dark"] .topbar-menu-icon li a { color: var(--iq-dark-icon-color); }
[data-theme="Purple"] .topbar-menu-icon li a { color: var(--iq-purple-icon-color); }
[data-theme="Green"] .topbar-menu-icon li a { color: var(--iq-green-icon-color); }
[data-theme="Midnight"] .topbar-menu-icon li a { color: var(--iq-midnight-icon-color); }
[data-theme="Crimson"] .topbar-menu-icon li a { color: var(--iq-crimson-icon-color); }
[data-theme="Cyber"] .topbar-menu-icon li a { color: var(--iq-cyber-icon-color); }
[data-theme="Slate"] .topbar-menu-icon li a { color: var(--iq-slate-icon-color); }

[data-theme="Light"] .form-control,
[data-theme="Light"] .custom-select,
[data-theme="Light"] select.form-control,
[data-theme="Light"] textarea.form-control {
  background: #f0ece4;
  border-color: var(--iq-light-border);
  color: var(--iq-light-title-text);
}

[data-theme="Light"] .iq-search-bar .search-input {
  background: #f0ece4;
  color: var(--iq-light-title-text);
}

[data-theme="Dark"] .form-control,
[data-theme="Dark"] .custom-select,
[data-theme="Dark"] select.form-control,
[data-theme="Dark"] textarea.form-control {
  background: var(--iq-dark-body-bg);
  border-color: var(--iq-dark-border);
  color: var(--iq-dark-body-text);
}
[data-theme="Purple"] .form-control,
[data-theme="Purple"] .custom-select,
[data-theme="Purple"] select.form-control,
[data-theme="Purple"] textarea.form-control {
  background: var(--iq-purple-body-bg);
  border-color: var(--iq-purple-border);
  color: var(--iq-purple-body-text);
}
[data-theme="Green"] .form-control,
[data-theme="Green"] .custom-select,
[data-theme="Green"] select.form-control,
[data-theme="Green"] textarea.form-control {
  background: var(--iq-green-body-bg);
  border-color: var(--iq-green-border);
  color: var(--iq-green-body-text);
}
[data-theme="Midnight"] .form-control,
[data-theme="Midnight"] .custom-select,
[data-theme="Midnight"] select.form-control,
[data-theme="Midnight"] textarea.form-control {
  background: var(--iq-midnight-body-bg);
  border-color: var(--iq-midnight-border);
  color: var(--iq-midnight-body-text);
}
[data-theme="Crimson"] .form-control,
[data-theme="Crimson"] .custom-select,
[data-theme="Crimson"] select.form-control,
[data-theme="Crimson"] textarea.form-control {
  background: var(--iq-crimson-body-bg);
  border-color: var(--iq-crimson-border);
  color: var(--iq-crimson-body-text);
}
[data-theme="Cyber"] .form-control,
[data-theme="Cyber"] .custom-select,
[data-theme="Cyber"] select.form-control,
[data-theme="Cyber"] textarea.form-control {
  background: var(--iq-cyber-body-bg);
  border-color: var(--iq-cyber-border);
  color: var(--iq-cyber-body-text);
}
[data-theme="Slate"] .form-control,
[data-theme="Slate"] .custom-select,
[data-theme="Slate"] select.form-control,
[data-theme="Slate"] textarea.form-control {
  background: var(--iq-slate-body-bg);
  border-color: var(--iq-slate-border);
  color: var(--iq-slate-body-text);
}

[data-theme="Light"] .table-responsive .table-borderless { border-color: var(--iq-light-border); }
[data-theme="Light"] thead tr { background: var(--iq-light-hover-bg); }
[data-theme="Light"] td, [data-theme="Light"] th { border-color: var(--iq-light-border); }
[data-theme="Light"] tr { border-color: var(--iq-light-border); }

[data-theme="Dark"] .table-responsive .table-borderless { border-color: var(--iq-dark-border); }
[data-theme="Dark"] thead tr { background: var(--iq-dark-hover-bg); }
[data-theme="Dark"] td, [data-theme="Dark"] th { border-color: var(--iq-dark-border); }
[data-theme="Purple"] .table-responsive .table-borderless { border-color: var(--iq-purple-border); }
[data-theme="Purple"] thead tr { background: var(--iq-purple-hover-bg); }
[data-theme="Purple"] td, [data-theme="Purple"] th { border-color: var(--iq-purple-border); }
[data-theme="Green"] .table-responsive .table-borderless { border-color: var(--iq-green-border); }
[data-theme="Green"] thead tr { background: var(--iq-green-hover-bg); }
[data-theme="Green"] td, [data-theme="Green"] th { border-color: var(--iq-green-border); }
[data-theme="Midnight"] .table-responsive .table-borderless { border-color: var(--iq-midnight-border); }
[data-theme="Midnight"] thead tr { background: var(--iq-midnight-hover-bg); }
[data-theme="Midnight"] td, [data-theme="Midnight"] th { border-color: var(--iq-midnight-border); }
[data-theme="Crimson"] .table-responsive .table-borderless { border-color: var(--iq-crimson-border); }
[data-theme="Crimson"] thead tr { background: var(--iq-crimson-hover-bg); }
[data-theme="Crimson"] td, [data-theme="Crimson"] th { border-color: var(--iq-crimson-border); }
[data-theme="Cyber"] .table-responsive .table-borderless { border-color: var(--iq-cyber-border); }
[data-theme="Cyber"] thead tr { background: var(--iq-cyber-hover-bg); }
[data-theme="Cyber"] td, [data-theme="Cyber"] th { border-color: var(--iq-cyber-border); }
[data-theme="Slate"] .table-responsive .table-borderless { border-color: var(--iq-slate-border); }
[data-theme="Slate"] thead tr { background: var(--iq-slate-hover-bg); }
[data-theme="Slate"] td, [data-theme="Slate"] th { border-color: var(--iq-slate-border); }

[data-theme="Light"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-light-hover-bg); }
[data-theme="Dark"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-dark-hover-bg); }
[data-theme="Purple"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-purple-hover-bg); }
[data-theme="Green"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-green-hover-bg); }
[data-theme="Midnight"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-midnight-hover-bg); }
[data-theme="Crimson"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-crimson-hover-bg); }
[data-theme="Cyber"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-cyber-hover-bg); }
[data-theme="Slate"] .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--iq-slate-hover-bg); }

[data-theme="Light"] .iq-footer { background: var(--iq-light-card-bg); color: var(--iq-light-body-text); }
[data-theme="Dark"] .iq-footer { background: var(--iq-dark-card-bg); color: var(--iq-dark-body-text); }
[data-theme="Purple"] .iq-footer { background: var(--iq-purple-card-bg); color: var(--iq-purple-body-text); }
[data-theme="Green"] .iq-footer { background: var(--iq-green-card-bg); color: var(--iq-green-body-text); }
[data-theme="Midnight"] .iq-footer { background: var(--iq-midnight-card-bg); color: var(--iq-midnight-body-text); }
[data-theme="Crimson"] .iq-footer { background: var(--iq-crimson-card-bg); color: var(--iq-crimson-body-text); }
[data-theme="Cyber"] .iq-footer { background: var(--iq-cyber-card-bg); color: var(--iq-cyber-body-text); }
[data-theme="Slate"] .iq-footer { background: var(--iq-slate-card-bg); color: var(--iq-slate-body-text); }

[data-theme="Light"] .iq-sub-dropdown .iq-card { background: var(--iq-light-card-bg); }
[data-theme="Dark"] .iq-sub-dropdown .iq-card { background: var(--iq-dark-card-bg); }
[data-theme="Purple"] .iq-sub-dropdown .iq-card { background: var(--iq-purple-card-bg); }
[data-theme="Green"] .iq-sub-dropdown .iq-card { background: var(--iq-green-card-bg); }
[data-theme="Midnight"] .iq-sub-dropdown .iq-card { background: var(--iq-midnight-card-bg); }
[data-theme="Crimson"] .iq-sub-dropdown .iq-card { background: var(--iq-crimson-card-bg); }
[data-theme="Cyber"] .iq-sub-dropdown .iq-card { background: var(--iq-cyber-card-bg); }
[data-theme="Slate"] .iq-sub-dropdown .iq-card { background: var(--iq-slate-card-bg); }

body.sidebar-main {
  background: var(--iq-body-bg);
}

.iq-card,
.modal-content {
  border-radius: 18px;
}

.iq-card {
  overflow: hidden;
}

.iq-card .card-header:first-child {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}

.iq-card .iq-card-body:last-child {
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}

.iq-sidebar,
.breadcrumb.iq-bg-primary {
  border-radius: 0;
}
.iq-top-navbar {
  border-radius: 0 0 18px 18px;
}

.form-control,
.custom-select,
select.form-control,
textarea.form-control {
  border-radius: 12px;
}

.badge {
  border-radius: 999px;
}

.btn {
  border-radius: 12px;
}

.alert,
.breadcrumb,
.table-responsive,
.dropdown-menu,
.input-group > .form-control,
.input-group > .custom-select {
  border-radius: 14px;
}

.table-responsive {
  overflow: hidden;
}

.modal-content {
  overflow: hidden;
}

.iq-card,
.modal-content,
.iq-sidebar,
.iq-top-navbar,
.form-control,
a,
.badge,
.btn {
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}


[data-theme="Light"] .content-page .pv-slot-active {
  border: 2px solid #16a34a !important;
  border-style: solid !important;
  background: var(--iq-card-bg) !important;
  box-shadow: 0 6px 22px rgba(22, 163, 74, 0.12) !important;
}
[data-theme="Light"] .content-page .pv-ph-card {
  border-color: rgba(0, 0, 0, 0.14) !important;
  color: var(--iq-body-text) !important;
}
[data-theme="Light"] .content-page .pv-plan-combined-wrap.pv-ph-card {
  border: 1px solid var(--fx-border) !important;
  border-style: solid !important;
}
[data-theme="Light"] .content-page .pv-plan-combined__stat {
  background: var(--fx-hover-bg) !important;
  border: 1px solid var(--fx-border) !important;
}
[data-theme="Light"] .content-page .pv-plan-combined__actions {
  border-top-color: var(--fx-border) !important;
}
[data-theme="Light"] .content-page .pv-stat-label,
[data-theme="Light"] .content-page .pv-panel-title {
  color: rgba(61, 52, 40, 0.55) !important;
  opacity: 1 !important;
}
[data-theme="Light"] .content-page .pv-empty-title {
  color: var(--iq-title-text) !important;
}
[data-theme="Light"] .content-page .pv-empty-sub {
  opacity: 1 !important;
  color: rgba(61, 52, 40, 0.72) !important;
}
[data-theme="Light"] .content-page .pv-btn-warning {
  background: #fef3c7 !important;
  color: #92400e !important;
  border-color: #f59e0b !important;
}
[data-theme="Light"] .content-page .pv-btn-warning:hover {
  background: #fde68a !important;
  color: #78350f !important;
  border-color: #d97706 !important;
}
[data-theme="Light"] .content-page .pv-btn-accent {
  background: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.12) !important;
  color: #3d3428 !important;
  border-color: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.35) !important;
}
[data-theme="Light"] .content-page .pv-btn-accent:hover {
  background: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.2) !important;
  color: #2a241c !important;
}
[data-theme="Light"] .content-page .pv-btn-muted {
  background: var(--fx-hover-bg) !important;
  color: var(--iq-body-text) !important;
  border-color: var(--fx-border) !important;
}
[data-theme="Light"] .content-page .pv-btn-muted:hover {
  background: var(--iq-card-bg) !important;
  color: var(--iq-title-text) !important;
}
[data-theme="Light"] .content-page .pv-cta-btn {
  
  background: transparent !important;
  color: rgba(61, 52, 40, 0.78) !important;
  border-color: var(--fx-border) !important;
}
[data-theme="Light"] .content-page .pv-cta-btn:hover {
  background: var(--fx-hover-bg) !important;
  color: rgba(61, 52, 40, 0.92) !important;
  border-color: rgba(0, 0, 0, 0.14) !important;
}
[data-theme="Light"] .content-page .pv-mth-btn {
  border-color: var(--fx-border) !important;
  color: var(--iq-body-text) !important;
  background: var(--fx-hover-bg) !important;
}
[data-theme="Light"] .content-page .pv-mth-btn.active,
[data-theme="Light"] .content-page .pv-mth-btn:hover {
  background: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.18) !important;
  border-color: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.45) !important;
  color: #2a241c !important;
}
[data-theme="Light"] .content-page .pv-submit-btn {
  background: rgb(var(--iq-user-accent-rgb, 107, 77, 50)) !important;
  color: #fffefb !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}
[data-theme="Light"] .content-page .pv-submit-btn:hover {
  filter: brightness(0.94) !important;
  color: #fffefb !important;
}
[data-theme="Light"] .content-page .pv-renew-panel {
  border-color: var(--fx-border) !important;
  background: var(--fx-hover-bg) !important;
}
[data-theme="Light"] .content-page .pv-ph-crossed {
  border-color: rgba(0, 0, 0, 0.12) !important;
}
[data-theme="Light"] .content-page .pv-plan-combined__info > p {
  opacity: 1 !important;
  color: rgba(61, 52, 40, 0.62) !important;
}
[data-theme="Light"] .content-page .pv-plan-combined__info > div[style*="border-top"] {
  border-top-color: var(--fx-border) !important;
  opacity: 1 !important;
  color: rgba(61, 52, 40, 0.72) !important;
}

[data-theme="Light"] #pvPlansModal .modal-content {
  background: var(--iq-card-bg) !important;
  border: 1px solid var(--fx-border) !important;
  color: var(--iq-body-text) !important;
}
[data-theme="Light"] #pvPlansModal .modal-header {
  border-bottom-color: var(--fx-border) !important;
}
[data-theme="Light"] #pvPlansModal .modal-title {
  color: var(--iq-title-text) !important;
}
[data-theme="Light"] #pvPlansModal .pv-modal-subtitle {
  font-size: 0.78rem !important;
  line-height: 1.4 !important;
  color: rgba(61, 52, 40, 0.78) !important;
  opacity: 1 !important;
}
[data-theme="Light"] #pvPlansModal .modal-body {
  color: var(--iq-body-text) !important;
}
[data-theme="Light"] #pvPlansModal .pv-modal-card {
  background: #fffefb !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
[data-theme="Light"] #pvPlansModal .pv-modal-card:hover {
  border-color: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.35) !important;
  background: #fff !important;
}
[data-theme="Light"] #pvPlansModal .pv-modal-card.pv-card-current {
  border: 2px solid #16a34a !important;
  box-shadow: 0 0 0 1px rgba(22, 163, 74, 0.15), 0 8px 24px rgba(22, 163, 74, 0.1) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-name,
[data-theme="Light"] #pvPlansModal .pv-mc-price-num {
  color: var(--iq-title-text) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-price-per,
[data-theme="Light"] #pvPlansModal .pv-mc-price-hint,
[data-theme="Light"] #pvPlansModal .pv-mc-field-label,
[data-theme="Light"] #pvPlansModal .pv-mc-key {
  color: rgba(61, 52, 40, 0.55) !important;
  opacity: 1 !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-body {
  border-top-color: var(--fx-border) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-mth {
  border-color: var(--fx-border) !important;
  color: var(--iq-body-text) !important;
  background: var(--fx-hover-bg) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-mth.active,
[data-theme="Light"] #pvPlansModal .pv-mc-mth:hover {
  background: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.2) !important;
  border-color: rgba(var(--iq-user-accent-rgb, 107, 77, 50), 0.45) !important;
  color: #2a241c !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-dev-stepper {
  border-color: var(--fx-border) !important;
  background: var(--fx-hover-bg) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-dev-btn {
  background: var(--iq-card-bg) !important;
  color: var(--iq-title-text) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-dev-val {
  color: var(--iq-title-text) !important;
  border-left-color: var(--fx-border) !important;
  border-right-color: var(--fx-border) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-buy {
  background: rgb(var(--iq-user-accent-rgb, 107, 77, 50)) !important;
  color: #fffefb !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-buy:hover {
  filter: brightness(0.94) !important;
  color: #fffefb !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-buy:disabled {
  opacity: 1 !important;
  background: #e7e5e4 !important;
  color: #44403c !important;
  border-color: #d6d3d1 !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-free-used {
  color: #991b1b !important;
  background: #fef2f2 !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
}
[data-theme="Light"] #pvPlansModal .pv-mc-desc {
  border-top-color: var(--fx-border) !important;
  color: rgba(61, 52, 40, 0.75) !important;
}
[data-theme="Light"] #pvPlansModal .text-muted {
  color: rgba(61, 52, 40, 0.68) !important;
}

[data-theme="Light"] #pvInstructionModal .modal-content {
  background: var(--iq-card-bg) !important;
  border: 1px solid var(--fx-border) !important;
  color: var(--iq-body-text) !important;
}
[data-theme="Light"] #pvInstructionModal .modal-header {
  border-bottom-color: var(--fx-border) !important;
}


[data-theme="Light"] .fx-navbar-balance-square {
  border: none !important;
  color: var(--iq-title-text) !important;
  background: transparent !important;
  box-shadow: none !important;
}
[data-theme="Light"] .fx-navbar-balance-square:hover {
  background: var(--fx-hover-bg) !important;
  color: var(--iq-title-text) !important;
  box-shadow: none !important;
}


[data-theme="Light"] .iq-user-dropdown .fx-account-item,
[data-theme="Light"] .iq-user-dropdown button.fx-account-item {
  color: var(--iq-title-text) !important;
}
[data-theme="Light"] .iq-user-dropdown .fx-account-item:hover,
[data-theme="Light"] .iq-user-dropdown button.fx-account-item:hover {
  background: var(--fx-hover-bg) !important;
  color: var(--iq-title-text) !important;
}
[data-theme="Light"] .iq-user-dropdown .fx-account-item-desc {
  color: rgba(61, 52, 40, 0.55) !important;
}
[data-theme="Light"] .iq-user-dropdown .fx-account-footer {
  border-top-color: var(--fx-border) !important;
}
[data-theme="Light"] .iq-user-dropdown .fx-account-signout {
  background: transparent !important;
  color: var(--iq-title-text) !important;
  border: 1px solid var(--fx-border) !important;
}
[data-theme="Light"] .iq-user-dropdown .fx-account-signout:hover {
  background: var(--fx-hover-bg) !important;
  color: var(--iq-title-text) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}