.app-drawer-backdrop{position:fixed;inset:0;z-index:var(--hub-z-modal);display:grid;place-items:stretch end;background:var(--hub-overlay-scrim);-webkit-backdrop-filter:var(--hub-blur-overlay,blur(3px));backdrop-filter:var(--hub-blur-overlay,blur(3px))}.app-drawer{width:min(720px,100vw);height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;color:var(--hub-text);background:var(--hub-solid-surface-strong);border-left:1px solid var(--hub-line-strong);box-shadow:var(--hub-panel-shadow);animation:app-drawer-in .18s ease-out both}.app-drawer--wide{width:min(960px,100vw)}.app-drawer__header{min-height:72px;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--hub-line);background:color-mix(in srgb,var(--hub-solid-surface-strong) 88%,transparent);-webkit-backdrop-filter:var(--hub-blur-panel);backdrop-filter:var(--hub-blur-panel)}.app-drawer__header>div{min-width:0;display:grid;gap:.25rem}.app-drawer__header span{color:var(--hub-accent-text);font:600 .62rem/1 var(--hub-font-mono);letter-spacing:.08em}.app-drawer__header h2{margin:0;color:var(--hub-text);font-size:1.05rem;font-weight:var(--hub-weight-semibold)}.app-drawer__body{min-height:0;overflow-y:auto;padding:1.15rem 1.25rem 1.35rem}.app-drawer__body>.admin-form{min-height:100%;display:flex;flex-direction:column}.app-drawer__body>.admin-form>footer{margin-top:auto;padding-top:1.15rem}@keyframes app-drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.app-drawer{animation:none}}@media(max-width:600px){.app-drawer__header{min-height:64px;padding-inline:1rem}.app-drawer__body{padding:1rem}}