.admin-route .admin{grid-template-columns:256px minmax(0,1fr)}
.admin-route .admin .sidebar{background:linear-gradient(170deg,#123e2c,#102c22);border:1px solid #315741;border-radius:20px;padding:20px 12px 14px;gap:4px;box-shadow:0 16px 40px #133f2c18;scrollbar-width:thin;scrollbar-color:#58775d transparent}
.admin-sidebar-brand{padding:4px 14px 22px;margin-bottom:4px;border-bottom:1px solid #ffffff16}
.admin-sidebar-brand>a{display:inline-flex;background:#fff;border-radius:8px;padding:7px 10px}
.admin-sidebar-brand img{display:block;width:145px;height:auto}
.admin-sidebar-brand>span{display:flex;align-items:center;gap:7px;margin-top:15px;color:#b9cdbd;font-size:9px;font-weight:600;letter-spacing:1.8px}
.admin-sidebar-brand i{width:6px;height:6px;background:#bed997;border-radius:50%}
.admin-route .admin-nav-group{padding:20px 14px 8px;color:#91ad9a;font-size:10px;font-weight:600;letter-spacing:1.7px}
.admin-route .admin .sidebar button{display:flex;align-items:center;gap:12px;position:relative;padding:12px 14px;min-height:46px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:400;line-height:1.4;color:#d1e1d6;transition:background .15s,color .15s}
.admin-route .sidebar button>svg{flex-shrink:0;opacity:.85}
.admin-route .sidebar button>span:not(.admin-nav-indicator){flex:1}
.admin-route .sidebar button .admin-nav-indicator{font-size:20px;color:#a8c184;opacity:0}
.admin-route .admin .sidebar button:hover{background:#ffffff0c;color:white;border-color:#ffffff12}
.admin-route .admin .sidebar button.active{background:#e5efcf;color:#153d2a;border-color:#e5efcf;font-weight:600;box-shadow:0 4px 14px #00000012}
.admin-route .sidebar button.active .admin-nav-indicator{opacity:1;color:#345532}
.admin-route .sidebar button.active>svg{opacity:1}
.admin-route .admin .sidebar button[data-section="Sign out"]{margin-top:18px;border-top:1px solid #ffffff20;border-radius:0 0 8px 8px;color:#e2c4b4;padding-top:17px}
@media(max-width:1024px){.admin-route .admin .sidebar.is-open{display:flex;flex-direction:column;max-height:65dvh;overflow-y:auto;padding:16px 12px}.admin-sidebar-brand{display:none}.admin-route .admin-nav-group{padding-top:16px}.admin-route .admin .sidebar button{width:100%;font-size:15px;min-height:48px}.admin-route .admin-nav-toggle{border-radius:12px;box-shadow:0 4px 14px #153d2a08}}
@media(prefers-reduced-motion:reduce){.admin-route .admin .sidebar button{transition:none}}
@media(min-width:1025px){
 body.admin-route>.admin-topbar{position:sticky;top:0;z-index:30;height:auto;min-height:76px;padding:12px 30px;flex-wrap:wrap}
 .admin-route .admin{display:block;width:100%;max-width:none;padding-left:268px;min-height:calc(100dvh - 76px)}
 .admin-route .admin .sidebar{position:fixed;left:16px;top:calc(var(--admin-bar-height,76px) + 16px);bottom:16px;width:244px;height:auto;min-height:0;max-height:none;margin:0;padding:18px 12px;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;overflow-anchor:none;scroll-padding-block:18px;overscroll-behavior:contain;z-index:20;border-radius:16px;scrollbar-gutter:stable}
 .admin-route .admin-content{width:100%;max-width:1600px;margin:0 auto;padding:30px 28px}
 .admin-sidebar-brand{flex-shrink:0;padding:2px 10px 18px}
 .admin-route .admin-nav-group{flex-shrink:0;padding:17px 12px 7px}
 .admin-route .admin .sidebar button{flex-shrink:0;width:100%;min-height:44px;padding:11px 12px;gap:11px}
}
@media(max-width:1024px){
 .admin-route .admin{padding-left:0}
 .admin-route .admin .sidebar{left:auto;bottom:auto;top:auto;height:auto;margin:10px 20px 0;width:calc(100% - 40px);border-radius:14px}
 .admin-route .admin .sidebar.is-open{max-height:60dvh;overscroll-behavior:contain}
}
