
:root {
  --bnc-surface-1:#ffffff;
  --bnc-surface-2:rgba(255,255,255,.78);
  --bnc-surface-3:rgba(var(--bnc-primary-rgb), .045);
  --bnc-surface-4:rgba(var(--bnc-primary-rgb), .08);
  --bnc-divider:rgba(var(--bnc-primary-rgb), .14);
  --bnc-shadow-lg:0 20px 50px rgba(15,23,42,.08);
  --bnc-text-inverse:#ffffff;
}
body[data-bnc-theme] {
  color:var(--bnc-text-strong);
  accent-color:var(--bnc-primary);
}
body[data-bnc-theme] .app-header,
body[data-bnc-theme] .app-sidebar,
body[data-bnc-theme] .main-header-dropdown,
body[data-bnc-theme] .main-sidebar,
body[data-bnc-theme] .rep-header,
body[data-bnc-theme] .rep-bottom-nav,
body[data-bnc-theme] .bnc-installer-header,
body[data-bnc-theme] .bnc-installer-bottom-nav,
body[data-bnc-theme] .bnc-ui-surface {
  background:rgba(255,255,255,.82) !important;
  border-color:var(--bnc-divider) !important;
  box-shadow:0 12px 28px rgba(15,23,42,.06);
}
body[data-bnc-theme] .app-header,
body[data-bnc-theme] .rep-header,
body[data-bnc-theme] .bnc-installer-header,
body[data-bnc-theme] .rep-bottom-nav,
body[data-bnc-theme] .bnc-installer-bottom-nav {
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
body[data-bnc-theme] .app-header,
body[data-bnc-theme] .rep-header,
body[data-bnc-theme] .bnc-installer-header,
body[data-bnc-theme] .rep-bottom-nav,
body[data-bnc-theme] .bnc-installer-bottom-nav,
body[data-bnc-theme] .modal-content,
body[data-bnc-theme] .offcanvas,
body[data-bnc-theme] .swal2-popup,
body[data-bnc-theme] .dropdown-menu,
body[data-bnc-theme] .card,
body[data-bnc-theme] .custom-card,
body[data-bnc-theme] .rep-card,
body[data-bnc-theme] .rep-stat,
body[data-bnc-theme] .bnc-preview-card {
  position:relative;
  overflow:hidden;
}
body[data-bnc-theme] .app-header::after,
body[data-bnc-theme] .rep-header::after,
body[data-bnc-theme] .bnc-installer-header::after,
body[data-bnc-theme] .rep-bottom-nav::before,
body[data-bnc-theme] .bnc-installer-bottom-nav::before {
  content:"";
  position:absolute;
  inset:auto 12% 0 12%;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(var(--bnc-primary-rgb), .85), rgba(var(--bnc-accent-rgb), .88), transparent);
  opacity:.95;
}
body[data-bnc-theme] .header-link,
body[data-bnc-theme] .dropdown-item,
body[data-bnc-theme] .nav-link,
body[data-bnc-theme] .page-link,
body[data-bnc-theme] .list-group-item,
body[data-bnc-theme] .breadcrumb-item,
body[data-bnc-theme] .table,
body[data-bnc-theme] .table td,
body[data-bnc-theme] .table th,
body[data-bnc-theme] .modal-title,
body[data-bnc-theme] .offcanvas-title,
body[data-bnc-theme] .swal2-title,
body[data-bnc-theme] .swal2-html-container,
body[data-bnc-theme] .dropdown-menu,
body[data-bnc-theme] .accordion-button,
body[data-bnc-theme] .timeline-content,
body[data-bnc-theme] .card-title,
body[data-bnc-theme] .card-text {
  color:var(--bnc-text-strong) !important;
}
body[data-bnc-theme] .text-muted,
body[data-bnc-theme] .small.text-muted,
body[data-bnc-theme] .card-subtitle,
body[data-bnc-theme] .breadcrumb-item + .breadcrumb-item::before,
body[data-bnc-theme] .table td .small,
body[data-bnc-theme] .dropdown-item-text,
body[data-bnc-theme] .text-secondary {
  color:var(--bnc-text-soft) !important;
}
body[data-bnc-theme] .header-link:hover,
body[data-bnc-theme] .dropdown-item:hover,
body[data-bnc-theme] .dropdown-item:focus,
body[data-bnc-theme] .page-link:hover,
body[data-bnc-theme] .list-group-item:hover,
body[data-bnc-theme] .accordion-button:not(.collapsed),
body[data-bnc-theme] .nav-tabs .nav-link:hover {
  background:rgba(var(--bnc-primary-rgb), .07) !important;
  color:var(--bnc-primary-strong) !important;
}
body[data-bnc-theme] .page-link,
body[data-bnc-theme] .list-group-item,
body[data-bnc-theme] .dropdown-item,
body[data-bnc-theme] .accordion-item,
body[data-bnc-theme] .accordion-button,
body[data-bnc-theme] .modal-footer,
body[data-bnc-theme] .offcanvas-header,
body[data-bnc-theme] .offcanvas-body,
body[data-bnc-theme] .dropdown-divider,
body[data-bnc-theme] .card-footer,
body[data-bnc-theme] .card-header,
body[data-bnc-theme] .table > :not(caption) > * > * {
  border-color:var(--bnc-divider) !important;
}
body[data-bnc-theme] .form-control,
body[data-bnc-theme] .form-select,
body[data-bnc-theme] .choices__inner,
body[data-bnc-theme] .select2-container--default .select2-selection--single,
body[data-bnc-theme] .select2-container--default .select2-selection--multiple,
body[data-bnc-theme] .input-group-text,
body[data-bnc-theme] .choices__list--dropdown,
body[data-bnc-theme] .select2-dropdown {
  background:rgba(255,255,255,.96) !important;
  color:var(--bnc-text-strong) !important;
  border-color:rgba(var(--bnc-primary-rgb), .18) !important;
}
body[data-bnc-theme] .form-control,
body[data-bnc-theme] .form-select,
body[data-bnc-theme] .choices__inner,
body[data-bnc-theme] .select2-container--default .select2-selection--single,
body[data-bnc-theme] .select2-container--default .select2-selection--multiple {
  min-height:44px;
}
body[data-bnc-theme] textarea.form-control { min-height:120px; }
body[data-bnc-theme] .form-control:disabled,
body[data-bnc-theme] .form-control[readonly],
body[data-bnc-theme] .form-select:disabled,
body[data-bnc-theme] .input-group-text {
  background:linear-gradient(180deg, rgba(var(--bnc-primary-rgb), .04), rgba(255,255,255,.92)) !important;
  color:var(--bnc-text-soft) !important;
}
body[data-bnc-theme] .form-control::placeholder,
body[data-bnc-theme] .form-select::placeholder,
body[data-bnc-theme] .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color:#95a3bb !important;
}
body[data-bnc-theme] .form-check-input { border-color:rgba(var(--bnc-primary-rgb), .35); }
body[data-bnc-theme] .form-check-input:checked { background-color:var(--bnc-primary); border-color:var(--bnc-primary); }
body[data-bnc-theme] .form-check-input:focus { box-shadow:0 0 0 .24rem rgba(var(--bnc-primary-rgb), .16); }
body[data-bnc-theme] .is-invalid,
body[data-bnc-theme] .was-validated .form-control:invalid,
body[data-bnc-theme] .was-validated .form-select:invalid {
  border-color:rgba(220,38,38,.42) !important;
  box-shadow:0 0 0 .24rem rgba(220,38,38,.10) !important;
}
body[data-bnc-theme] .invalid-feedback,
body[data-bnc-theme] .text-danger,
body[data-bnc-theme] .form-error-text {
  color:#c62828 !important;
}
body[data-bnc-theme] .btn-primary,
body[data-bnc-theme] .bg-primary,
body[data-bnc-theme] .badge.bg-primary,
body[data-bnc-theme] .badge.text-bg-primary {
  color:var(--bnc-text-inverse) !important;
}
body[data-bnc-theme] .btn-secondary,
body[data-bnc-theme] .btn-light,
body[data-bnc-theme] .btn-outline-secondary,
body[data-bnc-theme] .btn-outline-dark,
body[data-bnc-theme] .btn-outline-light {
  color:var(--bnc-text-strong) !important;
}
body[data-bnc-theme] .btn-light,
body[data-bnc-theme] .btn-outline-secondary,
body[data-bnc-theme] .btn-outline-dark,
body[data-bnc-theme] .btn-outline-light {
  background:rgba(var(--bnc-primary-rgb), .055) !important;
  border-color:rgba(var(--bnc-primary-rgb), .14) !important;
}
body[data-bnc-theme] .btn-light:hover,
body[data-bnc-theme] .btn-outline-secondary:hover,
body[data-bnc-theme] .btn-outline-dark:hover,
body[data-bnc-theme] .btn-outline-light:hover {
  background:rgba(var(--bnc-primary-rgb), .12) !important;
  color:var(--bnc-primary-strong) !important;
}
body[data-bnc-theme] .badge.bg-light,
body[data-bnc-theme] .badge.text-bg-light,
body[data-bnc-theme] .badge.bg-white,
body[data-bnc-theme] .bg-light,
body[data-bnc-theme] .alert-light {
  background:rgba(var(--bnc-primary-rgb), .06) !important;
  color:var(--bnc-text-strong) !important;
  border-color:rgba(var(--bnc-primary-rgb), .12) !important;
}
body[data-bnc-theme] .alert,
body[data-bnc-theme] .swal2-popup,
body[data-bnc-theme] .toast {
  border:1px solid rgba(var(--bnc-primary-rgb), .14);
  box-shadow:var(--bnc-shadow-soft);
}
body[data-bnc-theme] .table-responsive {
  background:rgba(255,255,255,.72);
  border:1px solid rgba(var(--bnc-primary-rgb), .11);
  border-radius:18px;
  box-shadow:var(--bnc-shadow-soft);
}
body[data-bnc-theme] .table-responsive .table {
  min-width:760px;
  margin-bottom:0;
}
body[data-bnc-theme] .table tbody tr:nth-child(even) > * {
  background:rgba(var(--bnc-primary-rgb), .018);
}
body[data-bnc-theme] .table-hover > tbody > tr:hover > * {
  background:rgba(var(--bnc-primary-rgb), .06) !important;
  color:var(--bnc-text-strong) !important;
}
body[data-bnc-theme] .table thead th,
body[data-bnc-theme] .table-light th,
body[data-bnc-theme] .table-light td {
  background:linear-gradient(180deg, rgba(var(--bnc-primary-rgb), .075), rgba(255,255,255,.96)) !important;
}
body[data-bnc-theme] .dropdown-menu,
body[data-bnc-theme] .modal-content,
body[data-bnc-theme] .offcanvas,
body[data-bnc-theme] .swal2-popup {
  background:rgba(255,255,255,.94) !important;
}
body[data-bnc-theme] .dropdown-menu .dropdown-item,
body[data-bnc-theme] .dropdown-menu .btn {
  border-radius:12px;
}
body[data-bnc-theme] .modal-header,
body[data-bnc-theme] .offcanvas-header,
body[data-bnc-theme] .card-header,
body[data-bnc-theme] .swal2-title {
  background:linear-gradient(180deg, rgba(var(--bnc-primary-rgb), .065), rgba(255,255,255,.84));
}
body[data-bnc-theme] .main-content .container-fluid,
body[data-bnc-theme] .rep-shell,
body[data-bnc-theme] .bnc-installer-main {
  position:relative;
  z-index:1;
}
body[data-bnc-theme] .bnc-toolbar,
body[data-bnc-theme] .btn-list,
body[data-bnc-theme] .page-header-breadcrumb,
body[data-bnc-theme] .breadcrumb,
body[data-bnc-theme] .modal-footer,
body[data-bnc-theme] .card-footer,
body[data-bnc-theme] .pagination {
  row-gap:.55rem;
}
html[data-bnc-motion="lively"] body[data-bnc-theme] .app-header::after,
html[data-bnc-motion="lively"] body[data-bnc-theme] .rep-header::after,
html[data-bnc-motion="lively"] body[data-bnc-theme] .bnc-installer-header::after,
html[data-bnc-motion="lively"] body[data-bnc-theme] .rep-bottom-nav::before,
html[data-bnc-motion="lively"] body[data-bnc-theme] .bnc-installer-bottom-nav::before,
html[data-bnc-motion="lively"] body[data-bnc-theme] .card.custom-card::before,
html[data-bnc-motion="lively"] body[data-bnc-theme] .custom-card::before,
html[data-bnc-motion="lively"] body[data-bnc-theme] .rep-card::before,
html[data-bnc-motion="lively"] body[data-bnc-theme] .rep-stat::before {
  background-size:200% 100% !important;
  animation:bnc-gradientFlow 8s linear infinite;
}
html[data-bnc-motion="subtle"] body[data-bnc-theme] .btn-primary,
html[data-bnc-motion="lively"] body[data-bnc-theme] .btn-primary {
  background-size:180% 180% !important;
}
html[data-bnc-motion="lively"] body[data-bnc-theme] .btn-primary {
  animation:bnc-gradientDrift 6s ease-in-out infinite, bnc-pulseGlow 3.4s ease-in-out infinite;
}
html[data-bnc-motion="subtle"] body[data-bnc-theme] .card,
html[data-bnc-motion="subtle"] body[data-bnc-theme] .custom-card,
html[data-bnc-motion="subtle"] body[data-bnc-theme] .rep-card,
html[data-bnc-motion="subtle"] body[data-bnc-theme] .rep-stat {
  backdrop-filter:blur(6px);
}
body[data-bnc-theme] .bnc-page-intro,
body[data-bnc-theme] .page-header,
body[data-bnc-theme] .page-title-box {
  position:relative;
}
body[data-bnc-theme] .bnc-page-intro::before,
body[data-bnc-theme] .page-header::before,
body[data-bnc-theme] .page-title-box::before {
  content:"";
  position:absolute;
  inset:-.35rem -.25rem auto;
  height:calc(100% + .7rem);
  border-radius:24px;
  background:linear-gradient(135deg, rgba(var(--bnc-primary-rgb), .05), rgba(var(--bnc-accent-rgb), .04));
  z-index:-1;
  pointer-events:none;
}
@keyframes bnc-gradientFlow {
  0% { background-position:0% 50%; }
  100% { background-position:200% 50%; }
}
@keyframes bnc-gradientDrift {
  0%, 100% { background-position:0% 50%; }
  50% { background-position:100% 50%; }
}
@media (max-width: 1199.98px) {
  body[data-bnc-theme] .main-header-dropdown { min-width:min(92vw, 380px) !important; }
}
@media (max-width: 991.98px) {
  body[data-bnc-theme] .main-content .container-fluid,
  body[data-bnc-theme] .rep-shell,
  body[data-bnc-theme] .bnc-installer-main { padding-inline:.85rem !important; }
  body[data-bnc-theme] .card-body,
  body[data-bnc-theme] .card-header,
  body[data-bnc-theme] .card-footer,
  body[data-bnc-theme] .modal-header,
  body[data-bnc-theme] .modal-body,
  body[data-bnc-theme] .modal-footer,
  body[data-bnc-theme] .offcanvas-header,
  body[data-bnc-theme] .offcanvas-body { padding:1rem !important; }
  body[data-bnc-theme] .modal-dialog { margin:.7rem auto; }
  body[data-bnc-theme] .btn,
  body[data-bnc-theme] .btn-group > .btn,
  body[data-bnc-theme] .form-control,
  body[data-bnc-theme] .form-select,
  body[data-bnc-theme] .choices__inner,
  body[data-bnc-theme] .select2-container--default .select2-selection--single,
  body[data-bnc-theme] .select2-container--default .select2-selection--multiple { min-height:42px; }
  body[data-bnc-theme] .btn-group,
  body[data-bnc-theme] .input-group,
  body[data-bnc-theme] .btn-list,
  body[data-bnc-theme] .modal-footer,
  body[data-bnc-theme] .card-footer,
  body[data-bnc-theme] .page-header,
  body[data-bnc-theme] .page-title-box,
  body[data-bnc-theme] .bnc-page-intro { flex-wrap:wrap; gap:.65rem; }
}
@media (max-width: 767.98px) {
  body[data-bnc-theme] .main-content .container-fluid,
  body[data-bnc-theme] .rep-shell,
  body[data-bnc-theme] .bnc-installer-main { padding-inline:.72rem !important; }
  body[data-bnc-theme] .table-responsive { border-radius:16px; }
  body[data-bnc-theme] .table-responsive .table { min-width:620px; font-size:.93rem; }
  body[data-bnc-theme] .table-responsive .btn,
  body[data-bnc-theme] .table-responsive .badge { white-space:nowrap; }
  body[data-bnc-theme] .page-header,
  body[data-bnc-theme] .page-title-box,
  body[data-bnc-theme] .bnc-page-intro,
  body[data-bnc-theme] .page-header-breadcrumb,
  body[data-bnc-theme] .breadcrumb,
  body[data-bnc-theme] .modal-footer,
  body[data-bnc-theme] .card-footer,
  body[data-bnc-theme] .btn-list,
  body[data-bnc-theme] .d-flex.gap-2,
  body[data-bnc-theme] .d-flex.gap-3 { gap:.55rem !important; }
  body[data-bnc-theme] .main-header-dropdown,
  body[data-bnc-theme] .dropdown-menu { max-width:calc(100vw - 1rem) !important; }
  body[data-bnc-theme] .modal-content,
  body[data-bnc-theme] .offcanvas,
  body[data-bnc-theme] .card,
  body[data-bnc-theme] .custom-card,
  body[data-bnc-theme] .rep-card,
  body[data-bnc-theme] .rep-stat,
  body[data-bnc-theme] .bnc-preview-card { border-radius:18px; }
  body[data-bnc-theme] .page-header > *,
  body[data-bnc-theme] .page-title-box > * { width:100%; }
}
@media (max-width: 575.98px) {
  body[data-bnc-theme] .table-responsive .table { min-width:560px; }
  body[data-bnc-theme] .card-body,
  body[data-bnc-theme] .card-header,
  body[data-bnc-theme] .card-footer,
  body[data-bnc-theme] .modal-header,
  body[data-bnc-theme] .modal-body,
  body[data-bnc-theme] .modal-footer,
  body[data-bnc-theme] .offcanvas-header,
  body[data-bnc-theme] .offcanvas-body { padding:.92rem !important; }
  body[data-bnc-theme] .pagination { justify-content:center; flex-wrap:wrap; }
  body[data-bnc-theme] .btn-group,
  body[data-bnc-theme] .input-group { width:100%; }
  body[data-bnc-theme] .input-group > .form-control,
  body[data-bnc-theme] .input-group > .form-select,
  body[data-bnc-theme] .input-group > .btn,
  body[data-bnc-theme] .btn-group > .btn { flex:1 1 auto; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-bnc-theme] .app-header::after,
  body[data-bnc-theme] .rep-header::after,
  body[data-bnc-theme] .bnc-installer-header::after,
  body[data-bnc-theme] .rep-bottom-nav::before,
  body[data-bnc-theme] .bnc-installer-bottom-nav::before,
  body[data-bnc-theme] .card.custom-card::before,
  body[data-bnc-theme] .custom-card::before,
  body[data-bnc-theme] .rep-card::before,
  body[data-bnc-theme] .rep-stat::before,
  body[data-bnc-theme] .btn-primary { animation:none !important; }
}
