.page-transition{position:fixed;z-index:999;inset:0;display:grid;place-items:start center;padding:clamp(18px,5vw,48px);overflow:hidden;background:#e2d0bbf5;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility 0s linear .16s}.page-transition.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s ease}.transition-shell{width:min(760px,100%);margin:auto;display:grid;gap:15px}.skeleton-top{display:flex;align-items:center;justify-content:space-between}.skeleton-top span{width:156px;height:24px}.skeleton-top i{width:44px;height:44px;border-radius:15px}.skeleton-hero{height:185px;padding:28px;border-radius:27px;display:flex;flex-direction:column;justify-content:center;gap:13px}.skeleton-hero span{width:30%;height:12px}.skeleton-hero b{width:58%;height:31px}.skeleton-hero i{width:44%;height:13px}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.skeleton-grid span{height:100px;border-radius:20px}.skeleton-list{display:grid;gap:10px}.skeleton-list span{height:67px;border-radius:18px}.page-transition :is(.skeleton-top span,.skeleton-top i,.skeleton-hero,.skeleton-hero span,.skeleton-hero b,.skeleton-hero i,.skeleton-grid span,.skeleton-list span){position:relative;overflow:hidden;background:#c8ad90}.page-transition :is(.skeleton-hero span,.skeleton-hero b,.skeleton-hero i){background:#e2cdb6}.page-transition :is(.skeleton-top span,.skeleton-top i,.skeleton-hero,.skeleton-grid span,.skeleton-list span):after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#fff8ed70,transparent);animation:skeleton-shimmer 1.15s ease-in-out infinite}
.admin-console .page-transition{background:#131917fa}.admin-console .page-transition :is(.skeleton-top span,.skeleton-top i,.skeleton-hero,.skeleton-grid span,.skeleton-list span){background:#29322f}.admin-console .page-transition :is(.skeleton-hero span,.skeleton-hero b,.skeleton-hero i){background:#3a4642}.admin-console .page-transition :is(.skeleton-top span,.skeleton-top i,.skeleton-hero,.skeleton-grid span,.skeleton-list span):after{background:linear-gradient(90deg,transparent,#ffffff0c,transparent)}
@keyframes skeleton-shimmer{100%{transform:translateX(100%)}}
@media(max-width:700px){.page-transition{padding:19px 15px 95px}.transition-shell{margin:0;gap:12px}.skeleton-hero{height:195px;padding:23px;border-radius:0 0 28px 28px}.skeleton-grid{grid-template-columns:1fr 1fr}.skeleton-grid span{height:92px}.skeleton-list span{height:61px}}
@media(prefers-reduced-motion:reduce){.page-transition{transition:none}.page-transition :is(.skeleton-top span,.skeleton-top i,.skeleton-hero,.skeleton-grid span,.skeleton-list span):after{animation:none}}