/* NOVA PREMIUM · Client theme for the existing SMM panel.
   Version 1.0 — Scoped selectors protect other installed themes. */
:root { color-scheme: light; }
body.nova-premium {
  --nv-bg: #f4f6fc; --nv-surface: #fff; --nv-surface-soft: #f8f9fe;
  --nv-text: #20283f; --nv-muted: #7c879e; --nv-border: #e6eaf3;
  --nv-primary: #6755e8; --nv-primary-dark: #5140d9; --nv-tint: #f0edff;
  --nv-green: #12ac80; --nv-shadow: 0 8px 36px rgba(22,36,83,.045);
  font-family: 'DM Sans', sans-serif !important; background: var(--nv-bg) !important;
  color: var(--nv-text) !important; min-width: 0; max-width: 100vw;
  overflow-x: clip; line-height: 1.5; -webkit-font-smoothing: antialiased;
}
body.nova-premium.nova-dark, body.nova-premium.nightmode {
  --nv-bg: #0e1423; --nv-surface: #182238; --nv-surface-soft: #202b43;
  --nv-text: #f3f5ff; --nv-muted: #a1adc4; --nv-border: #344059;
  --nv-primary: #a497ff; --nv-primary-dark: #8978fb; --nv-tint: #28264d;
  --nv-green: #47d5ac; --nv-shadow: 0 14px 40px rgba(0,0,0,.15);
  color-scheme: dark;
}
body.nova-premium *, body.nova-premium *::before, body.nova-premium *::after { box-sizing: border-box; }
body.nova-premium a { transition: color .17s, background-color .17s, border-color .17s, opacity .17s; }
body.nova-premium h1, body.nova-premium h2, body.nova-premium h3, body.nova-premium h4,
body.nova-premium h5, body.nova-premium h6 { font-family: 'Plus Jakarta Sans', sans-serif; letter-spacing: -.03em; color: var(--nv-text); }
body.nova-premium :is(input, select, textarea, button, a):focus-visible { outline: 3px solid #a699ff !important; outline-offset: 2px; }
body.nova-premium .hidden, body.nova-premium [hidden] { display: none !important; }
/* MAIN APPLICATION SHELL */
body.nova-auth #parentContainer.nova-shell {
  width: 100% !important; min-height: 100dvh !important; margin: 0 !important;
  padding: 0 !important; display: flex !important; align-items: stretch !important;
  background: var(--nv-bg) !important; overflow: visible !important; max-width: none !important;
}
body.nova-auth .nova-sidebar {
  position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important;
  width: 264px !important; min-width: 264px; height: 100dvh !important;
  background: #121b33 !important; border-right: 1px solid #29334b;
  display: flex !important; flex-direction: column !important; z-index: 1050;
  margin: 0 !important; padding: 25px 15px 15px !important; box-shadow: none !important;
  overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin;
  scrollbar-color: #33415c transparent; transform: none;
}
body.nova-auth .nova-brand-row { min-height: 44px; display: flex; align-items: center; margin: 0 8px 31px; justify-content: space-between; }
body.nova-premium .nova-brand { display: inline-flex; align-items: center; gap: 11px; color: #fff; text-decoration: none !important; max-width: 100%; }
body.nova-premium .nova-brand-mark { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 12px;
  display: grid; place-items: center; color: #fff; font-size: 17px;
  background: linear-gradient(135deg,#9e87ff 5%,#6755e8 50%,#4e43af);
  box-shadow: 0 5px 18px #7659f044, inset 0 1px 2px #ffffff6b; }
body.nova-premium .nova-brand-text { display: block; color: inherit; max-width: 176px; font-size: 15px; font-family: 'Plus Jakarta Sans',sans-serif; font-weight: 800; letter-spacing: -.035em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.nova-auth .nova-workspace { display: flex; align-items: center; gap: 9px; min-height: 45px; margin: 0 3px 31px; padding: 0 13px; color: #dce4fa;
  background: #1c2942; border: 1px solid #2b3953; border-radius: 11px; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
body.nova-auth .nova-workspace-dot { width: 8px; height: 8px; border-radius: 50%; background: #4ed9a9; box-shadow: 0 0 0 4px #4ed9a917; }
body.nova-auth .nova-workspace .fa-chevron-down { margin-left: auto; font-size: 9px; opacity: .6; }
body.nova-auth .nova-sidebar-label { margin: 0 12px 12px; color: #8493b1; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
body.nova-auth .nova-sidebar-nav { display: flex !important; flex-direction: column !important; gap: 3px; width: 100% !important; margin: 0 0 24px !important; padding: 0 !important; }
body.nova-auth .nova-nav-item { border-radius: 11px !important; min-height: 44px; padding: 0 13px !important; margin: 0 !important;
  display: flex !important; gap: 12px; align-items: center; width: 100% !important; color: #aab7d1 !important;
  background: transparent !important; border: 1px solid transparent; font-size: 13px; font-weight: 650;
  text-decoration: none !important; box-shadow: none !important; opacity: 1 !important; transform: none !important;
}
body.nova-auth .nova-nav-item .menu_icon { width: 18px !important; flex: 0 0 18px; font-size: 15px !important; display: inline-flex; align-items: center; justify-content: center; color: inherit; }
body.nova-auth .nova-nav-item .menu_text { display: block; line-height: 1.2; white-space: normal; }
body.nova-auth .nova-nav-item:hover { color: #fff !important; background: #24324f !important; }
body.nova-auth .nova-nav-item.active, body.nova-auth .nova-nav-item[aria-current="page"] {
  background: linear-gradient(115deg,#7463eb,#5d4ac8) !important; color: #fff !important;
  box-shadow: 0 7px 16px #080c232c !important;
}
body.nova-auth .nova-nav-count { margin-left: auto; border-radius: 12px; padding: 1px 7px; background: #f87171; color: white; font-size: 10px; font-weight: 800; }
body.nova-auth .nova-sidebar-spacer { flex: 1; min-height: 15px; }
body.nova-auth .nova-sidebar-help { padding: 17px; margin: 4px 2px 20px; display: flex; flex-direction: column; align-items: flex-start;
  border: 1px solid #3a3b70; border-radius: 15px;
  background: radial-gradient(circle at 90% 0%,#5655a1 0,#272c51 57%,#1f2a49 100%); color: #fff; }
body.nova-auth .nova-help-icon { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; color: #c9bcff; background: #8580ef2b; margin-bottom: 9px; }
body.nova-auth .nova-sidebar-help strong { font-size: 12px; font-weight: 800; }
body.nova-auth .nova-sidebar-help span { font-size: 11px; color: #b7bbd7; margin: 3px 0 12px; }
body.nova-auth .nova-sidebar-help a { color: #ebeaff; text-decoration: none; font-size: 11px; font-weight: 800; }
body.nova-auth .nova-sidebar-help a i { margin-left: 5px; font-size: 9px; }
body.nova-auth .nova-sidebar-user { display: flex; align-items: center; gap: 9px; border-top: 1px solid #2b3851; padding: 18px 3px 0; min-width: 0; }
body.nova-auth .nova-avatar, body.nova-auth .nova-top-avatar { flex: 0 0 37px; width: 37px; height: 37px; display: grid; place-items: center;
  border-radius: 11px; font-size: 15px; font-weight: 800; background: #e6dcff; color: #5543ba; text-decoration: none; }
body.nova-auth .nova-user-copy { min-width: 0; display: flex; flex-direction: column; }
body.nova-auth .nova-user-copy strong { font-size: 12px; font-weight: 800; color: #f7f9ff; max-width: 144px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.nova-auth .nova-user-copy span { font-size: 10px; color: #94a3be; }
body.nova-auth .nova-sidebar-user>a { margin-left: auto; color: #a5b3d0; }
body.nova-auth .nova-main-column { width: calc(100% - 264px) !important; min-width: 0 !important; max-width: none !important;
  flex: 1 1 auto !important; margin: 0 0 0 264px !important; padding: 0 0 56px !important; display: block !important;
  background: var(--nv-bg) !important; overflow: visible !important; }
/* TOPBAR */
body.nova-auth .nova-topbar { position: sticky !important; left: auto; top: 0 !important; z-index: 1020; width: 100% !important;
  height: 77px !important; min-height: 77px; margin: 0 !important; padding: 0 37px !important;
  background: var(--nv-surface) !important; border-bottom: 1px solid var(--nv-border);
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  box-shadow: none !important; }
body.nova-auth .nova-topbar-leading,body.nova-auth .nova-topbar-actions { display: flex; align-items: center; gap: 15px; min-width: 0; }
body.nova-auth .nova-topbar-actions { margin-left: auto; }
body.nova-auth .nova-topbar-title { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
body.nova-auth .nova-eyebrow { color: var(--nv-muted); font-size: 9px; font-weight: 800; letter-spacing: .14em; }
body.nova-auth .nova-current-page { font-size: 14px; font-weight: 800; color: var(--nv-text); white-space: nowrap; }
body.nova-premium .nova-icon-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  width: 37px; height: 37px; border-radius: 11px; border: 1px solid var(--nv-border); background: var(--nv-surface);
  color: var(--nv-text); cursor: pointer; }
body.nova-premium .nova-icon-button:hover { background: var(--nv-tint); border-color: #b2a6ff; color: var(--nv-primary); }
body.nova-auth .nova-menu-toggle { display: none; }
body.nova-auth .nova-mobile-close { display: none; }
body.nova-auth .nova-header-help { text-decoration: none; color: var(--nv-muted); font-size: 12px; font-weight: 750; display: inline-flex; gap: 8px; align-items: center; }
body.nova-auth .nova-header-help:hover { color: var(--nv-primary); }
body.nova-auth .nova-header-help i { font-size: 16px; }
body.nova-auth .nova-balance-pill { display: inline-flex; align-items: center; gap: 9px; padding: 9px 13px;
  border-radius: 11px; color: var(--nv-text); background: var(--nv-surface-soft); border: 1px solid var(--nv-border); text-decoration: none !important; font-size: 12px; }
body.nova-auth .nova-balance-pill i { color: var(--nv-primary); }
body.nova-auth .nova-balance-pill strong { color: var(--nv-text); font-size: 12px; }
body.nova-auth .nova-balance-label { color: var(--nv-muted); }
body.nova-auth .nova-currency-btn { display: inline-flex; align-items: center; gap: 7px; background: none; border: 0; color: var(--nv-text); font-size: 12px; padding: 8px; }
body.nova-auth .nova-top-avatar { width: 36px; height: 36px; flex-basis: 36px; border-radius: 50%; }
body.nova-auth .nova-page-intro { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin: 34px 38px 23px; }
body.nova-auth .nova-intro-breadcrumb { display: block; font-size: 10px; font-weight: 800; letter-spacing: .12em; color: var(--nv-muted); margin-bottom: 10px; }
body.nova-auth .nova-page-intro h1 { font-size: clamp(24px,2.6vw,30px); font-weight: 800; margin: 0 0 8px; line-height: 1.2; }
body.nova-auth .nova-page-intro p { font-size: 13px; color: var(--nv-muted); margin: 0; }
body.nova-auth .nova-intro-cta { display: inline-flex; align-items: center; gap: 8px; border-radius: 11px; background: var(--nv-primary); color: #fff !important;
  font-size: 12px; font-weight: 800; padding: 11px 16px; text-decoration: none !important; white-space: nowrap; box-shadow: 0 7px 18px #6755e83b; }
body.nova-auth .nova-intro-cta:hover { background: var(--nv-primary-dark); transform: translateY(-1px); }
/* CONSISTENT CONTENT LAYOUT */
body.nova-auth .nova-main-column > main, body.nova-auth .nova-main-column > section:not(.nova-none),
body.nova-auth .nova-main-column > .container, body.nova-auth .nova-main-column > .container-fluid { margin-left: 25px !important; margin-right: 25px !important; min-width: 0; }
body.nova-auth .nova-main-column > main .container-fluid, body.nova-auth .nova-main-column > main .container { max-width: none; width: 100%; padding-left: 12px; padding-right: 12px; }
body.nova-premium .card, body.nova-premium .custom__card, body.nova-premium .custom_card,
body.nova-premium .card_v2, body.nova-premium .card_type_3, body.nova-premium .login_card,
body.nova-premium .dashboard__items, body.nova-premium .signup_box {
  background: var(--nv-surface) !important; border: 1px solid var(--nv-border) !important;
  border-radius: 17px !important; box-shadow: var(--nv-shadow) !important;
  color: var(--nv-text) !important; }
body.nova-premium .card-header, body.nova-premium .v2_header,
body.nova-premium .card-footer { background: transparent !important; border-color: var(--nv-border) !important; color: var(--nv-text) !important; }
body.nova-premium .card-header { padding: 18px 22px; }
body.nova-premium .card-body { padding: 22px !important; }
body.nova-premium .card p, body.nova-premium .card-body p { color: var(--nv-muted); }
body.nova-premium :is(.info_card_title_wrap,.info_title,.services_name,.card-title,.form-title) { color: var(--nv-text); }
body.nova-premium label, body.nova-premium .form-label, body.nova-premium .control-label { color: var(--nv-text) !important; font-size: 12px; font-weight: 750; margin-bottom: 8px; }
body.nova-premium .form-group, body.nova-premium .mb-3 { min-width: 0; }
body.nova-premium .form-control, body.nova-premium .form-select,body.nova-premium select,
body.nova-premium textarea,body.nova-premium input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
body.nova-premium .select2-selection,body.nova-premium .selectize-input {
  min-height: 44px; border: 1px solid var(--nv-border) !important; border-radius: 10px !important;
  background-color: var(--nv-surface-soft) !important; color: var(--nv-text) !important;
  box-shadow: none !important; font-size: 13px; max-width: 100%; }
body.nova-premium textarea { min-height: 112px; }
body.nova-premium :is(.form-control,.form-select,select,textarea,input):focus { outline: none !important; border-color: #8171ef !important; box-shadow: 0 0 0 3px #7463eb20 !important; }
body.nova-premium input::placeholder,body.nova-premium textarea::placeholder { color: var(--nv-muted) !important; opacity: .8; }
body.nova-premium .btn { font-size: 12px; font-weight: 800; border-radius: 10px !important; padding: 10px 16px; line-height: 1.5; }
body.nova-premium .btn-primary,body.nova-premium .btn-success,body.nova-premium button[type=submit]:not(.btn-link) {
  background: var(--nv-primary) !important; border-color: var(--nv-primary) !important; color: #fff !important;
  box-shadow: 0 7px 18px #6755e820 !important; }
body.nova-premium .btn-primary:hover,body.nova-premium .btn-success:hover,body.nova-premium button[type=submit]:hover { background: var(--nv-primary-dark) !important; }
body.nova-premium .btn-default, body.nova-premium .btn-light,body.nova-premium .btn-outline-primary { background: var(--nv-surface-soft) !important; border: 1px solid var(--nv-border) !important; color: var(--nv-text) !important; }
body.nova-premium .btn-group { flex-wrap: wrap; }
body.nova-premium .badge { font-weight: 800; border-radius: 999px; letter-spacing: .01em; }
body.nova-premium .alert { font-size: 12px; border-radius: 12px; padding: 15px 18px; }
body.nova-premium .alert-success { background: #e9f9f4; color: #076b4d; border-color: #c9ebdf; }
body.nova-premium .alert-danger { background: #fff0f0; color: #a42232; border-color: #f8d9de; }
body.nova-premium.nova-dark .alert-success { background: #153f37; color: #8ef0ce; }
body.nova-premium.nova-dark .alert-danger { background: #44212d; color: #ffc4cc; }
/* DATA TABLES — HORIZONTAL SCROLL CONTAINED */
body.nova-premium .table-responsive,body.nova-premium .responsive-table,
body.nova-premium .table_responsive,body.nova-premium .table-wr { width: 100% !important; max-width: 100% !important;
  overflow-x: auto !important; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain;
  border-radius: 12px; scrollbar-width: thin; }
body.nova-premium .table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 12px;
  color: var(--nv-text) !important; background: var(--nv-surface) !important; }
body.nova-premium .table th,body.nova-premium .table td { vertical-align: middle; border-left: 0 !important; border-right: 0 !important;
  border-color: var(--nv-border) !important; text-align: start; padding: 15px 16px !important; background: var(--nv-surface) !important;
  color: var(--nv-text) !important; overflow-wrap: break-word; }
body.nova-premium .table thead th { border-top: 0 !important; background: var(--nv-surface-soft) !important; font-weight: 800;
  font-size: 10px; letter-spacing: .075em; text-transform: uppercase; white-space: nowrap; color: var(--nv-muted) !important; }
body.nova-premium .table tbody tr:hover td { background: var(--nv-surface-soft) !important; }
body.nova-premium .table-striped tbody tr:nth-of-type(odd) td { background-color: var(--nv-surface) !important; }
body.nova-premium .table a { color: var(--nv-primary); font-weight: 700; }
body.nova-premium :is(.pagination,.page_navigation) a { border-radius: 8px !important; }
body.nova-premium .dropdown-menu { background: var(--nv-surface) !important; border: 1px solid var(--nv-border) !important;
  border-radius: 12px !important; padding: 7px; box-shadow: 0 18px 45px #0e153024 !important;
  max-height: min(360px,70dvh); overflow-y: auto; z-index: 1100; }
body.nova-premium .dropdown-item,body.nova-premium .dropdown-menu a { color: var(--nv-text) !important; font-size: 12px; border-radius: 7px; }
body.nova-premium .dropdown-item:hover,body.nova-premium .dropdown-menu a:hover { color: var(--nv-primary) !important; background: var(--nv-tint) !important; }
body.nova-premium .modal-content { background: var(--nv-surface); color: var(--nv-text); border: 1px solid var(--nv-border); border-radius: 17px; }
body.nova-premium .modal-header,body.nova-premium .modal-footer { border-color: var(--nv-border); }
body.nova-premium .modal-backdrop { z-index: 1054; }
body.nova-premium .modal { z-index: 1055; }
body.nova-premium .accordion-item,body.nova-premium .accordion-button { background: var(--nv-surface) !important; border-color: var(--nv-border) !important; color: var(--nv-text) !important; }
body.nova-premium .nav-pills .nav-link.active { background: var(--nv-primary) !important; color: #fff !important; }
body.nova-premium .nav-pills .nav-link { color: var(--nv-text); font-weight: 750; }
/* New order and services redesign */
body.nova-auth .user__data__wrap { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px !important; margin-bottom: 22px; }
body.nova-auth .user_data__item,body.nova-auth .dashboard__items { border: 1px solid var(--nv-border) !important; border-radius: 16px !important;
  background: var(--nv-surface) !important; box-shadow: var(--nv-shadow); min-width: 0; }
body.nova-auth .user_data__item { padding: 18px !important; display: flex; align-items: center; gap: 12px; }
body.nova-auth .user_data__item>.icon,body.nova-auth .dashboard__items .dash_left { background: var(--nv-tint); color: var(--nv-primary);
  width: 43px; height: 43px; border-radius: 12px; display: grid; place-items: center; flex: 0 0 43px; }
body.nova-auth .user_data__item .user__data { min-width: 0; }
body.nova-auth .user_data__item .user__data h4,body.nova-auth .user_data__item .user__data h3 { font-weight: 800; }
body.nova-auth .category_filter_wrap .card { overflow: hidden; }
body.nova-auth #new-order-cats { display: flex !important; flex-wrap: nowrap !important; gap: 8px; overflow-x: auto; padding: 3px 1px 10px;
  max-width: 100%; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
body.nova-auth #new-order-cats .btn,body.nova-auth #new-order-cats button { flex: 0 0 auto; border-radius: 9px !important; }
body.nova-auth #order-form .form-group,body.nova-auth #order-form .mb-3 { margin-bottom: 19px !important; }
body.nova-auth #order-form button[type=submit] { padding: 13px 22px; min-width: 150px; }
body.nova-auth .card-details .card-body-details { min-height: 310px; }
body.nova-auth #service_description .panel-body,body.nova-auth #service_average_time { font-size: 12px; font-weight: 500; line-height: 1.7; color: var(--nv-muted); background: var(--nv-surface-soft) !important; border-color: var(--nv-border) !important; }
body.nova-auth #services .table_responsive { background: var(--nv-surface); border: 1px solid var(--nv-border); box-shadow: var(--nv-shadow); }
body.nova-auth #services #service-table { min-width: 820px; margin-bottom: 0; }
body.nova-auth .order_page { min-width: 840px; }
body.nova-auth .ordStatus { color: #fff !important; border-radius: 999px !important; font-size: 11px !important; font-weight: 800 !important; display: inline-flex; align-items: center; min-width: 80px; justify-content: center; }
body.nova-auth #content .table td .btn { margin: 2px; }
/* ACCOUNT AND OTHER SECTIONS */
body.nova-auth .dashboard__items { padding: 20px !important; min-height: 110px; }
body.nova-auth .info_card_title_wrap .info_icon,body.nova-auth .account__status { color: var(--nv-primary); }
body.nova-auth .wrapper-content__footer,body.nova-auth .footer { color: var(--nv-muted); }
body.nova-auth .card-body .panel-body { background: var(--nv-surface-soft); border-color: var(--nv-border); }
/* PREMIUM PUBLIC EXPERIENCE */
body.nova-public { background: #f8f9ff !important; }
body.nova-public .nova-public-header { position: sticky; top: 0; background: #fffdfcf5; backdrop-filter: blur(18px); z-index: 1000;
  border-bottom: 1px solid #edf0f8; box-shadow: 0 4px 20px #20283f05; }
body.nova-public .nova-public-nav { min-height: 78px; max-width: 1230px; margin: 0 auto; padding: 0 26px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
body.nova-public .nova-brand-text { color: #20283f; }
body.nova-public .nova-public-links { display: flex; align-items: center; gap: 29px; }
body.nova-public .nova-public-links a { text-decoration: none; color: #4b5872; font-weight: 700; font-size: 12px; white-space: nowrap; }
body.nova-public .nova-public-links a:hover { color: #6755e8; }
body.nova-public .nova-public-links .nova-public-signup { background: #6755e8; color: white; padding: 12px 19px; border-radius: 10px; box-shadow: 0 9px 20px #6755e824; }
body.nova-public .nova-public-links .nova-public-signup:hover { background: #5140d9; color: white; }
body.nova-public .nova-public-links .nova-public-signup i { margin-left: 7px; }
body.nova-public .nova-public-menu-btn { display: none; }
body.nova-public .hero_content h1,body.nova-public .banner_text_content h1,
body.nova-public .signup_titles h1 { font-weight: 800; letter-spacing: -.05em; line-height: 1.17; color: #212942; }
body.nova-public #hero_v2 { background: radial-gradient(ellipse at 83% 23%,#dcd5ff 0,transparent 48%),
  radial-gradient(ellipse at 0 5%,#e5f0ff,transparent 41%),#f8f9ff !important; min-height: 620px; }
body.nova-public #hero_v2 .container { max-width: 1230px; padding-top: 50px; padding-bottom: 58px; }
body.nova-public #hero_v2 .hero_content { padding: 15px 10px 20px 0; }
body.nova-public #hero_v2 .hero_content h1 { font-size: clamp(35px,4.1vw,62px); }
body.nova-public #hero_v2 .hero_content p { color: #65718a; line-height: 1.85; }
body.nova-public .login_card,body.nova-public .signup_box { background: white !important; border: 1px solid #e6eaf3 !important;
  border-radius: 24px !important; box-shadow: 0 25px 85px #2e397119 !important; padding: 12px; }
body.nova-public .login_card .btn-primary,body.nova-public .signup_box .btn-primary { min-height: 46px; }
body.nova-public #page_banner { background: linear-gradient(128deg,#eef0ff 1%,#f7f8ff 52%,#e6f7f4 100%); border-bottom: 1px solid #ececfb; }
body.nova-public #page_banner .container { padding-top: 50px; padding-bottom: 50px; }
body.nova-public #page_banner .banner_text_content p { color: #64708a; line-height: 1.75; }
body.nova-public .counter__item { border-radius: 17px; background: white; border: 1px solid #e8ebf4; padding: 20px; }
body.nova-public .signup__wraper { margin: 35px 0; }
body.nova-public footer,body.nova-public .footer { font-size: 12px; }
/* Responsive: desktop to tablet */
@media (max-width: 1199px) {
  body.nova-auth .nova-sidebar { width: 240px !important; min-width: 240px; }
  body.nova-auth .nova-main-column { margin-left: 240px !important; width: calc(100% - 240px) !important; }
  body.nova-auth .nova-topbar { padding: 0 25px !important; }
  body.nova-auth .nova-page-intro { margin-left: 28px; margin-right: 28px; }
  body.nova-auth .user__data__wrap { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 991px) {
  body.nova-auth .nova-sidebar { width: 264px !important; min-width: 264px; transform: translateX(-104%) !important;
    transition: transform .25s ease !important; box-shadow: 16px 0 45px #050d2744 !important; }
  body.nova-auth.nova-sidebar-open .nova-sidebar { transform: translateX(0) !important; }
  body.nova-auth .nova-sidebar-scrim { position: fixed; inset: 0; background: #060e21a8; backdrop-filter: blur(3px);
    z-index: 1040; opacity: 0; visibility: hidden; transition: opacity .2s,visibility .2s; }
  body.nova-auth.nova-sidebar-open .nova-sidebar-scrim { opacity: 1; visibility: visible; }
  body.nova-auth .nova-main-column { width: 100% !important; margin-left: 0 !important; }
  body.nova-auth .nova-menu-toggle,body.nova-auth .nova-mobile-close { display: inline-flex; }
  body.nova-auth .nova-topbar { height: 70px !important; min-height: 70px; }
  body.nova-auth .nova-sidebar-help { display: none; }
  body.nova-auth .nova-page-intro { margin-top: 26px; }
}
@media (max-width: 767px) {
  body.nova-premium { font-size: 13px; }
  body.nova-auth .nova-topbar { padding: 0 16px !important; gap: 9px; height: 63px !important; min-height: 63px; }
  body.nova-auth .nova-topbar-leading,body.nova-auth .nova-topbar-actions { gap: 8px; }
  body.nova-auth .nova-header-help,body.nova-auth .nova-currency-dropdown,body.nova-auth .nova-top-avatar { display: none; }
  body.nova-auth .nova-topbar-title .nova-eyebrow { display: none; }
  body.nova-auth .nova-topbar-title .nova-current-page { font-size: 13px; max-width: 95px; overflow: hidden; text-overflow: ellipsis; }
  body.nova-auth .nova-balance-label { display: none; }
  body.nova-auth .nova-balance-pill { padding: 8px; gap: 5px; font-size: 11px; }
  body.nova-auth .nova-balance-pill strong { max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  body.nova-auth .nova-page-intro { margin: 23px 16px 18px; }
  body.nova-auth .nova-page-intro h1 { font-size: 23px; }
  body.nova-auth .nova-intro-breadcrumb { font-size: 9px; }
  body.nova-auth .nova-page-intro p { font-size: 11px; max-width: 250px; }
  body.nova-auth .nova-intro-cta { padding: 10px 11px; font-size: 0; }
  body.nova-auth .nova-intro-cta i { font-size: 14px; }
  body.nova-auth .nova-main-column > main,body.nova-auth .nova-main-column > section:not(.nova-none),
  body.nova-auth .nova-main-column > .container, body.nova-auth .nova-main-column > .container-fluid { margin-left: 8px !important; margin-right: 8px !important; }
  body.nova-auth .nova-main-column > main .container-fluid,body.nova-auth .nova-main-column > main .container { padding-left: 7px !important; padding-right: 7px !important; }
  body.nova-premium .card,body.nova-premium .custom__card { border-radius: 13px !important; }
  body.nova-premium .card-body { padding: 15px !important; }
  body.nova-auth .user__data__wrap { gap: 9px !important; grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.nova-auth .user_data__item { padding: 12px !important; gap: 7px; }
  body.nova-auth .user_data__item>.icon { width: 32px; height: 32px; flex-basis: 32px; border-radius: 9px; }
  body.nova-auth .user_data__item .user__data { font-size: 10px; }
  body.nova-premium .table th,body.nova-premium .table td { padding: 11px !important; }
  body.nova-premium .table-responsive,body.nova-premium .responsive-table,body.nova-premium .table_responsive { border-radius: 10px; }
  body.nova-public .nova-public-nav { min-height: 65px; padding: 0 18px; }
  body.nova-public .nova-public-menu-btn { display: inline-flex; }
  body.nova-public .nova-public-links { display: none; position: absolute; left: 12px; right: 12px; top: 69px; padding: 17px;
    flex-direction: column; align-items: stretch; gap: 0; border: 1px solid #e6eaf3; border-radius: 16px; background: white;
    box-shadow: 0 23px 50px #17234326; }
  body.nova-public .nova-public-links.is-open { display: flex; }
  body.nova-public .nova-public-links a { padding: 12px 11px; }
  body.nova-public #hero_v2 { min-height: auto; }
  body.nova-public #hero_v2 .container { padding: 30px 20px 42px; }
  body.nova-public #hero_v2 .hero_content h1 { font-size: 36px; }
  body.nova-public .login_card { padding: 7px; }
}
@media (max-width: 410px) {
  body.nova-auth .nova-topbar-title .nova-current-page { max-width: 76px; }
  body.nova-auth .nova-balance-pill strong { max-width: 66px; }
  body.nova-auth .nova-page-intro p { max-width: 205px; }
  body.nova-auth .nova-page-intro h1 { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) { body.nova-premium *,body.nova-premium *::before,body.nova-premium *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; } }
/* Legacy category chips and notes panel: replace the old high-saturation styling. */
body.nova-auth #new-order-cats .nwo-cat-btn, body.nova-auth #new-order-cats .btn_filter {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 7px;
  background: var(--nv-surface-soft) !important; color: var(--nv-text) !important;
  border: 1px solid var(--nv-border) !important; font-family: 'DM Sans', sans-serif !important;
  padding: 10px 13px !important; min-height: 41px !important; max-width: none !important;
  width: auto !important; flex: 0 0 auto !important; border-radius: 10px !important;
  font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0 !important;
  line-height: 1.3 !important; box-shadow: none !important; opacity: 1 !important;
}
body.nova-auth #new-order-cats .nwo-cat-btn .filter_txt { display: inline !important; font-size: 12px !important; font-weight: 700 !important; width: auto !important; visibility: visible !important; color: inherit !important; }
body.nova-auth #new-order-cats .nwo-cat-btn:hover { border-color: var(--nv-primary) !important; background: var(--nv-tint) !important; }
body.nova-auth #new-order-cats .nwo-cat-btn.active { background: var(--nv-primary) !important; color: white !important; border-color: var(--nv-primary) !important; }
body.nova-auth .card-details .services_name,
body.nova-auth .card-details .current_services { display: flex !important; align-items: center; background: transparent !important;
  border: 0 !important; box-shadow: none !important; border-radius: 0 !important; width: 100% !important;
  min-height: 0 !important; margin: 0 0 17px !important; padding: 0 !important; }
body.nova-auth .card-details #servicesId { background: transparent !important; color: var(--nv-text) !important;
  font-size: 15px !important; font-family: 'Plus Jakarta Sans',sans-serif; font-weight: 800 !important;
  padding: 0 0 12px !important; border: 0 !important; border-radius: 0 !important;
  border-bottom: 1px solid var(--nv-border) !important; min-width: 100% !important; }
body.nova-auth .card-details #servicesIds { color: var(--nv-muted); font-weight: 600; font-size: 12px; }
body.nova-auth .card-details .card-body-details { background: var(--nv-surface) !important; }
body.nova-auth .nova-sidebar .menu_icon:empty::before { content: '•'; }
body.nova-public .nova-footer { background: #fff; border-top: 1px solid #edf0f8; padding: 25px 20px; }
body.nova-public .nova-footer-inner { max-width: 1200px; margin: auto; display: flex; justify-content: space-between; align-items: center; gap: 15px; color: #7d899e; font-size: 12px; }
body.nova-public .nova-footer-inner>div { display: flex; gap: 20px; }
body.nova-public .nova-footer-inner a { color: #66728a; text-decoration: none; }
body.nova-public .nova-footer-inner a:hover { color: #6755e8; }
@media(max-width:767px) { body.nova-public .nova-footer-inner { flex-direction: column; text-align: center; } }
body.nova-auth #tabSwiter .nav-pills .nav-link, body.nova-auth #tabSwiter .nav-pills .nav-link.active {
  box-shadow: none !important; border: 0 !important; border-radius: 9px !important;
  min-height: 38px; padding: 9px 16px; text-transform: none !important;
  font-family: 'DM Sans',sans-serif !important; font-weight: 800 !important; font-size: 12px !important;
}
body.nova-auth #tabSwiter .nav-pills .nav-link.active { background: var(--nv-tint) !important; color: var(--nv-primary) !important; }
body.nova-auth #tabSwiter .nav-pills .nav-link:hover { background: var(--nv-surface-soft) !important; }
body.nova-auth .nova-empty-service { min-height: 207px; display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 8px; padding: 27px 15px; text-align: center; color: var(--nv-muted); }
body.nova-auth .nova-empty-service-icon { width: 48px; height: 48px; display: grid; place-items: center;
  border-radius: 14px; background: var(--nv-tint); color: var(--nv-primary); font-size: 20px; margin-bottom: 5px; }
body.nova-auth .nova-empty-service strong { font-size: 13px; color: var(--nv-text); font-weight: 800; }
body.nova-auth .nova-empty-service p { font-size: 12px; line-height: 1.6; max-width: 265px; margin: 0; }
body.nova-auth .nova-empty-service.is-hidden { display: none; }