/* ==========================================================================
   CreditPaisa Admin & Auth Dark Theme
   Ultra-modern, cohesive, deep midnight dark UI with neon cyan & sky accents
   ========================================================================== */

:root {
  --admin-bg-body: #0a0e17;
  --admin-bg-sidebar: #060911;
  --admin-bg-header: #0d1322;
  --admin-bg-card: #111827;
  --admin-bg-card-alt: #162032;
  --admin-bg-card-hover: #1e293b;
  --admin-border: rgba(255, 255, 255, 0.08);
  --admin-border-focus: #0ea5e9;
  --admin-text-main: #f1f5f9;
  --admin-text-muted: #94a3b8;
  --admin-accent: #FD5103;
  --admin-accent-gradient: linear-gradient(135deg, #FDB201 0%, #FD5103 100%);
  --admin-accent-hover: #FDB201;
}

/* Global Background and Typography */
body,
#main-wrapper {
  background-color: var(--admin-bg-body) !important;
  color: var(--admin-text-main) !important;
}

h1, h2, h3, h4, h5, h6,
body h1, body h2, body h3, body h4, body h5, body h6 {
  color: var(--admin-text-main) !important;
}

p, span, small {
  color: var(--admin-text-muted);
}

a {
  color: var(--admin-accent);
}

a:hover {
  color: var(--admin-accent-hover) !important;
}

svg {
  fill: var(--admin-text-muted);
}

/* -------------------------------------------------------------
   Side Bar
   ------------------------------------------------------------- */
.side-bar {
  background: var(--admin-bg-sidebar) !important;
  border-right: 1px solid var(--admin-border) !important;
  box-shadow: 4px 0 25px rgba(0, 0, 0, 0.5) !important;
}

.side-bar-logo {
  border-bottom: 1px solid var(--admin-border) !important;
}

.side-bar-manu li a {
  color: #cbd5e1 !important;
  border-radius: 8px;
  transition: all 0.25s ease;
}

.side-bar-manu li a:hover,
.side-bar-manu li.active > a,
.side-bar-manu li:hover > a {
  background: var(--admin-accent-gradient) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(14, 165, 233, 0.35);
}

.side-bar-manu .dropdown.active > .dropdown-menu .dropdown.active > a,
.side-bar-manu .dropdown.active > .dropdown-menu .dropdown.active .active,
.side-bar-manu .dropdown.active .active {
  background: var(--admin-accent-gradient) !important;
  color: #ffffff !important;
}

.side-bar-manu li .dropdown-menu {
  border-left: 1px solid var(--admin-border) !important;
}

.side-bar-manu li .dropdown-menu li a {
  color: #94a3b8 !important;
}

.side-bar-manu li .dropdown-menu li a:hover,
.side-bar-manu li .dropdown-menu li a.active,
.side-bar-manu li .dropdown-menu li li:hover > a,
.side-bar-manu li .dropdown-menu li li.active > a {
  background: rgba(14, 165, 233, 0.15) !important;
  color: #FE7A01 !important;
}

.side-bar-manu .dropdown::before {
  color: #64748b !important;
}

.side-bar-manu li:hover:before,
.side-bar-manu li.active:before {
  color: #FE7A01 !important;
}

/* -------------------------------------------------------------
   Main Header
   ------------------------------------------------------------- */
.main-header-section {
  background: var(--admin-bg-header) !important;
  border-bottom: 1px solid var(--admin-border) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

.sidebar-opner {
  color: var(--admin-text-main) !important;
}

.main-header-section .profile-info .dropdown-menu {
  background: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.main-header-section .profile-info .dropdown-menu li {
  border-bottom: 1px solid var(--admin-border) !important;
}

.main-header-section .profile-info .dropdown-menu li a {
  color: var(--admin-text-main) !important;
}

.main-header-section .profile-info .dropdown-menu li a:hover {
  background: var(--admin-bg-card-hover) !important;
  color: var(--admin-accent-hover) !important;
}

.search-btn,
.header-middle .search-btn {
  background: var(--admin-accent-gradient) !important;
  color: #ffffff !important;
  border: none !important;
}

.header-middle .form-control {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--admin-border) !important;
  color: #fff !important;
}

.notifications.dropdown > a {
  color: #94a3b8 !important;
}

.notifications .dropdown-menu {
  background: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
}

.notification-header,
.notification-footer {
  background: var(--admin-bg-card-alt) !important;
  border-color: var(--admin-border) !important;
  color: var(--admin-text-main) !important;
}

.notifications ul li a {
  border-top: 1px solid var(--admin-border) !important;
  color: var(--admin-text-main) !important;
}

.notifications ul li a:hover {
  background: var(--admin-bg-card-hover) !important;
}

/* -------------------------------------------------------------
   Overview State Boxes (Dashboard cards)
   ------------------------------------------------------------- */
.state-overview-box {
  background: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
  transition: transform 0.25s ease, border-color 0.25s ease;
}

.state-overview-box:hover {
  transform: translateY(-3px);
  border-color: rgba(14, 165, 233, 0.4) !important;
}

.state-overview-box h2 {
  color: #ffffff !important;
}

.state-overview-box p {
  color: var(--admin-text-muted) !important;
}

/* Graph & Content Boxes */
.erp-graph-box {
  background: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35) !important;
}

.erp-graph-box .graph-header {
  background: var(--admin-bg-card-alt) !important;
  border-bottom: 1px solid var(--admin-border) !important;
}

.erp-graph-box .graph-header h4 {
  color: #ffffff !important;
}

.erp-graph-box .graph-header .nice-select {
  color: var(--admin-text-main) !important;
}

.erp-graph-box .graph-header .nice-select:after {
  border-color: #ffffff !important;
}

/* -------------------------------------------------------------
   Tables & DataGrids
   ------------------------------------------------------------- */
.erp-table-section {
  color: var(--admin-text-main);
}

.table-header {
  border-bottom: 1px solid var(--admin-border) !important;
}

.table-header h4 {
  color: #ffffff !important;
}

.table-header a {
  color: var(--admin-text-muted) !important;
}

.table-header .button-group {
  border-bottom: 1px solid var(--admin-accent) !important;
}

.table-header .button-group a.active,
.add-order-btn,
.theme-btn {
  background: var(--admin-accent-gradient) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(14, 165, 233, 0.25) !important;
}

.theme-btn:hover,
.add-order-btn:hover {
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(14, 165, 233, 0.45) !important;
}

.table {
  background: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
  color: var(--admin-text-main) !important;
}

.table th {
  background: var(--admin-bg-card-alt) !important;
  color: #f8fafc !important;
  border-bottom: 1px solid var(--admin-border) !important;
}

.table td {
  background: var(--admin-bg-card) !important;
  color: #cbd5e1 !important;
  border-bottom: 1px solid var(--admin-border) !important;
}

.table tr:hover td {
  background: var(--admin-bg-card-hover) !important;
}

.table-two th,
.table-two td {
  border-color: var(--admin-border) !important;
  color: #cbd5e1 !important;
}

.table-title,
.table-title-three,
.t-header,
.title-four {
  background: var(--admin-bg-card-alt) !important;
  color: #ffffff !important;
}

.clr-black,
.clr-black td,
.clr-black th,
b,
strong {
  color: #f8fafc !important;
}

.table-profile strong,
.table-profile-order strong {
  color: #ffffff !important;
  opacity: 1 !important;
}

.table-profile span,
.table-profile-order span {
  color: #FE7A01 !important;
}

.table-action button {
  color: var(--admin-text-muted) !important;
}

.table-action .dropdown-menu {
  background: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

.table-action .dropdown-menu a {
  color: #cbd5e1 !important;
}

.table-action .dropdown-menu a:hover {
  background: var(--admin-bg-card-hover) !important;
  color: var(--admin-accent-hover) !important;
}

/* Pagination */
.pagination .page-link {
  color: var(--admin-text-muted) !important;
}

.pagination .page-link.active,
.pagination .page-link:hover,
.page-item.active .page-link {
  color: #FE7A01 !important;
  border-color: #FE7A01 !important;
  background: rgba(14, 165, 233, 0.15) !important;
}

/* -------------------------------------------------------------
   Forms & Inputs
   ------------------------------------------------------------- */
.form-control,
.form-select,
input,
textarea,
select,
.order-form-section .form-control {
  background-color: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
  color: #f1f5f9 !important;
  border-radius: 8px !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
  background-color: var(--admin-bg-card-alt) !important;
  border-color: var(--admin-border-focus) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.25) !important;
}

.order-form-section label {
  background: var(--admin-bg-card) !important;
  color: #cbd5e1 !important;
}

.nice-select {
  background-color: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
  color: #f1f5f9 !important;
}

.nice-select .list {
  background-color: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: var(--admin-bg-card-hover) !important;
  color: #FE7A01 !important;
}

.nice-select:after {
  border-color: #94a3b8 !important;
}

.upload-img {
  background: var(--admin-bg-card) !important;
  border: 2px dashed var(--admin-border) !important;
}

.upload-img p,
.upload-img i {
  color: var(--admin-text-muted) !important;
}

.upload-img:hover {
  border-color: var(--admin-accent) !important;
}

.border-btn {
  border: 1px solid var(--admin-border) !important;
  color: var(--admin-text-muted) !important;
}

.border-btn:hover {
  background: var(--admin-bg-card-hover) !important;
  color: #ffffff !important;
}

/* Modals */
.modal-content {
  background-color: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
  color: #f1f5f9 !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7) !important;
}

.modal-header,
.modal-footer {
  border-color: var(--admin-border) !important;
}

.btn-close {
  filter: invert(1);
}

.bank-account-info,
.view-cheque-items {
  background: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
}

.bank-account-info .costing-list span,
.costing-list span,
.view-cheque-items .title-seven,
.bank-status-list li span {
  color: #f1f5f9 !important;
}

/* -------------------------------------------------------------
   Login & Auth Pages
   ------------------------------------------------------------- */
.mybazar-login-section {
  background-color: #060911 !important;
  background-image: radial-gradient(circle at 15% 15%, rgba(14, 165, 233, 0.15) 0%, transparent 45%),
                    radial-gradient(circle at 85% 85%, rgba(99, 102, 241, 0.15) 0%, transparent 45%) !important;
  min-height: 100vh;
}

.mybazar-login-section .login-wrapper {
  background: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7) !important;
}

.mybazar-login-section .mybazar-login-wrapper:after {
  background: var(--admin-accent-gradient) !important;
  opacity: 0.6;
}

.mybazar-login-section .mybazar-login-wrapper .login-header {
  border-bottom: 1px solid var(--admin-border) !important;
}

.mybazar-login-section .login-body h2 {
  color: #ffffff !important;
}

.mybazar-login-section .login-body p {
  color: var(--admin-text-muted) !important;
}

.mybazar-login-section .login-body .input-group .form-control {
  background-color: #0c1220 !important;
  border: 1px solid var(--admin-border) !important;
  color: #ffffff !important;
}

.mybazar-login-section .login-body .input-group .form-control:focus {
  border-color: var(--admin-border-focus) !important;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.25) !important;
}

.mybazar-login-section .login-body .input-group span img {
  filter: brightness(0.8) invert(1);
}

.mybazar-login-section .login-btn {
  background: var(--admin-accent-gradient) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(14, 165, 233, 0.4) !important;
}

.mybazar-login-section .login-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(14, 165, 233, 0.6) !important;
}

.mybazar-login-section .login-footer a,
.back-home {
  color: #FE7A01 !important;
}

/* Summernote Editor in Dark Mode */
.note-editor.note-frame {
  border: 1px solid var(--admin-border) !important;
}

.note-editor.note-frame .note-toolbar {
  background-color: var(--admin-bg-card-alt) !important;
  border-bottom: 1px solid var(--admin-border) !important;
}

.note-editor.note-frame .note-editing-area .note-editable {
  background-color: var(--admin-bg-card) !important;
  color: #f1f5f9 !important;
}

.note-btn {
  background-color: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
  color: #cbd5e1 !important;
}

/* Select2 in Dark Mode */
.select2-container--default .select2-selection--single {
  background-color: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #f1f5f9 !important;
}

.select2-dropdown {
  background-color: var(--admin-bg-card) !important;
  border: 1px solid var(--admin-border) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--admin-accent) !important;
  color: #ffffff !important;
}