/* Alicorn admin theme: override SB Admin 2 skin. Scoped to the admin layout (#wrapper). */
#wrapper {
  --ink: #0a0c14;
  --ink-2: #0f1220;
  --panel: #ffffff;
  --page: #f4f5fa;
  --line: #e6e8f0;
  --text: #1c2033;
  --muted: #6b7388;
  --gold: #e6b450;
  --gold-2: #f3d38a;
  --green: #1fb67a;
  --red: #e5484d;
  --violet: #6c5ce7;
  font-family: 'Inter', 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: var(--text);
}
body { background: var(--page) !important; }
#wrapper #content-wrapper { background: var(--page) !important; }

/* sidebar */
#wrapper .sidebar,
#wrapper #accordionSidebar {
  background: var(--ink) !important;
  background-image: none !important;
  border-right: 1px solid rgba(255, 255, 255, .06);
}
#wrapper .sidebar .sidebar-brand,
#wrapper .sidebar .sidebar-brand-text { color: #fff !important; letter-spacing: .1em; font-weight: 800; }
#wrapper .sidebar .nav-item { margin: 2px 12px; }
#wrapper .sidebar .nav-link {
  display: flex; align-items: center; gap: 10px;
  padding: 11px 14px !important;
  border-radius: 10px;
  color: #aab2c8 !important;
  font-weight: 500 !important;
  transition: background .15s, color .15s;
}
#wrapper .sidebar .nav-link i { color: #7e88a4 !important; font-weight: 400 !important; width: 1.25rem; text-align: center; margin: 0 !important; }
#wrapper .sidebar .nav-link span { font-size: .9rem; }
#wrapper .sidebar .nav-link:hover { background: rgba(255, 255, 255, .06); color: #fff !important; }
#wrapper .sidebar .nav-link:hover i { color: var(--gold) !important; }
#wrapper .sidebar .nav-link.active-link,
#wrapper .sidebar .nav-link.router-link-active {
  background: linear-gradient(135deg, rgba(230, 180, 80, .20), rgba(230, 180, 80, .08));
  color: var(--gold-2) !important;
  box-shadow: inset 3px 0 0 var(--gold);
}
#wrapper .sidebar .nav-link.active-link i,
#wrapper .sidebar .nav-link.router-link-active i { color: var(--gold) !important; }
#wrapper .sidebar .nav-link.active-link:before { display: none !important; }
#wrapper .sidebar .sidebar-heading { color: #5f6985 !important; font-size: .68rem; letter-spacing: .14em; padding: 0 26px; }
#wrapper .sidebar hr.sidebar-divider { border-top: 1px solid rgba(255, 255, 255, .07) !important; margin: 14px 24px; }
#wrapper .sidebar .collapse-inner { background: var(--ink-2) !important; border: 1px solid rgba(255, 255, 255, .06); border-radius: 10px !important; margin: 4px 0 6px; }
#wrapper .sidebar .collapse-header { color: #5f6985 !important; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
#wrapper .sidebar .collapse-item { color: #aab2c8 !important; border-radius: 8px; margin: 0 8px; padding: 8px 12px; font-weight: 500; }
#wrapper .sidebar .collapse-item:hover { background: rgba(255, 255, 255, .06); color: #fff !important; }

/* topbar */
#wrapper .topbar {
  background: var(--panel) !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 1px 0 rgba(15, 18, 32, .02) !important;
  height: 4.2rem;
}
#wrapper .topbar .nav-link,
#wrapper .topbar .nav-link span,
#wrapper .topbar .text-white { color: var(--text) !important; font-weight: 600; }
#wrapper .topbar .topbar-divider { border-right: 1px solid var(--line) !important; }

/* page title */
#wrapper .h3,
#wrapper h1.h3 { color: var(--text) !important; font-weight: 800; letter-spacing: -.01em; }
#wrapper .text-gray-800 { color: var(--text) !important; }

/* stat cards */
#wrapper .card {
  background: var(--panel);
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(15, 18, 32, .04), 0 8px 24px rgba(15, 18, 32, .04) !important;
  transition: transform .15s, box-shadow .15s;
}
#wrapper .card:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(15, 18, 32, .05), 0 14px 32px rgba(15, 18, 32, .08) !important; }
#wrapper .card.border-left-primary { border-left: 4px solid var(--violet) !important; }
#wrapper .card.border-left-success { border-left: 4px solid var(--green) !important; }
#wrapper .card.border-left-warning { border-left: 4px solid var(--gold) !important; }
#wrapper .card.border-left-danger { border-left: 4px solid var(--red) !important; }
#wrapper .card .text-xs { letter-spacing: .08em; font-weight: 700 !important; }
#wrapper .card .text-primary { color: var(--violet) !important; }
#wrapper .card .text-success { color: var(--green) !important; }
#wrapper .card .text-warning { color: #c58a14 !important; }
#wrapper .card .text-danger { color: var(--red) !important; }
#wrapper .card .text-gray-300 { color: #d3d7e4 !important; }

/* tables */
#wrapper .table { color: var(--text); border-color: var(--line); margin-bottom: 0; }
#wrapper .table > :not(caption) > * > * { padding: .85rem 1rem; border-bottom-color: var(--line); background-color: transparent; }
#wrapper .table thead th {
  background: #f8f9fd !important;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--line) !important;
}
#wrapper .table { --bs-table-bg: transparent; --bs-table-striped-bg: #fafbfe; --bs-table-striped-color: var(--text); --bs-table-hover-bg: #f3f4fb; }
#wrapper .table > :not(caption) > * > * { box-shadow: none !important; }
#wrapper .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: #fafbfe !important; color: var(--text); }
#wrapper .table-striped > tbody > tr:nth-of-type(even) > * { background-color: #fff !important; }
#wrapper .table tbody tr:hover > * { background-color: #f3f4fb !important; }
#wrapper .table-responsive,
#wrapper .dataTables_wrapper {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 1px 2px rgba(15, 18, 32, .04), 0 8px 24px rgba(15, 18, 32, .04);
}
#wrapper .dataTables_wrapper .dataTables_filter input,
#wrapper .dataTables_wrapper .dataTables_length select {
  border: 1px solid var(--line); border-radius: 10px; padding: 6px 12px; background: #fff; outline: none;
}
#wrapper .dataTables_wrapper .dataTables_filter input:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(230, 180, 80, .18); }
#wrapper .dataTables_wrapper .dataTables_info { color: var(--muted); font-size: .85rem; }
#wrapper .dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 1px solid var(--line) !important; border-radius: 8px !important; margin: 0 2px; background: #fff !important; color: var(--text) !important;
}
#wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#wrapper .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--ink) !important; color: var(--gold-2) !important; border-color: var(--ink) !important;
}

/* buttons */
#wrapper .btn { border-radius: 10px; font-weight: 600; padding: .5rem 1rem; border-width: 1px; transition: transform .12s, box-shadow .12s, background .12s; }
#wrapper .btn:hover { transform: translateY(-1px); }
#wrapper .btn-primary { background: var(--ink) !important; border-color: var(--ink) !important; color: var(--gold-2) !important; }
#wrapper .btn-primary:hover { background: #1a1f36 !important; box-shadow: 0 6px 16px rgba(10, 12, 20, .25); }
#wrapper .btn-warning { background: linear-gradient(135deg, var(--gold), var(--gold-2)) !important; border-color: transparent !important; color: #1a1405 !important; }
#wrapper .btn-danger { background: #fff !important; border-color: #f3c3c5 !important; color: var(--red) !important; }
#wrapper .btn-danger:hover { background: var(--red) !important; border-color: var(--red) !important; color: #fff !important; }
#wrapper .btn-secondary { background: #fff !important; border-color: var(--line) !important; color: var(--text) !important; }
#wrapper .btn-secondary:hover { border-color: #c9cee0 !important; }
#wrapper .btn-success { background: var(--green) !important; border-color: var(--green) !important; }

/* forms */
#wrapper .form-control,
.modal .form-control {
  border: 1px solid var(--line); border-radius: 10px; padding: .6rem .85rem; color: var(--text); background: #fff;
}
#wrapper .form-control:focus,
.modal .form-control:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(230, 180, 80, .2); }
.modal label { font-weight: 600; font-size: .85rem; color: var(--text); }

/* modals */
.modal-content { border: 0 !important; border-radius: 16px !important; box-shadow: 0 30px 80px rgba(10, 12, 20, .35); overflow: hidden; }
.modal-header { background: var(--ink); border-bottom: 0 !important; }
.modal-header .modal-title { color: #fff !important; font-weight: 700; }
.modal-header .close, .modal-header .btn-close { color: #fff !important; filter: invert(1); opacity: .8; }
.modal-footer { border-top: 1px solid var(--line) !important; background: #fafbfe; }

/* status icons */
#wrapper .bi-check-lg.text-success,
#wrapper .bi-hourglass-split.text-warning,
#wrapper .bi-x-lg.text-danger { font-size: 1.05rem; }

/* scrollbar */
#wrapper ::-webkit-scrollbar { width: 10px; height: 10px; }
#wrapper ::-webkit-scrollbar-thumb { background: #cfd3e3; border-radius: 10px; border: 2px solid var(--page); }