:root{
  --bg-main:#f1f5f9;
  --sidebar-bg:#1a4754;
  --sidebar-solid:#1a4754;
  --accent:#1a4754;
  --accent-hover:#16404f;
  --accent-light:#e8f4f8;
  --brand-green:#1a4754;
  --brand-green-hover:#16404f;
  --text-main:#1a2b3c;
  --text-muted:#64748b;
  --border-color:#e2e8f0;
  --radius:6px;
  --btn-radius:8px;
  --status-chip-radius:5px;
  --danger:#ef4444;

  --stock-bg:#f0fdf4;
  --stock-border:#bbf7d0;
  --stock-text:#166534;

  --sold-bg:#fef2f2;
  --sold-border:#fecaca;
  --sold-text:#991b1b;

  /* Cədvəl başlıqları — sətir fonundan aydın seçilsin */
  --table-head-bg:#1a4754;
  --table-head-text:#f1f5f9;
  --table-head-border:#0f2f38;
  --table-head-cell-border:rgba(255,255,255,.14);
}

/* Dark theme */
body.theme-dark{
  --bg-main:#0f1f2e;
  --sidebar-bg:#0a1929;
  --sidebar-solid:#0a1929;
  --text-main:#e2e8f0;
  --text-muted:#94a3b8;
  --border-color:#1e3448;
  --accent:#3b82c4;
  --accent-hover:#2d6fad;
  --accent-light:#0c2340;
  --stock-bg:#0c2a3a;
  --stock-border:#16404f;
  --stock-text:#a7f3d0;
  --sold-bg:#450a0a;
  --sold-border:#991b1b;
  --sold-text:#fecaca;

  --table-head-bg:#0a1520;
  --table-head-text:#9dc9dc;
  --table-head-border:#1e3d52;
  --table-head-cell-border:rgba(157,201,220,.22);
}
body.theme-dark .header-logo{background:#111827;border-color:#374151;}
body.theme-dark .card,
body.theme-dark .modal-body{background:#1e2d3d;border-color:#2d4a5e;}
body.theme-dark .modal-footer{background:#374151;border-top-color:#4b5563;}
body.theme-dark input,
body.theme-dark select,
body.theme-dark textarea{
  background:#1c2736;
  border-color:#2f4054;
  color:#f1f5f9;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.12),0 0 0 1px rgba(255,255,255,.04);
}
body.theme-dark input:hover,
body.theme-dark select:hover,
body.theme-dark textarea:hover{
  border-color:#3a5066;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.14),0 0 0 1px rgba(255,255,255,.05);
}
body.theme-dark .table-wrap th,
body.theme-dark .table-wrap td{border-color:#6b7280;}
body.theme-dark .table-wrap tr:hover{background:#4b5563;}
body.theme-dark .dash-bar-track{background:#1e3448;}
body.theme-dark .dash-vbar-val{color:#60a5fa;}
body.theme-dark .dash-vbar-val.purch{color:#38bdf8;}
body.theme-dark .dash-stat-mini-icon.sales{background:#0c2340;color:#60a5fa;}
body.theme-dark .dash-stat-mini-icon.purch{background:#072a40;color:#38bdf8;}
body.theme-dark .dash-stat-mini-icon.stock{background:#052e16;color:#4ade80;}
body.theme-dark .icon-btn{background:#4b5563;color:#d1d5db;}
body.theme-dark .icon-btn.info{background:#1e3a5f;color:#93c5fd;}
body.theme-dark .icon-btn.edit{background:#1e3a5f;color:#93c5fd;}
body.theme-dark .icon-btn.delete{background:#450a0a;color:#fca5a5;}
body.theme-dark .info-row{border-bottom-color:#4b5563;}
body.theme-dark tr.total-row{background:var(--accent-light);border-top-color:var(--accent);}
body.theme-dark .profile-row{border-bottom-color:#4b5563;}
body.theme-dark .profile-label{color:#9ca3af;}
body.theme-dark .profile-value{color:#f9fafb;}
body.theme-dark .profile-value small.muted{color:#9ca3af;}
body.theme-dark .profile-title{color:#f9fafb;}
body.theme-dark aside{
  background:#0f2a35;
  border-right:none;
}
body.theme-dark .app-header{background:#1a2535;border-bottom-color:#2d3748;}
body.theme-dark .header-rest{background:#1a2535;}
body.theme-dark .app-header-title{color:#f1f5f9;}
body.theme-dark .header-btn{color:#cbd5e0;border-color:#2d3748;background:#1e2d3d;}
body.theme-dark .header-btn:hover{background:#243447;color:#e2e8f0;border-color:#3d5066;}
body.theme-dark .header-datetime{
  color:#e2e8f0;
  background:#1e2d3d;
  border-color:#2d3748;
}
body.theme-dark .last-saved{
  color:#94a3b8;
  background:#1e2d3d;
  border-color:#2d3748;
}

/* Nav "window fly" transition ghost */
/* Animations disabled */
*, *::before, *::after{
  animation:none !important;
  transition:none !important;
  scroll-behavior:auto !important;
}

.perm-matrix{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
.perm-matrix th,
.perm-matrix td{
  padding:10px 10px;
  border-bottom:1px solid rgba(0,0,0,.08);
  text-align:center;
  vertical-align:middle;
}
.perm-matrix th:first-child,
.perm-matrix td:first-child{
  text-align:left;
}
body.theme-dark .perm-matrix th,
body.theme-dark .perm-matrix td{
  border-bottom:1px solid rgba(255,255,255,.10);
}

.notif-badge{
  position:absolute;
  top:6px;
  right:6px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:11px;
  line-height:18px;
  text-align:center;
  font-weight:700;
}
body.theme-dark .nav-sep{background:rgba(255,255,255,.2);}
.btn-theme-inactive{opacity:.7;background:var(--border-color) !important;}

*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
html{
  height:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}
body{
  background:var(--bg-main);
  color:var(--text-main);
  display:flex;
  min-height:100%;
  width:100%;
  max-width:100vw;
  overflow-x:hidden;
  /* Slide-over panel əsas sahə ilə eyni yerdən başlasın (aside eni) */
  --app-sidebar-w:190px;
}
body.login-open{
  overflow-y:auto;
  overflow-x:hidden;
  min-height:100vh;
  min-height:100dvh;
  min-height:-webkit-fill-available;
}
#appShell{
  width:100%;
  display:flex;
  min-width:0;
  min-height:100vh;
  min-height:100dvh;
  flex:1;
}
body.login-open #appShell{display:none;}
body.login-open #publicLanding{
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:100%;
  min-width:0;
  flex:1 0 auto;
  min-height:100vh;
  min-height:100dvh;
  min-height:-webkit-fill-available;
}
body.offline-block{overflow:hidden;}
body.offline-block #appShell{display:none;}

/* ===== SIDEBAR — Nirmal-style ===== */
aside{
  width:190px;
  background:#1a4754;
  border-right:none;
  position:fixed;
  padding:0;
  top:0;
  left:0;
  bottom:0;
  overflow:hidden;
  z-index:200;
  display:flex;
  flex-direction:column;
}
body.theme-dark aside{background:#0f2a35;}

/* Sidebar top: logo */
.sidebar-logo-area{
  padding:20px 16px 10px;
  display:flex;align-items:center;gap:10px;
  border-bottom:1px solid rgba(255,255,255,.08);
  min-height:64px;
}
.sidebar-logo-area .logo{height:40px;width:auto;justify-content:flex-start;}

aside nav{
  flex:1;
  overflow-y:auto;
  overflow-x:hidden;
  padding:8px 0 12px;
  scrollbar-width:none;
}
aside nav::-webkit-scrollbar{display:none;}
.nav-group-label{display:none;}
.logo{margin:0;padding:0;width:100%;height:72px;display:flex;align-items:center;justify-content:center;background:transparent;}
.logo-img{max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain;display:block;background:transparent;}
.logo-svg{display:block;object-fit:contain;}
.logo .logo-svg{color:var(--brand-green);}
.login-logo-svg{display:block;max-width:200px;margin:0 auto 14px;}
.login-logo-svg .logo-svg{max-height:56px;width:100%;}
/* RBSoft — Loqo konsepti 2 (Rəqəmsal sütunlar) + rbsoft wordmark */
.rbsoft{
  display:flex;
  align-items:center;
  gap:0.65rem;
  line-height:1;
}
.rbsoft-digital{
  display:flex;
  align-items:flex-end;
  flex-shrink:0;
  gap:0.5rem;
  height:6rem;
}
.rbsoft-digital__a{
  width:1.5rem;
  height:100%;
  min-height:100%;
  border-radius:999px;
  background:#0f172a;
  box-shadow:0 6px 16px rgba(15,23,42,.18);
}
.rbsoft-digital__mid{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-self:stretch;
  height:100%;
  gap:0.5rem;
}
.rbsoft-digital__mid span{
  display:block;
  width:1.5rem;
  border-radius:999px;
  background:#0f172a;
  box-shadow:0 4px 12px rgba(15,23,42,.12);
}
.rbsoft-digital__mid span:last-child{
  background:var(--brand-green);
  box-shadow:0 4px 14px rgba(26,71,84,.22);
}
.rbsoft-digital__end{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-self:stretch;
  height:100%;
}
.rbsoft-digital__end span{
  width:1.5rem;
  height:4rem;
  border-radius:999px;
  background:var(--brand-green);
  box-shadow:0 4px 14px rgba(26,71,84,.25);
}
/* Kompakt başlıq */
.rbsoft-digital--compact{
  height:2.5rem;
  gap:0.35rem;
}
.rbsoft-digital--compact .rbsoft-digital__a{width:0.55rem;}
.rbsoft-digital--compact .rbsoft-digital__mid span{width:0.55rem;}
.rbsoft-digital--compact .rbsoft-digital__mid span:first-child{height:0.95rem;}
.rbsoft-digital--compact .rbsoft-digital__mid span:last-child{height:1.15rem;}
.rbsoft-digital--compact .rbsoft-digital__end span{width:0.55rem;height:1.65rem;}
.header-logo .rbsoft-digital--compact{box-shadow:none;}
/* Hero / login ölçü */
.rbsoft-digital--login{
  height:5.5rem;
  gap:0.5rem;
}
.rbsoft-digital--login .rbsoft-digital__mid span:first-child{height:2.35rem;}
.rbsoft-digital--login .rbsoft-digital__mid span:last-child{height:2.75rem;}
.rbsoft-digital--login .rbsoft-digital__end span{height:3.75rem;}
/* Footer */
.rbsoft-digital--footer{
  height:3.75rem;
  gap:0.45rem;
}
.rbsoft-digital--footer .rbsoft-digital__a{width:1.1rem;}
.rbsoft-digital--footer .rbsoft-digital__mid span{width:1.1rem;}
.rbsoft-digital--footer .rbsoft-digital__mid span:first-child{height:1.55rem;}
.rbsoft-digital--footer .rbsoft-digital__mid span:last-child{height:1.85rem;}
.rbsoft-digital--footer .rbsoft-digital__end span{width:1.1rem;height:2.5rem;}

.rbsoft-brand-text{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}
.rbsoft-brand-title{
  font-weight:900;
  letter-spacing:-0.04em;
  color:#0f172a;
}
.rbsoft-brand-title .rb-low{color:#0f172a;}
.rbsoft-brand-title .soft{color:var(--brand-green);}
body.theme-dark .rbsoft-brand-title .rb-low{color:#f8fafc;}
.rbsoft-brand-track{
  width:100%;
  max-width:14rem;
  height:6px;
  border-radius:999px;
  background:#f1f5f9;
  margin-top:0.5rem;
  overflow:visible;
  position:relative;
  z-index:0;
}
.rbsoft-brand-track--footer{
  max-width:11rem;
  margin-top:0.35rem;
}
.rbsoft-brand-track-fill{
  position:relative;
  height:100%;
  width:50%;
  border-radius:999px;
  background:var(--brand-green);
  z-index:1;
}
/* Yaşıl zolğun sonu — yumru nöqtə (zolğdan böyük, ağ halqa ilə görünən) */
.rbsoft-brand-track-fill::after{
  content:"";
  position:absolute;
  left:100%;
  top:50%;
  transform:translate(-50%,-50%);
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--brand-green);
  border:2px solid #fff;
  box-shadow:0 0 0 1px rgba(15,23,42,.08),0 2px 10px rgba(26,71,84,.5);
  z-index:2;
}
.rbsoft-brand-track--header .rbsoft-brand-track-fill::after{
  width:8px;
  height:8px;
  border-width:1.5px;
}
.rbsoft-brand-track--header{
  max-width:6.75rem;
  height:4px;
  margin-top:0.2rem;
}
.header-logo .rbsoft-brand-sub{
  font-size:0.52rem;
  letter-spacing:0.22em;
  margin-top:0.2rem;
}
.rbsoft-brand-sub{
  font-size:0.65rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.35em;
  color:#94a3b8;
  margin-top:0.35rem;
}
body.theme-dark .rbsoft-brand-title{color:#f8fafc;}
.rbsoft--compact{
  flex-direction:row;
}
.header-logo .rbsoft--compact .rbsoft-brand-title{font-size:1.28rem;}
.rbsoft-brand-sub--footer{
  margin-top:0.35rem;
  font-size:0.58rem;
}
.rbsoft--hero{
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:1.25rem;
}
@media (min-width:768px){
  .rbsoft--hero{
    flex-direction:row;
    align-items:center;
    text-align:left;
  }
  .rbsoft--hero .rbsoft-brand-text{
    align-items:flex-start;
    text-align:left;
  }
}
/* Ana səhifə hero — login/footer ilə eyni sütun nisbətləri (dar/uzun deyil) */
.rbsoft--hero .rbsoft-digital--hero{
  width:auto;
  height:5.5rem;
  gap:0.5rem;
  max-height:none;
}
.rbsoft--hero .rbsoft-digital--hero .rbsoft-digital__a{width:1.5rem;}
.rbsoft--hero .rbsoft-digital--hero .rbsoft-digital__mid span{width:1.5rem;}
.rbsoft--hero .rbsoft-digital--hero .rbsoft-digital__mid span:first-child{height:2.35rem;}
.rbsoft--hero .rbsoft-digital--hero .rbsoft-digital__mid span:last-child{height:2.75rem;}
.rbsoft--hero .rbsoft-digital--hero .rbsoft-digital__end span{width:1.5rem;height:3.75rem;}
.rbsoft--hero .rbsoft-brand-title{
  font-size:clamp(2.75rem, 12vw, 6rem);
}
.rbsoft--footer{
  justify-content:center;
  margin-bottom:1.25rem;
}
@media (min-width:768px){
  .rbsoft--footer{justify-content:flex-start;}
}
.rbsoft--footer .rbsoft-brand-title.lp-footer-logo{
  font-size:2.5rem;
  margin:0;
  line-height:1;
}
.rbsoft--login{
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:1rem;
  flex-wrap:wrap;
}
.rbsoft--login .rbsoft-brand-title{
  font-size:clamp(2rem, 5vw, 2.75rem);
}
.rbsoft--login .rbsoft-brand-text{
  align-items:flex-start;
  text-align:left;
}
.rbsoft--login .rbsoft-brand-track{max-width:16rem;}

.rbsoft-logo{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  line-height:1;
}
.rbsoft-wordmark{
  display:flex;
  align-items:flex-end;
  font-weight:800;
  font-style:italic;
  letter-spacing:-1px;
  font-size:48px;
}
.rbsoft-wordmark .rb{color:#0f172a;}
.rbsoft-wordmark .soft{color:var(--brand-green);font-weight:900;}
.rbsoft-dot{
  width:10px;
  height:10px;
  margin-left:8px;
  border-radius:50%;
  background:var(--brand-green);
  box-shadow:0 0 12px rgba(26,71,84,.6);
  animation:rbsoft-bounce 1.2s ease-in-out infinite;
}
.rbsoft-progress{
  width:170px;
  height:6px;
  border-radius:999px;
  background:#e2e8f0;
  overflow:hidden;
  position:relative;
}
.rbsoft-progress span{
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:60%;
  border-radius:999px;
  background:var(--brand-green);
  animation:rbsoft-progress 3s ease-in-out infinite;
}
.public-landing .brand .rbsoft-logo-landing .rbsoft-wordmark .rb{color:#f8fafc;}
.public-landing .brand .rbsoft-logo-landing .rbsoft-progress{background:rgba(255,255,255,.14);}
.rbsoft-logo-compact .rbsoft-wordmark{font-size:30px;}
.rbsoft-logo-compact .rbsoft-dot{width:8px;height:8px;}
.rbsoft-logo-compact .rbsoft-progress{width:120px;height:5px;}
body.theme-dark .rbsoft-wordmark .rb{color:#f8fafc;}
body.theme-dark .rbsoft-dot{box-shadow:0 0 12px rgba(26,71,84,.55);}
body.theme-dark .rbsoft-progress{background:#1f2937;}
@keyframes rbsoft-bounce{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-5px);}
}
@keyframes rbsoft-progress{
  0%{transform:translateX(-100%);}
  50%{transform:translateX(50%);}
  100%{transform:translateX(100%);}
}
/* Logo img: aydın görünsün */
.header-logo .logo{min-height:52px;display:flex;align-items:center;justify-content:center;}
.header-logo .logo img.logo-svg{max-height:52px;width:auto;max-width:240px;height:auto;min-height:32px;display:block;vertical-align:middle;object-fit:contain;}
.login-logo-svg img.logo-svg{max-height:80px;width:auto;max-width:240px;height:auto;min-height:40px;display:block;object-fit:contain;}
/* Logo ağ fonda görünsün */
.header-logo .logo img.logo-svg{box-shadow:0 1px 4px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.06);border-radius:8px;}
.login-logo-svg img.logo-svg{box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.06);border-radius:8px;}

/* Top header bar — ağ, sidebar-ın yanından başlayır */
.main-area{
  flex:1;
  margin-left:190px;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  padding-top:68px;
  height:100vh;
  height:100dvh;
  max-height:100vh;
  max-height:100dvh;
}
.app-header{
  position:fixed;
  top:0;
  left:190px;
  right:0;
  width:auto;
  height:68px;
  display:flex;
  align-items:stretch;
  z-index:100;
  background:#fff;
  border-bottom:1px solid #e8ecf0;
  box-shadow:0 1px 6px rgba(0,0,0,.06);
}
.header-logo{display:none;}
.header-rest{
  flex:1;
  min-width:0;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 28px;
  border-radius:0;
}
.app-header-left{display:flex;align-items:center;gap:10px;}
.app-header-left .header-btn{margin-right:0;}
.app-header-title{
  font-size:1.4rem;
  font-weight:700;
  color:#1a2b3c;
  letter-spacing:-.01em;
}
.app-header-right{
  display:flex;
  align-items:center;
  gap:8px;
}
.header-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  height:36px;
  padding:0 14px;
  border:1px solid #e2e8f0;
  border-radius:8px;
  background:#f8fafc;
  color:#4a5568;
  font-size:.85rem;
  cursor:pointer;
  transition:background .12s,border-color .12s,color .12s;
}
.header-btn:hover{
  background:#e8f4f8;
  color:#1a4754;
  border-color:#b2d4de;
}
.header-btn i{font-size:.88rem;}
.header-btn-icon{
  padding:0;
  width:36px;
  min-width:36px;
  justify-content:center;
}
.header-btn-icon span{display:none;}
.header-datetime{
  display:inline-flex;
  align-items:center;
  font-size:.92rem;
  font-weight:700;
  color:#2d3748;
  margin-right:4px;
  padding:6px 12px;
  border-radius:8px;
  background:#f1f5f9;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
  border:1px solid #e2e8f0;
}
.last-saved{
  display:none !important;
  font-size:.78rem;
  font-weight:600;
  color:#718096;
  margin-right:4px;
  padding:5px 10px;
  border-radius:8px;
  background:#f1f5f9;
  transition:background .2s,color .2s;
  border:1px solid #e2e8f0;
}
.last-saved.saved-flash{
  background:#e8f4f8;
  color:#1a4754;
  font-weight:700;
}
.hidden{display:none !important;}
.realtime-indicator{
  display:none !important;
  font-size:.75rem;
  color:#1a4754;
  margin-right:4px;
  padding:2px 8px;
  border-radius:6px;
  background:#f0fdf4;
  border:1px solid #bbf7d0;
}

/* Profil aşağı menyu */
.profile-dropdown{
  position:fixed;
  z-index:10001;
  background:#fff;
  border:1px solid var(--border-color);
  border-radius:12px;
  box-shadow:0 10px 40px rgba(0,0,0,.15);
  padding:8px 0;
  min-width:200px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px);
  transition:opacity .15s ease, transform .15s ease, visibility .15s;
}
.profile-dropdown.profile-dropdown-open{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.profile-dropdown-item{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:10px 16px;
  border:none;
  background:transparent;
  font-size:.9rem;
  font-weight:600;
  color:var(--text-main);
  cursor:pointer;
  text-align:left;
  transition:background .1s ease;
  font-family:inherit;
}
.profile-dropdown-item:hover{
  background:#f3f4f6;
}
.profile-dropdown-item i{
  width:18px;
  text-align:center;
  color:var(--text-muted);
}
.profile-dropdown-item-active{
  background:var(--accent-light);
  color:var(--accent);
}
.profile-dropdown-item-active i{color:var(--accent);}
.profile-dropdown-item-danger{color:#b91c1c;}
.profile-dropdown-item-danger i{color:#b91c1c;}
.profile-dropdown-item-danger:hover{background:#fee2e2;}
.profile-dropdown-sep{
  height:1px;
  background:var(--border-color);
  margin:6px 0;
}
body.theme-dark .profile-dropdown{
  background:#374151;
  border-color:#4b5563;
}
body.theme-dark .profile-dropdown-item{color:#f9fafb;}
body.theme-dark .profile-dropdown-item:hover{background:#4b5563;}
body.theme-dark .profile-dropdown-item-active{background:rgba(26,71,84,.22);color:#6ee7b7;}
body.theme-dark .profile-dropdown-sep{background:#4b5563;}

@media (max-width:640px){
  .last-saved{display:none;}
}
@media (max-width:640px){
  .header-btn span{display:none;}
}
.nav-link{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:11px;
  padding:11px 18px;
  color:rgba(255,255,255,.68);
  cursor:pointer;
  border-radius:10px 0 0 10px;   /* qeyri-aktiv linklər də yüngül yuvarlaq */
  margin-left:10px;
  margin-bottom:2px;
  background:transparent;
  border:none;
  position:relative;
  font-size:.875rem;
  font-weight:500;
  width:calc(100% - 10px);
  transition:background .15s,color .15s;
  overflow:visible;
}
.nav-link::before,.nav-link::after{content:none;}
.nav-link .nav-text{font-size:.875rem;font-weight:500;}
.dev-menu{margin-top:0;margin-bottom:0;display:flex;flex-direction:column;}
.nav-link.dev-sub{padding-left:34px;font-size:.83rem;opacity:.82;}
.nav-link.dev-sub:hover{opacity:1;}
.dev-toggle{justify-content:flex-start;}
.dev-caret{display:none;}
.nav-link:hover{
  background:rgba(255,255,255,.10);
  color:#fff;
  border-radius:12px 0 0 12px;
}
.nav-link i{
  font-size:.95rem;
  width:20px;min-width:20px;
  text-align:center;
  opacity:.85;
}

/* ===== Aktiv link — pill, sağ tərəfdən content area-ya açılan tab ===== */
.nav-link.active{
  background:#f1f5f9;
  color:#1a4754;
  font-weight:700;
  border-radius:24px 0 0 24px;
  margin-left:10px;
  margin-right:0;
  padding-left:16px;
  padding-right:16px;
  width:calc(100% - 10px);
  box-shadow:none;
  z-index:2;
}
.nav-link.active i{opacity:1;color:#1a4754;}
.nav-link.active:hover{background:#f1f5f9;color:#1a4754;}

/* ── Üst tünd hissə — alt iki köşəsi yuvarlaq ── */
.nav-link.active::before{
  content:'';
  position:absolute;
  right:0;
  bottom:100%;
  width:24px;
  height:24px;
  background:#1a4754;
  border-bottom-left-radius:24px;
  border-bottom-right-radius:24px;
  pointer-events:none;
  z-index:2;
}

/* ── Alt tünd hissə — üst iki köşəsi yuvarlaq ── */
.nav-link.active::after{
  content:'';
  position:absolute;
  right:0;
  top:100%;
  width:24px;
  height:24px;
  background:#1a4754;
  border-top-left-radius:24px;
  border-top-right-radius:24px;
  pointer-events:none;
  z-index:2;
}

.nav-sep{height:1px;background:rgba(255,255,255,.08);margin:6px 0;}

body.theme-dark .nav-link{color:rgba(255,255,255,.60);}
body.theme-dark .nav-link:hover{background:rgba(255,255,255,.08);color:#fff;}
body.theme-dark .nav-link.active{background:#0f1f2e;color:#93c5fd;}
body.theme-dark .nav-link.active i{color:#93c5fd;}
body.theme-dark .nav-link.active::before{background:#0a1929;border-bottom-left-radius:24px;border-bottom-right-radius:24px;}
body.theme-dark .nav-link.active::after{background:#0a1929;border-top-left-radius:24px;border-top-right-radius:24px;}

main{
  flex:1;
  min-height:0;
  min-width:0;
  padding:28px 32px;
  overflow-y:auto;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.section{display:none;min-height:0;}
.section.active{display:block;}


.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--border-color);}
.content-header h1{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;color:var(--text-main);}
body.theme-dark .content-header{border-bottom-color:#374151;}
.header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  width:100%;
}
.debt-header-actions{
  justify-content:flex-start;
  align-items:flex-start;
}
.debt-header-actions .search-container{
  order:initial !important;
  flex:0 0 auto !important;
  min-width:0 !important;
  width:220px;
}
.filter-field{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  justify-content:flex-start;
}
.filter-field label{
  font-size:.72rem;
  font-weight:800;
  color:var(--text-muted);
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.search-container.search-plain{
  width:220px;
  min-width:220px;
  height:30px;
  display:flex;
  align-items:center;
  position:static;
}
.search-container.search-plain input{
  width:100% !important;
  height:30px !important;
  padding:0 10px !important;
  line-height:30px;
  margin:0;
  position:static !important;
  top:auto !important;
  right:auto !important;
}
.search-container.search-plain .search-btn{
  display:none !important;
}

/* Make filters compact and consistent */
.header-actions > *{flex:0 0 auto;}
.header-actions .date-range{order:1;}
.header-actions select{order:2;}
.header-actions .search-container{order:3;flex:1 1 260px;min-width:220px;}
.header-actions button{order:4;}
.header-actions .btn-main,
.header-actions .btn-cancel,
.header-actions .btn-pager,
.header-actions select,
.header-actions input{height:34px;}

.header-actions select{
  border-radius:999px;
  padding:0 10px;
}

.header-actions .btn-main,
.header-actions .btn-cancel{height:34px;padding:0 14px;font-size:.86rem;}
.header-actions .btn-main i,
.header-actions .btn-cancel i{font-size:.85rem;}
.btn-group-row{display:flex;gap:8px;flex-wrap:wrap;}
.debts-st-btn.active{
  background:var(--accent) !important;
  color:#fff !important;
  border-color:transparent !important;
}
.late-days{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  padding:2px 8px;
  border-radius:999px;
  font-weight:700;
  font-size:.82rem;
  border:1px solid transparent;
}
.late-1-30{
  color:#78350f;
  background:#F39C12;
  border-color:rgba(0,0,0,.12);
}
.late-31-60{
  color:#fff;
  background:#E74C3C;
  border-color:rgba(0,0,0,.12);
}
.late-61-90{
  color:#fff;
  background:#B71C1C;
  border-color:rgba(0,0,0,.15);
}
.late-91p{
  color:#fff;
  background:#8B0000;
  border-color:#5c0000;
}
/* Gecikmə günləri — kart/badge (istifadəçi rəngləri, xana fonu dəyişmir) */
.late-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  padding:6px 10px;
  border-radius:var(--btn-radius,8px);
  font-weight:700;
  font-size:.82rem;
  line-height:1.2;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.1);
}
.late-chip-0{
  background:transparent;
  color:inherit;
  font-weight:600;
  box-shadow:none;
  border-color:transparent;
}
.late-chip-1-15{
  background:#BBF7D0;
  color:#14532d;
  border-color:rgba(20,83,45,.2);
}
.late-chip-16-30{
  background:#166534;
  color:#ecfdf5;
  border-color:rgba(0,0,0,.15);
}
.late-chip-31-60{
  background:#FECACA;
  color:#7f1d1d;
  border-color:rgba(127,29,29,.2);
}
.late-chip-61-90{
  background:#991B1B;
  color:#fff;
  border-color:rgba(0,0,0,.15);
}
.late-chip-91p{
  background:#5c1a2e;
  color:#fce7f3;
  font-weight:800;
  border-color:#3d0f1f;
}
.overdue-days-cell{
  text-align:center;
  width:84px;
  min-width:84px;
  padding-left:6px !important;
  padding-right:6px !important;
}
.overdue-actions-cell{
  text-align:center;
  width:44px;
  min-width:44px;
  padding-left:2px !important;
  padding-right:2px !important;
}
.overdue-num-cell{
  width:112px;
  min-width:112px;
  white-space:nowrap;
  padding-left:6px !important;
  padding-right:6px !important;
}
.btn-mini-info{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.info-i{
  width:16px;
  height:16px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.72rem;
  font-weight:800;
  color:#fff;
  background:var(--accent);
}
.overdue-info-btn{
  width:28px;
  min-width:28px;
  height:28px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 auto;
}
.info-i-plain{
  font-style:italic;
  font-weight:700;
  font-size:1rem;
  color:var(--accent);
  line-height:1;
}

/* Overdue table: cleaner compact layout without overflow */
#overdue .card table{
  width:100%;
}
#overdue .card table th,
#overdue .card table td{
  font-size:.88rem;
  padding:12px 10px;
  vertical-align:middle;
}
/* Mətn sütunları wrap etsin */
#overdue .card table th:nth-child(2),
#overdue .card table td:nth-child(2),
#overdue .card table th:nth-child(3),
#overdue .card table td:nth-child(3),
#overdue .card table th:nth-child(11),
#overdue .card table td:nth-child(11){
  white-space:normal;
  word-break:break-word;
}
/* Rəqəm/tarix sütunları sıx olsun */
#overdue .card table th:nth-child(4),
#overdue .card table td:nth-child(4),
#overdue .card table th:nth-child(5),
#overdue .card table td:nth-child(5),
#overdue .card table th:nth-child(6),
#overdue .card table td:nth-child(6),
#overdue .card table th:nth-child(7),
#overdue .card table td:nth-child(7),
#overdue .card table th:nth-child(8),
#overdue .card table td:nth-child(8),
#overdue .card table th:nth-child(9),
#overdue .card table td:nth-child(9),
#overdue .card table th:nth-child(10),
#overdue .card table td:nth-child(10){
  white-space:nowrap;
}
/* Əməliyyat sütunu dar */
#overdue .card table th:nth-child(12),
#overdue .card table td:nth-child(12){
  width:42px;
  min-width:42px;
  max-width:42px;
  text-align:center;
  padding-left:2px;
  padding-right:2px;
}

/* IMPORTANT: keep compact sizing only in header filters.
   Modal/forms use the normal input/select/textarea rule further below. */
select{
  border:1px solid var(--border-color);
  border-radius:12px;
  padding:12px;
  background:#fff;
  font-weight:800;
  color:var(--text-main);
  outline:none;
}
.select-small{
  height:34px;
  border:1px solid var(--border-color);
  border-radius:999px;
  padding:0 10px;
  background:#fff;
  font-weight:900;
  color:var(--text-main);
  outline:none;
}

.date-range{gap:6px;}
.date-range input{
  height:34px;
  border-radius:999px;
  padding:0 9px;
  font-weight:800;
  width:112px;
}

.search-container input{
  height:34px;
  border-radius:999px;
  padding:0 40px 0 10px;
  width:clamp(180px, 24vw, 280px);
}
.search-btn{width:34px;height:34px;border-radius:999px;margin-left:-38px;}

/* Modal forms should never be cramped by header sizing */
.modal-body input,
.modal-body select,
.modal-body textarea{
  min-height:36px;
  padding:7px 10px;
  border-radius:8px;
  font-size:.875rem;
}
.modal-body textarea{min-height:72px;}

@media (max-width: 980px){
  .content-header{align-items:flex-start;}
  .header-actions{justify-content:flex-start;flex-wrap:wrap;}
}
@media (max-width: 560px){
  .date-range input{width:118px;}
  .search-container input{width:100%;}
  .search-container{width:100%;}
}
.dev-only{display:none;}
.admin-only{display:none;}
.muted{color:var(--text-muted);}

.grid-4{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
}
.grid-5{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px;
}
@media (max-width: 1100px){
  .grid-4{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .grid-5{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width: 560px){
  .grid-4{grid-template-columns:1fr;}
  .grid-5{grid-template-columns:1fr;}
}

.loading-overlay{
  position:fixed;inset:0;
  background:rgba(17,24,39,.6);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10000;
  transition:opacity .3s;
}
.loading-overlay.hidden{opacity:0;pointer-events:none;}
.loading-card{
  background:#fff;
  padding:32px 40px;
  border-radius:var(--radius);
  box-shadow:0 20px 50px rgba(0,0,0,.15);
  text-align:center;
}
.loading-spinner{
  width:44px;height:44px;
  border:4px solid var(--border-color);
  border-top-color:var(--accent);
  border-radius:50%;
  animation:spin .8s linear infinite;
  margin:0 auto 16px;
}
@keyframes spin{to{transform:rotate(360deg);}}
.loading-card p{margin:0;color:var(--text-muted);font-size:.95rem;}

.login-overlay{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  z-index:10000;
  overflow:auto;
}
.login-overlay.login-v3{
  background:transparent;
}
.login-v3-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.4);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  z-index:0;
}
.login-v3-card{
  position:relative;
  z-index:1;
  width:100%;
  max-width:28rem;
  background:#fff;
  border-radius:2.5rem;
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 50px 100px -20px rgba(0,0,0,.3);
  padding:2.5rem 2.25rem 2rem;
}
@media (min-width:480px){
  .login-v3-card{padding:2.75rem 3rem 2.25rem;}
}
.login-v3-x{
  position:absolute;
  top:1.25rem;
  right:1.25rem;
  width:40px;height:40px;
  border:none;
  background:transparent;
  color:#94a3b8;
  cursor:pointer;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.1rem;
}
.login-v3-x:hover{color:#0f172a;background:#f1f5f9;}
.login-v3-brand{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:2rem;
}
.login-v3-brand .rbsoft--login{
  width:100%;
  justify-content:center;
}
@media (max-width:480px){
  .login-v3-brand .rbsoft--login{
    flex-direction:column;
    align-items:center;
  }
  .login-v3-brand .rbsoft--login .rbsoft-brand-text{
    align-items:center;
    text-align:center;
  }
}
.login-v3-welcome{text-align:center;margin-bottom:1.75rem;}
.login-v3-welcome h1{
  margin:0;
  font-size:1.5rem;
  font-weight:900;
  letter-spacing:-.02em;
  color:#0f172a;
}
.login-v3-welcome p{margin:.35rem 0 0;font-size:.95rem;color:#64748b;font-weight:500;}
.login-form-v3{display:flex;flex-direction:column;gap:1.15rem;}
.login-v3-company.hidden{display:none;}
.login-v3-lbl{
  display:block;
  font-size:.65rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.15em;
  color:#94a3b8;
  margin:0 0 .4rem .25rem;
}
.login-v3-input-wrap{position:relative;}
.login-v3-ico{
  position:absolute;
  left:1rem;
  top:50%;
  transform:translateY(-50%);
  color:#94a3b8;
  font-size:15px;
  pointer-events:none;
}
.login-v3-input-wrap input{
  width:100%;
  height:48px;
  padding:0 2.75rem 0 2.65rem;
  border-radius:1rem;
  border:1px solid #f1f5f9;
  background:#f8fafc;
  font-size:.95rem;
  font-weight:500;
  color:#0f172a;
  outline:none;
  transition:box-shadow .2s, border-color .2s, background .2s;
}
.login-v3-input-wrap input:focus{
  border-color:var(--brand-green);
  background:#fff;
  box-shadow:0 0 0 4px rgba(26,71,84,.1);
}
.login-v3-eye{
  position:absolute;
  right:.6rem;
  top:50%;
  transform:translateY(-50%);
  width:36px;height:36px;
  border:none;
  background:transparent;
  color:#94a3b8;
  cursor:pointer;
  border-radius:8px;
}
.login-v3-eye:hover{color:var(--brand-green);}
.login-v3-select{
  width:100%;
  height:48px;
  border-radius:1rem;
  border:1px solid #f1f5f9;
  background:#f8fafc;
  padding:0 12px;
  font-size:.95rem;
}
.login-v3-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
  font-size:.75rem;
  padding:0 .15rem;
}
.login-v3-check{
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  color:#475569;
  font-weight:700;
}
.login-v3-check input{width:16px;height:16px;accent-color:var(--brand-green);}
.login-v3-forgot{
  color:var(--brand-green);
  font-weight:900;
  text-decoration:none;
}
.login-v3-forgot:hover{text-decoration:underline;}
.login-v3-submit{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  width:100%;
  margin-top:.25rem;
  padding:1rem 1.25rem;
  border:none;
  border-radius:1rem;
  background:#0f172a;
  color:#fff;
  font-weight:900;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(15,23,42,.15);
  transition:background .2s, transform .1s;
}
.login-v3-submit:hover{background:var(--brand-green);}
.login-v3-submit:active{transform:scale(.97);}
.login-v3-hint{display:block;margin-top:12px;font-size:.75rem;color:#94a3b8;line-height:1.45;text-align:center;}
body.landing-login-open #lpMainContent{
  filter:blur(6px);
  pointer-events:none;
  transition:filter .35s ease;
}
body.landing-login-open .lp-aurora{
  filter:blur(24px);
  transform:scale(1.06);
  transition:filter .35s ease, transform .35s ease;
}

/* Ana səhifə – ağ tema (React tərcüməsi) */
.public-landing.lp-home{
  background:#fff !important;
  color:#0f172a !important;
  position:relative;
  overflow-x:hidden;
  overflow-x:clip;
  isolation:isolate;
}
.public-landing.lp-home::before,
.public-landing.lp-home::after{display:none !important;}
.lp-aurora{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  width:100%;
  max-width:100vw;
  left:0;right:0;
}
.lp-aurora-blob{
  position:absolute;
  border-radius:50%;
  filter:blur(120px);
  max-width:100%;
}
.lp-aurora-blob-a{
  top:-15%;left:-5%;
  width:min(85vw, 70%);
  height:min(70vh, 70%);
  max-height:560px;
  background:rgba(209,250,229,.55);
  animation:lpPulse 5s ease-in-out infinite;
}
.lp-aurora-blob-b{
  bottom:-8%;right:-5%;
  width:min(75vw, 60%);
  height:min(60vh, 60%);
  max-height:480px;
  background:rgba(241,245,249,.85);
}
.lp-aurora-dots{
  position:absolute;
  inset:0;
  opacity:.15;
  background-image:radial-gradient(var(--brand-green) .5px, transparent .5px);
  background-size:32px 32px;
}
.lp-aurora-fade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.45), #fff);
}
@keyframes lpPulse{
  0%,100%{opacity:.85;}
  50%{opacity:1;}
}
.lp-main{
  position:relative;
  z-index:2;
  min-height:100vh;
  min-height:100dvh;
  width:100%;
  max-width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow-x:hidden;
  /* Sabit topbar üçün yer — məzmun (o cümlədən dashboard mock) nav xəttinin altından başlasın */
  padding-top:max(8.75rem, calc(6.25rem + env(safe-area-inset-top, 0px)));
  box-sizing:border-box;
}
@media (min-width:768px){
  .lp-main{
    padding-top:max(9.5rem, calc(6.75rem + env(safe-area-inset-top, 0px)));
  }
}
.lp-nav{
  position:fixed;
  top:0;left:0;right:0;
  width:100%;
  max-width:100vw;
  z-index:50;
  transition:background .3s, box-shadow .3s, padding .3s;
  padding:1.5rem 0;
  box-sizing:border-box;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.lp-nav.lp-nav-scrolled{
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 1px 3px rgba(15,23,42,.06);
  padding:.75rem 0;
}
.lp-nav-inner{
  width:min(80rem, 100%);
  max-width:100%;
  margin:0 auto;
  padding:0 max(1rem, env(safe-area-inset-right)) 0 max(1rem, env(safe-area-inset-left));
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
  box-sizing:border-box;
}
.lp-nav-desktop{
  display:none;
  align-items:center;
  gap:3rem;
  margin-left:auto;
}
@media (min-width:768px){
  .lp-nav-desktop{display:flex;}
  .lp-nav-burger{display:none;}
}
.lp-nav-link{
  font-size:.8rem;
  font-weight:800;
  color:#64748b;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.2em;
  transition:color .2s;
}
.lp-nav-link:hover{color:var(--brand-green);}
.lp-nav-cta{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  background:#0f172a;
  color:#fff;
  border:none;
  padding:.75rem 2rem;
  border-radius:.75rem;
  font-weight:800;
  font-size:.8rem;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(15,23,42,.12);
  transition:background .2s, transform .1s;
}
.lp-nav-cta:hover{background:var(--brand-green);}
.lp-nav-cta:active{transform:scale(.97);}
.lp-nav-burger{
  margin-left:auto;
  padding:.5rem;
  background:transparent;
  border:none;
  color:#475569;
  font-size:1.5rem;
  cursor:pointer;
}
@media (min-width:768px){
  .lp-nav-burger{display:none;}
}
.lp-nav-mobile{
  position:absolute;
  top:100%;left:0;right:0;
  width:100%;
  max-width:100vw;
  box-sizing:border-box;
  background:#fff;
  border-top:1px solid #f1f5f9;
  padding:1.5rem max(1rem, env(safe-area-inset-left)) 1.5rem max(1rem, env(safe-area-inset-right));
  flex-direction:column;
  gap:1rem;
  box-shadow:0 20px 40px rgba(0,0,0,.08);
}
.lp-nav-mobile-link{
  font-size:1.1rem;
  font-weight:800;
  color:#475569;
  text-decoration:none;
  padding:.5rem 0;
}
.lp-nav-mobile-cta{
  width:100%;
  padding:1rem;
  border:none;
  border-radius:.75rem;
  background:var(--brand-green);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.lp-hero{
  width:100%;
  max-width:100%;
  /* Üst boşluq əsasən .lp-main padding-top ilə verilir */
  padding:1.75rem max(1rem, env(safe-area-inset-left)) 3rem max(1rem, env(safe-area-inset-right));
  box-sizing:border-box;
}
@media (min-width:768px){
  .lp-hero{
    padding:2.25rem max(1.5rem, env(safe-area-inset-left)) 5rem max(1.5rem, env(safe-area-inset-right));
  }
}
.lp-hero-grid{
  width:min(80rem, 100%);
  max-width:100%;
  margin:0 auto;
  display:grid;
  gap:3rem;
  align-items:start;
  box-sizing:border-box;
}
@media (min-width:768px){
  .lp-hero-grid{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);
    gap:clamp(1.5rem, 4vw, 4rem);
  }
}
@media (min-width:1024px){
  .lp-hero-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.38fr);}
}
.lp-hero-left,.lp-hero-right{min-width:0;max-width:100%;}
.public-landing.lp-home .lp-hero-right{overflow:visible;}
@media (min-width:768px){
  .public-landing.lp-home .lp-hero{overflow:visible;}
}
@media (min-width:1200px){
  .public-landing.lp-home{overflow-x:visible;}
}
.lp-hero-brand{margin-bottom:2rem;text-align:center;}
@media (min-width:768px){
  .lp-hero-brand{text-align:left;}
}
.lp-hero-title{
  font-size:clamp(2.5rem,6vw,4.5rem);
  font-weight:900;
  line-height:1.1;
  letter-spacing:-.03em;
  margin:0 0 1.25rem;
  color:#0f172a;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.lp-hero-accent{
  color:var(--brand-green);
  text-decoration:underline;
  text-decoration-color:rgba(26,71,84,.25);
  text-underline-offset:8px;
}
.lp-hero-lead{
  font-size:clamp(1rem,2.5vw,1.25rem);
  color:#64748b;
  line-height:1.65;
  font-weight:500;
  max-width:32rem;
  margin:0 auto;
}
@media (min-width:768px){
  .lp-hero-lead{margin:0;}
}
@keyframes lp-type-cursor-blink{
  0%, 45%{ opacity: 1; }
  50%, 100%{ opacity: 0; }
}
.lp-hero-title--typewriter{
  min-height:2.35em;
}
.lp-hero-lead--typewriter{
  min-height:4.25em;
}
.lp-type-title-out,
.lp-type-lead-out{display:inline;}
.lp-type-cursor{
  display:inline-block;
  width:3px;
  margin-left:2px;
  height:.72em;
  background:var(--brand-green);
  vertical-align:-0.05em;
  border-radius:1px;
  animation: lp-type-cursor-blink 0.95s step-end infinite !important;
}
.lp-type-cursor--lead{
  background:#64748b;
  height:.55em;
  vertical-align:-0.02em;
}
.lp-type-cursor.is-done{display:none !important;}
/* Hero — 3D dashboard mockup (statik təqlid) */
@keyframes lp-dash-float{
  0%, 100%{ transform: translateY(0); }
  50%{ transform: translateY(-14px); }
}
@keyframes lp-dash-pulse-dot{
  0%, 100%{ opacity: 1; box-shadow: 0 0 0 0 rgba(26,71,84,.45); }
  50%{ opacity: 0.85; box-shadow: 0 0 0 6px rgba(26,71,84,0); }
}
.lp-dash-scene{
  position:relative;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:0;
  padding:clamp(.75rem, 2vw, 1.25rem) 0 clamp(1.5rem, 3vw, 2.5rem);
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}
.lp-dash-bg-blur{
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(120px);
  z-index:0;
}
.lp-dash-bg-blur--emerald{
  top:50%;left:50%;
  width:min(90vw, 800px);
  height:min(70vw, 600px);
  transform:translate(-50%, -50%);
  background:rgba(52,211,153,.22);
}
.lp-dash-bg-blur--blue{
  top:-5%;right:-10%;
  width:min(70vw, 500px);
  height:min(70vw, 500px);
  background:rgba(96,165,250,.12);
}
.lp-dash-bg-dots{
  position:absolute;
  inset:0;
  opacity:.04;
  pointer-events:none;
  z-index:0;
  background-image:radial-gradient(#000 1.5px, transparent 1.5px);
  background-size:30px 30px;
}
.lp-dash-float{
  position:relative;
  z-index:2;
  width:100%;
  max-width:100%;
  display:flex;
  justify-content:center;
  animation: lp-dash-float 6s ease-in-out infinite !important;
}
/* Kart + badge-lər: geniş ekranda yan-yana, dar ekranda alt-alta */
.lp-dash-stage{
  position:relative;
  width:min(100%, min(1220px, 96vw));
  max-width:100%;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:1.25rem;
}
@media (min-width: 1200px){
  .lp-dash-stage{display:block;}
}
.lp-dash-3d{
  width:100%;
  transform: perspective(2200px) rotateX(12deg) rotateY(-16deg) rotateZ(-1.5deg);
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
}
@media (max-width: 767px){
  .lp-dash-3d{
    transform: perspective(2000px) rotateX(10deg) rotateY(-10deg) rotateZ(-1deg) scale(0.94);
  }
}
.lp-dash-card{
  background:#fff;
  border-radius:1.75rem;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.4);
  box-shadow:
    -28px 52px 110px -22px rgba(16, 185, 129, 0.24),
    inset 0 0 0 1px rgba(255,255,255,.5);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.lp-dash-inner{
  display:flex;
  min-height:clamp(280px, 36vw, 400px);
  width:100%;
  background:rgba(248,250,252,.85);
  position:relative;
}
.lp-dash-sidebar{
  width:clamp(11rem, 22vw, 15.5rem);
  flex-shrink:0;
  background:#0f172a;
  color:#fff;
  padding:clamp(.85rem, 1.6vw, 1.35rem);
  display:flex;
  flex-direction:column;
  border-right:1px solid #1e293b;
  box-shadow:8px 0 32px rgba(0,0,0,.12);
  z-index:2;
}
.lp-dash-logo{
  display:flex;
  align-items:center;
  font-size:clamp(1.2rem, 2.6vw, 1.65rem);
  font-weight:900;
  font-style:italic;
  letter-spacing:-0.04em;
  margin-bottom:clamp(.85rem, 2vw, 1.5rem);
}
.lp-dash-logo-rb{color:#fff;}
.lp-dash-logo-soft{color:var(--brand-green);font-weight:900;}
.lp-dash-logo-dot{
  width:8px;height:8px;
  border-radius:50%;
  background:var(--brand-green);
  margin-left:6px;
  align-self:flex-start;
  margin-top:4px;
}
.lp-dash-nav{
  display:flex;
  flex-direction:column;
  gap:.4rem;
  flex:1;
  font-size:.78rem;
}
@media (min-width: 768px){
  .lp-dash-nav{ font-size:.82rem; gap:.48rem; }
}
.lp-dash-nav-item{
  display:flex;
  align-items:center;
  gap:.55rem;
  padding:.45rem .7rem;
  border-radius:.75rem;
  color:#94a3b8;
  font-weight:600;
}
@media (min-width: 768px){
  .lp-dash-nav-item{ padding:.5rem .85rem; gap:.6rem; }
}
.lp-dash-nav-item i{
  width:1.15rem;
  text-align:center;
  opacity:.95;
  font-size:1em;
}
.lp-dash-nav-item--active{
  background:var(--brand-green);
  color:#fff;
  box-shadow:0 8px 20px rgba(26,71,84,.25);
}
.lp-dash-user{
  margin-top:auto;
  padding:.65rem .85rem;
  background:rgba(30,41,59,.55);
  border-radius:.75rem;
  border:1px solid rgba(71,85,105,.45);
  display:flex;
  align-items:center;
  gap:.75rem;
}
.lp-dash-user-avatar{
  width:2.25rem;height:2.25rem;
  border-radius:50%;
  background:linear-gradient(135deg, #34d399, #3b82f6);
  padding:2px;
  flex-shrink:0;
}
.lp-dash-user-avatar span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;height:100%;
  border-radius:50%;
  background:#0f172a;
  font-size:.7rem;
  font-weight:800;
}
.lp-dash-user-name{font-size:.8rem;font-weight:800;margin:0;}
.lp-dash-user-role{font-size:.65rem;color:#94a3b8;margin:.2rem 0 0;}
.lp-dash-main{
  flex:1;
  min-width:0;
  padding:clamp(.65rem, 1.4vw, 1.25rem);
  display:flex;
  flex-direction:column;
  gap:clamp(.55rem, 1.2vw, 1rem);
  overflow:visible;
  z-index:1;
}
.lp-dash-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.65rem;
  background:#fff;
  padding:.5rem .85rem;
  border-radius:1rem;
  border:1px solid #f1f5f9;
  box-shadow:0 1px 3px rgba(15,23,42,.05);
}
.lp-dash-search{
  position:relative;
  flex:1;
  max-width:none;
  min-width:0;
}
.lp-dash-search i{
  position:absolute;
  left:.85rem;
  top:50%;
  transform:translateY(-50%);
  color:#94a3b8;
  font-size:.85rem;
}
.lp-dash-search input{
  width:100%;
  padding:.55rem .85rem .55rem 2.35rem;
  font-size:.8rem;
  border:1px solid #f1f5f9;
  border-radius:.65rem;
  background:#f8fafc;
  outline:none;
  color:#64748b;
}
.lp-dash-bell{
  width:2.25rem;height:2.25rem;
  border-radius:50%;
  background:#f8fafc;
  border:1px solid #f1f5f9;
  display:grid;
  place-items:center;
  color:#64748b;
  position:relative;
  font-size:1rem;
  flex-shrink:0;
}
.lp-dash-bell-dot{
  position:absolute;
  top:6px;right:6px;
  width:6px;height:6px;
  background:#f43f5e;
  border-radius:50%;
  border:2px solid #fff;
}
.lp-dash-stats{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:clamp(.45rem, 1.2vw, .95rem);
}
.lp-dash-stat{
  background:#fff;
  padding:clamp(.5rem, 1.1vw, .85rem);
  border-radius:.85rem;
  border:1px solid #f1f5f9;
  box-shadow:0 1px 3px rgba(15,23,42,.06);
}
.lp-dash-stat-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:.35rem;
  gap:.35rem;
}
.lp-dash-stat-ico{
  width:2.25rem;height:2.25rem;
  border-radius:.65rem;
  display:grid;
  place-items:center;
  font-size:.9rem;
}
.lp-dash-stat-ico--em{ background:#f0f9ff; color:#1a4754; }
.lp-dash-stat-ico--bl{ background:#eff6ff; color:#3b82f6; }
.lp-dash-stat-ico--rs{ background:#fff1f2; color:#f43f5e; }
.lp-dash-stat-trend{
  display:inline-flex;
  align-items:center;
  gap:3px;
  font-size:.62rem;
  font-weight:800;
  padding:4px 7px;
  border-radius:999px;
  flex-shrink:0;
}
.lp-dash-stat-trend--up{ background:#f0f9ff; color:#16404f; }
.lp-dash-stat-trend--dn{ background:#fff1f2; color:#e11d48; }
.lp-dash-stat-trend i{ font-size:.55rem; }
.lp-dash-stat-lbl{
  font-size:.58rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#94a3b8;
  margin:0 0 .35rem;
}
.lp-dash-stat-val{
  font-size:clamp(.88rem, 2vw, 1.2rem);
  font-weight:900;
  color:#0f172a;
  margin:0;
  line-height:1.15;
}
.lp-dash-bottom{
  display:flex;
  gap:clamp(.5rem, 1.4vw, 1.1rem);
  flex:1;
  min-height:0;
  align-items:stretch;
}
.lp-dash-chart{
  flex:2;
  background:#fff;
  padding:clamp(.55rem, 1.2vw, 1.1rem);
  border-radius:.9rem;
  border:1px solid #f1f5f9;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.lp-dash-chart-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:.45rem;
  gap:.5rem;
}
.lp-dash-chart-head h3{
  margin:0;
  font-size:.88rem;
  font-weight:800;
  color:#0f172a;
}
.lp-dash-chart-pill{
  font-size:.62rem;
  font-weight:800;
  color:#94a3b8;
  background:#f8fafc;
  padding:5px 11px;
  border-radius:999px;
}
.lp-dash-chart-bars{
  flex:1;
  display:flex;
  align-items:flex-end;
  gap:6px;
  min-height:72px;
}
.lp-dash-chart-bars span{
  flex:1;
  border-radius:4px 4px 2px 2px;
  background:#dbeafe;
  min-height:8%;
  transition: background-color .2s !important;
}
.lp-dash-chart-bars span:hover{
  background:var(--brand-green) !important;
}
.lp-dash-feed{
  flex:1;
  background:#fff;
  padding:clamp(.55rem, 1.2vw, 1.1rem);
  border-radius:.9rem;
  border:1px solid #f1f5f9;
  min-width:0;
  max-width:100%;
  overflow:visible;
}
.lp-dash-feed-title{
  margin:0 0 .45rem;
  font-size:.85rem;
  font-weight:800;
  color:#0f172a;
}
.lp-dash-feed-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.4rem;
}
.lp-dash-feed-list li{
  display:flex;
  gap:.55rem;
  align-items:flex-start;
}
.lp-dash-feed-list i{
  margin-top:3px;
  font-size:.78rem;
  flex-shrink:0;
}
.lp-dash-ic--ok{ color: var(--brand-green); }
.lp-dash-ic--warn{ color: #f59e0b; }
.lp-dash-ic--info{ color: #3b82f6; }
.lp-dash-feed-t{
  margin:0;
  font-size:.72rem;
  font-weight:700;
  color:#334155;
  line-height:1.35;
}
.lp-dash-feed-time{
  margin:.15rem 0 0;
  font-size:.6rem;
  color:#94a3b8;
}
.lp-dash-glass{
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.35) 0%, transparent 45%, transparent 100%);
  pointer-events:none;
  z-index:3;
}
.lp-dash-float-badge{
  z-index:4;
  display:flex;
  align-items:center;
  gap:.75rem;
  flex-shrink:0;
}
/* Geniş ekran: badge-lər kartın yanlarında, üst-üstə düşməz */
@media (min-width: 1200px){
  .lp-dash-float-badge{
    position:absolute;
    animation: lp-dash-float 5s ease-in-out infinite 1s !important;
  }
  .lp-dash-float-badge--right{
    left:calc(100% + 1.35rem);
    right:auto;
    top:11%;
    background:#fff;
    padding:.85rem 1.15rem;
    border-radius:1.1rem;
    border:1px solid #f1f5f9;
    box-shadow:0 22px 44px rgba(15,23,42,.12);
  }
  .lp-dash-float-badge--left{
    right:calc(100% + 1.35rem);
    left:auto;
    bottom:19%;
    background:#0f172a;
    color:#fff;
    padding:.7rem 1rem;
    border-radius:1rem;
    border:1px solid #334155;
    box-shadow:0 22px 44px rgba(26,71,84,.28);
    animation: lp-dash-float 7s ease-in-out infinite 2s !important;
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
}
/* Orta/dar: badge-lər kartın altında, sıra ilə */
@media (max-width: 1199px){
  .lp-dash-float-badge{
    position:relative;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:fit-content;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    animation: lp-dash-float 5s ease-in-out infinite 1s !important;
  }
  .lp-dash-float-badge--right{
    background:#fff;
    padding:.75rem 1.1rem;
    border-radius:1rem;
    border:1px solid #f1f5f9;
    box-shadow:0 14px 32px rgba(15,23,42,.1);
  }
  .lp-dash-float-badge--left{
    background:#0f172a;
    color:#fff;
    padding:.65rem 1rem;
    border-radius:.9rem;
    border:1px solid #334155;
    box-shadow:0 14px 32px rgba(26,71,84,.22);
    font-size:.62rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    animation: lp-dash-float 7s ease-in-out infinite 2s !important;
  }
}
.lp-dash-float-badge--left p{ margin:0; }
.lp-dash-fb-ico{
  width:3rem;height:3rem;
  border-radius:.75rem;
  background:#dbeafe;
  color:#16404f;
  display:grid;
  place-items:center;
  font-size:1.25rem;
}
.lp-dash-fb-lbl{
  margin:0;
  font-size:.62rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#94a3b8;
}
.lp-dash-fb-val{
  margin:.15rem 0 0;
  font-size:1.35rem;
  font-weight:900;
  color:#0f172a;
}
.lp-dash-live-dot{
  width:10px;height:10px;
  border-radius:50%;
  background:var(--brand-green);
  flex-shrink:0;
  animation: lp-dash-pulse-dot 2s ease-in-out infinite !important;
}
@media (max-width: 639px){
  .lp-dash-scene{ padding-bottom: 1.25rem; }
  .lp-dash-inner{ min-height: 300px; }
  .lp-dash-bottom{ flex-direction:column; gap:.75rem; }
  .lp-dash-stats{ gap:.5rem; }
  .lp-dash-stat{ padding:.55rem .5rem; }
  .lp-dash-stat-lbl{ font-size:.5rem; }
  .lp-dash-stat-val{ font-size:.85rem; }
  .lp-dash-stat-ico{ width:2.1rem; height:2.1rem; font-size:.85rem; }
  .lp-dash-chart-bars{ min-height: 88px; }
  .lp-dash-fb-ico{ width:2.5rem; height:2.5rem; font-size:1.05rem; }
  .lp-dash-fb-val{ font-size:1.1rem; }
}
.lp-stats{
  width:100%;
  max-width:100%;
  padding:4rem max(1rem, env(safe-area-inset-left)) 4rem max(1rem, env(safe-area-inset-right));
  box-sizing:border-box;
}
.lp-stats-grid{
  width:min(80rem, 100%);
  max-width:100%;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:clamp(1rem, 3vw, 2.5rem);
  text-align:center;
  box-sizing:border-box;
}
@media (min-width:768px){
  .lp-stats-grid{grid-template-columns:repeat(4,1fr);text-align:left;}
}
.lp-stat-val{font-size:clamp(2rem,4vw,3rem);font-weight:900;color:#0f172a;margin-bottom:.35rem;}
.lp-stat-lbl{font-size:.65rem;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.25em;}
.lp-features{
  background:var(--brand-green);
  color:#fff;
  width:100%;
  max-width:100%;
  padding:5rem max(1rem, env(safe-area-inset-left)) 5rem max(1rem, env(safe-area-inset-right));
  position:relative;
  box-sizing:border-box;
}
.lp-features-inner{width:min(80rem, 100%);max-width:100%;margin:0 auto;box-sizing:border-box;}
.lp-features-head{text-align:center;max-width:48rem;margin:0 auto 3rem;}
.lp-features-head h2{
  font-size:clamp(2rem,4vw,3.5rem);
  font-weight:900;
  line-height:1.15;
  margin:0 0 1.5rem;
}
.lp-features-quote{
  font-size:1.1rem;
  color:rgba(255,255,255,.85);
  font-style:italic;
  margin:0;
}
.lp-features-grid{
  display:grid;
  gap:2rem;
}
@media (min-width:900px){
  .lp-features-grid{grid-template-columns:repeat(3,1fr);}
}
.lp-fcard{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:clamp(1.5rem, 4vw, 3rem);
  padding:clamp(1.5rem, 4vw, 2.5rem) clamp(1.25rem, 3vw, 2rem);
  backdrop-filter:blur(12px);
  transition:background .4s, color .4s;
  min-width:0;
}
.lp-fcard:hover{
  background:#fff;
  color:#0f172a;
  box-shadow:0 8px 28px rgba(15,23,42,.1);
}
.lp-fcard:hover h3{color:#0f172a;}
.lp-fcard-icon{
  width:4rem;height:4rem;
  border-radius:1.5rem;
  background:rgba(255,255,255,.12);
  display:grid;
  place-items:center;
  font-size:1.5rem;
  margin-bottom:1.75rem;
  transition:background .4s;
}
.lp-fcard:hover .lp-fcard-icon{
  background:rgba(15,23,42,.08);
  color:#0f172a;
}
.lp-fcard h3{font-size:1.35rem;font-weight:900;margin:0 0 .75rem;letter-spacing:-.02em;}
.lp-fcard p{margin:0;font-size:.95rem;line-height:1.65;opacity:.75;font-weight:500;}
.lp-fcard:hover p{opacity:1;color:#1e293b;}
.lp-footer{
  background:#fff;
  border-top:1px solid #f8fafc;
  width:100%;
  max-width:100%;
  padding:4rem max(1rem, env(safe-area-inset-left)) 3rem max(1rem, env(safe-area-inset-right));
  box-sizing:border-box;
}
.lp-footer-grid{
  width:min(80rem, 100%);
  max-width:100%;
  margin:0 auto;
  display:grid;
  gap:3rem;
  text-align:center;
  box-sizing:border-box;
}
@media (min-width:768px){
  .lp-footer-grid{grid-template-columns:2fr 1fr 1fr;text-align:left;}
}
.lp-footer-brand p{color:#64748b;font-weight:500;line-height:1.7;max-width:22rem;margin:0 auto;}
@media (min-width:768px){
  .lp-footer-brand p{margin:0;}
}
.lp-footer-h{
  font-size:.7rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.2em;
  margin:0 0 1.5rem;
  color:#0f172a;
}
.lp-footer-ul{list-style:none;margin:0;padding:0;}
.lp-footer-ul li{margin-bottom:.85rem;}
.lp-footer-ul a{color:#64748b;font-weight:700;font-size:.9rem;text-decoration:none;}
.lp-footer-ul a:hover{color:var(--brand-green);}
.lp-footer-bottom{
  width:min(80rem, 100%);
  max-width:100%;
  margin:3rem auto 0;
  padding-top:2rem;
  border-top:1px solid #f1f5f9;
  text-align:center;
  box-sizing:border-box;
}
@media (min-width:768px){
  .lp-footer-bottom{text-align:left;}
}
.lp-footer-bottom span{font-size:.65rem;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.4em;}

.public-landing{
  display:none;
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(900px 520px at 15% 0%, rgba(24, 160, 255, 0.22), transparent 58%),
    radial-gradient(700px 420px at 88% 18%, rgba(37, 99, 255, 0.25), transparent 60%),
    radial-gradient(500px 260px at 50% 100%, rgba(25, 224, 193, 0.12), transparent 68%),
    linear-gradient(135deg, #071120, #08172a 45%, #0d1b2f 100%);
  color:#f8fafc;
  position:relative;
}
.public-landing::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    radial-gradient(rgba(147,197,253,.9) 1px, transparent 1px),
    radial-gradient(rgba(255,255,255,.75) 1px, transparent 1px);
  background-size:120px 120px, 190px 190px;
  background-position:0 0, 60px 40px;
}
.public-landing::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background:
    linear-gradient(rgba(120,180,255,.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120,180,255,.16) 1px, transparent 1px);
  background-size:54px 54px;
}
.public-landing *{box-sizing:border-box;}
.public-landing .container{width:min(1260px,92%);margin:0 auto;}
.public-landing header{
  padding:14px 0;
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(12px);
  background:linear-gradient(180deg,rgba(7,17,32,.72),rgba(7,17,32,.38));
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.public-landing .nav{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.public-landing .brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;}
.public-landing .brand-icon{
  width:50px;height:50px;border-radius:14px;
  background:linear-gradient(135deg,#19e0c1,#2563ff);
  display:grid;place-items:center;font-size:22px;font-weight:800;
  box-shadow:0 10px 30px rgba(30,200,255,0.28);
}
.public-landing .brand-text{display:flex;flex-direction:column;line-height:1.05;}
.public-landing .brand-text strong{font-size:20px;letter-spacing:.2px;}
.public-landing .brand-text span{font-size:12px;color:#a8b3c7;letter-spacing:2px;}
.public-landing .nav-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.public-landing .nav-links a{color:#a8b3c7;text-decoration:none;font-size:15px;transition:.25s;}
.public-landing .nav-links a:hover{color:#fff;}
.public-landing .btn{
  border:none;cursor:pointer;border-radius:14px;padding:14px 22px;
  font-size:15px;font-weight:700;transition:.25s ease;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
}
.public-landing .btn-primary{
  background:linear-gradient(135deg,#19e0c1,#2563ff);color:#fff;
  box-shadow:0 10px 30px rgba(37,99,255,0.35), 0 0 0 1px rgba(255,255,255,.15) inset;
}
.public-landing .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(37,99,255,0.45);}
.public-landing .btn-secondary{
  background:rgba(8,25,50,0.65);color:#fff;border:1px solid rgba(255,255,255,0.18);
}
.public-landing .btn-secondary:hover{background:rgba(255,255,255,0.12);transform:translateY(-2px);}
.public-landing .hero{padding:42px 0 18px;}
.public-landing .hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:28px;align-items:center;}
.public-landing .hero-badge{
  display:inline-flex;align-items:center;gap:10px;padding:10px 14px;
  border:1px solid rgba(255,255,255,0.14);border-radius:999px;background:rgba(255,255,255,0.06);
  color:#d8e3f2;font-size:13px;margin-bottom:18px;
}
.public-landing .dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e;}
.public-landing .hero h1{font-size:clamp(44px,5.8vw,66px);line-height:1.04;margin-bottom:16px;letter-spacing:-1.4px;}
.public-landing .hero h1 span{
  background:linear-gradient(135deg,#73d5ff,#49b3ff);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.public-landing .hero p{font-size:18px;color:#a8b3c7;max-width:610px;line-height:1.72;margin-bottom:24px;}
.public-landing .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px;}
.public-landing .hero-card{
  background:linear-gradient(180deg,rgba(19,49,89,.72),rgba(9,24,48,.7));
  border:1px solid rgba(118,179,255,0.36);border-radius:30px;padding:26px;
  box-shadow:0 22px 70px rgba(0,0,0,0.45), 0 0 28px rgba(56,189,248,.2);
  position:relative;overflow:hidden;
}
.public-landing .hero-card::before{
  content:"";position:absolute;width:220px;height:220px;right:-80px;top:-80px;
  background:radial-gradient(circle,rgba(30,200,255,0.35),transparent 60%);border-radius:50%;
}
.public-landing .hero-card::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-22px;
  width:82%;
  height:24px;
  border-radius:999px;
  background:radial-gradient(ellipse at center, rgba(56,189,248,.55) 0%, rgba(56,189,248,.08) 58%, transparent 75%);
  filter:blur(2px);
}
.public-landing .mock-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative;z-index:1;}
.public-landing .mock-dots{display:flex;gap:8px;}
.public-landing .mock-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.4);}
.public-landing .mock-title{font-size:14px;color:#dbe5f3;}
.public-landing .dashboard{display:grid;grid-template-columns:220px 1fr;gap:18px;position:relative;z-index:1;}
.public-landing .sidebar{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:22px;padding:18px;}
.public-landing .side-item{padding:12px 14px;border-radius:14px;color:#d8e3f2;margin-bottom:10px;background:rgba(255,255,255,0.03);font-size:14px;}
.public-landing .side-item.active{
  background:linear-gradient(135deg,rgba(25,224,193,0.22),rgba(37,99,255,0.28));
  border:1px solid rgba(255,255,255,0.1);color:#fff;font-weight:700;
}
.public-landing .main-panel{display:grid;gap:16px;}
.public-landing .panel-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.public-landing .mini-card,.public-landing .chart-card,.public-landing .table-card{
  background:linear-gradient(180deg,rgba(20,53,96,.64),rgba(8,24,49,.6));
  border:1px solid rgba(108,169,255,0.26);
  border-radius:22px;padding:18px;
}
.public-landing .mini-card h4,.public-landing .chart-card h4,.public-landing .table-card h4{font-size:14px;color:#d8e3f2;margin-bottom:10px;}
.public-landing .mini-card strong{font-size:28px;display:block;margin-bottom:6px;}
.public-landing .mini-card span{color:#a8b3c7;font-size:13px;}
.public-landing .chart{margin-top:10px;height:120px;display:flex;align-items:flex-end;gap:10px;}
.public-landing .bar{flex:1;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#19e0c1,#2563ff);opacity:.95;}
.public-landing .bar:nth-child(1){height:35%;}
.public-landing .bar:nth-child(2){height:58%;}
.public-landing .bar:nth-child(3){height:48%;}
.public-landing .bar:nth-child(4){height:76%;}
.public-landing .bar:nth-child(5){height:62%;}
.public-landing .bar:nth-child(6){height:88%;}
.public-landing .table-lines{display:grid;gap:12px;margin-top:12px;}
.public-landing .line{height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0.18),rgba(255,255,255,0.05));}
.public-landing .line:nth-child(1){width:88%;}
.public-landing .line:nth-child(2){width:72%;}
.public-landing .line:nth-child(3){width:94%;}
.public-landing .line:nth-child(4){width:67%;}
.public-landing section{padding:34px 0;}
.public-landing .top-features{padding:18px 0 8px;}
.public-landing .top-features-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.public-landing .section-title{text-align:center;margin-bottom:26px;}
.public-landing .section-title h2{font-size:clamp(28px,4vw,42px);margin-bottom:10px;}
.public-landing .section-title p{color:#a8b3c7;max-width:760px;margin:0 auto;line-height:1.7;}
.public-landing .features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.public-landing .feature-card{
  background:linear-gradient(180deg,rgba(20,53,96,.5),rgba(8,24,49,.52));
  border:1px solid rgba(108,169,255,.24);
  border-radius:24px;padding:22px;
  box-shadow:0 20px 60px rgba(0,0,0,0.35), 0 0 20px rgba(56,189,248,.12);
  transition:.25s ease;
}
.public-landing .feature-card:hover{transform:translateY(-6px);border-color:rgba(56,189,248,.48);box-shadow:0 20px 60px rgba(0,0,0,0.35), 0 0 28px rgba(56,189,248,.24);}
.public-landing .feature-icon{
  width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin-bottom:16px;font-size:24px;
  background:linear-gradient(135deg,rgba(25,224,193,0.2),rgba(37,99,255,0.25));border:1px solid rgba(255,255,255,0.1);
}
.public-landing .feature-card h3{font-size:20px;margin-bottom:10px;}
.public-landing .feature-card p{color:#a8b3c7;line-height:1.7;font-size:15px;}
.public-landing .feature-card.compact{
  padding:16px 18px;
  border-radius:18px;
}
.public-landing .feature-card.compact .feature-icon{
  width:42px;height:42px;border-radius:12px;font-size:18px;margin-bottom:10px;
}
.public-landing .feature-card.compact h3{font-size:20px;margin-bottom:6px;}
.public-landing .feature-card.compact p{font-size:13px;line-height:1.45;}
.public-landing .cta{margin:24px 0 60px;}
.public-landing .cta-box{
  background:linear-gradient(135deg,rgba(25,224,193,0.12),rgba(37,99,255,0.12));
  border:1px solid rgba(108,169,255,.28);border-radius:30px;padding:36px;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  box-shadow:0 20px 60px rgba(0,0,0,0.35), 0 0 24px rgba(56,189,248,.14);
}
.public-landing .cta-box h3{font-size:34px;margin-bottom:10px;}
.public-landing .cta-box p{color:#a8b3c7;line-height:1.7;max-width:700px;}
.public-landing footer{
  padding:24px 0 38px;border-top:1px solid rgba(255,255,255,0.08);color:#a8b3c7;text-align:center;font-size:14px;
}
@media (max-width: 1050px){
  .public-landing .hero-grid,.public-landing .dashboard,.public-landing .features,.public-landing .panel-row,.public-landing .cta-box{grid-template-columns:1fr;}
  .public-landing .top-features-grid{grid-template-columns:1fr;}
  .public-landing .features{grid-template-columns:repeat(2,1fr);}
  .public-landing .hero{padding-top:48px;}
}
@media (max-width: 680px){
  .public-landing .nav{flex-direction:column;align-items:flex-start;}
  .public-landing .nav-links{width:100%;justify-content:flex-start;}
  .public-landing .hero p{font-size:16px;}
  .public-landing .features{grid-template-columns:1fr;}
  .public-landing .cta-box{padding:24px;}
  .public-landing .cta-box h3{font-size:28px;}
  .public-landing .brand-text strong{font-size:18px;}
}

/* Simple landing variant requested by user */
.public-landing{background:radial-gradient(circle at top,#0b1f3a,#020817);}
.public-landing::before,.public-landing::after{display:none;}
.public-landing header{padding:20px 0;background:transparent;border-bottom:none;position:static;}
.public-landing .container{width:min(1200px,92%);}
.public-landing .nav{gap:20px;}
.public-landing .brand-icon{width:45px;height:45px;border-radius:12px;box-shadow:none;}
.public-landing .brand-text strong{font-size:20px;}
.public-landing .brand-text span{color:#6c89b3;letter-spacing:1px;}
.public-landing .nav-links a{color:#a8c7ff;}
.public-landing .btn{
  border-radius:12px;
  padding:14px 25px;
  font-size:15px;
  margin-right:10px;
}
.public-landing .login-btn{
  background:linear-gradient(135deg,#00e0c6,#2563ff);
  padding:10px 20px;
  border-radius:12px;
  color:#fff;
  text-decoration:none;
}
.public-landing .hero{padding:80px 0 40px;}
.public-landing .hero-grid{display:flex;justify-content:space-between;align-items:center;gap:40px;}
.public-landing .hero h1{font-size:60px;line-height:1.1;letter-spacing:0;margin-bottom:0;}
.public-landing .hero h1 span{background:none;-webkit-text-fill-color:#3bbcff;color:#3bbcff;}
.public-landing .hero p{color:#a8c7ff;max-width:500px;margin:20px 0;font-size:18px;line-height:1.6;}
.public-landing .hero-actions{margin-bottom:0;}
.public-landing .btn-secondary{border:1px solid #2b4a7f;color:#a8c7ff;background:transparent;}
.public-landing .hero-badge{display:none;}
.public-landing .hero-card{
  width:500px;
  border-radius:20px;
  padding:20px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:none;
}
.public-landing .hero-card::before,.public-landing .hero-card::after{display:none;}
.public-landing .hero-card h3{margin:0 0 10px;font-size:20px;}
.public-landing .mock-top,.public-landing .dashboard,.public-landing .sidebar,.public-landing .main-panel,.public-landing .panel-row,.public-landing .table-card{display:none;}
.public-landing .chart-card{display:block;background:transparent;border:none;padding:0;}
.public-landing .chart{
  margin-top:0;
  height:auto;
  display:block;
}
.public-landing .bar{
  height:80px;
  background:linear-gradient(#00e0c6,#2563ff);
  margin:5px;
  border-radius:8px;
  display:inline-block;
  width:30px;
}
.public-landing .features{padding:40px 0;}
.public-landing .features-grid{display:flex;gap:20px;}
.public-landing .card{flex:1;background:rgba(255,255,255,0.05);padding:20px;border-radius:20px;color:#fff;border:1px solid rgba(255,255,255,0.08);}
.public-landing .card small{color:#a8c7ff;}
.public-landing .modules{padding:60px 0;}
.public-landing .modules h2{margin-bottom:16px;}
.public-landing .module-grid{display:flex;gap:20px;}
.public-landing .module{flex:1;background:rgba(255,255,255,0.05);padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,0.08);}
.public-landing .cta,.public-landing .cta-box{display:none;}
.public-landing footer{text-align:center;padding:40px 0;color:#6c89b3;border-top:none;}
@media (max-width:1050px){
  .public-landing .hero-grid,.public-landing .features-grid,.public-landing .module-grid{display:grid;grid-template-columns:1fr;}
  .public-landing .hero-card{width:100%;}
}

/* ERP Landing v2 (force-new look) */
.public-landing.erp-landing-v2{
  display:none;
  min-height:100vh;
  background:
    radial-gradient(900px 500px at 12% -5%, rgba(20,184,166,.16), transparent 60%),
    radial-gradient(700px 400px at 90% 10%, rgba(59,130,246,.14), transparent 60%),
    linear-gradient(180deg,#f8fbff 0%, #eef4ff 100%);
  color:#0f172a;
}
.public-landing.erp-landing-v2::before,
.public-landing.erp-landing-v2::after{display:none !important;}
.public-landing.erp-landing-v2 .erp2-wrap{width:min(1180px,92%);margin:0 auto;}
.public-landing.erp-landing-v2 .erp2-header{
  position:sticky;top:0;z-index:12;
  background:rgba(248,251,255,.88);
  backdrop-filter:blur(8px);
  border-bottom:1px solid #dbe7fb;
}
.public-landing.erp-landing-v2 .erp2-nav{
  height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.public-landing.erp-landing-v2 .erp2-brand{display:flex;align-items:center;gap:12px;}
.public-landing.erp-landing-v2 .erp2-brand-mark{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(135deg,#14b8a6,#3b82f6);color:#fff;
  box-shadow:0 10px 24px rgba(59,130,246,.25);
}
.public-landing.erp-landing-v2 .erp2-brand strong{display:block;font-size:1.04rem;}
.public-landing.erp-landing-v2 .erp2-brand small{display:block;color:#64748b;font-size:.72rem;}
.public-landing.erp-landing-v2 .erp2-links{display:flex;align-items:center;gap:16px;}
.public-landing.erp-landing-v2 .erp2-links a{color:#475569;text-decoration:none;font-weight:700;font-size:.9rem;}
.public-landing.erp-landing-v2 .erp2-links a:hover{color:#0f172a;}

.public-landing.erp-landing-v2 .erp2-btn{
  border:none;border-radius:12px;height:42px;padding:0 18px;
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;font-weight:800;cursor:pointer;
}
.public-landing.erp-landing-v2 .erp2-btn-primary{
  color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);
  box-shadow:0 10px 24px rgba(37,99,235,.28);
}
.public-landing.erp-landing-v2 .erp2-btn-ghost{
  color:#0f172a;background:#fff;border:1px solid #cddcf6;
}

.public-landing.erp-landing-v2 .erp2-hero{padding:54px 0 16px;}
.public-landing.erp-landing-v2 .erp2-hero-grid{
  display:grid;grid-template-columns:1.02fr .98fr;gap:24px;align-items:center;
}
.public-landing.erp-landing-v2 .erp2-badge{
  display:inline-block;padding:8px 12px;border-radius:999px;
  background:#e0f2fe;color:#0369a1;font-weight:800;font-size:.74rem;
}
.public-landing.erp-landing-v2 .erp2-hero h1{
  margin-top:14px;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.1;letter-spacing:-.02em;
}
.public-landing.erp-landing-v2 .erp2-hero p{
  margin-top:14px;color:#475569;line-height:1.7;max-width:590px;
}
.public-landing.erp-landing-v2 .erp2-hero-actions{
  margin-top:20px;display:flex;gap:10px;flex-wrap:wrap;
}

.public-landing.erp-landing-v2 .erp2-preview{
  border:1px solid #c9daf8;border-radius:20px;padding:16px;
  background:linear-gradient(180deg,#ffffff,#f3f8ff);
  box-shadow:0 18px 42px rgba(15,23,42,.10);
}
.public-landing.erp-landing-v2 .erp2-preview-top{
  display:flex;align-items:center;gap:8px;color:#334155;font-size:.86rem;font-weight:700;
}
.public-landing.erp-landing-v2 .erp2-preview-top span{
  width:8px;height:8px;border-radius:50%;background:#93c5fd;
}
.public-landing.erp-landing-v2 .erp2-kpi-grid{
  margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.public-landing.erp-landing-v2 .erp2-kpi-grid div{
  background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:10px;
}
.public-landing.erp-landing-v2 .erp2-kpi-grid small{display:block;font-size:.72rem;color:#64748b;}
.public-landing.erp-landing-v2 .erp2-kpi-grid b{display:block;margin-top:3px;font-size:1rem;}
.public-landing.erp-landing-v2 .erp2-bars{
  margin-top:14px;height:130px;border-radius:12px;
  background:#0f172a;display:flex;align-items:flex-end;gap:7px;padding:10px;
}
.public-landing.erp-landing-v2 .erp2-bars i{
  flex:1;height:var(--h);display:block;border-radius:8px 8px 4px 4px;
  background:linear-gradient(180deg,#22d3ee,#2563eb);
}

.public-landing.erp-landing-v2 .erp2-benefits{
  margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
}
.public-landing.erp-landing-v2 .erp2-benefits article{
  background:#fff;border:1px solid #dbe7fb;border-radius:16px;padding:16px;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.public-landing.erp-landing-v2 .erp2-benefits i{color:#0284c7;font-size:1.1rem;}
.public-landing.erp-landing-v2 .erp2-benefits h3{margin-top:8px;font-size:1rem;}
.public-landing.erp-landing-v2 .erp2-benefits p{margin-top:5px;color:#64748b;font-size:.9rem;}

.public-landing.erp-landing-v2 .erp2-modules{padding:28px 0 44px;}
.public-landing.erp-landing-v2 .erp2-modules h2{font-size:1.5rem;}
.public-landing.erp-landing-v2 .erp2-module-grid{
  margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
}
.public-landing.erp-landing-v2 .erp2-module-grid article{
  background:#fff;border:1px solid #dbe7fb;border-radius:14px;padding:14px;
}
.public-landing.erp-landing-v2 .erp2-module-grid h4{font-size:1rem;}
.public-landing.erp-landing-v2 .erp2-module-grid p{margin-top:5px;color:#64748b;font-size:.88rem;line-height:1.55;}
.public-landing.erp-landing-v2 .erp2-footer{
  border-top:1px solid #dbe7fb;padding:20px 0 30px;text-align:center;color:#64748b;
}
@media (max-width: 980px){
  .public-landing.erp-landing-v2 .erp2-hero-grid,
  .public-landing.erp-landing-v2 .erp2-benefits,
  .public-landing.erp-landing-v2 .erp2-module-grid{grid-template-columns:1fr;}
  .public-landing.erp-landing-v2 .erp2-nav{height:auto;padding:12px 0;flex-wrap:wrap;}
  .public-landing.erp-landing-v2 .erp2-links{width:100%;justify-content:flex-start;flex-wrap:wrap;}
}

/* ERP Landing v3: looks like inside app */
.public-landing.erp-landing-v3{
  display:none;
  min-height:100vh;
  background:linear-gradient(180deg,#edf3fb 0%, #e8eef8 100%);
  padding:18px;
}
.public-landing.erp-landing-v3::before,
.public-landing.erp-landing-v3::after{display:none !important;}
.public-landing.erp-landing-v3 .erp3-shell{
  min-height:calc(100vh - 36px);
  border:1px solid #d8e2f0;
  border-radius:16px;
  background:#f6f9ff;
  box-shadow:0 12px 30px rgba(15,23,42,.08);
  display:grid;
  grid-template-columns:260px 1fr;
  overflow:hidden;
}
.public-landing.erp-landing-v3 .erp3-side{
  background:var(--sidebar-solid);
  color:#fff;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.public-landing.erp-landing-v3 .erp3-logo{
  display:flex;align-items:center;gap:10px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  border-radius:12px;padding:10px;
}
.public-landing.erp-landing-v3 .erp3-logo i{font-size:1.1rem;}
.public-landing.erp-landing-v3 .erp3-logo strong{display:block;font-size:.95rem;}
.public-landing.erp-landing-v3 .erp3-logo small{display:block;color:#c8d4e6;font-size:.72rem;}
.public-landing.erp-landing-v3 .erp3-menu{display:flex;flex-direction:column;gap:8px;}
.public-landing.erp-landing-v3 .erp3-menu a{
  color:#e2e8f0;text-decoration:none;font-weight:700;font-size:.88rem;
  border:1px solid transparent;border-radius:10px;padding:10px 12px;
  display:flex;align-items:center;gap:8px;
}
.public-landing.erp-landing-v3 .erp3-menu a.active,
.public-landing.erp-landing-v3 .erp3-menu a:hover{
  border-color:rgba(255,255,255,.24);
  background:rgba(255,255,255,.11);
  color:#fff;
}

.public-landing.erp-landing-v3 .erp3-main{
  display:flex;flex-direction:column;min-width:0;
}
.public-landing.erp-landing-v3 .erp3-top{
  height:64px;border-bottom:1px solid #d8e2f0;
  background:#fff;display:flex;align-items:center;justify-content:space-between;
  padding:0 18px;
}
.public-landing.erp-landing-v3 .erp3-top h1{font-size:1.05rem;color:#0f172a;}
.public-landing.erp-landing-v3 .erp3-login-btn{
  height:38px;border:none;border-radius:10px;padding:0 14px;
  background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;
  font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
}
.public-landing.erp-landing-v3 .erp3-content{
  padding:18px;display:grid;grid-template-columns:1.12fr .88fr;gap:14px;
}
.public-landing.erp-landing-v3 .erp3-welcome,
.public-landing.erp-landing-v3 .erp3-panel{
  background:#fff;border:1px solid #d8e2f0;border-radius:14px;padding:16px;
}
.public-landing.erp-landing-v3 .erp3-welcome h2{font-size:1.2rem;color:#0f172a;}
.public-landing.erp-landing-v3 .erp3-welcome p{margin-top:8px;color:#475569;line-height:1.65;}
.public-landing.erp-landing-v3 .erp3-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;}
.public-landing.erp-landing-v3 .erp3-tags span{
  background:#eff6ff;border:1px solid #cfe2ff;color:#1d4ed8;
  border-radius:999px;padding:6px 10px;font-weight:700;font-size:.78rem;
}
.public-landing.erp-landing-v3 .erp3-kpis{display:grid;grid-template-columns:1fr;gap:8px;}
.public-landing.erp-landing-v3 .erp3-kpis div{
  border:1px solid #d8e2f0;background:#f8fbff;border-radius:10px;padding:10px;
}
.public-landing.erp-landing-v3 .erp3-kpis small{display:block;color:#64748b;font-size:.74rem;}
.public-landing.erp-landing-v3 .erp3-kpis b{display:block;margin-top:3px;font-size:1rem;}
.public-landing.erp-landing-v3 .erp3-lines{margin-top:12px;display:flex;flex-direction:column;gap:8px;}
.public-landing.erp-landing-v3 .erp3-lines i{
  display:block;height:12px;width:var(--w);border-radius:999px;
  background:linear-gradient(90deg,#38bdf8,#2563eb);
}
@media (max-width: 980px){
  .public-landing.erp-landing-v3 .erp3-shell{grid-template-columns:1fr;}
  .public-landing.erp-landing-v3 .erp3-side{display:none;}
  .public-landing.erp-landing-v3 .erp3-content{grid-template-columns:1fr;}
}

/* ERP Landing v4 (user-provided full style) */
.public-landing.erp-landing-v4{
  display:none;
  width:100%;
  margin:0;
  font-family:Inter,system-ui,Arial,sans-serif;
  color:#fff;
  background:
    radial-gradient(900px 500px at 18% 16%, rgba(37,99,255,.18), transparent 60%),
    radial-gradient(700px 420px at 78% 24%, rgba(31,224,255,.14), transparent 60%),
    radial-gradient(700px 380px at 50% 65%, rgba(37,99,255,.10), transparent 60%),
    linear-gradient(180deg, #030817 0%, #061127 50%, #030817 100%);
  overflow-x:hidden;
  flex-direction:column;
}
.public-landing.erp-landing-v4::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(240px 240px at 12% 68%, rgba(0,180,255,.16), transparent 70%),
    radial-gradient(180px 180px at 80% 40%, rgba(120,242,255,.10), transparent 70%),
    radial-gradient(200px 200px at 70% 84%, rgba(0,110,255,.10), transparent 70%);
  filter:blur(20px);
  opacity:.9;
}
.public-landing.erp-landing-v4::after{display:none !important;}
.public-landing.erp-landing-v4 .container{
  width:min(1320px, 92%);
  margin:0 auto;
  position:relative;
  z-index:1;
}
.public-landing.erp-landing-v4 header{
  padding:28px 0 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  position:static;
  background:transparent;
  backdrop-filter:none;
}
.public-landing.erp-landing-v4 .nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.public-landing.erp-landing-v4 .brand{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
  color:#fff;
}
.public-landing.erp-landing-v4 .brand-icon{
  width:58px;
  height:58px;
  border-radius:14px;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.03)),
    linear-gradient(135deg, #1fe0ff 0%, #2f6bff 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.12) inset,
    0 0 28px rgba(31,224,255,.35),
    0 10px 30px rgba(0,0,0,.35);
  font-weight:800;
  font-size:28px;
  letter-spacing:-1px;
}
.public-landing.erp-landing-v4 .brand-icon::after{
  content:"";
  position:absolute;
  inset:auto -18px -18px auto;
  width:52px;
  height:52px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.65), rgba(255,255,255,0));
  filter:blur(10px);
  opacity:.55;
}
.public-landing.erp-landing-v4 .brand-text{line-height:1;}
.public-landing.erp-landing-v4 .brand-text .top{
  font-size:22px;
  font-weight:600;
  letter-spacing:-.5px;
}
.public-landing.erp-landing-v4 .brand-text .sub{
  margin-top:4px;
  font-size:11px;
  letter-spacing:3px;
  color:#c7d3ea;
  opacity:.9;
}
.public-landing.erp-landing-v4 .nav-right{
  display:flex;
  align-items:center;
  gap:28px;
}
.public-landing.erp-landing-v4 .nav-links{
  display:flex;
  align-items:center;
  gap:26px;
}
.public-landing.erp-landing-v4 .nav-links a{
  color:#d7e1f2;
  text-decoration:none;
  font-size:17px;
  opacity:.92;
}
.public-landing.erp-landing-v4 .login-btn{
  border:none;
  cursor:pointer;
  color:#fff;
  font-weight:600;
  font-size:18px;
  padding:16px 30px;
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.04)),
    linear-gradient(135deg, #1fe0ff 0%, #2f6bff 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.14) inset,
    0 0 26px rgba(31,224,255,.25),
    0 10px 28px rgba(0,0,0,.35);
}
.public-landing.erp-landing-v4 .hero{
  padding:72px 0 54px;
  display:grid;
  grid-template-columns: 1.02fr 1.08fr;
  gap:34px;
  align-items:center;
  min-height:660px;
}
.public-landing.erp-landing-v4 main.container{
  width:min(1320px, 92%);
  margin:0 auto;
  position:relative;
  z-index:1;
}
.public-landing.erp-landing-v4 .hero-left{padding-left:10px;}
.public-landing.erp-landing-v4 .badge{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:16px 22px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.10);
  color:#dbe7fa;
  font-size:18px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 8px 24px rgba(0,0,0,.30);
  margin-bottom:34px;
}
.public-landing.erp-landing-v4 .badge .dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#8dff60;
  box-shadow:0 0 12px #8dff60;
}
.public-landing.erp-landing-v4 .hero h1{
  margin:0 0 20px;
  font-size:78px;
  line-height:1.03;
  letter-spacing:-2.6px;
  font-weight:500;
}
.public-landing.erp-landing-v4 .hero h1 .accent{
  font-weight:700;
  background:linear-gradient(135deg, #ffffff 10%, #74c8ff 45%, #2f6bff 95%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:
    0 0 18px rgba(80,180,255,.22),
    0 0 40px rgba(80,180,255,.16);
}
.public-landing.erp-landing-v4 .hero p{
  margin:0 0 34px;
  max-width:560px;
  color:#c0cde1;
  font-size:21px;
  line-height:1.7;
}
.public-landing.erp-landing-v4 .cta-row{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}
.public-landing.erp-landing-v4 .btn{
  border:none;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:186px;
  padding:18px 28px;
  border-radius:20px;
  font-size:19px;
  font-weight:600;
  transition:.25s ease;
}
.public-landing.erp-landing-v4 .btn-primary{
  color:#fff;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.04)),
    linear-gradient(135deg, #1fe0ff 0%, #2f6bff 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.14) inset,
    0 0 24px rgba(31,224,255,.25),
    0 10px 26px rgba(0,0,0,.35);
}
.public-landing.erp-landing-v4 .btn-outline{
  color:#f1f6ff;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.public-landing.erp-landing-v4 .btn:hover{transform:translateY(-2px);}
.public-landing.erp-landing-v4 .hero-right{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  overflow:visible;
}
.public-landing.erp-landing-v4 .wave{
  position:absolute;
  left:-100px;
  bottom:30px;
  width:520px;
  height:180px;
  border-radius:50%;
  background:
    radial-gradient(ellipse at center, rgba(64,220,255,.20), rgba(64,220,255,0) 60%);
  filter:blur(8px);
  transform:rotate(-8deg);
  pointer-events:none;
}
.public-landing.erp-landing-v4 .wave::before{
  content:"";
  position:absolute;
  inset:44px 40px;
  border-radius:50%;
  border:3px solid rgba(93,245,255,.65);
  border-top-color:transparent;
  border-left-color:transparent;
  filter:blur(1px);
  box-shadow:0 0 28px rgba(50,210,255,.35);
  transform:rotate(-6deg);
}
.public-landing.erp-landing-v4 .dashboard-wrap{
  position:relative;
  width:min(100%,720px);
  min-height:460px;
  padding:26px;
  border-radius:34px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.12) inset,
    0 0 36px rgba(125,220,255,.15),
    0 24px 80px rgba(0,0,0,.45);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  transform:none;
  margin-left:auto;
}
.public-landing.erp-landing-v4 .dashboard-wrap::before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:40px;
  background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,0));
  opacity:.26;
  filter:blur(12px);
  z-index:-1;
}
.public-landing.erp-landing-v4 .dashboard{
  background:linear-gradient(180deg, rgba(8,18,42,.88), rgba(7,15,34,.82));
  border-radius:28px;
  padding:18px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
  min-height:408px;
  position:relative;
}
.public-landing.erp-landing-v4 .dashboard::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.08) 0 1px, transparent 1px 38px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 42px);
}
.public-landing.erp-landing-v4 .dash-top{
  display:grid;
  grid-template-columns: 170px 1fr;
  gap:18px;
  margin-bottom:16px;
}
.public-landing.erp-landing-v4 .side{
  border-radius:18px;
  padding:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
}
.public-landing.erp-landing-v4 .side-item{
  display:flex;
  align-items:center;
  gap:12px;
  color:#dbe6f8;
  padding:14px 14px;
  border-radius:14px;
  margin-bottom:10px;
  font-size:18px;
  background:rgba(255,255,255,.03);
}
.public-landing.erp-landing-v4 .side-item.active{
  background:linear-gradient(135deg, rgba(37,99,255,.38), rgba(31,224,255,.20));
  box-shadow:0 0 16px rgba(37,99,255,.12) inset;
}
.public-landing.erp-landing-v4 .ico{
  width:18px;
  height:18px;
  border-radius:5px;
  background:linear-gradient(135deg, #5df2ff, #2f6bff);
  opacity:.95;
  box-shadow:0 0 12px rgba(80,220,255,.28);
  flex:0 0 auto;
}
.public-landing.erp-landing-v4 .main{
  border-radius:20px;
  padding:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
}
.public-landing.erp-landing-v4 .stats{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
  margin-bottom:16px;
}
.public-landing.erp-landing-v4 .stat{
  padding:16px 16px 14px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  min-height:86px;
}
.public-landing.erp-landing-v4 .stat .k{
  color:#b5c7e6;
  font-size:13px;
  margin-bottom:8px;
}
.public-landing.erp-landing-v4 .stat .v{
  font-size:34px;
  font-weight:700;
  letter-spacing:-1px;
}
.public-landing.erp-landing-v4 .chart-card{
  border-radius:20px;
  padding:18px 18px 16px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  min-height:290px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.public-landing.erp-landing-v4 .chart-title{
  color:#dbe6f8;
  font-size:20px;
  margin-bottom:6px;
}
.public-landing.erp-landing-v4 .chart-grid{
  position:relative;
  flex:1;
  margin-top:10px;
  padding:12px 6px 0;
  display:flex;
  align-items:flex-end;
  gap:16px;
  min-height:210px;
  border-bottom:2px solid rgba(255,255,255,.22);
}
.public-landing.erp-landing-v4 .chart-grid::before,
.public-landing.erp-landing-v4 .chart-grid::after{
  content:"";
  position:absolute;
  left:0; right:0;
  border-top:1px solid rgba(255,255,255,.08);
}
.public-landing.erp-landing-v4 .chart-grid::before{top:40%;}
.public-landing.erp-landing-v4 .chart-grid::after{top:72%;}
.public-landing.erp-landing-v4 .bar{
  width:44px;
  border-radius:10px 10px 0 0;
  background:
    linear-gradient(180deg, #7bf7ff 0%, #27b9ff 36%, #2f6bff 100%);
  box-shadow:
    0 0 18px rgba(80,220,255,.22),
    inset 0 0 10px rgba(255,255,255,.15);
  position:relative;
}
.public-landing.erp-landing-v4 .bar:nth-child(1){height:84px;}
.public-landing.erp-landing-v4 .bar:nth-child(2){height:140px;}
.public-landing.erp-landing-v4 .bar:nth-child(3){height:108px;}
.public-landing.erp-landing-v4 .bar:nth-child(4){height:174px;}
.public-landing.erp-landing-v4 .bar:nth-child(5){height:224px;}
.public-landing.erp-landing-v4 .bar:nth-child(6){height:152px;}
.public-landing.erp-landing-v4 .bar::after{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:12px;
  border-radius:10px 10px 0 0;
  background:rgba(255,255,255,.22);
  filter:blur(1px);
}
.public-landing.erp-landing-v4 .chart-labels{
  display:flex;
  gap:16px;
  margin-top:10px;
  padding:0 6px;
}
.public-landing.erp-landing-v4 .chart-labels span{
  width:44px;
  text-align:center;
  color:#aebede;
  font-size:12px;
}
.public-landing.erp-landing-v4 .cards-row{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:28px;
  padding:20px 0 42px;
}
.public-landing.erp-landing-v4 .small-card{
  min-height:140px;
  padding:28px 28px 24px;
  border-radius:26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 24px rgba(70,170,255,.10),
    0 16px 40px rgba(0,0,0,.30);
  position:relative;
  overflow:hidden;
}
.public-landing.erp-landing-v4 .small-card::before{
  content:"";
  position:absolute;
  inset:auto auto -30px -20px;
  width:140px;
  height:90px;
  background:radial-gradient(circle, rgba(31,224,255,.16), transparent 70%);
  filter:blur(6px);
}
.public-landing.erp-landing-v4 .small-card::after{
  content:"";
  position:absolute;
  right:-12px;
  bottom:-12px;
  width:72px;
  height:72px;
  border-radius:24px;
  background:radial-gradient(circle, rgba(255,255,255,.18), rgba(255,255,255,0));
  opacity:.45;
}
.public-landing.erp-landing-v4 .small-top{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:12px;
}
.public-landing.erp-landing-v4 .small-ico{
  width:54px;
  height:54px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.04)),
    linear-gradient(135deg, rgba(31,224,255,.18), rgba(47,107,255,.30));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 0 16px rgba(80,220,255,.12);
  color:#7ff3ff;
  font-size:26px;
}
.public-landing.erp-landing-v4 .small-title{
  font-size:26px;
  font-weight:500;
  letter-spacing:-.7px;
}
.public-landing.erp-landing-v4 .small-desc{
  color:#c0cde1;
  font-size:18px;
  line-height:1.55;
  max-width:320px;
}
.public-landing.erp-landing-v4 .section{
  padding:34px 0 34px;
}
.public-landing.erp-landing-v4 .section-title{
  font-size:58px;
  line-height:1.08;
  letter-spacing:-1.8px;
  font-weight:500;
  margin:22px 0 20px;
}
.public-landing.erp-landing-v4 .section-sub{
  color:#c0cde1;
  font-size:22px;
  line-height:1.7;
  max-width:900px;
  margin-bottom:30px;
}
.public-landing.erp-landing-v4 .module-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:24px;
}
.public-landing.erp-landing-v4 .module{
  min-height:196px;
  padding:26px 24px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 24px rgba(70,170,255,.08),
    0 16px 40px rgba(0,0,0,.28);
}
.public-landing.erp-landing-v4 .module .mi{
  width:56px;
  height:56px;
  border-radius:16px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  font-size:26px;
  color:#7ff3ff;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.04)),
    linear-gradient(135deg, rgba(31,224,255,.18), rgba(47,107,255,.30));
  border:1px solid rgba(255,255,255,.10);
}
.public-landing.erp-landing-v4 .module h3{
  margin:0 0 10px;
  font-size:23px;
  font-weight:600;
  letter-spacing:-.6px;
}
.public-landing.erp-landing-v4 .module p{
  margin:0;
  color:#c0cde1;
  font-size:17px;
  line-height:1.65;
}
.public-landing.erp-landing-v4 footer{
  padding:40px 0 48px;
  margin-top:34px;
  border-top:1px solid rgba(255,255,255,.08);
}
.public-landing.erp-landing-v4 .foot{
  display:flex;
  justify-content:center;
  gap:40px;
  color:#d7e1f2;
  font-size:16px;
  margin-bottom:18px;
}
.public-landing.erp-landing-v4 .copy{
  text-align:center;
  color:#95a5c2;
  font-size:14px;
}
@media (max-width: 1180px){
  .public-landing.erp-landing-v4 .hero{grid-template-columns:1fr;}
  .public-landing.erp-landing-v4 .hero h1{font-size:62px;}
  .public-landing.erp-landing-v4 .cards-row{grid-template-columns:1fr;}
  .public-landing.erp-landing-v4 .module-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 760px){
  .public-landing.erp-landing-v4 header{padding-top:18px;}
  .public-landing.erp-landing-v4 .nav{flex-direction:column; align-items:flex-start;}
  .public-landing.erp-landing-v4 .nav-right{width:100%; justify-content:space-between; gap:14px; flex-wrap:wrap;}
  .public-landing.erp-landing-v4 .nav-links{gap:14px; flex-wrap:wrap;}
  .public-landing.erp-landing-v4 .hero{padding:42px 0 22px; min-height:auto;}
  .public-landing.erp-landing-v4 .hero h1{font-size:44px;}
  .public-landing.erp-landing-v4 .hero p{font-size:17px;}
  .public-landing.erp-landing-v4 .badge{font-size:15px; padding:12px 16px;}
  .public-landing.erp-landing-v4 .dashboard-wrap{transform:none; padding:16px;}
  .public-landing.erp-landing-v4 .dash-top{grid-template-columns:1fr;}
  .public-landing.erp-landing-v4 .stats{grid-template-columns:1fr;}
  .public-landing.erp-landing-v4 .cards-row{gap:18px;}
  .public-landing.erp-landing-v4 .module-grid{grid-template-columns:1fr;}
  .public-landing.erp-landing-v4 .section-title{font-size:38px;}
  .public-landing.erp-landing-v4 .section-sub{font-size:17px;}
  .public-landing.erp-landing-v4 .chart-grid{gap:10px;}
  .public-landing.erp-landing-v4 .bar{width:32px;}
  .public-landing.erp-landing-v4 .chart-labels span{width:32px;}
  .public-landing.erp-landing-v4 .small-title{font-size:22px;}
  .public-landing.erp-landing-v4 .small-desc{font-size:16px;}
  .public-landing.erp-landing-v4 .foot{gap:16px; flex-wrap:wrap;}
}

/* v4 palette override: white + green */
.public-landing.erp-landing-v4{
  background:
    radial-gradient(900px 500px at 18% 16%, rgba(26,71,84,.20), transparent 60%),
    radial-gradient(700px 420px at 78% 24%, rgba(26,71,84,.14), transparent 60%),
    radial-gradient(700px 380px at 50% 65%, rgba(26,71,84,.12), transparent 60%),
    linear-gradient(180deg, #03150f 0%, #07251b 52%, #03150f 100%);
}
.public-landing.erp-landing-v4::before{
  background:
    radial-gradient(240px 240px at 12% 68%, rgba(26,71,84,.18), transparent 70%),
    radial-gradient(180px 180px at 80% 40%, rgba(26,71,84,.12), transparent 70%),
    radial-gradient(200px 200px at 70% 84%, rgba(26,71,84,.14), transparent 70%);
}
.public-landing.erp-landing-v4 .brand-icon,
.public-landing.erp-landing-v4 .login-btn,
.public-landing.erp-landing-v4 .btn-primary{
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.04)),
    linear-gradient(135deg, var(--brand-green) 0%, var(--brand-green-hover) 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.14) inset,
    0 0 24px rgba(26,71,84,.28),
    0 10px 28px rgba(0,0,0,.35);
}
.public-landing.erp-landing-v4 .hero h1 .accent{
  background:linear-gradient(135deg, #ffffff 10%, #dbeafe 45%, var(--brand-green) 95%);
  -webkit-background-clip:text;
  background-clip:text;
}
.public-landing.erp-landing-v4 .ico,
.public-landing.erp-landing-v4 .small-ico,
.public-landing.erp-landing-v4 .module .mi{
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.04)),
    linear-gradient(135deg, rgba(26,71,84,.28), rgba(26,71,84,.38));
  color:#dbeafe;
}
.public-landing.erp-landing-v4 .side-item.active{
  background:linear-gradient(135deg, rgba(26,71,84,.42), rgba(26,71,84,.22));
}
.public-landing.erp-landing-v4 .bar{
  background:linear-gradient(180deg, #dbeafe 0%, var(--brand-green) 36%, var(--brand-green-hover) 100%);
  box-shadow:
    0 0 18px rgba(26,71,84,.25),
    inset 0 0 10px rgba(255,255,255,.15);
}

.search-container{position:relative;display:flex;align-items:center;}
.search-container input{
  border:1px solid var(--border-color);
  outline:none;
  font-size:.9rem;
  background:#fff;
  color:var(--text-main);
}
.search-btn{
  border:1px solid var(--border-color);
  background:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--text-muted);
}

.date-range{display:flex;align-items:center;}
.date-range span{color:var(--text-muted);font-weight:900;}
.date-range input{border:1px solid var(--border-color);background:#fff;}

.pager{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  padding:12px 0 0;
  position:relative;
}
.pager-size-wrap{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}
.select-tiny{
  height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--border-color);
  background:#fff;
  font-weight:900;
  font-size:.82rem;
}

@media (max-width: 980px){
  .header-actions{justify-content:flex-start;}
}
.btn-pager{
  height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--border-color);
  background:#fff;
  cursor:pointer;
  font-weight:800;
}
.btn-pager:hover{background:#f3f4f6;}
.pager-info{color:var(--text-muted);font-weight:800;}

.chk{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  color:var(--text-main);
}
.chk input{width:18px;height:18px;}
.paybox{display:flex;align-items:center;}

.select-small{
  height:42px;border:1px solid var(--border-color);border-radius:999px;
  padding:0 14px;background:#fff;cursor:pointer;font-weight:700;color:var(--text-main);
}

.btn-main{
  background:var(--accent);
  color:#fff;border:none;height:38px;padding:0 18px;border-radius:var(--btn-radius);font-weight:600;
  cursor:pointer;display:inline-flex;align-items:center;gap:7px;
  transition:background .15s ease,box-shadow .15s ease;
  box-shadow:0 1px 3px rgba(0,0,0,.18);font-size:.875rem;letter-spacing:.01em;
}
.btn-main:hover{background:var(--accent-hover);box-shadow:0 3px 8px rgba(0,0,0,.18);}
.btn-cancel{
  background:#f3f4f6;color:#374151;border:1px solid var(--border-color);height:38px;padding:0 16px;border-radius:var(--btn-radius);
  font-weight:600;cursor:pointer;display:inline-flex;align-items:center;
  transition:background .15s ease,box-shadow .15s ease;font-size:.875rem;
}
.btn-cancel:hover{background:#e9ecef;box-shadow:0 1px 4px rgba(0,0,0,.10);}
body.theme-dark .btn-cancel{background:#374151;color:#e5e7eb;border-color:#4b5563;}
body.theme-dark .btn-cancel:hover{background:#4b5563;}
.btn-secondary{
  background:transparent;color:var(--accent);border:1.5px solid var(--accent);height:38px;padding:0 16px;border-radius:var(--btn-radius);
  font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;
  transition:background .15s ease,color .15s ease;font-size:.875rem;
}
.btn-secondary:hover{background:rgba(26,71,84,.07);}

.card{
  background:#fff;border-radius:14px;border:1px solid #e8ecf0;
  overflow:visible;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  transition:box-shadow .18s ease, transform .18s ease;
}
.stat-card:hover,.dash-chart-card:hover,.dash-stat-mini:hover{
  box-shadow:0 6px 20px rgba(0,0,0,.10);
  transform:translateY(-2px);
}
body.theme-dark .card{background:#1f2937;border-color:#2d3e50;box-shadow:0 2px 8px rgba(0,0,0,.3);}
body.theme-dark .stat-card:hover,body.theme-dark .dash-chart-card:hover,body.theme-dark .dash-stat-mini:hover{
  box-shadow:0 6px 22px rgba(0,0,0,.4);
}
table{width:100%;border-collapse:collapse;border:1px solid #c8d3de;}
th{
  background:var(--table-head-bg);padding:11px 14px;
  border-bottom:2px solid var(--table-head-border);
  border-right:1px solid var(--table-head-cell-border);
  text-align:left;font-size:.72rem;color:var(--table-head-text);
  font-weight:800;letter-spacing:.07em;text-transform:uppercase;
}
th:last-child{border-right:none;}
td{
  padding:9px 14px;
  border-bottom:1px solid #d4dce6;
  border-right:1px solid #d4dce6;
  font-size:.875rem;color:#374151;
}
td:last-child{border-right:none;}
tbody tr:nth-child(even){background:#f6f8fb;}
tbody tr:hover{background:#e8f0fa !important;}
body.theme-dark table{border-color:#253d52;}
body.theme-dark th{
  background:var(--table-head-bg);
  border-bottom-color:var(--table-head-border);
  border-right-color:var(--table-head-cell-border);
  color:var(--table-head-text);
  font-weight:800;
}
body.theme-dark td{border-bottom-color:#253d52;border-right-color:#253d52;color:#cbd5e0;}
body.theme-dark tbody tr:nth-child(even){background:rgba(255,255,255,.03);}
body.theme-dark tbody tr:hover{background:rgba(26,71,84,.15) !important;}

/* Sticky thead — scroll tək main-da; kart ayrıca scroll etməsin */
.card{max-width:100%;}
.card table{width:100%;border:none;}
.card table thead th{
  position:sticky;top:0;
  background:var(--table-head-bg);
  color:var(--table-head-text);
  border-bottom-color:var(--table-head-border);
  border-right-color:var(--table-head-cell-border);
  z-index:5;
  box-shadow:0 1px 0 rgba(0,0,0,.12);
}
body.theme-dark .card table thead th{
  background:var(--table-head-bg);
  color:var(--table-head-text);
  box-shadow:0 1px 0 rgba(0,0,0,.45);
}
th:last-child,td:last-child{border-right:none;width:140px;text-align:center;white-space:nowrap;}

/* Non-list pages can keep natural document flow */
#dash.section.active,
#tools.section.active,
#reports.section.active{
  display:block;
  overflow:visible;
}

.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;}
.stat-card{padding:22px;border-bottom:none;border-left:4px solid var(--accent);}
.stat-card small{color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;}
.stat-card h2{font-size:1.9rem;color:var(--accent);margin-top:6px;font-weight:800;}

/* ── Dashboard Charts ── */
.dash-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:24px;}
.dash-chart-card{padding:22px 24px;}
.dash-chart-title{font-size:.95rem;color:var(--text-main);margin-bottom:18px;font-weight:700;letter-spacing:-.01em;}

/* Vertikal bar chart (6 ay) */
.dash-vbar-wrap{display:flex;align-items:flex-end;gap:6px;height:160px;padding-bottom:32px;position:relative;}
.dash-vbar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative;}
.dash-vbar-inner{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;}
.dash-vbar-bar{width:70%;max-width:36px;border-radius:6px 6px 0 0;transition:height .5s cubic-bezier(.4,0,.2,1);min-height:3px;background:linear-gradient(180deg,var(--accent),var(--accent-hover));}
.dash-vbar-bar.purch{background:linear-gradient(180deg,#38bdf8,#0284c7);}
.dash-vbar-lbl{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);font-size:.65rem;color:var(--text-muted);white-space:nowrap;text-align:center;}
.dash-vbar-val{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:700;color:var(--accent);white-space:nowrap;}
.dash-vbar-val.purch{color:#0284c7;}
.dash-vbar-baseline{position:absolute;bottom:32px;left:0;right:0;height:1px;background:var(--border-color);}

/* Horizontal karşılaştırma bar (2 satır) */
.dash-hbar-wrap{display:flex;flex-direction:column;gap:16px;padding-top:4px;}
.dash-bar-row{display:flex;align-items:center;gap:12px;}
.dash-bar-label{min-width:68px;font-size:.82rem;font-weight:600;color:var(--text-muted);}
.dash-bar-track{flex:1;height:22px;background:var(--bg-main);border-radius:6px;overflow:hidden;}
.dash-bar-fill{height:100%;border-radius:6px;transition:width .5s cubic-bezier(.4,0,.2,1);min-width:3px;}
.dash-bar-fill{background:linear-gradient(90deg,var(--accent),var(--accent-hover));}
.dash-bar-fill.purch{background:linear-gradient(90deg,#38bdf8,#0284c7);}
.dash-bar-fill.sales{background:linear-gradient(90deg,var(--accent),var(--accent-hover));}
.dash-bar-fill.debt{background:linear-gradient(90deg,#a78bfa,#7c3aed);}
.dash-bar-fill.credit{background:linear-gradient(90deg,#fbbf24,#d97706);}
.dash-bar-val-out{font-size:.8rem;font-weight:700;color:var(--text-main);min-width:90px;text-align:right;white-space:nowrap;}

/* Mini stat row */
.dash-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px;}
.dash-stat-mini{padding:18px 20px;display:flex;align-items:center;gap:16px;}
.dash-stat-mini-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.dash-stat-mini-icon.sales{background:#e8f4f8;color:var(--accent);}
.dash-stat-mini-icon.purch{background:#e0f2fe;color:#0284c7;}
.dash-stat-mini-icon.stock{background:#f0fdf4;color:#16a34a;}
.dash-stat-mini-body{display:flex;flex-direction:column;gap:3px;}
.dash-stat-mini-label{font-size:.77rem;color:var(--text-muted);}
.dash-stat-mini-value{font-size:1.35rem;font-weight:800;color:var(--text-main);line-height:1.1;}

tr.total-row{background:var(--accent-light);border-top:2px solid var(--accent);}
tr.total-row td{padding:7px 10px;}

/* ===== MODAL (scroll: məzmun .modal-body-inner-də; footer altda, sticky örtünmə yoxdur) ===== */
.modal{
  position:fixed;inset:0;
  background:rgba(0,0,0,.0);
  display:none;
  z-index:10050;
  transition:background .25s ease;
}
.modal.modal--open{
  background:rgba(0,0,0,.55);
}
.modal.modal--popup{
  isolation:isolate;
}
.modal.modal--popup.modal--open{
  background:rgba(15,23,42,.22);
  backdrop-filter:blur(16px) saturate(1.12);
  -webkit-backdrop-filter:blur(16px) saturate(1.12);
}
body.theme-dark .modal.modal--popup.modal--open{
  background:rgba(0,0,0,.42);
  backdrop-filter:blur(18px) saturate(1.05);
  -webkit-backdrop-filter:blur(18px) saturate(1.05);
}

/* ── Slide-over (sağdan gələn panel) ── */
.modal.modal--slideover{
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  padding:0;
  overflow:hidden;
  top:68px !important;
  /* .header-rest ilə eyni — "Xoş gəldiniz" mətninin sol xətti */
  --so-pad-x:28px;
}
.modal.modal--slideover .modal-body{
  width:calc(100vw - var(--app-sidebar-w));
  min-width:unset;
  max-width:100vw;
  height:calc(100vh - 68px);
  max-height:calc(100vh - 68px);
  border-radius:0;
  transform:translateX(100%);
  transition:transform .3s cubic-bezier(.4,0,.2,1);
  overflow-y:auto;
  padding:28px var(--so-pad-x) 36px;
  padding-left:var(--slideover-pad-left, var(--so-pad-x));
  box-shadow:-12px 0 48px rgba(0,0,0,.25);
  margin:0;
  background:#f4f6f9 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.modal.modal--slideover .modal-body:has(.modal-body-inner){
  display:flex;
  flex-direction:column;
  padding:0;
  overflow:hidden;
  min-height:0;
}
.modal.modal--slideover .modal-body:has(.modal-body-inner) > form{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
  overflow:hidden;
}
.modal.modal--slideover .modal-body-inner{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:auto;
  padding:28px var(--so-pad-x) 8px;
  padding-left:var(--slideover-pad-left, var(--so-pad-x));
  -webkit-overflow-scrolling:touch;
}
/* Formlu slide-over: <h2> form-dan kənarda qalır — əvvəlki .modal-body padding itir */
.modal.modal--slideover .modal-body:has(> form .modal-body-inner) > h2{
  flex-shrink:0;
  margin-top:0;
  text-align:left;
  padding-top:28px;
  padding-right:var(--so-pad-x);
  padding-bottom:0;
  padding-left:var(--slideover-pad-left, var(--so-pad-x));
  box-sizing:border-box;
}
.modal.modal--slideover .modal-body:has(> .modal-nav-top + h2):has(> form .modal-body-inner) > h2{
  padding-top:12px;
}
/* h2 artıq yuxarı boşluğu alır; scroll məzmununda təkrar 28px olmasın */
.modal.modal--slideover .modal-body:has(> form .modal-body-inner) > form > .modal-body-inner{
  padding-top:8px;
}
.modal.modal--slideover .modal-nav-top{
  flex-shrink:0;
  padding:20px var(--so-pad-x) 0;
  padding-left:var(--slideover-pad-left, var(--so-pad-x));
  margin-bottom:0;
}
body.theme-dark .modal.modal--slideover .modal-body{
  background:#151f2b !important;
}
.modal.modal--slideover .modal-footer{
  justify-content:center;
  gap:12px;
  flex-shrink:0;
  margin-top:0;
  padding:16px var(--so-pad-x) 28px;
  padding-left:var(--slideover-pad-left, var(--so-pad-x));
  background:#fff !important;
  border-top:1px solid #e2e8f0;
  position:static;
}
body.theme-dark .modal.modal--slideover .modal-footer{
  background:#243144 !important;
  border-top-color:#2d4a5e;
}
.modal.modal--slideover .modal-body > h2,
.modal.modal--slideover .modal-body-inner > h2{
  margin-bottom:20px;
  font-size:1.35rem;
  font-weight:800;
  color:#1e293b;
  letter-spacing:-.02em;
}
/* Başlıq: inner içindədirsə konteyner artıq pad verir; birbaşa body-də olan h2 üçün yuxarıdakı :has() qaydası */
.modal.modal--slideover .modal-body-inner > h2:first-child{
  text-align:left;
  padding-left:0;
  padding-right:0;
}
body.theme-dark .modal.modal--slideover .modal-body > h2,
body.theme-dark .modal.modal--slideover .modal-body-inner > h2{color:#f1f5f9;}
.modal.modal--slideover.modal--open .modal-body{
  transform:translateX(0);
}

/* ── Popup (mərkəzləşdirilmiş xəbərdarlıq) ── */
.modal.modal--popup{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:20px 16px;
  overflow:auto;
}
.modal.modal--popup .modal-body{
  width:min(520px,98vw);
  max-width:98vw;
  max-height:calc(100vh - 40px);
  height:auto;
  border-radius:12px;
  transform:translateY(-10px);
  opacity:1;
  transition:transform .2s cubic-bezier(.4,0,.2,1);
  overflow:auto;
  padding:28px;
  box-shadow:0 16px 40px rgba(0,0,0,.35);
  margin:0;
  background:#fff !important;
  border:1px solid #e5e7eb;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.modal.modal--popup .modal-body:has(.modal-body-inner){
  display:flex;
  flex-direction:column;
  padding:0;
  overflow:hidden;
  min-height:0;
}
.modal.modal--popup .modal-body:has(.modal-body-inner) > form{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
  overflow:hidden;
}
.modal.modal--popup .modal-body-inner{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:auto;
  padding:20px 28px 8px;
  -webkit-overflow-scrolling:touch;
}
.modal.modal--popup .modal-nav-top{
  flex-shrink:0;
  padding:18px 28px 0;
  margin-bottom:0;
}
.modal.modal--popup .modal-body:has(.modal-body-inner) .modal-footer{
  padding-left:28px;
  padding-right:28px;
  padding-bottom:20px;
}
body.theme-dark .modal.modal--popup .modal-body{
  background:#1e2d3d !important;
  border-color:#2d4a5e;
  box-shadow:0 20px 50px rgba(0,0,0,.55);
}
.modal.modal--popup.modal--open .modal-body{
  transform:translateY(0);
}
.modal:has(.pick-company-modal) .modal-body{
  width:min(440px, 96vw);
  padding:22px 24px;
}
.modal-body h2{margin-bottom:14px;}
/* Şirkət seçimi (developer) – sadə */
.pick-company-modal{max-width:420px;margin:0 auto;}
.pick-company-title{
  margin:0 0 6px;
  font-size:1.2rem;
  font-weight:800;
  color:#0f172a;
}
.pick-company-sub{
  margin:0 0 16px;
  font-size:.85rem;
  color:#64748b;
  line-height:1.45;
}
.pick-company-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:min(56vh, 420px);
  overflow-y:auto;
  padding-right:4px;
}
button.dev-company-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  text-align:left;
  padding:12px 14px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#f8fafc;
  color:#0f172a;
  font-size:.92rem;
  font-weight:600;
  cursor:pointer;
  transition:border-color .15s, background .15s;
}
button.dev-company-item:hover{
  border-color:var(--brand-green);
  background:#fff;
}
.dev-co-name{flex:1;min-width:0;}
.dev-co-id{
  font-size:.75rem;
  font-weight:700;
  color:#64748b;
  font-family:ui-monospace,monospace;
  flex-shrink:0;
}
.modal-nav-top{
  display:flex;
  justify-content:flex-start;
  margin-bottom:10px;
}
.modal-footer{
  margin-top:0;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  position:static;
  background:#fff;
  padding-top:12px;
  padding-bottom:4px;
  border-top:1px solid #f3f4f6;
  flex-shrink:0;
}
/* Boz panel üzərində boz düymə görünmür — footer və üst nav-da ağ fon */
.modal-footer .btn-cancel,
.modal.modal--slideover .modal-nav-top .btn-cancel,
.modal.modal--popup .modal-nav-top .btn-cancel{
  background:#fff !important;
  color:#334155 !important;
  border:1px solid #cbd5e1 !important;
  box-shadow:0 1px 2px rgba(15,23,42,.06);
}
.modal-footer .btn-cancel:hover,
.modal.modal--slideover .modal-nav-top .btn-cancel:hover,
.modal.modal--popup .modal-nav-top .btn-cancel:hover{
  background:#f8fafc !important;
  border-color:#94a3b8 !important;
  box-shadow:0 1px 4px rgba(15,23,42,.08);
}
body.theme-dark .modal-footer .btn-cancel,
body.theme-dark .modal.modal--slideover .modal-nav-top .btn-cancel,
body.theme-dark .modal.modal--popup .modal-nav-top .btn-cancel{
  background:#fff !important;
  color:#1e293b !important;
  border-color:#94a3b8 !important;
}
body.theme-dark .modal-footer .btn-cancel:hover,
body.theme-dark .modal.modal--slideover .modal-nav-top .btn-cancel:hover,
body.theme-dark .modal.modal--popup .modal-nav-top .btn-cancel:hover{
  background:#f1f5f9 !important;
}
.modal-footer-actions{
  padding-top:16px;
  padding-bottom:8px;
  gap:12px;
}

/* Profil pəncərəsi */
.profile-modal{
  max-width:420px;
}
.profile-title{
  margin-bottom:20px;
  font-size:1.35rem;
  font-weight:800;
  color:var(--text-main);
}
.profile-section{
  background:#fff;
  border:1px solid #e8ecf1;
  border-radius:12px;
  padding:18px 22px;
  margin-bottom:16px;
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 18px rgba(15,23,42,.06);
}
body.theme-dark .profile-section{
  background:#1e2d3d;
  border-color:#2d4a5e;
  box-shadow:0 2px 14px rgba(0,0,0,.22);
}
.profile-section:last-of-type{
  margin-bottom:0;
}
.profile-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
  border-bottom:1px solid var(--border-color);
}
.profile-row:last-child{
  border-bottom:none;
  padding-bottom:0;
}
.profile-row:first-child{
  padding-top:0;
}
.profile-label{
  font-size:.8rem;
  font-weight:700;
  color:var(--text-muted);
  text-transform:uppercase;
  letter-spacing:.03em;
  flex-shrink:0;
}
.profile-value{
  font-size:.95rem;
  font-weight:600;
  color:var(--text-main);
  text-align:right;
  word-break:break-word;
}
.profile-value small.muted{
  font-weight:500;
  color:var(--text-muted);
}
.profile-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.btn-sm{
  height:36px;
  padding:0 14px;
  font-size:.85rem;
}
.btn-sm i{
  margin-right:6px;
}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.span-2{grid-column:span 2;}
.span-3{grid-column:span 3;}

/* Kart formalı formlar (2 sütun, şəkil üzrə) */
.form-stack{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.form-card{
  background:#fff;
  border-radius:12px;
  padding:22px 24px;
  border:1px solid #e8ecf1;
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 16px rgba(15,23,42,.05);
}
body.theme-dark .form-card{
  background:#1e2d3d;
  border-color:#2d4a5e;
  box-shadow:0 2px 12px rgba(0,0,0,.2);
}
.form-card-title{
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748b;
  margin:0 0 16px;
  padding-bottom:10px;
  border-bottom:1px solid #eef1f5;
}
body.theme-dark .form-card-title{
  color:#94a3b8;
  border-bottom-color:#2d4a5e;
}
.grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 18px;
  align-items:start;
}
/* Tam sətir: yalnız qeyd, checkbox sətirləri, köməkçi mətn */
.grid-2 > .f-group--note,
.grid-2 .f-group--note,
.grid-2 > .paybox--row,
.grid-2 > label.chk.grid-span-2,
.grid-2 > .grid-span-2,
.grid-2 .hint-line{
  grid-column:span 2;
}
.form-card .paybox{margin:0;}
.form-card .paybox--row{padding-top:2px;}
.form-card .table-wrap{margin-top:4px;}
.form-card .grid-2 > label.chk.grid-span-2{
  display:flex;align-items:center;gap:10px;margin:0;padding-top:4px;
}
.form-card textarea{min-height:72px;resize:vertical;}
.form-card .f-group--note textarea{min-height:96px;}
.form-card .select-small{min-height:42px;width:100%;}
.form-card input,
.form-card select,
.form-card textarea{
  border:1px solid #cfd6de;
  box-shadow:none;
  min-height:42px;
  border-radius:8px;
  background:#fff;
}
.form-card input:hover,
.form-card select:hover,
.form-card textarea:hover{
  border-color:#b8c2ce;
  box-shadow:0 1px 3px rgba(15,23,42,.06);
}
.form-card input:focus,
.form-card select:focus,
.form-card textarea:focus{
  border-color:rgba(26,71,84,.45);
  box-shadow:0 0 0 3px rgba(26,71,84,.08);
}
body.theme-dark .form-card input,
body.theme-dark .form-card select,
body.theme-dark .form-card textarea{
  background:#1a2332;
  border-color:#3d5268;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.12);
}
body.theme-dark .form-card input:focus,
body.theme-dark .form-card select:focus,
body.theme-dark .form-card textarea:focus{
  border-color:#5b8db8;
  box-shadow:0 0 0 3px rgba(59,130,196,.12);
}
/* Slide-over / popup: məlumat və cədvəllər eyni ağ kart */
.modal.modal--slideover .info-block,
.modal.modal--popup .info-block{
  margin-bottom:16px;
}
.modal.modal--slideover .modal-body .table-wrap,
.modal.modal--popup .modal-body .table-wrap{
  background:#fff;
  border-radius:12px;
  border:1px solid #e8ecf1;
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 18px rgba(15,23,42,.06);
  overflow:visible;
  margin-bottom:16px;
  margin-top:0;
  max-width:100%;
}
.modal.modal--slideover .form-card .table-wrap,
.modal.modal--popup .form-card .table-wrap{
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  margin-bottom:0;
}
body.theme-dark .modal.modal--slideover .modal-body .table-wrap,
body.theme-dark .modal.modal--popup .modal-body .table-wrap{
  background:#1e2d3d;
  border-color:#2d4a5e;
  box-shadow:0 2px 14px rgba(0,0,0,.25);
}
body.theme-dark .modal.modal--slideover .form-card .table-wrap,
body.theme-dark .modal.modal--popup .form-card .table-wrap{
  background:transparent;
  border:none;
  box-shadow:none;
}
.modal.modal--slideover .modal-body > .card,
.modal.modal--slideover .modal-body-inner > .card,
.modal.modal--popup .modal-body > .card,
.modal.modal--popup .modal-body-inner > .card{
  border-radius:12px !important;
  border:1px solid #e8ecf1 !important;
  background:#fff !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 18px rgba(15,23,42,.06) !important;
  overflow:visible;
}
body.theme-dark .modal.modal--slideover .modal-body > .card,
body.theme-dark .modal.modal--slideover .modal-body-inner > .card,
body.theme-dark .modal.modal--popup .modal-body > .card,
body.theme-dark .modal.modal--popup .modal-body-inner > .card{
  background:#1e2d3d !important;
  border-color:#2d4a5e !important;
  box-shadow:0 2px 14px rgba(0,0,0,.25) !important;
}

/* Form field qrupu — label + input */
.f-group{display:flex;flex-direction:column;gap:4px;}
/* Oxunaqlı dəyər — input ilə eyni ölçü/boşluq (info modalları) */
.f-static{
  width:100%;
  min-height:42px;
  padding:9px 12px;
  border:1px solid #dbe3ea;
  border-radius:6px;
  font-size:.875rem;
  color:var(--text-main);
  background:#f8fafc;
  box-shadow:0 1px 2px rgba(26,43,60,.05);
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
body.theme-dark .f-static{
  background:#1a2332;
  border-color:#3d5268;
  color:var(--text-main);
}
.f-group label,.f-label{
  font-size:.72rem;font-weight:700;color:var(--text-muted);
  text-transform:uppercase;letter-spacing:.04em;
}
/* Form bölmə başlığı */
.f-section{
  grid-column:span 3;
  font-size:.78rem;font-weight:800;color:var(--accent);
  text-transform:uppercase;letter-spacing:.05em;
  padding:6px 0 2px;border-bottom:2px solid var(--accent);
  margin-top:6px;
}
.f-section:first-child{margin-top:0;}
body.theme-dark .f-group label,
body.theme-dark .f-label{color:var(--text-muted);}
body.theme-dark .f-section{color:#5bb8d4;border-bottom-color:#2d5a6e;}
input,select,textarea{
  width:100%;
  padding:9px 12px;
  border:1px solid #dbe3ea;
  border-radius:6px;
  font-size:.875rem;
  color:var(--text-main);
  background:#fff;
  box-shadow:0 1px 2px rgba(26,43,60,.05);
  transition:border-color .18s ease,box-shadow .18s ease;
}
input:hover,select:hover,textarea:hover{
  border-color:#d5dee8;
  box-shadow:0 1px 3px rgba(26,43,60,.07);
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(26,71,84,.35);
  outline:none;
  box-shadow:0 0 0 3px rgba(26,71,84,.09),0 1px 2px rgba(26,43,60,.06);
}
body.theme-dark input:focus,
body.theme-dark select:focus,
body.theme-dark textarea:focus{
  border-color:rgba(91,156,200,.55);
  box-shadow:0 0 0 3px rgba(59,130,196,.14),inset 0 1px 2px rgba(0,0,0,.1);
}

.tbl-actions{display:flex;gap:.55rem;align-items:center;justify-content:center;}
.icon-btn{
  border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;
  padding:.18rem .35rem;border-radius:999px;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease;
  display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;
}
.icon-btn i{pointer-events:none;font-size:.85rem;}
.icon-btn.info{background:#e0f2fe;color:#0369a1;}
.icon-btn.info:hover{background:#bfdbfe;box-shadow:0 3px 8px rgba(59,130,246,.35);transform:translateY(-1px);}
.icon-btn.edit{background:#e0f2fe;color:#2563eb;}
.icon-btn.edit:hover{background:#bfdbfe;box-shadow:0 3px 8px rgba(37,99,235,.35);transform:translateY(-1px);}
.icon-btn.delete{background:#fee2e2;color:#b91c1c;}
.icon-btn.delete:hover{background:#fecaca;box-shadow:0 3px 8px rgba(239,68,68,.35);transform:translateY(-1px);}

/* Minimal top filters: compact + horizontal */
.header-actions{
  gap:8px;
  flex-wrap:wrap;
  overflow-x:visible;
}
.header-actions > *{flex:0 0 auto;}
.header-actions .btn-main,
.header-actions .btn-cancel,
.header-actions .btn-pager,
.header-actions select,
.header-actions input{height:30px;font-size:.82rem;}
.header-actions select,
.header-actions .select-small{
  height:30px !important;
  padding:0 9px !important;
  border-radius:10px !important;
  min-width:96px;
  font-weight:700;
}
.header-actions .date-range{gap:4px;}
.header-actions .date-range input{
  height:30px !important;
  width:132px;
  min-width:132px;
  padding:0 30px 0 8px !important;
  border-radius:10px !important;
  text-align:left;
}

/* Search icon -> expand to input */
.header-actions .search-container.search-collapsible{
  position:relative;
  flex:0 0 auto;
  width:32px;
  min-width:32px;
  overflow:visible;
}
.header-actions .search-container.search-collapsible .search-btn{
  position:absolute;
  right:0;
  top:0;
  width:30px;
  height:30px;
  min-width:30px;
  margin-left:0;
  border-radius:10px;
  z-index:2;
}
.header-actions .search-container.search-collapsible input{
  position:absolute;
  right:0;
  top:0;
  width:0;
  opacity:0;
  padding:0;
  border-width:0;
  pointer-events:none;
  transition:width .16s ease, opacity .12s ease;
  white-space:nowrap;
}
.header-actions .search-container.search-collapsible.open{
  width:220px;
  min-width:220px;
}
.header-actions .search-container.search-collapsible.open input{
  width:220px;
  opacity:1;
  height:30px;
  padding:0 40px 0 10px;
  border:1px solid var(--border-color);
  border-radius:10px;
  pointer-events:auto;
}

/* Extra short dropdowns in section headers */
.header-actions .select-small,
.header-actions select.select-small{
  min-width:72px !important;
  max-width:120px;
  width:auto;
  padding:0 6px !important;
  font-size:.78rem !important;
}

.header-actions select.select-tiny,
.header-actions .select-tiny{
  min-width:56px !important;
  max-width:82px;
  padding:0 6px !important;
}

@media (max-width: 980px){
  .header-actions{
    flex-wrap:wrap;
    overflow-x:visible;
  }
}

/* Global safe icon-input layout: text never under icon */
.search-container{
  position:relative;
  display:flex;
  align-items:center;
}
.search-container input{
  width:100%;
  padding-right:40px !important;
}
.search-container .search-btn{
  position:absolute;
  right:2px;
  top:50%;
  transform:translateY(-50%);
  margin-left:0 !important;
  z-index:2;
}

/* Date fields: keep text clear from calendar icon */
input[type="date"],
input[type="datetime-local"]{
  text-align:left;
  padding-right:30px !important;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  margin-left:6px;
}

/* Info blocks — ağ kart (form-card ilə eyni üslub) */
.info-block{
  border-radius:12px;
  border:1px solid #e8ecf1;
  background:#fff;
  overflow:hidden;
  margin-bottom:16px;
  padding:0;
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 18px rgba(15,23,42,.06);
}
body.theme-dark .info-block{
  background:#1e2d3d;
  border-color:#2d4a5e;
  box-shadow:0 2px 14px rgba(0,0,0,.22);
}

.info-row{
  display:grid;grid-template-columns:180px minmax(0,1fr);
  border-bottom:1px solid var(--border-color);
}
.info-row:last-child{border-bottom:none;}
.info-label{
  font-size:.78rem;font-weight:700;color:var(--text-muted);
  text-transform:uppercase;letter-spacing:.02em;
  background:#f8fafc;padding:9px 14px;
  border-right:1px solid var(--border-color);
}
.info-value{
  font-size:.9rem;color:var(--text-main);
  word-break:break-word;padding:9px 14px;
}
body.theme-dark .info-label{background:#162231;border-right-color:var(--border-color);}
.melumat-content{max-height:60vh;overflow-y:auto;padding:2px 0;}
.melumat-block:not(:last-child){
  margin-bottom:16px;
  border-bottom:none;
  padding-bottom:0;
}

.table-wrap{overflow:visible;margin-top:10px;}
.table-wrap table{width:100%;border-collapse:collapse;}
.table-wrap th,.table-wrap td{padding:7px 10px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);}
.table-wrap th:last-child,.table-wrap td:last-child{border-right:none;width:auto;text-align:left;}

/*
 * Status nişanları — pastel, düz, qabarıq olmayan (gradient/kölgə yox)
 */
.pill,
.status-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:3px 9px;
  border-radius:var(--status-chip-radius);
  font-weight:600;
  font-size:.7rem;
  letter-spacing:.02em;
  line-height:1.3;
  white-space:nowrap;
  border:1px solid transparent;
  box-shadow:none;
}
.pill.paid::before,
.pill.partial::before,
.pill.unpaid::before{content:none;width:0;margin:0;padding:0;}

.pill.paid,
.pill.ok,
.badge-stock{
  background:#dcfce7;
  color:#166534;
  border-color:#bbf7d0;
}

.pill.unpaid,
.pill.err,
.badge-sold{
  background:#fee2e2;
  color:#b91c1c;
  border-color:#fecaca;
}

.pill.partial,
.pill.warn,
.badge-returned{
  background:#fef9c3;
  color:#a16207;
  border-color:#fde68a;
}

.pill.credit{
  background:#ede9fe;
  color:#5b21b6;
  border-color:#ddd6fe;
}

.pill.nagd{
  background:#dbeafe;
  color:#1d4ed8;
  border-color:#bfdbfe;
}

body.theme-dark .pill,
body.theme-dark .status-badge{
  box-shadow:none;
}
body.theme-dark .pill.paid,
body.theme-dark .pill.ok,
body.theme-dark .badge-stock{
  background:rgba(34,197,94,.14);
  color:#86efac;
  border-color:rgba(74,222,128,.28);
}
body.theme-dark .pill.unpaid,
body.theme-dark .pill.err,
body.theme-dark .badge-sold{
  background:rgba(248,113,113,.12);
  color:#fca5a5;
  border-color:rgba(248,113,113,.25);
}
body.theme-dark .pill.partial,
body.theme-dark .pill.warn,
body.theme-dark .badge-returned{
  background:rgba(250,204,21,.12);
  color:#fcd34d;
  border-color:rgba(250,204,21,.22);
}
body.theme-dark .pill.credit{
  background:rgba(167,139,250,.14);
  color:#c4b5fd;
  border-color:rgba(167,139,250,.28);
}
body.theme-dark .pill.nagd{
  background:rgba(96,165,250,.14);
  color:#93c5fd;
  border-color:rgba(96,165,250,.28);
}

/* select with plus button */
.select-plus{display:flex;gap:8px;align-items:center;}
.select-plus select{flex:1;}
.mini-btn{
  width:42px;height:42px;border:1px solid var(--border-color);
  border-radius:999px;background:#fff;cursor:pointer;color:var(--text-muted);
  display:flex;align-items:center;justify-content:center;
}
.mini-btn:hover{background:#f3f4f6;color:var(--text-main);}

/* cash amounts */
.amt-in{color:var(--brand-green-hover);font-weight:900;}
.amt-out{color:#dc2626;font-weight:900;}

/* Toasts */
.toast-wrap{
  position:fixed;
  right:16px;
  bottom:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  z-index:1300;
  pointer-events:none;
}
.toast{
  pointer-events:auto;
  background:#111827;
  color:#fff;
  padding:10px 12px;
  border-radius:12px;
  box-shadow:0 16px 36px rgba(0,0,0,.22);
  font-weight:800;
  max-width:360px;
}
.toast.small{font-weight:700;font-size:.9rem;opacity:.95;}
.toast.ok{background:var(--brand-green-hover);}
.toast.warn{background:#92400e;}
.toast.err{background:#991b1b;}

/* small payment button inside tables */
.btn-mini-pay{
  height:28px;
  padding:0 10px;
  border-radius:var(--btn-radius);
  border:1px solid var(--border-color);
  background:#fff;
  cursor:pointer;
  font-weight:800;
  font-size:0.78rem;
  color:#111827;
}
.btn-mini-pay:hover{background:#f3f4f6;}

@media (max-width: 768px){
  aside{display:none;}
  .main-area{margin-left:0 !important;max-width:100vw;}
  .app-header{left:0 !important;}
  .header-search-wrap{display:none;}
  .header-rest{padding-left:12px;padding-right:12px;}
  .app-header-title{font-size:1.1rem;}
  main{
    margin-left:0;
    padding:14px;
    min-height:0;
    overflow-y:auto;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .grid-3{grid-template-columns:1fr;}
  .info-row{grid-template-columns:1fr;}
  th:last-child,td:last-child{width:auto;}
  .modal{padding:12px 10px;}
  .modal-body{
    width:100%;
    max-width:100%;
    padding:18px;
    max-height:calc(100vh - 24px);
  }
  .mobile-menu-btn{display:flex !important;}
  .header-datetime{display:none !important;}
}

/* Sidebar collapsed mode */
body.sidebar-collapsed{
  --app-sidebar-w:68px;
}
body.sidebar-collapsed aside{
  width:68px;
  overflow:visible;
}
body.sidebar-collapsed .main-area{
  margin-left:68px;
}
body.sidebar-collapsed .app-header{
  left:68px;
}
body.sidebar-collapsed .sidebar-user-info{padding:12px 6px;gap:6px;}
body.sidebar-collapsed .sidebar-user-avatar{width:36px;height:36px;font-size:.85rem;}
body.sidebar-collapsed .sidebar-user-name,
body.sidebar-collapsed .sidebar-user-role{display:none;}
body.sidebar-collapsed aside nav{
  padding-left:6px;
  padding-right:6px;
}
body.sidebar-collapsed .nav-link{
  justify-content:center;
  gap:0;
  padding:10px 0;
  flex-direction:column;
  margin-left:4px;
  width:calc(100% - 4px);
  border-radius:10px 0 0 10px;
}
body.sidebar-collapsed .nav-link .nav-text{display:none;}
body.sidebar-collapsed .nav-link i{
  font-size:.95rem;
  color:rgba(255,255,255,.75);
  width:20px;min-width:20px;
}
body.sidebar-collapsed .nav-link.active{
  margin-left:4px;
  border-radius:20px 0 0 20px;
  width:calc(100% - 4px);
}
body.sidebar-collapsed .nav-link.active i{color:#1a4754;}
body.sidebar-collapsed .nav-link.active::before,
body.sidebar-collapsed .nav-link.active::after{content:'';display:block;}
body.sidebar-collapsed .nav-link.dev-toggle .dev-caret{
  display:none !important;
}
body.sidebar-collapsed #devMenu{
  display:block;
}
body.sidebar-collapsed #devMenu .nav-link.dev-sub{
  padding-left:0;
  padding-right:0;
}
body.sidebar-collapsed .nav-link{
  position:relative;
}
body.sidebar-collapsed .nav-link:hover::before{
  content:attr(data-tip);
  position:absolute;
  left:calc(100% + 10px);
  top:50%;
  transform:translateY(-50%);
  background:#111827;
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  padding:6px 10px;
  border-radius:8px;
  font-size:.78rem;
  font-weight:600;
  white-space:nowrap;
  z-index:2000;
  pointer-events:none;
}

/* ===================== Sidebar user info ===================== */
.sidebar-user-info{
  border-top:none;
  border-bottom:1px solid rgba(255,255,255,.10);
  padding:20px 16px 16px;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  background:transparent;
  cursor:pointer;
  transition:background .14s ease;
  flex-shrink:0;
}
.sidebar-user-info:hover{background:rgba(255,255,255,.05);}
.sidebar-user-avatar{
  width:58px;height:58px;border-radius:50%;
  background:rgba(255,255,255,.20);
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;font-weight:700;color:#fff;flex-shrink:0;
  border:2.5px solid rgba(255,255,255,.4);
}
.sidebar-user-name{
  display:block;
  font-size:.88rem;font-weight:700;color:#fff;
  text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:160px;
}
.sidebar-user-role{
  display:block;
  font-size:.74rem;color:rgba(255,255,255,.55);
  margin-top:2px;text-align:center;
}
.sidebar-user-caret{display:none;}

/* Avatar foto */
.sidebar-user-avatar{position:relative;overflow:hidden;}
.sidebar-user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.sidebar-avatar-cam{
  position:absolute;bottom:0;left:0;right:0;
  height:36%;background:rgba(0,0,0,.5);
  display:flex;align-items:center;justify-content:center;
  font-size:.6rem;color:#fff;opacity:0;transition:opacity .15s;
  pointer-events:none;
}
.sidebar-user-avatar:hover .sidebar-avatar-cam{opacity:1;}
.sidebar-user-avatar{cursor:pointer;}

/* Sidebar alt logo */
.sidebar-brand{
  flex-shrink:0;padding:14px 16px;
  border-top:1px solid rgba(255,255,255,.10);
  display:flex;flex-direction:column;align-items:center;gap:6px;
}
.sidebar-brand-logo{display:none;text-align:center;}
.sidebar-brand-name{
  font-size:.8rem;font-weight:800;
  color:rgba(255,255,255,.45);
  letter-spacing:.06em;
  text-align:center;
}
/* collapsed state */
body.sidebar-collapsed .sidebar-user-info{justify-content:center;padding:12px 8px;}
body.sidebar-collapsed .sidebar-user-name,
body.sidebar-collapsed .sidebar-user-role,
body.sidebar-collapsed .sidebar-user-caret{display:none;}
body.sidebar-collapsed .nav-group-label{display:none;}
body.sidebar-collapsed .sidebar-brand{padding:10px 6px;}
body.sidebar-collapsed .sidebar-brand-name{font-size:.6rem;letter-spacing:.04em;}

/* ===================== Empty state ===================== */
.empty-state{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:52px 24px;gap:12px;text-align:center;
}
.empty-state-icon{
  width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;
  background:rgba(26,71,84,.1);color:var(--accent);font-size:1.6rem;margin-bottom:4px;
}
.empty-state-title{font-size:1.05rem;font-weight:700;color:var(--text-main);}
.empty-state-sub{font-size:.88rem;color:var(--text-muted);max-width:280px;}
body.theme-dark .empty-state-icon{background:rgba(26,71,84,.18);}

/* ===================== #17 Bildiriş mərkəzi ===================== */
.notif-panel{display:flex;flex-direction:column;gap:0;max-height:70vh;overflow-y:auto;}
.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-color);cursor:default;}
.notif-item:last-child{border-bottom:none;}
.notif-item:hover{background:var(--accent-light, rgba(26,71,84,.07));}
.notif-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;}
.notif-icon.neg{background:#fee2e2;color:#dc2626;}
.notif-icon.overdue{background:#fef3c7;color:#d97706;}
.notif-icon.stock{background:#dbeafe;color:#2563eb;}
.notif-icon.info{background:#f3f4f6;color:#6b7280;}
body.theme-dark .notif-icon.neg{background:#450a0a;color:#f87171;}
body.theme-dark .notif-icon.overdue{background:#451a03;color:#fbbf24;}
body.theme-dark .notif-icon.stock{background:#1e3a5f;color:#60a5fa;}
body.theme-dark .notif-icon.info{background:#374151;color:#9ca3af;}
.notif-body{flex:1;min-width:0;}
.notif-title{font-weight:700;font-size:.88rem;color:var(--text-main);}
.notif-text{font-size:.80rem;color:var(--text-muted);margin-top:2px;}
.notif-action{margin-top:6px;}
.notif-action button{font-size:.75rem;padding:3px 10px;border-radius:6px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;font-weight:600;}
.notif-action button:hover{background:var(--accent);color:#fff;}
.notif-empty{padding:28px 16px;text-align:center;color:var(--text-muted);font-size:.92rem;}
.notif-header-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-main);}
.notif-header-bar h3{font-size:.95rem;font-weight:700;color:var(--text-main);margin:0;}
.notif-count-badge{background:var(--accent);color:#fff;border-radius:999px;font-size:.72rem;font-weight:700;padding:2px 8px;}

/* ===================== #18 Mobil uyğunluq ===================== */
.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:inherit;padding:6px;font-size:1.1rem;}
.mobile-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1199;}
.mobile-sidebar-overlay.open{display:block;}

@media(max-width:768px){
  html,body{overflow-x:clip;}

  aside{
    position:fixed;left:0;top:0;bottom:0;z-index:1200;
    transform:translateX(-100%);
    transition:transform .25s cubic-bezier(.4,0,.2,1);
    width:220px !important;
    overflow-y:auto !important;
    overflow-x:hidden;
    border-radius:0;
    display:flex !important;
  }
  aside.mobile-open{transform:translateX(0) !important;}
  body.sidebar-collapsed aside{width:220px !important;}
  body.sidebar-collapsed aside.mobile-open{transform:translateX(0) !important;}
  body.sidebar-collapsed .nav-link{
    color:rgba(255,255,255,.7) !important;font-size:.875rem !important;
    justify-content:flex-start !important;gap:11px !important;
    padding:11px 18px !important;flex-direction:row !important;
    margin-left:10px !important;border-radius:10px 0 0 10px !important;
    width:calc(100% - 10px) !important;
  }
  body.sidebar-collapsed .nav-link.active{
    margin-left:10px !important;border-radius:24px !important;
    width:calc(100% - 10px) !important;
  }
  body.sidebar-collapsed .nav-link .nav-text{display:block !important;}
  body.sidebar-collapsed .nav-link i{color:rgba(255,255,255,.75) !important;font-size:.92rem !important;}
  body.sidebar-collapsed .nav-group-label{display:block !important;}

  .main-area{margin-left:0 !important;min-width:0;max-width:100vw;overflow-x:hidden;}
  main{
    padding:12px !important;
    min-width:0;
    min-height:0;
    overflow-y:auto;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .section.active{padding:0 !important;min-width:0;}

  .header-logo{width:0 !important;overflow:hidden;padding:0;border:none;}
  #desktopSidebarBtn{display:none !important;}
  .mobile-menu-btn{display:flex !important;align-items:center;justify-content:center;}
  .header-datetime,.last-saved,.realtime-indicator{display:none !important;}

  /* Cədvəl: üfüqi scroll tək main-da */
  .main-area{
    height:100dvh;
    max-height:100dvh;
  }
  .card{
    border-radius:10px;
    overflow:visible !important;
    max-width:100%;
  }
  .card > .table-wrap,
  .card > table,
  .card > div > table{
    overflow-x:visible !important;
    max-width:100%;
  }
  .table-wrap{
    overflow:visible !important;
    max-width:100%;
  }
  table{min-width:520px;}
  th,td{white-space:nowrap;}

  .stats-grid{grid-template-columns:repeat(2,1fr) !important;}
  .grid-3{grid-template-columns:1fr !important;}
  .grid-3 .span-2,.grid-3 .span-3{grid-column:span 1 !important;}
  .grid-2{grid-template-columns:1fr !important;}
  .grid-2 .grid-span-2,
  .grid-2 .f-group--note,
  .grid-2 .hint-line,
  .grid-2 > .paybox--row{grid-column:span 1 !important;}
  .f-group.span-2,.f-group.span-3{grid-column:span 1 !important;}
  .dash-charts{grid-template-columns:1fr !important;}
  .content-header{flex-wrap:wrap;gap:8px;padding:0 0 10px;}
  .content-header-actions{flex-wrap:wrap;gap:6px;}
  .modal.modal--slideover{--so-pad-x:12px;}
  .modal.modal--slideover .modal-body{width:100vw;min-width:unset;border-radius:0;}
  .modal.modal--popup .modal-body{max-width:100vw;border-radius:12px;}
}
@media(min-width:769px){
  .mobile-menu-btn{display:none !important;}
}

/* ===================== #19 Qlobal axtarış (command palette) ===================== */
.spotlight-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9000;
  display:none;align-items:flex-start;justify-content:center;padding-top:80px;
}
.spotlight-overlay.open{display:flex;}
.spotlight-box{
  background:var(--bg-main);border:1px solid var(--border-color);
  border-radius:16px;width:100%;max-width:600px;overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}
.spotlight-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-color);}
.spotlight-input-row i{color:var(--text-muted);font-size:1rem;}
.spotlight-input-row input{flex:1;border:none;background:transparent;font-size:1rem;outline:none;color:var(--text-main);}
.spotlight-input-row kbd{font-size:.72rem;padding:2px 6px;border-radius:5px;border:1px solid var(--border-color);color:var(--text-muted);background:var(--bg-main);}
.spotlight-results{max-height:400px;overflow-y:auto;}
.spotlight-group{padding:8px 0 2px;}
.spotlight-group-label{padding:4px 16px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);}
.spotlight-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-radius:0;}
.spotlight-item:hover,.spotlight-item.active{background:var(--accent-light,rgba(26,71,84,.1));}
.spotlight-item i{width:20px;text-align:center;color:var(--accent);font-size:.9rem;}
.spotlight-item-main{flex:1;min-width:0;}
.spotlight-item-name{font-size:.88rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.spotlight-item-sub{font-size:.76rem;color:var(--text-muted);}
.spotlight-item-tag{font-size:.72rem;padding:2px 7px;border-radius:6px;background:var(--accent-light,#e0fdf4);color:var(--accent);font-weight:700;}
.spotlight-footer{padding:8px 16px;border-top:1px solid var(--border-color);display:flex;gap:14px;color:var(--text-muted);font-size:.74rem;}
.spotlight-footer kbd{font-size:.70rem;padding:1px 5px;border-radius:4px;border:1px solid var(--border-color);}
.spotlight-empty{padding:28px 16px;text-align:center;color:var(--text-muted);font-size:.88rem;}

/* ===================== #20 Çoxdilli dəstək ===================== */
.lang-switcher{display:flex;align-items:center;gap:4px;padding:2px 4px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;}
.lang-select-wrap{display:inline-flex;align-items:center;margin:0;}
.lang-select{
  font:inherit;font-size:.78rem;font-weight:700;max-width:min(200px,42vw);
  padding:5px 26px 5px 8px;border-radius:8px;border:1px solid #e2e8f0;
  background-color:#f8fafc;color:#1a4754;cursor:pointer;
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23718096' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 7px center;
}
.lang-select:focus{outline:2px solid rgba(26,71,84,.35);outline-offset:1px;}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.btn-main > i:first-child + span,.btn-cancel > i:first-child + span{margin-left:6px;}

/* ===== Header inline search ===== */
.header-search-wrap{
  display:flex;align-items:center;gap:8px;
  background:#f1f5f9;border:1px solid #e2e8f0;
  border-radius:10px;padding:0 12px;
  height:36px;min-width:200px;max-width:260px;
  cursor:pointer;transition:border-color .15s,box-shadow .15s;
}
.header-search-wrap:hover{border-color:#b2d4de;box-shadow:0 0 0 3px rgba(26,71,84,.08);}
.header-search-icon{color:#94a3b8;font-size:.82rem;}
.header-search-input{
  border:none;background:transparent;outline:none;
  font-size:.85rem;color:#64748b;cursor:pointer;
  width:100%;
}
.header-search-input::placeholder{color:#94a3b8;}
.header-search-hint{
  font-size:.7rem;color:#94a3b8;font-weight:600;
  background:#e2e8f0;border-radius:4px;padding:1px 5px;white-space:nowrap;
}
body.theme-dark .header-search-wrap{background:#1e2d3d;border-color:#2d3748;}
body.theme-dark .header-search-wrap:hover{border-color:#3d5066;}
body.theme-dark .header-search-input{color:#94a3b8;}
body.theme-dark .header-search-hint{background:#2d3748;color:#64748b;}