.admin-layout {
  display: grid;
  grid-template-columns: 214px minmax(0, 1fr);
  direction: rtl;
  width: 100%;
  min-height: 100vh;
  margin: 0;
}

.admin-layout > .admin-sidebar { grid-column: 1; }
.admin-layout > .admin-page,
.admin-layout > .dashboard-editor-content { grid-column: 2; min-width: 0; }

.admin-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  width: 214px;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
  padding: 20px 14px;
  border-inline-end: 1px solid var(--line);
  background: #f3f4f5;
  font-family: Vazirmatn, Vazir, sans-serif;
}
[data-theme=dark] .admin-sidebar { background: #23272b; }

.management-primary-links {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: thin;
}
.admin-sidebar .eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 10px 10px;
  color: var(--action);
  font-size: 12px;
  font-weight: 700;
}
.admin-sidebar .eyebrow::before { content: none; }
.admin-sidebar .eyebrow::after {
  content: '';
  flex: 0 0 28px;
  height: 2px;
  background: var(--brand);
}
.admin-sidebar .management-primary-links a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  margin: 2px 0;
  padding: 10px 12px;
  border-radius: 7px;
  color: var(--muted);
  font-size: 13px;
  text-decoration: none;
}
.admin-sidebar .management-primary-links a[aria-current=page] {
  background: #222;
  color: #fff;
  font-weight: 700;
}
[data-theme=dark] .admin-sidebar .management-primary-links a[aria-current=page] {
  background: #ececec;
  color: #171717;
}
.admin-sidebar .management-primary-links a:hover:not([aria-current]) {
  background: var(--soft);
  color: var(--ink);
}

.management-sidebar-footer {
  flex: none;
  padding-top: 8px;
  border-top: 1px solid var(--line);
}
.management-sidebar-footer .eyebrow { margin: 6px 10px 8px; }
.management-sidebar-footer > a,
.management-sidebar-footer > button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 38px;
  padding: 7px 12px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--muted);
  text-align: right;
  font: 13px/1.6 Vazirmatn, Vazir, sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.management-sidebar-footer > a:hover,
.management-sidebar-footer > button:hover {
  background: var(--soft);
  color: var(--ink);
}
.management-user {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 8px;
  padding: 10px 6px 0;
  border-top: 1px solid var(--line);
  font-size: 12px;
}
.management-user > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--soft);
  color: var(--action);
  font-weight: 700;
}
.management-user strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mobile-management-nav { display: none; }

@media (max-width: 900px) {
  .admin-layout { display: block; }
  .admin-sidebar { display: none; }
  .admin-layout > .admin-page,
  .admin-layout > .dashboard-editor-content { padding-bottom: 110px; }
  .mobile-management-nav {
    position: fixed;
    inset: auto 0 0;
    z-index: 90;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: 66px;
    padding: 0 6px max(6px, env(safe-area-inset-bottom));
    border-top: 1px solid var(--line);
    background: #f3f4f5;
    font-family: Vazirmatn, Vazir, sans-serif;
  }
  [data-theme=dark] .mobile-management-nav { background: #23272b; }
  .mobile-management-nav > a,
  .mobile-management-more > summary {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-height: 60px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 650;
    text-align: center;
    text-decoration: none;
  }
  .mobile-management-nav > a[aria-current=page],
  .mobile-management-more[data-active=true] > summary { color: var(--action); box-shadow: inset 0 2px var(--brand); }
  .mobile-management-more > summary { list-style: none; cursor: pointer; }
  .mobile-management-more > summary::-webkit-details-marker { display: none; }
  .mobile-management-more-menu {
    position: fixed;
    right: 12px;
    left: 12px;
    bottom: calc(74px + env(safe-area-inset-bottom));
    display: grid;
    gap: 2px;
    max-height: 70vh;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--surface);
    box-shadow: 0 14px 36px #0003;
  }
  .mobile-management-more-menu > a,
  .mobile-management-more-menu > button {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 42px;
    padding: 9px 11px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--ink);
    font: 13px/1.5 Vazirmatn, Vazir, sans-serif;
    text-align: right;
    text-decoration: none;
  }
  .mobile-management-more-menu > a:hover,
  .mobile-management-more-menu > button:hover { background: color-mix(in srgb, var(--surface) 88%, var(--action)); }
  .mobile-management-more-divider { height: 1px; margin: 6px 0; background: var(--line); }
}.mobile-admin-menu-label{display:block;padding:8px 11px 4px;color:var(--action);font-size:12px;font-weight:700}
.admin-sidebar{overflow:visible}
.management-tools{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex:none}
.management-tools .management-tool{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;text-decoration:none}
.management-tools .management-tool:hover{background:var(--soft,var(--surface));color:var(--action)}
.management-tools .management-sidebar-toggle{margin-inline-start:auto}
.management-tools button:focus-visible,.management-account summary:focus-visible{outline:2px solid var(--action);outline-offset:2px}
.management-sidebar-footer{padding-top:12px}
.management-account{position:relative;min-width:0}
.management-account>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px;border-radius:8px;cursor:pointer;list-style:none;color:var(--ink)}
.management-account>summary::-webkit-details-marker{display:none}
.management-account>summary:hover,.management-account[open]>summary{background:var(--soft,var(--surface))}
.management-account>summary img{display:block;width:36px;height:36px;flex:none;border-radius:50%;object-fit:cover}
.management-account-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}
.management-account-chevron{display:flex;flex:none;color:var(--muted)}
.management-account[open] .management-account-chevron{transform:rotate(180deg)}
.management-account-menu{position:absolute;bottom:calc(100% + 10px);right:0;left:auto;z-index:220;width:220px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--canvas,var(--surface));box-shadow:0 8px 28px #0002}
.management-account-menu a{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 12px;border-radius:6px;color:var(--ink);font:13px/1.6 Vazirmatn,Vazir,sans-serif;text-decoration:none}
.management-account-menu a:hover{background:var(--soft,var(--surface));color:var(--action)}
.management-account-menu a:last-child{border-top:1px solid var(--line);margin-top:4px}
:root[data-management-collapsed=true] .admin-layout{grid-template-columns:60px minmax(0,1fr)}
:root[data-management-collapsed=true] .admin-sidebar{width:60px;padding-inline:6px}
:root[data-management-collapsed=true] .admin-sidebar .management-primary-links a{justify-content:center;gap:0;width:44px;margin:2px auto;padding:12px 0}
:root[data-management-collapsed=true] .admin-sidebar .management-link-label,:root[data-management-collapsed=true] .admin-sidebar .management-account-name,:root[data-management-collapsed=true] .admin-sidebar .management-account-chevron{display:none}
:root[data-management-collapsed=true] .admin-sidebar .eyebrow{display:block;height:1px;margin:14px 7px;font-size:0;line-height:0;background:var(--line);overflow:hidden}
:root[data-management-collapsed=true] .admin-sidebar .eyebrow::after{display:none}
:root[data-management-collapsed=true] .admin-sidebar .management-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
:root[data-management-collapsed=true] .admin-sidebar .management-tools .management-tool{width:29px;height:34px}
:root[data-management-collapsed=true] .admin-sidebar .management-sidebar-toggle{grid-column:1/-1;width:100%!important;margin:0}
:root[data-management-collapsed=true] .admin-sidebar .management-sidebar-toggle svg{transform:rotate(180deg)}
:root[data-management-collapsed=true] .admin-sidebar .management-account>summary{justify-content:center;padding:6px 0}
@media(max-width:900px){
  .mobile-management-more-menu .management-tools{margin:0;padding:6px 10px;border-bottom:1px solid var(--line)}
  .mobile-management-more-menu .management-tool{width:40px;height:40px}
  .mobile-management-more-menu .management-account-menu{position:static;width:100%;margin-top:6px;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}
  .mobile-management-more-menu .management-account{padding:4px 6px}
}
.mobile-management-nav.mobile-group-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
.management-sidebar-header{display:flex;justify-content:flex-end;margin-bottom:12px;flex:none}
.management-sidebar-header .management-tool{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}
.management-sidebar-header .management-tool:hover{background:var(--soft,var(--surface));color:var(--action)}
.management-sidebar-header .management-tool:focus-visible{outline:2px solid var(--action);outline-offset:2px}
.management-sidebar-footer .management-tools{justify-content:flex-start;margin-bottom:10px}
:root[data-management-collapsed=true] .admin-sidebar .management-sidebar-header{justify-content:center}
:root[data-management-collapsed=true] .admin-sidebar .management-sidebar-header .management-sidebar-toggle{width:36px!important}
:root[data-management-collapsed=true] .admin-sidebar .management-sidebar-footer .management-tools{display:flex;flex-direction:column;align-items:center;gap:8px}
:root[data-management-collapsed=true] .admin-sidebar .management-sidebar-footer .management-tools .management-tool{width:36px;height:36px}