.sm-app { min-height: 100vh; background: var(--sm-bg); }
.sm-desktop { min-height: 100vh; display: grid; grid-template-columns: 250px minmax(0,1fr); direction:ltr; }
.sm-sidebar { background: linear-gradient(180deg, #0b1830 0%, #0d203d 100%); color:#fff; padding:22px 16px; display:flex; flex-direction:column; gap:18px; direction:rtl; }
.sm-main { min-width:0; direction:rtl; }
.sm-topbar { height:76px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 26px; background:#fff; border-bottom:1px solid var(--sm-line); }
.sm-content { padding:20px 26px 28px; }
.sm-mobile { display:none; min-height:100vh; background:var(--sm-bg); direction:rtl; }
@media (max-width: 900px){
  .sm-desktop{display:none}
  .sm-mobile{display:block}
}