.zl-home-backoffice{background:var(--zl-indigo);color:var(--zl-crudo);justify-items:center;gap:32px;padding-block:clamp(56px,6vw,96px);display:grid}.zl-backoffice-intro{text-align:center;justify-items:center;gap:14px;display:grid}.zl-backoffice-intro>p:last-child{max-width:560px;color:var(--zl-tiza-claro);font-size:17px}.zl-backoffice-intro .zl-home-offer-label{background:var(--zl-crudo);color:var(--zl-indigo)}.zl-home-backoffice>.zl-home-mono{color:var(--zl-tiza);font-size:11px}.zl-home-backoffice .zl-home-demo-choices button[aria-pressed=true]{background:var(--zl-crudo);color:var(--zl-indigo)}.zl-backoffice-swipe{display:none}.zl-backoffice-scroll{border-radius:14px;width:100%;max-width:1200px;overflow-x:auto}.zl-backoffice-preview{min-width:760px;container-type:inline-size}.zl-backoffice-frame{--mock-border:#e8e3db;--mock-muted:#625e73;--mock-selection:#eeebf7;aspect-ratio:16/9.4;color:var(--zl-indigo);background:#faf8f4;border-radius:1.4cqw;flex-direction:column;font-size:1.1cqw;display:flex;overflow:hidden}.zl-backoffice-top,.zl-backoffice-top>div,.zl-backoffice-screen-heading,.zl-backoffice-screen-heading>div:last-child{justify-content:space-between;align-items:center;gap:1em;display:flex}.zl-backoffice-top{background:var(--zl-crudo);border-bottom:1px solid var(--mock-border);flex:none;height:4.4cqw;padding:0 1.6cqw}.zl-backoffice-top img{width:auto;height:1.8cqw}.zl-backoffice-top span{border:1px solid var(--mock-border);color:var(--mock-muted);border-radius:.35em;padding:.3em .7em;font-size:.9em}.zl-backoffice-top>div:last-child span{background:#fff;border-radius:2em;width:17em}.zl-backoffice-top strong{aspect-ratio:1;background:var(--zl-indigo);width:2.4em;color:var(--zl-crudo);border-radius:50%;place-items:center;display:grid}.zl-backoffice-body{flex:1;min-height:0;display:flex}.zl-backoffice-sidebar{border-right:1px solid var(--mock-border);background:#fffdf8;flex:none;width:15cqw;padding-block:1.4cqw}.zl-backoffice-sidebar>div{align-items:center;gap:.8em;padding:.8em 1.6cqw;font-weight:500;display:flex}.zl-backoffice-sidebar .anticon{flex:none;font-size:1.2em;line-height:1}.zl-backoffice-sidebar .anticon svg{display:block}.zl-backoffice-sidebar [data-active=true]{background:var(--mock-selection);box-shadow:inset .25em 0 var(--zl-indigo);font-weight:700}.zl-backoffice-screen{flex-direction:column;flex:1;gap:1.4cqw;min-width:0;padding:1.8cqw 2.2cqw;display:flex}.zl-backoffice-screen-heading>div:first-child{gap:.2em;display:grid}.zl-backoffice-screen-heading>div:first-child strong{font:800 2.2em/1.1 var(--zl-home-display)}.zl-backoffice-screen-heading>div:first-child span{color:var(--mock-muted)}.zl-backoffice-action{background:var(--zl-indigo);color:var(--zl-crudo);border-radius:.4em;padding:.55em 1.1em;font-weight:600}.zl-backoffice-card{border:1px solid var(--mock-border);background:#fff;border-radius:.6em}.zl-backoffice-phases{grid-template-columns:repeat(6,minmax(0,1fr));gap:.8cqw;display:grid}.zl-backoffice-phases>div{gap:.3em;padding:.9em 1em;display:grid}.zl-backoffice-phases [data-active=true]{color:var(--zl-crudo);background:var(--zl-indigo)}.zl-backoffice-phases span{font-size:.85em}.zl-backoffice-phases strong{font:800 2em/1 var(--zl-home-display)}.zl-backoffice-orders{border-spacing:0;text-align:left;width:100%;overflow:hidden}.zl-backoffice-orders :is(th,td){padding:.85em .65em}.zl-backoffice-orders :is(th,td):first-child{padding-left:1.25em}.zl-backoffice-orders th{color:var(--mock-muted);background:#f7f4ee;font-weight:600}.zl-backoffice-orders td{border-top:1px solid #f0ece5}.zl-backoffice-orders td:nth-child(2),.zl-backoffice-sizes{font-family:DM Mono,monospace}.zl-backoffice-status-dot{aspect-ratio:1;border-radius:50%;width:.6em;margin-right:.45em;display:inline-block}.zl-backoffice-badge{background:var(--mock-selection);border-radius:1em;padding:.15em .7em;font-weight:600;display:inline-block}.zl-backoffice-badge[data-express=true]{color:var(--zl-carbon);background:var(--zl-hilvan)}.zl-backoffice-paid{color:#1f5a2e;background:#e3f1e6}.zl-backoffice-order-detail{grid-template-columns:1.6fr 1fr;gap:1.4cqw;display:grid}.zl-backoffice-order-lines{gap:1cqw;display:grid}.zl-backoffice-order-lines>div,.zl-backoffice-track{padding:1.2em}.zl-backoffice-order-product,.zl-backoffice-delivery{justify-content:space-between;align-items:center;gap:1em;display:flex}.zl-backoffice-garment{aspect-ratio:1;background:var(--zl-tiza-claro);border-radius:.5em;flex:none;place-items:center;width:5.5em;display:grid}.zl-backoffice-garment svg{width:70%}.zl-backoffice-sizes{gap:.5em;margin-top:.55em;font-size:.85em;display:flex}.zl-backoffice-sizes span{background:var(--zl-crudo);border-radius:.3em;padding:.15em .5em}.zl-backoffice-order-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:1em;display:grid}.zl-backoffice-order-specs>div{gap:.3em;display:grid}.zl-backoffice-order-specs span,.zl-backoffice-delivery span{color:var(--mock-muted)}.zl-backoffice-track>div{align-items:center;gap:.8em;padding-top:.7em;display:flex}.zl-backoffice-track>div span{aspect-ratio:1;border:1px solid;border-radius:50%;place-items:center;width:1.5em;display:grid}.zl-backoffice-track [data-status=done] span{background:var(--zl-indigo);border-color:var(--zl-indigo);color:var(--zl-crudo)}.zl-backoffice-track [data-status=current]{font-weight:700}.zl-backoffice-track [data-status=pending]{color:var(--mock-muted)}.zl-backoffice-studio{flex:1;grid-template-columns:1fr 2.6fr 1.1fr;gap:1cqw;min-height:0;display:grid}.zl-backoffice-studio>div{flex-direction:column;gap:.65em;min-width:0;padding:1em;display:flex}.zl-backoffice-studio-sections div{border-radius:.35em;padding:.45em .6em}.zl-backoffice-studio-sections [data-active=true]{background:var(--mock-selection);font-weight:700}.zl-backoffice-studio-sections>span:last-child{border:1px dashed var(--mock-border);text-align:center;margin-top:auto;padding:.5em}.zl-backoffice-studio-preview>div:first-child{justify-content:space-between;align-items:center;gap:.7em;margin-bottom:.6em;display:flex}.zl-backoffice-studio-preview>div:first-child strong{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;min-width:0;overflow:hidden}.zl-backoffice-studio-preview>div:first-child span{flex:none;font-size:.85em}.zl-backoffice-studio-banner{border:2px solid var(--zl-hilvan);color:var(--zl-crudo);background:var(--zl-indigo);border-radius:.4em;flex-direction:column;flex:1;justify-content:flex-end;gap:.5em;padding:1.6em;display:flex;position:relative}.zl-backoffice-studio-banner>span:first-child{background:var(--zl-hilvan);color:var(--zl-carbon);border-radius:.3em;padding:.1em .5em;font-size:.8em;position:absolute;top:-.85em;left:.8em}.zl-backoffice-studio-banner>strong{font:800 3em/.92 var(--zl-home-display)}.zl-backoffice-studio-banner>span:last-child{color:var(--zl-indigo);background:var(--zl-crudo);border-radius:1em;align-self:start;padding:.4em 1em}.zl-backoffice-studio-shirts{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6em;display:grid}.zl-backoffice-studio-shirts>span{aspect-ratio:1;background:var(--zl-tiza-claro);place-items:center;display:grid}.zl-backoffice-studio-shirts svg{width:58%}.zl-backoffice-studio-fields>div{gap:.3em;display:grid}.zl-backoffice-studio-fields>div>span:first-child{color:var(--mock-muted);font-size:.85em}.zl-backoffice-studio-fields>div>span:last-child{border:1px solid var(--mock-border);border-radius:.3em;padding:.4em .6em}.zl-backoffice-studio-swatches{gap:.45em;display:flex}.zl-backoffice-studio-swatches span{aspect-ratio:1;border:1px solid var(--mock-border);border-radius:50%;width:1.6em}.zl-backoffice-studio-swatches span:first-child{outline:1px solid var(--zl-indigo);outline-offset:1px}@media (width>=845px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.zl-backoffice-scroll{transform-origin:50% 0;animation:linear both zl-backoffice-enter;animation-timeline:view();animation-range:entry entry 75%}}}@keyframes zl-backoffice-enter{0%{transform:perspective(2200px)rotateX(24deg)scale(.9)}to{transform:none}}@media (width<=844px){.zl-home-backoffice{gap:20px}.zl-home-backoffice .zl-backoffice-swipe{color:var(--zl-tiza-claro);font-size:13px;display:block}}