:root{
  --bh-bg:#454f59;
  --bh-bg-2:#3e4852;
  --bh-side:#2f3943;
  --bh-side-2:#26313a;
  --bh-top:#313b44;
  --bh-card:#ffffff;
  --bh-card-dark:#3f4852;
  --bh-text:#172033;
  --bh-text-light:#eaf1f8;
  --bh-muted:#718096;
  --bh-line:#d9e2ec;
  --bh-blue:#3f72a5;
  --bh-cyan:#22a6b8;
  --bh-green:#28a745;
  --bh-sky:#0d8bf2;
  --bh-gray:#747f88;
  --bh-red:#e74c3c;
  --bh-yellow:#ffc107;
  --bh-shadow:0 14px 32px rgba(0,0,0,.22);
  --bh-radius:4px;
}

html[data-theme="light"]{
  --client-page-bg:#eef3f7;
  --client-panel:#ffffff;
  --client-text:#142033;
  --client-muted:#6b7785;
  --client-line:#d7e1ea;
  --client-input:#f8fafc;
}
html[data-theme="dark"]{
  --client-page-bg:#454f59;
  --client-panel:#3f4852;
  --client-text:#f2f7fc;
  --client-muted:#c8d3df;
  --client-line:#596572;
  --client-input:#343e48;
}

/* Customer classic dashboard */
*{box-sizing:border-box}
body.bh-client-body{
  margin:0;
  min-height:100vh;
  background:var(--client-page-bg);
  color:var(--client-text);
  font-family:Tahoma,Arial,sans-serif;
}
.bh-client-shell{min-height:100vh;display:flex}
.bh-client-sidebar{
  width:250px;
  background:linear-gradient(180deg,var(--bh-side),var(--bh-side-2));
  color:#dce7f1;
  position:fixed;
  inset-block:0;
  inset-inline-start:0;
  z-index:20;
  box-shadow:8px 0 24px rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
}
html[dir="rtl"] .bh-client-sidebar{box-shadow:-8px 0 24px rgba(0,0,0,.18)}
.bh-user-head{
  padding:18px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
  display:flex;gap:11px;align-items:center;
}
.bh-user-head img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}
.bh-user-head strong{display:block;color:#fff;font-size:14px}
.bh-user-head span{font-size:12px;color:#9fb1c2}
.bh-sidebar-logo{
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:18px;
  font-weight:900;
  color:#fff;
  letter-spacing:.3px;
}
.bh-sidebar-nav{padding:14px 9px;flex:1;overflow:auto}
.bh-nav-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#dce7f1;
  padding:11px 12px;
  border-radius:4px;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
  margin:5px 0;
}
.bh-nav-link:hover,.bh-nav-link.active{background:var(--bh-blue);color:#fff;text-decoration:none}
.bh-nav-left{display:flex;align-items:center;gap:10px}
.bh-nav-ico{width:19px;text-align:center;opacity:.95}
.bh-badge{font-size:11px;min-width:22px;height:22px;border-radius:4px;display:inline-grid;place-items:center;color:#fff;background:#22a6b8;padding:0 6px}
.bh-badge.green{background:#28a745}.bh-badge.red{background:#e83e62}.bh-badge.yellow{background:#ffc107;color:#1f2937}.bh-badge.blue{background:#0d8bf2}
.bh-sidebar-foot{padding:12px 12px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#9fb1c2}

.bh-client-main{
  margin-inline-start:250px;
  width:calc(100% - 250px);
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.bh-topbar{
  height:58px;
  background:var(--bh-top);
  color:#eef5fc;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  box-shadow:0 1px 0 rgba(255,255,255,.05);
  position:sticky;
  top:0;
  z-index:10;
}
.bh-topbar-title{font-weight:800;font-size:16px;display:flex;align-items:center;gap:12px}
.bh-menu-btn{border:0;background:transparent;color:#eef5fc;font-size:20px;cursor:pointer}
.bh-topbar-actions{display:flex;gap:8px;align-items:center}
.bh-select,.bh-icon-btn{
  height:34px;
  border:1px solid rgba(255,255,255,.18);
  background:#394550;
  color:#fff;
  border-radius:4px;
  padding:0 9px;
  font-family:Tahoma,Arial,sans-serif;
  font-weight:700;
}
.bh-icon-btn{min-width:36px;cursor:pointer}
.bh-logout-btn{background:#3f72a5;color:#fff;border:0;border-radius:4px;padding:8px 12px;font-weight:800;cursor:pointer}
.bh-content{padding:22px 18px 70px;flex:1}
.bh-page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.bh-page-title{font-size:26px;color:var(--client-text);margin:0;font-weight:700}
.bh-breadcrumb{font-size:13px;color:var(--client-muted)}
.bh-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.bh-stat{
  min-height:118px;
  color:#fff;
  border-radius:var(--bh-radius);
  box-shadow:0 2px 4px rgba(0,0,0,.15);
  overflow:hidden;
  position:relative;
}
.bh-stat-main{padding:16px 17px 13px;position:relative;z-index:1}
.bh-stat-number{font-size:30px;font-weight:900;line-height:1}
.bh-stat-label{margin-top:12px;font-size:14px}
.bh-stat-icon{position:absolute;inset-inline-end:18px;top:22px;font-size:54px;opacity:.18}
.bh-stat-foot{background:rgba(0,0,0,.13);height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;text-decoration:none;font-weight:800}
.bh-stat.cyan{background:linear-gradient(180deg,#25aebf,#1998aa)}
.bh-stat.green{background:linear-gradient(180deg,#2ab34b,#20923a)}
.bh-stat.blue{background:linear-gradient(180deg,#148df7,#0877de)}
.bh-stat.gray{background:linear-gradient(180deg,#838e98,#6b757f)}
.bh-panel{
  background:var(--client-panel);
  border:1px solid var(--client-line);
  border-radius:5px;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  margin-bottom:18px;
  overflow:hidden;
}
.bh-panel-head{
  padding:14px 16px;
  border-bottom:1px solid var(--client-line);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.bh-panel-head h2{margin:0;font-size:18px}
.bh-panel-body{padding:16px}
.bh-alert{padding:12px 14px;border-radius:4px;margin-bottom:14px;font-weight:700}
.bh-alert.ok{background:#dff5e6;color:#176b2c;border:1px solid #9ad9aa}
.bh-alert.err{background:#ffe4e4;color:#9d1d1d;border:1px solid #f0a2a2}
.bh-table-wrap{overflow:auto}
.bh-table{width:100%;border-collapse:collapse}
.bh-table th,.bh-table td{padding:12px;border-bottom:1px solid var(--client-line);text-align:start;vertical-align:middle}
.bh-table th{background:rgba(0,0,0,.05);font-size:13px}
.bh-actions{display:flex;gap:7px;flex-wrap:wrap}
.bh-btn{
  border:0;border-radius:4px;padding:8px 11px;font-weight:800;cursor:pointer;text-decoration:none;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:Tahoma,Arial,sans-serif;
}
.bh-btn.blue{background:#3f72a5}.bh-btn.green{background:#28a745}.bh-btn.orange{background:#d9822b}.bh-btn.red{background:#dc3545}.bh-btn.gray{background:#6c757d}
.bh-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bh-field{margin-bottom:14px}
.bh-field label{display:block;font-weight:800;margin-bottom:7px;color:var(--client-text)}
.bh-input{
  width:100%;
  border:1px solid var(--client-line);
  background:var(--client-input);
  color:var(--client-text);
  border-radius:4px;
  padding:10px 11px;
  font-family:Tahoma,Arial,sans-serif;
}
.bh-input:focus{outline:2px solid rgba(63,114,165,.25);border-color:#3f72a5}
.bh-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--client-line)}
.bh-auth-body{
  min-height:100vh;
  background:var(--client-page-bg);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  color:var(--client-text);
  font-family:Tahoma,Arial,sans-serif;
}
.bh-auth-card{
  width:min(1040px,100%);
  background:var(--client-panel);
  border-radius:8px;
  box-shadow:var(--bh-shadow);
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid var(--client-line);
}
.bh-auth-side{
  background:linear-gradient(180deg,var(--bh-side),var(--bh-top));
  color:#fff;
  padding:38px;
  min-height:560px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.bh-auth-logo{font-size:28px;font-weight:900;margin-bottom:18px}
.bh-auth-side h1{font-size:34px;margin:0 0 13px}
.bh-auth-side p{color:#dbe7f3;line-height:1.8}
.bh-auth-points{list-style:none;padding:0;margin:26px 0 0}
.bh-auth-points li{margin:12px 0;font-weight:800}
.bh-auth-form{padding:36px 34px;display:flex;flex-direction:column;justify-content:center}
.bh-auth-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}
.bh-auth-title{font-size:28px;margin:0 0 10px}
.bh-auth-sub{color:var(--client-muted);line-height:1.8;margin:0 0 22px}
.bh-auth-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.bh-auth-links a{font-weight:800;color:#3f72a5;text-decoration:none}
.bh-auth-links a:hover{text-decoration:underline}
.ltr-input{direction:ltr;text-align:left}
body.bh-sidebar-collapsed .bh-client-sidebar{width:72px}
body.bh-sidebar-collapsed .bh-client-main{margin-inline-start:72px;width:calc(100% - 72px)}
body.bh-sidebar-collapsed .bh-sidebar-logo span,
body.bh-sidebar-collapsed .bh-user-head div,
body.bh-sidebar-collapsed .bh-nav-text,
body.bh-sidebar-collapsed .bh-badge,
body.bh-sidebar-collapsed .bh-sidebar-foot{display:none}
body.bh-sidebar-collapsed .bh-user-head{justify-content:center}
body.bh-sidebar-collapsed .bh-nav-link{justify-content:center}

/* Filament admin inspired tweaks - intentionally broad and safe */
.fi-body{
  background:#454f59 !important;
}
.fi-sidebar{
  background:#2f3943 !important;
  border-color:rgba(255,255,255,.08) !important;
}
.fi-topbar{
  background:#313b44 !important;
  border-color:rgba(255,255,255,.08) !important;
}
.fi-sidebar-item-button:hover,
.fi-sidebar-item-active > .fi-sidebar-item-button{
  background:#3f72a5 !important;
  color:#fff !important;
}
.fi-main{
  background:#454f59 !important;
}
.fi-header-heading{
  color:#fff !important;
}
.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat{
  border-radius:4px !important;
}
.fi-wi-stats-overview-stat{
  box-shadow:0 2px 4px rgba(0,0,0,.18) !important;
}
.fi-wi-stats-overview-stat:nth-child(1){background:#22a6b8 !important}
.fi-wi-stats-overview-stat:nth-child(2){background:#28a745 !important}
.fi-wi-stats-overview-stat:nth-child(3){background:#0d8bf2 !important}
.fi-wi-stats-overview-stat:nth-child(4){background:#747f88 !important}
.fi-wi-stats-overview-stat *{color:#fff !important}

@media(max-width:1100px){
  .bh-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bh-client-sidebar{transform:translateX(-105%);transition:.2s ease}
  html[dir="rtl"] .bh-client-sidebar{transform:translateX(105%)}
  body.bh-mobile-open .bh-client-sidebar{transform:translateX(0)}
  .bh-client-main,body.bh-sidebar-collapsed .bh-client-main{margin-inline-start:0;width:100%}
}
@media(max-width:760px){
  .bh-stats-grid{grid-template-columns:1fr}
  .bh-auth-card{grid-template-columns:1fr}
  .bh-auth-side{display:none}
  .bh-auth-form{padding:26px 20px}
  .bh-form-grid{grid-template-columns:1fr}
  .bh-page-head{display:block}
}