.account{width:100%;padding-block:clamp(3rem, 2rem + 5vw, 6rem) var(--section);max-width:960px}.account h1{font-size:var(--step-3);letter-spacing:-.025em}.account h2{font-size:var(--step-1);margin-block:2rem 1rem}.account h3,.account h4{font-size:var(--step-0)}.account .hint{color:var(--ink-2);font-size:var(--step--1)}.account .message{min-height:1.5em;margin-block:1rem}.account [hidden]{display:none!important}.account form{align-content:start;gap:.75rem;display:grid}.account label{gap:.4rem;font-weight:600;display:grid}.account input,.account textarea,.account select{width:100%;min-width:0;min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg);color:var(--ink);font:inherit;padding:.65rem .8rem}.account textarea{resize:vertical}.account :is(input,textarea,select,button,summary,a):focus-visible{outline:2px solid var(--brand);outline-offset:3px}.account .btn{min-height:var(--tap);background:var(--brand-fill);color:var(--brand-ink);font:600 1rem/1 var(--font-display);cursor:pointer;border:0;border-radius:999px;justify-self:start;padding:.65rem 1.2rem}.account .btn:disabled{opacity:.6;cursor:wait}.account .identity{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.account .identity button{min-height:var(--tap);color:var(--link);cursor:pointer;font:inherit;background:0 0;border:0}.account .orders,.account .address-book{gap:1rem;display:grid}.account article{border-top:1px solid var(--line);overflow-wrap:anywhere;padding-block:1.25rem}.account article p{margin-top:.4rem}.account article a{color:var(--link)}.account details{border-bottom:1px solid var(--line);padding-block:.75rem}.account summary{min-height:var(--tap);color:var(--link);cursor:pointer;align-content:center;display:list-item}.account details form{max-width:640px;margin-block:1rem}.account .address-form{grid-template-columns:repeat(2,minmax(0,1fr))}.account .order-tools{grid-template-columns:2fr 1fr;gap:1rem;margin-block:1.5rem .5rem;display:grid}.admin-workspace{max-width:1120px;padding-top:1.5rem}.admin-workspace h1{font-size:var(--step-2);margin-top:2rem}.admin-workspace [data-admin-orders]{overflow-x:auto}.admin-workspace table{border-collapse:collapse;width:100%;font-size:var(--step--1)}.admin-workspace th,.admin-workspace td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.85rem .65rem}.admin-workspace th{color:var(--ink-2);font-weight:600}.admin-workspace .order-open{color:var(--link);font:inherit;min-height:var(--tap);cursor:pointer;background:0 0;border:0}.admin-workspace table article{font-size:var(--step-0);border-top:0}.admin-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:.5rem 1rem;display:flex}.admin-brand{font:600 var(--step-1)/1 var(--font-display)}.admin-header nav{gap:.5rem;display:flex}.admin-header a{min-height:var(--tap);border-radius:var(--radius-s);color:var(--ink-2);align-items:center;padding:.5rem 1rem;text-decoration:none;display:inline-flex}.admin-header a[aria-current]{color:var(--brand);background:var(--bg-2);font-weight:600}@media (width<=650px){.account .address-form,.account .order-tools{grid-template-columns:1fr}.account .address-form label{grid-column:1}}.account .intro{color:var(--ink-2);max-width:55ch;margin-top:.75rem}.account[data-page=account]{padding-top:clamp(2.5rem,6vw,4rem)}.account[data-page=account] h1{font-size:var(--step-2)}.account[data-page=account] .orders article{border:1px solid var(--line);border-radius:var(--radius-s);padding:1.5rem}.account[data-page=account] .address-book summary{color:var(--ink)}.account[data-page=account] .address-book summary:hover{color:var(--brand)}.account .btn:hover{background:var(--brand-fill-hover)}.account .btn:active{background:var(--brand-fill-active)}.status-badge{background:var(--bg-2);color:var(--ink-2);font:500 .75rem/1.5 var(--font);white-space:nowrap;border-radius:.35rem;align-items:center;gap:.4rem;padding:.3rem .6rem;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:.375rem;height:.375rem}.status-badge[data-status=paid],.status-badge[data-status=delivered]{color:var(--brand);background:color-mix(in srgb, var(--brand) 8%, var(--bg))}.status-badge[data-status=delivery]{color:var(--link);background:color-mix(in srgb, var(--link) 8%, var(--bg))}.status-badge[data-status=unpaid],.status-badge[data-status=created]{background:color-mix(in srgb, var(--accent) 20%, var(--bg));color:var(--accent-ink)}.account[data-page=account] .orders h3{margin-top:.75rem;line-height:1.3}.account.auth-view{max-width:var(--max);padding-bottom:clamp(3rem,6vw,5rem)}.account.auth-view h1{font-size:var(--step-2)}.account.auth-view .message:empty{display:none}.account .auth-shell{margin-top:2rem}.account .auth-switch{border-bottom:1px solid var(--line);gap:1.5rem;margin-bottom:1.5rem;display:flex}.account .auth-switch button{color:var(--ink-2);font:500 1rem/1.5 var(--font);background:0 0;border:0;border-bottom:2px solid #0000;padding:.75rem 0;position:relative}.account .auth-switch button[aria-pressed=true]{border-bottom-color:var(--brand);color:var(--brand)}.account .auth-shell form{gap:1rem}.account .auth-shell label{gap:.5rem;font-size:.9375rem;font-weight:500}.account .auth-shell input{min-height:3rem;font-size:1rem}.account .auth-submit{justify-self:stretch;width:100%;margin-top:.5rem}.account .auth-text-button{color:var(--ink-2);font-size:var(--step--1);background:0 0;border:0;justify-self:center;padding:.25rem .75rem}.account .auth-text-button:hover{color:var(--brand);text-underline-offset:.2em;text-decoration:underline}.account .auth-switch button:disabled,.account .auth-text-button:disabled{opacity:.6;cursor:wait}.account .auth-recovery-heading{margin-bottom:1.5rem}.account .auth-recovery-heading h2{margin-top:0;margin-bottom:.5rem}.account .auth-shell :is([data-form=reset],[data-form=two-factor]) h2{margin-top:0}.account .two-factor-setup{gap:1rem;display:grid}.account .two-factor-qr{border:1px solid var(--line);border-radius:var(--radius-s);background:#fff;width:min(12rem,100%);padding:.5rem}.account .two-factor-qr svg{width:100%;height:auto;display:block}.account .two-factor-setup code{letter-spacing:.05em;overflow-wrap:anywhere;color:var(--ink);font-size:.9375rem}.account .save-feedback{min-height:1.25em;color:var(--ink-2);font-size:.8125rem;font-weight:400}.account .save-feedback[data-state=error]{color:var(--ink);font-weight:600}.tracking-value{overflow-wrap:anywhere;white-space:pre-wrap}.account-toast{--normal-bg:var(--bg);--normal-text:var(--ink);--normal-border:var(--line);font-family:var(--font)}[data-sonner-toaster]{z-index:90!important}.account .auth-layout{display:contents}.account .auth-art{display:none}.account.auth-view .auth-layout{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--bg);box-shadow:var(--glass-shadow);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:.75rem;display:grid}.account.auth-view .auth-content{align-self:center;padding:clamp(2rem,4vw,4rem)}.account.auth-view .auth-content .intro{font-size:var(--step--1);line-height:1.6}.account.auth-view .auth-art{border-radius:var(--radius-m);background:var(--bg-2);min-height:36rem;display:block;position:relative;overflow:hidden}.account .auth-art picture{height:100%;display:block}.account .auth-art img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.account.auth-view .auth-switch{gap:1.25rem}.account.auth-view .auth-switch button{text-align:center;cursor:pointer;flex:1}.account.auth-view .auth-switch button[aria-pressed=true]{border-bottom-color:var(--accent);font-weight:600}.account.auth-view .auth-text-button{cursor:pointer;font-size:.8125rem}@media (width<=900px) and (width>=701px){.account.auth-view .auth-content{padding:1.5rem}.account.auth-view .auth-art{min-height:32rem}}@media (width<=700px){.account.auth-view .auth-layout{border-radius:var(--radius-m);grid-template-columns:minmax(0,1fr);padding:.5rem}.account.auth-view .auth-content{padding:1.5rem 1rem 2rem}.account.auth-view .auth-art{border-radius:var(--radius-s);height:clamp(10rem,45vw,16rem);min-height:0}.account .auth-art img{object-position:center 28%}.account.auth-view .auth-shell{margin-top:1.5rem}.account.auth-view .auth-switch{gap:1rem}.account.auth-view .auth-switch button{font-size:.875rem}}.account .address-form>:is(.postcode-suggestions,.postcode-hint,.save-feedback),.account .address-form>label:has([name=country_code],[name=postal_code],[name=address_line_1],[name=address_line_2],[name=full_name]){grid-column:1/-1}.account .postcode-suggestions{flex-wrap:wrap;gap:.5rem;display:flex}.account .postcode-suggestions button{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg);color:var(--link);font:inherit;cursor:pointer;padding:.5rem .75rem}.account .postcode-suggestions button:hover{background:var(--bg-2)}.account .postcode-hint:empty{display:none}.account input[aria-invalid=true]{border-color:var(--ink-2)}.account summary{align-items:center;gap:.65rem;list-style:none;display:flex}.account summary::-webkit-details-marker{display:none}.account summary:before{content:"";opacity:.65;width:.45rem;height:.45rem;transition:transform .18s var(--ease-out);border-top:1.5px solid;border-right:1.5px solid;flex:none;transform:rotate(45deg)}.account details[open]>summary:before{transform:rotate(135deg)}@media (prefers-reduced-motion:reduce){.account summary:before{transition:none}}.account .address-form>.phone-hint{grid-column:1/-1;margin-top:-.35rem}.account .address-form>label{align-content:start}.confirm-overlay{z-index:120;background:#0006;position:fixed;inset:0}.account-confirm{z-index:121;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg);width:min(28rem,100vw - 2rem);color:var(--ink);padding:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 48px #0003}.account-confirm h2{margin:0 0 .75rem;font-size:1.25rem}.account-confirm p{color:var(--ink-2);margin:0 0 1.5rem}.confirm-actions{justify-content:flex-end;gap:.75rem;display:flex}.confirm-actions button{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg-2);color:var(--ink);font:inherit;cursor:pointer;padding:.5rem 1rem}.confirm-actions .confirm-delete{background:var(--brand-fill);color:var(--brand-ink);border-color:#0000}.confirm-actions button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.account summary>span{overflow-wrap:anywhere;flex:1;min-width:0}.account .address-remove{width:var(--tap);height:var(--tap);color:var(--ink-2);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.account .address-remove:hover{color:var(--ink);background:var(--bg-2);border-radius:var(--radius-s)}.account .selection-cell{width:3rem;padding-inline:.75rem}.account input.row-select{width:1.1rem;height:1.1rem;min-height:0;accent-color:var(--brand-fill);cursor:pointer}.account .bulk-actions{align-items:center;gap:.75rem;margin-block:1rem;display:flex}.account.auth-view{--color-auth-error:#b42318;--color-auth-error-bg:#fff5f4;--color-auth-success:#17643b}.account .auth-field-error{color:var(--color-auth-error);font-size:.8125rem;font-weight:400;line-height:1.5}.account .auth-shell input[aria-invalid=true]{border-color:var(--color-auth-error)}.account .auth-shell input[aria-invalid=true]:focus-visible{outline-color:var(--color-auth-error)}.account .auth-feedback{border:1px solid var(--line);border-radius:var(--radius-s);color:var(--color-auth-success);overflow-wrap:anywhere;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.account .auth-feedback[data-state=error]{color:var(--color-auth-error);background:var(--color-auth-error-bg);border-color:color-mix(in srgb, var(--color-auth-error) 25%, transparent)}.account .address-phone-missing{display:block}.data-table-viewport{border:1px solid var(--line);border-radius:var(--radius-s);width:100%;min-width:0;overflow:auto}.ui-button{min-height:var(--tap);border-radius:var(--radius-s);background:var(--brand-fill);color:var(--brand-ink);font:500 .875rem/1.4 var(--font);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .8rem;display:inline-flex}.ui-button[data-variant=outline]{border-color:var(--line);background:var(--bg);color:var(--ink)}.ui-button[data-variant=ghost]{color:var(--ink);background:0 0}.ui-button[data-variant=outline]:hover,.ui-button[data-variant=ghost]:hover{background:var(--bg-2)}.ui-button[data-variant=link]{min-height:2rem;color:var(--brand);text-align:left;background:0 0;border:0;border-radius:0;padding:0;display:inline-block}.ui-button[data-size=sm]{min-height:2rem;padding:.35rem .65rem;font-size:.8125rem}.ui-button:disabled{opacity:.5;cursor:default}.ui-badge{border:1px solid var(--line);white-space:nowrap;border-radius:.375rem;align-items:center;width:fit-content;padding:.15rem .45rem;font-size:.75rem;line-height:1.4;display:inline-flex}.customer-orders-table table{border-collapse:collapse;width:100%;font-size:var(--step--1)}.customer-orders-table :is(th,td){text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:.75rem}.customer-orders-table th{color:var(--ink-2);white-space:nowrap;font-weight:500}.customer-orders-table .ui-button[data-variant=link]{white-space:nowrap;display:inline-flex}.customer-orders-table .ui-button[aria-expanded=true] svg{transform:rotate(180deg)}.account .customer-orders-table .customer-order-details article{border:0;padding:.5rem}.account .table-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;margin-block:1rem;display:flex}