.admin-page{--admin-sidebar-width:272px}
.admin-page main{margin-left:var(--admin-sidebar-width);min-width:0}
.admin-menu{background:#fff;border-right:1px solid rgba(23,60,42,.12);bottom:0;display:flex;flex-direction:column;gap:.4rem;left:0;overflow-y:auto;padding:1.25rem 1rem 2rem;position:fixed;top:78px;width:var(--admin-sidebar-width);z-index:80}
.admin-menu-heading{border-bottom:1px solid var(--line);display:grid;gap:.25rem;margin:0 .35rem .65rem;padding:.45rem .45rem 1rem}
.admin-menu-heading strong{color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:1rem;letter-spacing:.06em}
.admin-menu-heading span{color:var(--ink-soft);font-size:.65rem}
.admin-menu a{border:1px solid transparent;border-radius:15px;display:grid;gap:.28rem;min-width:0;padding:.82rem .9rem;text-align:left;transition:background 180ms ease,border-color 180ms ease,color 180ms ease,transform 180ms ease}
.admin-menu a:hover,.admin-menu a:focus-visible{background:var(--paper);border-color:rgba(23,60,42,.1);transform:translateX(3px)}
.admin-menu a.active{background:var(--ink);color:#fff}
.admin-menu a strong{font-family:Georgia,"Times New Roman",serif;font-size:.91rem;line-height:1.15}
.admin-menu a span{color:var(--ink-soft);font-size:.63rem;line-height:1.35}
.admin-menu a.active span{color:rgba(255,255,255,.7)}
.admin-menu-toggle{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:10px;color:#fff;cursor:pointer;display:none;font-weight:800;padding:.55rem .7rem}
.admin-menu-backdrop{background:rgba(8,24,16,.5);border:0;inset:78px 0 0;position:fixed;z-index:70}
.admin-home-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1440px;padding:0 4vw 6rem}
.admin-home-grid a{align-items:center;background:#fff;border:1px solid rgba(23,60,42,.12);border-radius:26px;box-shadow:0 20px 60px rgba(23,60,42,.07);display:flex;flex-direction:column;justify-content:center;min-height:210px;min-width:0;overflow:hidden;padding:2rem 1.5rem;text-align:center;transition:transform 180ms ease,box-shadow 180ms ease}
.admin-home-grid a:hover,.admin-home-grid a:focus-visible{box-shadow:0 26px 70px rgba(23,60,42,.12);transform:translateY(-3px)}
.admin-home-grid h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.35rem,1.8vw,1.9rem);letter-spacing:-.04em;line-height:1.08;margin:0 0 .8rem;max-width:100%;overflow-wrap:break-word}
.admin-home-grid p{color:var(--ink-soft);font-size:.78rem;line-height:1.65;margin:0;max-width:28ch}
.admin-single-view{margin:0 auto;max-width:1440px;padding:2.5rem 4vw 6rem}
.admin-single-view .admin-form-card{margin:0 auto;max-width:820px}
.admin-single-view .admin-products-card{margin:0 auto;max-width:1120px}
.admin-view-card{animation:admin-view-in 220ms ease both}
@keyframes admin-view-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1120px){.admin-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .admin-page main{margin-left:0}
  .admin-menu{box-shadow:16px 0 50px rgba(8,24,16,.18);transform:translateX(-105%);transition:transform 220ms ease}
  .admin-page.admin-nav-open .admin-menu{transform:translateX(0)}
  .admin-menu-toggle{display:block}
  .admin-header{position:relative;z-index:90}
}
@media(max-width:640px){
  .admin-page{--admin-sidebar-width:min(86vw,300px)}
  .admin-menu{top:72px}
  .admin-menu-backdrop{inset:72px 0 0}
  .admin-header{align-items:center;display:grid;gap:.65rem;grid-template-columns:auto 1fr;padding:.75rem 1rem}
  .admin-header>div{justify-content:flex-start;width:auto}
  .admin-header nav{grid-column:1/-1;justify-content:space-between;width:100%}
  .admin-home-grid{grid-template-columns:1fr}
  .admin-home-grid,.admin-single-view{padding-left:1rem;padding-right:1rem}
}