:root{
  --vb-bg:#eef1f5;
  --vb-surface:#ffffff;
  --vb-surface-2:#f8fafc;
  --vb-border:#d9e0ea;
  --vb-border-strong:#c2ccd8;
  --vb-text:#1f2d3d;
  --vb-muted:#5d6b7c;
  --vb-primary:#2f5d8a;
  --vb-primary-2:#1f456b;
  --vb-accent:#8db1c7;
  --vb-accent-soft:#eaf2f8;
  --vb-success:#166534;
  --vb-success-soft:#dcfce7;
  --vb-danger:#b42318;
  --vb-danger-soft:#fee4e2;
  --vb-warning:#b54708;
  --vb-warning-soft:#fef0c7;
  --vb-info:#175cd3;
  --vb-info-soft:#dbeafe;
  --vb-radius:16px;
  --vb-radius-lg:22px;
  --vb-shadow:0 10px 30px rgba(15,23,42,.07);
  --vb-shadow-lg:0 18px 40px rgba(15,23,42,.12);
}

html,body{background:var(--vb-bg) !important;color:var(--vb-text) !important}
body.admin-body{font-family:Tahoma,Arial,"Segoe UI",sans-serif;background:linear-gradient(180deg,#f4f7fb 0%,#eef2f7 100%) !important}
body.admin-body *{box-sizing:border-box}

.page-wrapper{background:transparent !important}
.page-content,
.content-wrapper,
.page-wrap,
.products-wrap,
.products-create-wrap,
.ofr-wrap,
.stg-wrap,
.nay-dashboard-main,
.nay-dashboard-page,
.products-page,
.products-create-page{max-width:1600px;margin:0 auto;padding:24px !important;background:transparent !important}

/* vBulletin inspired top headers */
body.admin-body .page-content :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero),
body.admin-body :is(.content-wrapper,.page-wrap,.products-wrap,.products-create-wrap,.stg-wrap,.ofr-wrap) > :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero){
  position:relative !important;
  background:linear-gradient(180deg,#5f7fa0 0%,#436685 2px,#355a79 52%,#284a68 100%) !important;
  color:#fff !important;
  border:1px solid rgba(20,41,61,.15) !important;
  border-radius:20px !important;
  box-shadow:0 18px 38px rgba(26,41,61,.18) !important;
  padding:24px 26px !important;
  margin:0 0 18px !important;
  overflow:hidden;
}
body.admin-body .page-content :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero)::before,
body.admin-body :is(.content-wrapper,.page-wrap,.products-wrap,.products-create-wrap,.stg-wrap,.ofr-wrap) > :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero)::before{
  content:"";position:absolute;left:0;right:0;top:0;height:48px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));pointer-events:none;
}
body.admin-body .page-content :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero) h1,
body.admin-body .page-content :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero) h2,
body.admin-body .page-content :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero) h3,
body.admin-body :is(.content-wrapper,.page-wrap,.products-wrap,.products-create-wrap,.stg-wrap,.ofr-wrap) > :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero) h1,
body.admin-body :is(.content-wrapper,.page-wrap,.products-wrap,.products-create-wrap,.stg-wrap,.ofr-wrap) > :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero) h2,
body.admin-body :is(.content-wrapper,.page-wrap,.products-wrap,.products-create-wrap,.stg-wrap,.ofr-wrap) > :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero) h3{
  margin:0 0 10px !important;color:#fff !important;font-size:30px !important;font-weight:800 !important;letter-spacing:-.02em !important;text-shadow:0 1px 1px rgba(0,0,0,.15);
}
body.admin-body .page-content :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero) p,
body.admin-body .page-content :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero) .hint,
body.admin-body :is(.content-wrapper,.page-wrap,.products-wrap,.products-create-wrap,.stg-wrap,.ofr-wrap) > :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero) p{
  color:rgba(255,255,255,.88) !important;line-height:1.8 !important
}

/* panels and cards */
body.admin-body .page-content :is(.box,.card,.nay-card,.panel,.mod-card,.stg-card,.product-card,.hero-stat,.stats-card,.summary-card,.quick-card,.order-card,.setting-card,.metric-card),
body.admin-body :is(.content-wrapper,.page-wrap,.products-wrap,.products-create-wrap,.stg-wrap,.ofr-wrap) :is(.box,.card,.nay-card,.panel,.mod-card,.stg-card,.product-card,.hero-stat,.stats-card,.summary-card,.quick-card,.order-card,.setting-card,.metric-card){
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  border:1px solid var(--vb-border) !important;
  border-radius:18px !important;
  box-shadow:var(--vb-shadow) !important;
  padding:18px !important;
}
body.admin-body .page-content :is(.box,.card,.nay-card,.panel,.mod-card,.stg-card,.product-card,.hero-stat,.stats-card,.summary-card,.quick-card,.order-card,.setting-card,.metric-card) > h2,
body.admin-body .page-content :is(.box,.card,.nay-card,.panel,.mod-card,.stg-card,.product-card,.hero-stat,.stats-card,.summary-card,.quick-card,.order-card,.setting-card,.metric-card) > h3,
body.admin-body .page-content :is(.box,.card,.nay-card,.panel,.mod-card,.stg-card,.product-card,.hero-stat,.stats-card,.summary-card,.quick-card,.order-card,.setting-card,.metric-card) > h4{
  margin:0 0 14px !important;color:var(--vb-primary-2) !important;font-size:19px !important;font-weight:800 !important;border-bottom:1px solid #e8edf3 !important;padding-bottom:12px !important
}

/* statistics */
body.admin-body .page-content :is(.nay-stats-grid,.stats-grid,.dashboard-stats-grid,.order-grid,.summary-grid,.quick-stats,.cards-grid){display:grid !important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;gap:14px !important}
body.admin-body .page-content :is(.nay-stat-value,.stat-value,.metric-value,.card-value){font-size:34px !important;font-weight:900 !important;color:var(--vb-primary-2) !important;line-height:1.1 !important}
body.admin-body .page-content :is(.nay-stat-label,.stat-label,.metric-label,.card-label){font-size:13px !important;color:var(--vb-muted) !important;font-weight:700 !important;margin-bottom:8px !important}
body.admin-body .page-content :is(.nay-stat-sub,.stat-sub,.metric-sub,.card-sub){font-size:13px !important;color:#728196 !important;line-height:1.7 !important}

/* tables */
body.admin-body .page-content :is(.table-responsive,.nay-table-wrap,.table-wrap,.items-table-wrap){overflow:auto !important;background:#fff !important;border:1px solid var(--vb-border) !important;border-radius:18px !important;box-shadow:var(--vb-shadow) !important}
body.admin-body .page-content table,
body.admin-body .page-content .items-table,
body.admin-body .page-content .nay-table,
body.admin-body .page-content .data-table{
  width:100% !important;border-collapse:separate !important;border-spacing:0 !important;background:#fff !important;border:none !important
}
body.admin-body .page-content :is(table,.items-table,.nay-table,.data-table) thead th{
  position:sticky;top:0;background:linear-gradient(180deg,#e7eef5 0%,#d7e0ea 100%) !important;color:#203548 !important;font-weight:800 !important;font-size:13px !important;padding:14px 12px !important;border-bottom:1px solid #c7d2df !important;white-space:nowrap !important;z-index:1
}
body.admin-body .page-content :is(table,.items-table,.nay-table,.data-table) thead th:first-child{border-top-right-radius:16px}
body.admin-body .page-content :is(table,.items-table,.nay-table,.data-table) thead th:last-child{border-top-left-radius:16px}
body.admin-body .page-content :is(table,.items-table,.nay-table,.data-table) tbody td{
  padding:14px 12px !important;border-bottom:1px solid #ebf0f5 !important;color:var(--vb-text) !important;background:#fff !important;vertical-align:middle !important
}
body.admin-body .page-content :is(table,.items-table,.nay-table,.data-table) tbody tr:nth-child(even) td{background:#fbfdff !important}
body.admin-body .page-content :is(table,.items-table,.nay-table,.data-table) tbody tr:hover td{background:#f3f8fc !important}

/* forms */
body.admin-body .page-content :is(form,.mod-grid,.form-grid,.filters,.nay-filter-form,.stg-form,.settings-form,.editor-form,.products-form){display:block}
body.admin-body .page-content :is(.form-grid,.mod-grid,.filters,.nay-filter-form,.stg-grid,.settings-grid,.editor-grid,.field-grid,.row-grid){display:grid !important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;gap:14px !important}
body.admin-body .page-content label{display:block !important;margin:0 0 6px !important;font-weight:700 !important;color:#31465b !important}
body.admin-body .page-content :is(input,select,textarea){
  width:100% !important;min-height:46px !important;padding:11px 13px !important;border:1px solid #cfd8e3 !important;border-radius:12px !important;background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%) !important;color:var(--vb-text) !important;box-shadow:inset 0 1px 1px rgba(15,23,42,.02) !important;transition:.18s ease !important
}
body.admin-body .page-content textarea{min-height:100px !important;resize:vertical !important}
body.admin-body .page-content :is(input,select,textarea):focus{outline:none !important;border-color:#7aa0bb !important;box-shadow:0 0 0 4px rgba(47,93,138,.12) !important;background:#fff !important}
body.admin-body .page-content .hint,
body.admin-body .page-content .help,
body.admin-body .page-content small{color:#6c7b8b !important}

/* buttons */
body.admin-body .page-content :is(.btn,.btnx,.nay-btn,.mod-btn,.btn-modern,.hero-btn,.ghost-btn,.filter-btn,.btn-primary,.btn-light,.btn-dark,.btn-danger,.btn-edit,.btn-sm,.mini-btn),
body.admin-body .page-content button,
body.admin-body .page-content input[type=submit],
body.admin-body .page-content a.btn{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;min-height:42px !important;padding:10px 16px !important;border-radius:12px !important;border:1px solid transparent !important;font-weight:800 !important;text-decoration:none !important;cursor:pointer !important;transition:.18s ease !important
}
body.admin-body .page-content :is(.btn,.btnx,.nay-btn,.mod-btn,.btn-modern,.hero-btn,.filter-btn,.btn-primary,button[type=submit],input[type=submit]){background:linear-gradient(180deg,#5880a2 0%,#315b7f 100%) !important;color:#fff !important;border-color:#264968 !important;box-shadow:0 6px 16px rgba(49,91,127,.18) !important}
body.admin-body .page-content :is(.btn,.btnx,.nay-btn,.mod-btn,.btn-modern,.hero-btn,.filter-btn,.btn-primary,button,input[type=submit]):hover{transform:translateY(-1px) !important;filter:brightness(1.02)}
body.admin-body .page-content :is(.btn-light,.ghost-btn,.btn-edit,.mod-btn.warn,.mod-btn.dark,.btn-secondary){background:linear-gradient(180deg,#ffffff 0%,#eef4f8 100%) !important;color:#284a68 !important;border-color:#c8d5e3 !important;box-shadow:none !important}
body.admin-body .page-content :is(.btn-danger,.mod-btn.danger,.danger){background:linear-gradient(180deg,#fff5f4 0%,#ffe2df 100%) !important;color:#b42318 !important;border-color:#f2b8b2 !important;box-shadow:none !important}
body.admin-body .page-content :is(.mod-btn.success,.success,.badge-success,.is-success){background:linear-gradient(180deg,#f0fff4 0%,#dcfae6 100%) !important;color:#166534 !important;border-color:#b7ebc8 !important;box-shadow:none !important}
body.admin-body .page-content :is(.mod-actions,.actions,.action-group,.ns-actions,.page-actions,.nay-actions,.top-actions,.table-actions){display:flex !important;flex-wrap:wrap !important;gap:8px !important;align-items:center !important}

/* badges and statuses */
body.admin-body .page-content :is(.status-badge,.badge,.chip,.mod-chip,.pill,.state,.tag){display:inline-flex !important;align-items:center !important;gap:6px !important;padding:6px 12px !important;border-radius:999px !important;font-size:12px !important;font-weight:800 !important;border:1px solid transparent !important}
body.admin-body .page-content :is(.badge.success,.status-badge.success,.mod-chip.green,.pill-success,.tag-success){background:var(--vb-success-soft) !important;color:var(--vb-success) !important;border-color:#b7ebc8 !important}
body.admin-body .page-content :is(.badge.warn,.status-badge.warn,.mod-chip.orange,.pill-warning,.tag-warning){background:var(--vb-warning-soft) !important;color:var(--vb-warning) !important;border-color:#f6d486 !important}
body.admin-body .page-content :is(.badge.danger,.status-badge.danger,.pill-danger,.tag-danger){background:var(--vb-danger-soft) !important;color:var(--vb-danger) !important;border-color:#f1b3ad !important}
body.admin-body .page-content :is(.badge.info,.status-badge.info,.mod-chip.gray,.pill-info,.tag-info){background:#eef3f8 !important;color:#42576b !important;border-color:#d7e1eb !important}

/* tabs/nav lists */
body.admin-body .page-content :is(.stg-nav,.tabs,.subnav,.module-tabs,.ns-list){display:flex !important;flex-wrap:wrap !important;gap:10px !important}
body.admin-body .page-content :is(.stg-nav-item,.tabs a,.subnav a,.module-tabs a,.ns-list-item){background:linear-gradient(180deg,#fff 0%,#f2f6fa 100%) !important;border:1px solid #d9e2eb !important;border-radius:12px !important;padding:10px 14px !important;color:#325271 !important;text-decoration:none !important;font-weight:700 !important}
body.admin-body .page-content :is(.stg-nav-item.active,.tabs a.active,.subnav a.active,.module-tabs a.active,.ns-list-item.active){background:linear-gradient(180deg,#5c7d9d 0%,#335979 100%) !important;color:#fff !important;border-color:#2a4a67 !important}

/* pagination */
body.admin-body .page-content :is(.pagination,.pager,.nay-pagination){display:flex !important;justify-content:center !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important;margin-top:18px !important}
body.admin-body .page-content :is(.pagination a,.pager a,.nay-pagination a,.pagination span,.pager span,.nay-pagination span){min-width:40px !important;height:40px !important;padding:0 12px !important;border-radius:12px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:#fff !important;border:1px solid #d5dee8 !important;color:#2c4966 !important;text-decoration:none !important;font-weight:800 !important}
body.admin-body .page-content :is(.pagination .active,.pager .active,.nay-pagination .active){background:linear-gradient(180deg,#5e82a4 0%,#315a7d 100%) !important;color:#fff !important;border-color:#284968 !important}

/* invoice / summary containers */
body.admin-body .page-content :is(.invoice-box,.invoice-card,.summary-box,.total-box,.invoice-summary,.order-summary,.mod-summary){background:linear-gradient(180deg,#fff 0%,#f7fafc 100%) !important;border:1px solid #d9e3ec !important;border-radius:18px !important;box-shadow:var(--vb-shadow) !important;padding:18px !important}

/* links */
body.admin-body a{color:var(--vb-primary) !important}
body.admin-body a:hover{color:var(--vb-primary-2) !important}

/* mobile */
@media (max-width: 991px){
  .page-content,.content-wrapper,.page-wrap,.products-wrap,.products-create-wrap,.ofr-wrap,.stg-wrap,.nay-dashboard-main{padding:16px !important}
  body.admin-body .page-content :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero){padding:20px 18px !important;border-radius:18px !important}
  body.admin-body .page-content :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero) h1,
  body.admin-body .page-content :is(.page-header,.topbar,.page-header-box,.page-topbar,.ofr-page-title,.module-header,.nay-module-header,.content-header,.hero-card,.nay-dashboard-hero) h2{font-size:24px !important}
}
