.backoffice-frame{background:var(--retail-canvas);min-height:100vh;color:var(--retail-ink)}.backoffice-skip{z-index:100;background:var(--retail-ink);color:#fff;border-radius:.75rem;padding:.75rem 1rem;font-weight:700;position:fixed;top:-5rem;left:1rem}.backoffice-skip:focus{top:1rem}.backoffice-mobilebar{display:none}.backoffice-layout{grid-template-columns:16rem minmax(0,1fr);min-height:100vh;display:grid}.backoffice-sidebar{border-right:1px solid var(--retail-border);background:var(--retail-surface);flex-direction:column;gap:1.5rem;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.backoffice-brand{color:var(--retail-ink);align-items:center;gap:.75rem;font-size:1.125rem;font-weight:750;text-decoration:none;display:flex}.backoffice-mark{background:var(--retail-brand);color:#fff;border-radius:.75rem;place-items:center;width:2.5rem;height:2.5rem;display:grid}.backoffice-preview{color:#684500;text-transform:uppercase;letter-spacing:.08em;background:#fff5d7;border:1px solid #e4b95f;border-radius:.75rem;padding:.65rem .75rem;font-size:.72rem;font-weight:800;line-height:1.35}.backoffice-nav{gap:.35rem;display:grid}.backoffice-nav a{min-height:var(--retail-control-min);color:var(--retail-ink-muted);border-radius:.75rem;align-items:center;padding:.7rem .8rem;font-weight:650;text-decoration:none;display:flex}.backoffice-nav a:hover{background:var(--retail-surface-muted);color:var(--retail-ink)}.backoffice-nav a[aria-current=page]{color:var(--retail-brand);background:#e5f0ea}.backoffice-user{border-top:1px solid var(--retail-border);overflow-wrap:anywhere;margin-top:auto;padding-top:1rem}.backoffice-user strong,.backoffice-user span{display:block}.backoffice-user span{color:var(--retail-ink-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;font-size:.75rem}.backoffice-signout{min-height:var(--retail-control-min);border:1px solid var(--retail-border);background:#fff;border-radius:.75rem;width:100%;margin-top:.75rem;font-weight:700}.backoffice-content{min-width:0;padding:2rem}.backoffice-content>*{max-width:80rem;margin-inline:auto}.backoffice-dialog-backdrop{z-index:80;background:#081913ad;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.backoffice-dialog{background:#fff;border:0;border-radius:1rem;width:min(100%,31rem);padding:1.5rem;box-shadow:0 28px 80px #00000040}.backoffice-dialog h2{margin:0;font-size:1.35rem}.backoffice-dialog p{color:var(--retail-ink-muted);line-height:1.55}.backoffice-dialog label{gap:.4rem;margin-top:1rem;font-size:.875rem;font-weight:700;display:grid}.backoffice-dialog input{min-height:var(--retail-control-min);border:1px solid #b8c8bf;border-radius:.75rem;padding:.7rem .8rem}.backoffice-dialog-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.backoffice-dialog-actions button{min-height:var(--retail-control-min);border:1px solid var(--retail-border);background:#fff;border-radius:.75rem;padding:.65rem 1rem;font-weight:750}.backoffice-dialog-actions .danger{border-color:var(--retail-danger);background:var(--retail-danger);color:#fff}@media (max-width:760px){.backoffice-mobilebar{z-index:40;border-bottom:1px solid var(--retail-border);background:#fff;justify-content:space-between;align-items:center;padding:.65rem 1rem;display:flex;position:sticky;top:0}.backoffice-mobilebar button{min-width:var(--retail-control-min);min-height:var(--retail-control-min);border:1px solid var(--retail-border);background:#fff;border-radius:.75rem}.backoffice-layout{display:block}.backoffice-sidebar{z-index:50;visibility:hidden;width:min(19rem,88vw);transition:transform .18s,visibility .18s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:12px 0 45px #00000029}.backoffice-sidebar[data-open=true]{visibility:visible;transform:translate(0)}.backoffice-content{padding:1.25rem 1rem 2rem}}