:root {
  --rc-bg: #f4f7fb;
  --rc-surface: rgba(255, 255, 255, 0.9);
  --rc-surface-strong: #ffffff;
  --rc-line: rgba(15, 23, 42, 0.08);
  --rc-text: #0f172a;
  --rc-muted: #5f6f86;
  --rc-accent: #0f766e;
  --rc-accent-soft: rgba(15, 118, 110, 0.12);
  --rc-highlight: #ea580c;
  --rc-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
  --rc-radius-xl: 24px;
  --rc-radius-lg: 18px;
  --rc-radius-md: 14px;
}

html,
body {
  min-height: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  background:
    radial-gradient(circle at top left, rgba(14, 165, 233, 0.1), transparent 28%),
    radial-gradient(circle at top right, rgba(234, 88, 12, 0.08), transparent 30%),
    linear-gradient(180deg, #f7fafc 0%, #eef3f9 100%);
  color: var(--rc-text);
  font-family: "Segoe UI", "Helvetica Neue", sans-serif;
  letter-spacing: 0.01em;
  overflow-x: hidden;
}

html[data-theme="dark"] body,
body.dashboard-dark {
  --rc-bg: #07111f;
  --rc-surface: rgba(8, 18, 34, 0.88);
  --rc-surface-strong: #0d1728;
  --rc-line: rgba(148, 163, 184, 0.14);
  --rc-text: #e5eefc;
  --rc-muted: #90a3bf;
  --rc-accent: #34d399;
  --rc-accent-soft: rgba(52, 211, 153, 0.16);
  --rc-highlight: #fb923c;
  --rc-shadow: 0 24px 50px rgba(2, 6, 23, 0.45);
  background:
    radial-gradient(circle at top left, rgba(52, 211, 153, 0.09), transparent 24%),
    radial-gradient(circle at top right, rgba(59, 130, 246, 0.1), transparent 26%),
    linear-gradient(180deg, #030712 0%, #07111f 100%);
}

a,
a:hover,
a:focus,
a:active {
  color: inherit;
  text-decoration: none;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
}

input,
select,
textarea,
button {
  max-width: 100%;
}

.container {
  max-width: 1440px;
}

.rc-topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  padding: 14px 0 0;
  backdrop-filter: blur(18px);
}

.rc-topbar__inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 16px 20px;
  border: 1px solid var(--rc-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: var(--rc-shadow);
}

html[data-theme="dark"] .rc-topbar__inner,
body.dashboard-dark .rc-topbar__inner {
  background: rgba(8, 18, 34, 0.78);
}

.rc-topbar__group {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.rc-topbar__group--end {
  justify-content: flex-end;
}

.rc-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
}

.rc-brand__mark {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--rc-accent), #22c55e);
  color: #fff;
  font-size: 1.15rem;
  font-weight: 800;
  box-shadow: 0 12px 26px rgba(15, 118, 110, 0.22);
}

.rc-brand__text {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
  min-width: 0;
}

.rc-brand__logo {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rc-surface-strong);
  border: 1px solid var(--rc-line);
}

.rc-brand__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rc-brand__text strong {
  font-size: 1rem;
}

.rc-brand__text small,
.rc-eyebrow,
.rc-user-pill small,
.rc-nav-group__label,
.wo-settingsave__title span,
.wo-dform-title span,
.rc-footer p {
  color: var(--rc-muted);
}

.rc-topbar__title h1 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.rc-topbar__title .rc-eyebrow {
  display: block;
  margin-bottom: 4px;
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}

.rc-icon-button {
  width: 44px;
  height: 44px;
  border: 1px solid var(--rc-line);
  border-radius: 14px;
  background: var(--rc-surface-strong);
  color: var(--rc-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.rc-icon-button:hover {
  transform: translateY(-1px);
  border-color: rgba(15, 118, 110, 0.28);
}

.rc-mobile-toggle {
  display: none;
  flex-direction: column;
  gap: 4px;
}

.rc-mobile-toggle span {
  width: 16px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.rc-user-pill {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid var(--rc-line);
  border-radius: 14px;
  background: var(--rc-surface-strong);
  min-width: 0;
  max-width: 100%;
}

.rc-user-pill__dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #22c55e, #14b8a6);
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.12);
}

.wo-main-section {
  margin: 0 !important;
  padding: 18px 0 28px !important;
}

.wo-main-section > .container > .row {
  row-gap: 20px;
}

.wo-main-section .container,
.wo-main-section .row,
.wo-main-section [class*="col-"],
.wo-main-section [class^="col-"] {
  min-width: 0;
}

.wo-dnavbar,
.wo-settingsave,
.wo-dashboardbox,
.wo-contactformwrap,
.wo-modalcontent,
.rc-hero,
.rc-stat-card,
.rc-quick-card {
  border: 1px solid var(--rc-line);
  border-radius: var(--rc-radius-lg);
  background: var(--rc-surface);
  box-shadow: var(--rc-shadow);
  backdrop-filter: blur(12px);
}

.wo-settingsave,
.wo-dashboardbox,
.wo-contactformwrap,
.wo-modalcontent,
.wo-dhb-holder,
.wo-dhb-main_content,
.wo-dhb-content,
.wo-tablewithpagination,
.wo-saveaddhead,
.wo-profileform,
.wo-profileform2,
.wo-passwordform2,
.wo-themeform,
.rc-hero,
.rc-stat-card,
.rc-quick-card {
  min-width: 0;
}

.wo-dnavbar {
  position: sticky;
  top: 88px;
  padding: 12px;
}

.rc-sidebar__title {
  margin-bottom: 10px;
}

.rc-sidebar__title span {
  display: block;
  margin-bottom: 4px;
  font-size: 0.68rem;
  color: var(--rc-muted);
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

.rc-sidebar__title h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}

.rc-sidebar__title small {
  display: block;
  margin-top: 4px;
  color: var(--rc-muted);
  font-size: 0.76rem;
}

.rc-nav-group + .rc-nav-group {
  margin-top: 12px;
}

.rc-nav-group__label {
  margin: 0 0 6px;
  padding-left: 4px;
  font-size: 0.66rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wo-dnavbar__nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wo-dnavbar__nav li + li {
  margin-top: 4px;
}

.wo-dnavbar__nav a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 12px;
  color: var(--rc-muted);
  font-weight: 600;
  line-height: 1.15;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
  min-width: 0;
}

.wo-dnavbar__nav a:hover,
.wo-dnavbar__nav a.active {
  background: linear-gradient(135deg, var(--rc-accent-soft), rgba(14, 165, 233, 0.08));
  color: var(--rc-text);
  transform: translateX(2px);
}

.rc-nav-icon {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(148, 163, 184, 0.12);
  color: var(--rc-accent);
  flex: 0 0 auto;
  font-size: 0.86rem;
}

.rc-nav-text {
  flex: 1;
  min-width: 0;
  font-size: 0.89rem;
  overflow-wrap: anywhere;
}

.rc-nav-badge {
  min-width: 22px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(234, 88, 12, 0.12);
  color: var(--rc-highlight);
  font-size: 0.68rem;
  text-align: center;
}

.rc-sidebar__footer {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--rc-line);
}

.wo-settingsave,
.wo-dashboardbox,
.wo-contactformwrap {
  padding: 18px;
}

.wo-dhb-main_content,
.wo-packages-features,
.wo-innerbannertwo-wrap,
.wo-tablewithpagination,
.wo-saveaddhead,
.wo-searchhead__title,
.wo-searchhead__type,
.wo-description,
.wo-packages-features__header,
.wo-packages-features__buypakage,
.wo-fjoinnow__btn,
.wo-articles-title,
.wo-table,
.wo-dhb-holder,
.wo-dhb-content,
.wo-passwordform2,
.wo-profileform2 {
  border: 1px solid var(--rc-line);
  border-radius: var(--rc-radius-lg);
  background: var(--rc-surface);
  box-shadow: var(--rc-shadow);
}

.wo-settingsave {
  margin-bottom: 18px;
}

.wo-settingsave__title,
.wo-dform-title,
.rc-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.wo-settingsave__title > *,
.wo-dform-title > *,
.rc-section-head > * {
  min-width: 0;
}

.wo-settingsave__title h2,
.wo-dform-title h4,
.rc-section-head h2,
.rc-section-head h3,
.wo-popuptitle h4,
.wo-packages-features__buypakage h3,
.wo-articles-title h3 {
  margin: 0;
  color: var(--rc-text);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.wo-themeform fieldset {
  margin: 0;
}

.form-group {
  margin-bottom: 16px;
}

.wo-titleinput,
label {
  display: block;
  margin-bottom: 8px;
  color: var(--rc-text);
  font-size: 0.86rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.form-control,
textarea,
input,
select {
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--rc-line);
  border-radius: 14px;
  background: var(--rc-surface-strong);
  color: var(--rc-text);
  box-shadow: none;
  min-width: 0;
}

textarea.form-control {
  min-height: 140px;
  resize: vertical;
}

.form-control:focus,
textarea:focus,
input:focus,
select:focus {
  border-color: rgba(15, 118, 110, 0.4);
  box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.08);
  outline: none;
}

.wo-btn,
.btn,
button[type="submit"] {
  border: none;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--rc-accent), #14b8a6);
  color: #fff;
  font-weight: 700;
  min-height: 46px;
  padding: 0 18px;
  box-shadow: 0 16px 30px rgba(15, 118, 110, 0.18);
  max-width: 100%;
  white-space: normal;
  text-align: center;
}

.btn-success {
  background: linear-gradient(135deg, var(--rc-accent), #14b8a6);
}

.wo-addsocial {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.wo-addsocial li {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 12px;
  align-items: center;
}

.wo-socialicon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rc-accent-soft);
  color: var(--rc-accent);
}

.rc-hero {
  margin-bottom: 18px;
  padding: 22px;
  overflow: hidden;
  position: relative;
}

.rc-hero::after {
  content: "";
  position: absolute;
  inset: auto -60px -60px auto;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(234, 88, 12, 0.18), transparent 68%);
}

.rc-hero__grid {
  display: grid;
  grid-template-columns: 1.45fr 1fr;
  gap: 18px;
  align-items: stretch;
}

.rc-hero__copy h2 {
  margin: 0 0 8px;
  font-size: clamp(1.6rem, 2.2vw, 2.2rem);
}

.rc-hero__copy p {
  max-width: 64ch;
  margin: 0 0 18px;
  color: var(--rc-muted);
  overflow-wrap: anywhere;
}

.rc-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.rc-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  background: var(--rc-surface-strong);
  border: 1px solid var(--rc-line);
  color: var(--rc-muted);
  font-weight: 600;
  max-width: 100%;
  white-space: normal;
}

.rc-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.rc-stat-card,
.rc-quick-card {
  padding: 16px;
}

.rc-stat-card span,
.rc-quick-card span {
  display: block;
  color: var(--rc-muted);
  font-size: 0.8rem;
}

.rc-stat-card strong,
.rc-quick-card strong {
  display: block;
  margin-top: 10px;
  font-size: 1.7rem;
  line-height: 1;
}

.rc-quick-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.rc-quick-card i,
.rc-stat-card i {
  color: var(--rc-accent);
  font-size: 1rem;
}

.wo-contactformwrap {
  max-width: 500px;
  margin: 36px auto;
  padding: 0;
  overflow: hidden;
}

.wo-modalcontent {
  padding: 22px;
}

.wo-popuptitle {
  margin-bottom: 18px;
}

.wo-popuptitle p {
  margin: 10px 0 0;
  color: var(--rc-muted);
  overflow-wrap: anywhere;
}

.rc-login-shell {
  min-height: calc(100vh - 40px);
  display: grid;
  align-items: center;
  padding: 20px 0 40px;
}

.rc-login-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 24px;
  align-items: stretch;
}

.rc-login-panel,
.rc-login-aside {
  border: 1px solid var(--rc-line);
  border-radius: 28px;
  background: var(--rc-surface);
  box-shadow: var(--rc-shadow);
  overflow: hidden;
}

.rc-login-panel {
  padding: 28px;
}

.rc-login-aside {
  padding: 28px;
  background:
    linear-gradient(135deg, rgba(15, 118, 110, 0.95), rgba(15, 23, 42, 0.92)),
    linear-gradient(180deg, #0f766e 0%, #0f172a 100%);
  color: #f8fafc;
}

.rc-login-aside p,
.rc-login-aside li {
  color: rgba(248, 250, 252, 0.82);
}

.rc-login-aside ul {
  padding-left: 18px;
  margin: 18px 0 0;
}

.rc-login-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}

.error-message {
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(220, 38, 38, 0.08);
  color: #b91c1c;
  font-weight: 600;
}

.rc-inline-notice {
  margin-bottom: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(15, 118, 110, 0.18);
  border-radius: 16px;
  background: rgba(15, 118, 110, 0.08);
  color: var(--rc-text);
  font-weight: 700;
}

.rc-inline-notice.is-error {
  border-color: rgba(220, 38, 38, 0.18);
  background: rgba(220, 38, 38, 0.08);
}

.rc-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}

.rc-settings-preview {
  display: flex;
  align-items: stretch;
}

.rc-settings-preview__card {
  width: 100%;
  border: 1px solid var(--rc-line);
  border-radius: 20px;
  background: var(--rc-surface-strong);
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rc-settings-preview__card span,
.rc-settings-preview__card small,
.rc-settings-preview__card em {
  color: var(--rc-muted);
}

.rc-settings-preview__card strong {
  font-size: 1.5rem;
}

.rc-theme-swatches {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.rc-theme-swatch {
  border: 1px solid var(--rc-line);
  border-radius: 16px;
  background: var(--rc-surface-strong);
  padding: 12px;
}

.rc-theme-swatch strong {
  display: block;
  margin-top: 10px;
}

.rc-theme-swatch__tile {
  display: block;
  height: 92px;
  border-radius: 12px;
  border: 1px solid var(--rc-line);
}

.rc-theme-swatch__tile--light {
  background:
    linear-gradient(180deg, #ffffff 0 32%, #eef3f9 32% 100%);
}

.rc-theme-swatch__tile--dark {
  background:
    linear-gradient(180deg, #0f172a 0 32%, #07111f 32% 100%);
}

.rc-sidebar-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.rc-setting-check {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 12px 14px;
  border: 1px solid var(--rc-line);
  border-radius: 14px;
  background: var(--rc-surface-strong);
  cursor: pointer;
}

.rc-setting-check input {
  width: 18px;
  min-height: 18px;
  height: 18px;
  margin: 0;
  flex: 0 0 auto;
}

.rc-setting-check span {
  color: var(--rc-text);
  font-weight: 600;
}

.rc-tools-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.rc-tool-link {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 16px;
  border: 1px solid var(--rc-line);
  border-radius: 16px;
  background: var(--rc-surface-strong);
}

.rc-tool-link--static {
  cursor: default;
}

.rc-tool-link i {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rc-accent-soft);
  color: var(--rc-accent);
}

.rc-tool-link strong,
.rc-tool-link small {
  display: block;
}

.rc-tool-link small {
  margin-top: 4px;
  color: var(--rc-muted);
}

.rc-settings-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

html[data-theme="dark"] .error-message,
.dashboard-dark .error-message {
  color: #fda4af;
}

.wo-optionsbar,
.wo-loginicon,
.wo-loginfooterinfo {
  display: none !important;
}

.rc-footer {
  padding: 12px 0 30px;
}

.rc-footer__inner {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  border-top: 1px solid var(--rc-line);
  padding-top: 14px;
}

.table,
table {
  color: var(--rc-text);
}

.table th,
.table td,
table th,
table td {
  border-color: var(--rc-line) !important;
  vertical-align: middle;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.table-responsive {
  overflow-x: auto;
}

.wo-dhb-main_content,
.wo-packages-features,
.wo-tablewithpagination,
.wo-saveaddhead,
.wo-dhb-holder,
.wo-passwordform2,
.wo-profileform2 {
  padding: 14px;
}

.wo-packages-features__header,
.wo-saveaddhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.wo-packages-features__header > *,
.wo-saveaddhead > * {
  min-width: 0;
}

.wo-message {
  padding: 14px;
}

.rc-tab-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 14px;
}

.rc-tab-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 9px 14px;
  border: 1px solid var(--rc-line);
  border-radius: 12px;
  background: var(--rc-surface-strong);
  color: var(--rc-muted);
  font-weight: 700;
  transition: all 0.2s ease;
}

.rc-tab-button:hover,
.rc-tab-button.active {
  background: linear-gradient(135deg, var(--rc-accent-soft), rgba(14, 165, 233, 0.08));
  color: var(--rc-text);
  border-color: rgba(15, 118, 110, 0.18);
}

.rc-tab-content {
  padding: 14px;
}

.rc-tab-pane {
  display: none;
}

.rc-tab-pane.active {
  display: block;
}

.wo-bannertabs-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
}

.wo-bannertabs-nav li {
  width: auto !important;
  min-width: 0 !important;
}

.wo-bannertabs-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 9px 14px;
  border: 1px solid var(--rc-line);
  border-radius: 12px;
  background: var(--rc-surface-strong);
  color: var(--rc-muted);
  font-weight: 700;
  transition: all 0.2s ease;
  white-space: normal;
  text-align: center;
}

.wo-bannertabs-nav a:hover,
.wo-bannertabs-nav a.active {
  background: linear-gradient(135deg, var(--rc-accent-soft), rgba(14, 165, 233, 0.08));
  color: var(--rc-text);
  border-color: rgba(15, 118, 110, 0.18);
}

.wo-message__wrap.tab-content {
  border: 1px solid var(--rc-line);
  border-radius: 16px;
  background: var(--rc-surface-strong);
  padding: 14px;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active,
.tab-content > .show.active {
  display: block;
  max-width: 100% !important;
}

.wo-packages-features__buypakage span,
.wo-description p,
.wo-articles-title + .wo-description p {
  margin: 6px 0 0;
  color: var(--rc-muted);
}

.wo-innerbannertwo-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  padding: 14px;
  position: relative;
  overflow: hidden;
}

.wo-innerbannertwo-wrap > * {
  min-width: 0;
}

.wo-innerbannertwo-wrap__pakage {
  flex: 1;
  min-width: 0;
}

.wo-saveaddhead {
  margin-bottom: 12px;
}

.wo-searchhead__title,
.wo-searchhead__type {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.wo-searchhead__title {
  flex: 1;
}

.wo-searchhead__title form,
.wo-searchhead__type .wo-select {
  width: 100%;
  min-width: 0;
}

.wo-select select,
#search,
input[type="search"] {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--rc-line);
  border-radius: 12px;
  background: var(--rc-surface-strong);
  color: var(--rc-text);
  padding: 10px 12px;
}

.wo-select,
.wo-inputicon,
.wo-select select,
.wo-searchhead__title,
.wo-searchhead__type,
.rc-field,
.rc-field input,
.rc-field select {
  min-width: 0;
  max-width: 100%;
}

.wo-tablewithpagination {
  overflow: hidden;
}

.wo-table {
  min-height: 0 !important;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.wo-table table,
.wo-tablewithpagination table,
.table-responsive table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
  table-layout: fixed;
}

.wo-table thead th,
.wo-tablewithpagination thead th,
.table-responsive thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: rgba(148, 163, 184, 0.08);
  color: var(--rc-muted);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.wo-table th,
.wo-table td,
.wo-tablewithpagination th,
.wo-tablewithpagination td,
.table-responsive th,
.table-responsive td {
  padding: 10px 12px;
  min-width: 0;
}

.wo-btn2,
.wo-btnn,
.wo-logoutbtn,
.page-link,
.swal2-confirm,
.swal-button {
  border-radius: 12px !important;
}

.wo-btn2,
.wo-btnn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 6px 12px;
  font-size: 0.8rem;
  font-weight: 700;
  border: 0;
  white-space: normal;
  text-align: center;
}

.wo-btn2 {
  background: rgba(15, 118, 110, 0.12);
  color: var(--rc-accent);
}

.wo-btnn {
  background: linear-gradient(135deg, var(--rc-accent), #14b8a6);
  color: #fff;
}

.page-link {
  color: var(--rc-accent);
  background: var(--rc-surface-strong);
  border: 1px solid var(--rc-line);
}

.page-item.active .page-link {
  background: var(--rc-accent);
  border-color: var(--rc-accent);
}

.swal2-popup,
.swal-modal {
  border-radius: 20px !important;
}

.col-lg-3 .wo-dnavbar,
.col-sm-12.col-md-12.col-lg-3 .wo-dnavbar {
  height: auto;
  max-height: none;
  overflow: visible;
}

.wo-main .container > .row > [class*="col-lg-9"],
.wo-main .container > .row > [class*="col-md-12"].col-lg-9 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

body .wo-main-section .container {
  max-width: 1420px;
}

body .wo-main-section [class*="col-lg-3"] {
  flex: 0 0 290px;
  max-width: 290px;
}

body .wo-main-section [class*="col-lg-9"] {
  flex: 1 1 auto;
  max-width: calc(100% - 290px);
}

.wo-main-section h1,
.wo-main-section h2,
.wo-main-section h3,
.wo-main-section h4,
.wo-main-section h5,
.wo-main-section h6,
.wo-main-section p,
.wo-main-section span,
.wo-main-section small,
.wo-main-section strong,
.wo-main-section a,
.wo-main-section td,
.wo-main-section th,
.wo-main-section li {
  overflow-wrap: anywhere;
}

.wo-main-section .rc-button,
.wo-main-section .page-link,
.wo-main-section .wo-btn,
.wo-main-section .btn {
  max-width: 100%;
}

.wo-main-section .rc-user-chip,
.wo-main-section .rc-chip,
.wo-main-section .rc-nav-badge,
.wo-main-section .rc-user-status {
  white-space: normal;
}

.wo-main-section .select2,
.wo-main-section .select2-container,
.wo-main-section .chosen-container,
.wo-main-section .tox,
.wo-main-section .mce-tinymce {
  max-width: 100% !important;
}

.wo-main-section [style*="width:600px"],
.wo-main-section [style*="width: 600px"],
.wo-main-section [style*="width:652px"],
.wo-main-section [style*="width: 652px"],
.wo-main-section [style*="width:450px"],
.wo-main-section [style*="width: 450px"],
.wo-main-section [style*="width:673px"],
.wo-main-section [style*="width: 673px"] {
  width: 100% !important;
  max-width: 100% !important;
}

.wo-main-section [style*="min-width:190px"],
.wo-main-section [style*="min-width: 190px"],
.wo-main-section [style*="min-width:240px"],
.wo-main-section [style*="min-width: 240px"],
.wo-main-section [style*="min-width:125px"],
.wo-main-section [style*="min-width: 125px"] {
  min-width: 0 !important;
}

.preloader-outer,
.nav-icon4 {
  display: none !important;
}

@media (max-width: 1199px) {
  .rc-hero__grid,
  .rc-login-grid {
    grid-template-columns: 1fr;
  }

  .wo-dnavbar {
    top: 82px;
  }

  body .wo-main-section [class*="col-lg-3"],
  body .wo-main-section [class*="col-lg-9"] {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

@media (max-width: 1100px) {
  .rc-mobile-toggle {
    display: inline-flex;
  }

  .wo-dnavbar {
    position: fixed;
    top: 78px;
    left: 14px;
    bottom: 14px;
    width: min(320px, calc(100vw - 28px));
    transform: translateX(-115%);
    transition: transform 0.24s ease;
    z-index: 50;
    overflow: auto;
  }

  .wo-dnavbar.is-open {
    transform: translateX(0);
  }

  .col-lg-3 .wo-dnavbar,
  .col-sm-12.col-md-12.col-lg-3 .wo-dnavbar {
    height: auto;
  }
}

.rc-sidebar__nav {
  display: grid;
  gap: 4px;
}

.rc-sidebar__nav::-webkit-scrollbar,
.wo-dnavbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

@media (max-width: 900px) {
  .rc-topbar__inner {
    grid-template-columns: 1fr auto;
  }

  .rc-topbar__title {
    grid-column: 1 / -1;
    order: 3;
  }

  .rc-quick-grid,
  .rc-stat-grid {
    grid-template-columns: 1fr 1fr;
  }

  .wo-packages-features__header,
  .wo-saveaddhead,
  .wo-innerbannertwo-wrap {
    flex-direction: column;
    align-items: stretch;
  }

  .rc-settings-grid,
  .rc-sidebar-options {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .rc-topbar {
    padding-top: 10px;
  }

  .rc-topbar__inner,
  .wo-dnavbar,
  .wo-settingsave,
  .wo-dashboardbox,
  .wo-modalcontent,
  .rc-hero,
  .rc-stat-card,
  .rc-quick-card,
  .rc-login-panel,
  .rc-login-aside {
    border-radius: 18px;
  }

  .rc-topbar__inner,
  .wo-dnavbar,
  .wo-settingsave,
  .wo-dashboardbox,
  .wo-contactformwrap,
  .wo-modalcontent,
  .rc-hero,
  .rc-login-panel,
  .rc-login-aside {
    padding: 14px;
  }

  .rc-quick-grid,
  .rc-stat-grid,
  .wo-addsocial,
  .rc-settings-grid,
  .rc-sidebar-options,
  .rc-theme-swatches {
    grid-template-columns: 1fr;
  }

  .rc-footer__inner {
    flex-direction: column;
  }

  .rc-user-pill {
    display: none;
  }

  .wo-dhb-main_content,
  .wo-packages-features,
  .wo-tablewithpagination,
  .wo-saveaddhead,
  .wo-innerbannertwo-wrap {
    padding: 12px;
  }

  .rc-settings-actions {
    justify-content: stretch;
  }

  .rc-settings-actions .wo-btn {
    width: 100%;
  }

  .wo-table th,
  .wo-table td,
  .wo-tablewithpagination th,
  .wo-tablewithpagination td,
  .table-responsive th,
  .table-responsive td {
    padding: 8px 10px;
    font-size: 0.84rem;
  }
}