.account-button{width:44px;height:44px;flex-shrink:0;position:relative;color:#fff}
.account-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.account-button.signed-in::after{content:"";position:absolute;width:7px;height:7px;right:7px;top:6px;border-radius:50%;background:#e8a42a;box-shadow:0 0 10px #e8a42a55}
.account-dialog{width:min(620px,calc(100% - 32px));max-height:90dvh;padding:0;border:1px solid #ffffff20;border-radius:24px;background:linear-gradient(135deg,#202020ef,#0d0d0df5);color:#fff;backdrop-filter:blur(26px);box-shadow:0 24px 100px #0009;overflow:auto}
.account-dialog .drawer-header{position:sticky;top:0;z-index:2;background:#171717ed;backdrop-filter:blur(24px)}
.account-dialog h2{font-size:24px}.account-dialog h3{font-size:20px;line-height:1.4}
.account-body{padding:26px;min-height:220px;font-size:17px;line-height:1.5}
.account-body .primary{width:100%;min-height:48px}.account-body .secondary{min-height:44px}
.account-muted{color:#b9b5b5;font-size:15px;line-height:1.6}
.account-welcome{text-align:center;max-width:360px;margin:10px auto 30px}
.account-welcome>svg{width:52px;height:52px;fill:none;stroke:#e8a42a;stroke-width:1.1;margin-bottom:14px}
.account-remember{text-align:center;margin-top:16px}.account-feedback{color:#e8a42a;min-height:1.5em;margin:14px 0;overflow-wrap:anywhere}
.account-identity{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid #ffffff14;margin-bottom:24px}
.account-identity strong,.account-identity span{display:block}.account-identity strong{font-size:22px;font-variant-numeric:tabular-nums}
.account-profile h3{margin-bottom:16px}.account-profile form>.secondary{margin-top:16px}
.account-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 16px}.account-history-heading h3 span{color:#aaa;font-size:15px}
.account-order{padding:20px;border-radius:18px;border:1px solid #ffffff18;background:linear-gradient(140deg,#ffffff06,#ffffff02);margin:12px 0}
.account-order-heading,.account-order-total{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.account-order-heading>strong{font-size:18px}.account-status{font-size:14px;border-radius:20px;padding:4px 11px;background:#d8411a25;color:#ffb497}
.account-status.state-ready,.account-status.state-completed{background:#4cbd8620;color:#8be3b6}.account-status.state-cancelled{background:#ffffff0c;color:#b9b5b5}
.account-order>p{margin:14px 0}.account-order summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;padding:12px 0;border-block:1px solid #ffffff10;font-size:16px}
.account-order summary::-webkit-details-marker{display:none}.account-order summary span{transition:transform .2s}.account-order details[open] summary span{transform:rotate(180deg)}
.account-order-lines{padding:12px 0}.account-order-lines>div{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:7px 0;font-size:15px}.account-order-lines>div>bdi{white-space:nowrap}
.account-order-total{margin-top:16px}.account-order-total strong{font-size:22px}.account-payment{font-size:14px;color:#c7c2c0}.account-payment.is-paid{color:#8be3b6}
.account-empty{text-align:center;padding:26px 10px}.account-empty p{color:#b9b5b5;margin:12px 0 22px}
.account-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}
@media(max-width:760px){.header-left{gap:6px}.account-button{width:38px;height:40px}.account-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100%;border:0;border-radius:0;margin:0}.account-body{padding:22px 18px max(24px,env(safe-area-inset-bottom))}.account-dialog .drawer-header{padding:18px}.account-dialog h2{font-size:22px}.account-order{padding:16px}.account-identity strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.account-order summary span{transition:none}}

.account-feedback:empty{display:none}