:root{--orange:#E9770C;--green:#0C9239;--dark:#1a2f4e;--dark2:#0f1923;--sbw:270px;--hh:60px;}
*{box-sizing:border-box;}
body{background:#f4f6f9;font-family:'Cairo','Open Sans',Tahoma,sans-serif;margin:0;padding-top:var(--hh);}

/* ===== Top Header ===== */
header#header.header{position:fixed;top:0;left:0;right:0;height:var(--hh);background:#fff;
  box-shadow:0 1px 6px rgba(0,0,0,.08);z-index:1000;padding:0 16px;overflow:visible;}
header#header .header-menu{width:100%;height:var(--hh);display:flex!important;align-items:center;
  justify-content:space-between;flex-wrap:nowrap!important;overflow:visible;margin:0;}
header#header .header-menu > *{flex-shrink:0;}
header#header .dropdown-menu{position:absolute!important;top:100%!important;left:auto;z-index:2000;
  display:none;margin-top:8px;box-shadow:0 6px 20px rgba(0,0,0,.15);}
header#header .dropdown-menu.show{display:block!important;}
header#header .user-avatar{width:34px;height:34px;object-fit:cover;}
header#header .for-branches .dropdown-menu{max-height:260px;}
header#header .search-form{display:flex;align-items:center;}
header#header .header-left{display:flex;align-items:center;gap:8px;}

/* ===== Sidebar (RTL: fixed right) ===== */
aside#left-panel.left-panel{position:fixed;top:var(--hh);bottom:0;right:0;width:var(--sbw);
  background:linear-gradient(180deg,var(--dark),var(--dark2));overflow-y:auto;z-index:900;color:#fff;}
aside#left-panel .navbar-header{display:none;}
aside#left-panel #main-menu.main-menu{display:block!important;}
aside#left-panel ul.navbar-nav{display:flex;flex-direction:column;list-style:none;padding:10px 0;margin:0;width:100%;}
aside#left-panel h3.menu-title{color:var(--orange);font-size:12px;font-weight:700;margin:16px 14px 6px;
  text-transform:uppercase;letter-spacing:.5px;opacity:.85;}
aside#left-panel ul.navbar-nav > li{width:100%;position:relative;}
aside#left-panel ul.navbar-nav > li > a{display:flex;align-items:center;gap:10px;color:#dbe4f0;
  text-decoration:none;padding:10px 16px;font-size:14px;border-radius:6px;margin:1px 8px;width:calc(100% - 16px);}
aside#left-panel ul.navbar-nav > li > a:hover, aside#left-panel ul.navbar-nav > li > a.active{
  background:rgba(233,119,12,.2);color:#fff;}
aside#left-panel .menu-icon{width:18px;text-align:center;flex-shrink:0;}
aside#left-panel ul.sub-menu{list-style:none;padding:0 0 0 0;margin:0 8px 6px 22px;display:block;
  position:static!important;background:rgba(0,0,0,.15);border-radius:6px;}
aside#left-panel ul.sub-menu li a{display:flex;align-items:center;gap:8px;color:#c3cede;padding:8px 12px;
  font-size:13px;text-decoration:none;}
aside#left-panel ul.sub-menu li a:hover{color:#fff;}
aside#left-panel .dropdown-toggle::after{margin-right:auto;}

/* ===== Main content ===== */
#right-panel.right-panel{margin-right:var(--sbw);margin-left:0;padding:20px;min-height:calc(100vh - var(--hh));}
@media (max-width: 900px){
  aside#left-panel.left-panel{transform:translateX(100%);transition:.3s;}
  aside#left-panel.left-panel.open{transform:translateX(0);}
  #right-panel.right-panel{margin-right:0;}
}

/* ===== Cards / tables (kept from before) ===== */
.card-header{background:RGB(233,119,12)!important;color:#fff!important;border-radius:10px 10px 0 0;}
.card{border:none;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.06);margin-bottom:18px;}
.btn-primary{background:var(--orange);border-color:var(--orange);}
.btn-primary:hover{background:#c05f00;border-color:#c05f00;}
.btn-success{background:var(--green);border-color:var(--green);}
table thead th{background:#f0f2f5;color:var(--dark);font-weight:700;}
.badge-green{background:var(--green);color:#fff;padding:.3em .6em;border-radius:6px;}
.badge-gray{background:#94a3b8;color:#fff;padding:.3em .6em;border-radius:6px;}
a[href="#"][data-note]{opacity:.45;cursor:not-allowed;}
/* icon-card dashboard tiles */
.icon-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.06);text-align:center;
  padding:20px 10px;transition:.2s;text-decoration:none;display:block;color:var(--dark);}
.icon-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1);}
img.user-avatar{background:#e2e8f0;}
img.user-avatar[src=""],img.user-avatar:not([src]){display:none;}

/* ===== Sidebar collapse/expand (explicit, not reliant on CDN timing) ===== */
aside#left-panel ul.sub-menu.dropdown-menu{display:none!important;position:static!important;
  box-shadow:none;background:transparent;margin:0 8px 4px 22px;}
aside#left-panel li.dropdown.menu-open > ul.sub-menu.dropdown-menu{display:block!important;}
aside#left-panel li.dropdown > a.dropdown-toggle{cursor:pointer;}
aside#left-panel li.dropdown > a.dropdown-toggle::after{content:"\25BC";font-size:9px;margin-right:auto;
  transition:transform .2s;opacity:.7;}
aside#left-panel li.dropdown.menu-open > a.dropdown-toggle::after{transform:rotate(180deg);}
aside#left-panel ul.navbar-nav > li > a.active,
aside#left-panel ul.navbar-nav > li.menu-open > a.dropdown-toggle{background:rgba(233,119,12,.18);color:#fff;}

/* ===== Login page fix: lighter overlay + fallback color if bg image missing ===== */
.hero{background-color:#1a2f4e!important;}
.hero::before{background-color:rgba(15,25,35,.55)!important;}

/* ===== Header: force single-row flex layout, neutralize bootstrap col stretching ===== */
header#header .header-menu.row{display:flex!important;flex-wrap:nowrap!important;align-items:center;
  margin:0!important;height:100%;width:100%;}
header#header .header-menu.row > div,
header#header .row > .col,
header#header .col{flex:0 0 auto!important;max-width:none!important;width:auto!important;
  padding:0 6px!important;margin:0!important;display:flex;align-items:center;}
header#header .user-area.dropdown.row{margin:0!important;padding:0!important;}
header#header .text-center{margin-right:8px;}

/* search collapse/expand */
header#header .header-left{display:flex;align-items:center;gap:6px;}
header#header .search-trigger{background:none;border:none;font-size:16px;color:#64748b;cursor:pointer;padding:6px;}
header#header .form-inline{overflow:hidden;max-width:0;transition:max-width .25s ease;}
header#header .header-left.search-open .form-inline{max-width:220px;}
header#header .search-form{display:flex;align-items:center;gap:4px;}
header#header .search-form input{border:none;border-bottom:1px solid #cbd5e1;outline:none;padding:4px 6px;
  font-size:13px;width:170px;}
header#header .search-close{background:none;border:none;color:#94a3b8;}

/* fallback for broken avatar/logo images */
img.user-avatar{background:#cbd5e1 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 4-6 8-6s8 2 8 6"/></svg>') center/60% no-repeat;}

/* ===== Sidebar: tighter, compact spacing ===== */
aside#left-panel h3.menu-title{margin:12px 12px 4px!important;font-size:11px;}
aside#left-panel ul.navbar-nav > li > a{padding:7px 14px!important;font-size:13px;margin:0 6px!important;}
aside#left-panel ul.sub-menu li a{padding:6px 12px!important;font-size:12.5px;}
aside#left-panel ul.sub-menu.dropdown-menu{margin:0 6px 2px 18px!important;}
aside#left-panel ul.navbar-nav{padding:6px 0!important;}