.backoffice-root{--sheet-surface:var(--surface);--sheet-surface-2:var(--surface-2);--sheet-foreground:var(--foreground);--sheet-muted-foreground:var(--muted-foreground);--sheet-border:var(--border)}.backoffice-stage{position:relative;isolation:isolate;--background:transparent;--glass-bg:color-mix(in srgb,white 58%,transparent);--glass-border:color-mix(in srgb,white 78%,transparent);--glass-blur:26px;--glass-shadow:0 30px 70px -42px color-mix(in srgb,black 55%,transparent);--stage-veil:linear-gradient(color-mix(in srgb,white 66%,transparent),color-mix(in srgb,white 82%,transparent)),white url(/brand/foundation-backdrop.jpg) center /cover no-repeat;--stage-bar:color-mix(in srgb,black 3%,white);--stage-float:color-mix(in srgb,white 94%,transparent)}.dark .backoffice-stage{color:white;--surface:color-mix(in srgb,white 9%,transparent);--surface-2:color-mix(in srgb,white 14%,transparent);--foreground:white;--muted-foreground:color-mix(in srgb,white 76%,transparent);--border:color-mix(in srgb,white 20%,transparent);--glass-bg:color-mix(in srgb,black 56%,transparent);--glass-border:color-mix(in srgb,white 16%,transparent);--glass-shadow:0 30px 70px -42px black;--stage-veil:linear-gradient(color-mix(in srgb,black 34%,transparent),color-mix(in srgb,black 62%,transparent)),black url(/brand/foundation-backdrop.jpg) center /cover no-repeat;--stage-bar:color-mix(in srgb,white 8%,black);--stage-float:color-mix(in srgb,black 84%,transparent)}.backoffice-stage:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--stage-veil)}html:has(.backoffice-stage){--radius-card:18px;--radius-control:12px}html:has(.backoffice-stage) body{background:white}html.dark:has(.backoffice-stage) body{background:black}html:has(.backoffice-stage) [data-slot=button]{border-radius:999px}.backoffice-stage>aside{--brand-soft:var(--brand);box-shadow:var(--glass-shadow)}.backoffice-stage>aside :is([aria-current=page],[data-active]){color:white}.backoffice-stage>div>header{background:var(--stage-bar);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--glass-shadow)}.backoffice-stage main{padding:14px}.backoffice-panel{min-height:calc(100vh - 124px);padding:18px;border:1px solid var(--glass-border);border-radius:22px;background:var(--glass-bg);box-shadow:var(--glass-shadow)}@media (min-width:64rem){.backoffice-stage>aside{top:14px;height:calc(100vh - 28px);margin:14px 0 14px 14px;overflow:hidden;border:1px solid var(--glass-border);border-radius:28px}.backoffice-stage>div>header{top:14px;margin:14px 14px 0;border:1px solid var(--glass-border);border-radius:22px}.backoffice-stage>div:before{content:"";position:sticky;top:0;z-index:29;flex:none;height:calc(14px + 4rem);margin-bottom:calc(-14px - 4rem);pointer-events:none;background:var(--stage-veil);background-attachment:fixed}.backoffice-panel{padding:22px 24px 24px;border-radius:28px}}.backoffice-panel .sticky.bottom-0:not(:where(.card,.card-2,.bg-white,.bg-card,.bg-popover) *){bottom:10px;padding-inline:16px;border:1px solid var(--glass-border);border-radius:18px;background:var(--stage-float);box-shadow:var(--glass-shadow)}.backoffice-stage .admin-page-title{display:flex;align-items:center;gap:10px}.backoffice-stage .admin-page-title:before{content:"";flex-shrink:0;width:3px;height:.9em;border-radius:2px;background:var(--brand)}@layer components{.backoffice-stage :where(.card,.card-2,.bg-white,.bg-card,.bg-popover,.rounded-card.bg-surface,.rounded-card.bg-surface-2):not([class*=-soft]){--surface:var(--sheet-surface);--surface-2:var(--sheet-surface-2);--foreground:var(--sheet-foreground);--muted-foreground:var(--sheet-muted-foreground);--border:var(--sheet-border);color:var(--foreground);color-scheme:light}.dark .backoffice-stage :where(.card,.card-2,.bg-white,.bg-card,.bg-popover,.rounded-card.bg-surface,.rounded-card.bg-surface-2):not([class*=-soft]){color-scheme:dark}}