.site-sidebar-page {
    padding-left: 260px;
}

.site-sidebar-page .account-header,
.site-sidebar-page .admin-header,
.site-sidebar-page .support-header,
.site-sidebar-page .account-mobile-nav,
.site-sidebar-page .admin-mobile-nav {
    display: none;
}

.site-sidebar-page .dashboard-tabs {
    display: none;
}

.site-sidebar {
    position: fixed;
    z-index: 100;
    inset: 0 auto 0 0;
    width: 260px;
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    border-right: 1px solid rgba(159,122,255,.22);
    color: #f8f5ff;
    background:
            radial-gradient(circle at 20% 4%, rgba(124,75,255,.17), transparent 26%),
            linear-gradient(180deg, rgba(18,15,29,.985), rgba(9,10,16,.985));
    box-shadow: 24px 0 70px rgba(0,0,0,.34), inset -1px 0 rgba(255,255,255,.025);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

.site-sidebar__head { min-height: 52px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.site-sidebar__brand { display:flex; align-items:center; gap:11px; color:inherit; text-decoration:none; }
.site-sidebar__brand img { width:42px; height:42px; padding:3px; border:1px solid rgba(166,126,255,.4); border-radius:13px; background:rgba(139,92,246,.14); filter:drop-shadow(0 8px 16px rgba(71,186,255,.24)); }
.site-sidebar__brand span { display:flex; align-items:baseline; gap:6px; }
.site-sidebar__brand strong { font-size:18px; font-weight:900; }
.site-sidebar__brand small { color:#a98aff; font-size:9px; font-weight:900; letter-spacing:.14em; }
.site-sidebar__close { display:none; width:38px; height:38px; border:1px solid rgba(255,255,255,.12); border-radius:11px; color:#eee7ff; background:rgba(255,255,255,.06); font:inherit; font-size:22px; cursor:pointer; }
.site-sidebar__nav { display:grid; gap:8px; }
.site-sidebar__nav a { min-height:60px; padding:9px 11px; display:grid; grid-template-columns:36px 1fr; align-items:center; gap:10px; border:1px solid rgba(255,255,255,.075); border-radius:13px; color:#f4efff; background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(147,104,255,.045)); box-shadow:inset 0 1px rgba(255,255,255,.025); text-decoration:none; transition:160ms ease; }
.site-sidebar__nav a:hover { border-color:rgba(166,126,255,.48); background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(55,214,255,.08)); box-shadow:0 8px 28px rgba(91,49,180,.18),inset 0 1px rgba(255,255,255,.08); transform:translateX(2px); }
.site-sidebar__nav a.is-active { border-color:rgba(170,133,255,.58); background:linear-gradient(135deg,rgba(132,79,255,.3),rgba(55,214,255,.1)); box-shadow:0 10px 30px rgba(91,49,180,.2),inset 3px 0 #9a70ff; }
.site-sidebar__nav i { width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(173,139,255,.38); border-radius:10px; color:#fff; background:linear-gradient(145deg,rgba(143,91,255,.28),rgba(76,197,255,.09)); box-shadow:0 5px 18px rgba(97,52,190,.18),inset 0 1px rgba(255,255,255,.1); font-size:13px; font-style:normal; font-weight:900; }
.site-sidebar__nav a > span { min-width:0; display:grid; gap:3px; }
.site-sidebar__nav strong { color:#fbf9ff; font-size:13px; font-weight:800; }
.site-sidebar__nav small { overflow:hidden; color:#ada5bb; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.site-sidebar__nav a:hover small,.site-sidebar__nav a.is-active small { color:#d9d1e8; }
.site-sidebar__footer { margin-top:auto; display:grid; gap:8px; }
.site-sidebar__footer form { margin:0; }
.site-sidebar__footer button,.site-sidebar__secondary { width:100%; min-height:44px; padding:0 13px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.11); border-radius:12px; color:#e9e3f5; background:rgba(255,255,255,.045); font:inherit; font-size:11px; font-weight:800; text-decoration:none; cursor:pointer; }
.site-sidebar__footer button:hover,.site-sidebar__secondary:hover { border-color:rgba(166,126,255,.4); background:rgba(139,92,246,.13); }
.site-sidebar-toggle { display:none; }
.site-sidebar-overlay { display:none; }

@media (max-width: 1100px) {
    body.site-sidebar-page { padding-left:0; padding-bottom:0; }
    .site-sidebar { width:min(310px,88vw); transform:translateX(-105%); transition:transform 220ms ease; }
    .site-sidebar.is-open { transform:translateX(0); }
    .site-sidebar__close { display:grid; place-items:center; }
    .site-sidebar-toggle { position:fixed; z-index:92; top:max(12px,env(safe-area-inset-top)); left:12px; min-height:44px; padding:0 14px; display:flex; align-items:center; gap:8px; border:1px solid rgba(166,126,255,.4); border-radius:13px; color:#fff; background:rgba(20,16,31,.92); box-shadow:0 12px 35px rgba(0,0,0,.35); font:inherit; font-size:12px; cursor:pointer; backdrop-filter:blur(18px); }
    .site-sidebar-toggle span { font-size:18px; }
    .site-sidebar-overlay { position:fixed; z-index:99; inset:0; border:0; opacity:0; background:rgba(2,2,7,.72); pointer-events:none; transition:opacity 180ms ease; }
    .site-menu-open { overflow:hidden; }
    .site-menu-open .site-sidebar-overlay { display:block; opacity:1; pointer-events:auto; }
    .site-sidebar-page .dashboard-shell,.site-sidebar-page .admin-shell,.site-sidebar-page .support-shell { padding-top:82px; }
}

@media (prefers-reduced-motion:reduce) {
    .site-sidebar,.site-sidebar-overlay,.site-sidebar__nav a { transition-duration:.01ms; }
}