[hidden]{display:none!important}.account-main{padding-top:48px;padding-bottom:64px}.account-heading{margin-bottom:26px}.account-heading h1{font-size:2.7rem}.account-heading>p{color:var(--muted)}.account-store-link{text-decoration:none;font-size:.9rem}.account-message{border:1px solid var(--line);border-radius:12px;padding:14px 18px;background:var(--bg2);color:#d2c4eb;margin-bottom:24px;font-size:.9rem}.account-message.error{border-color:#bd5b78;color:#ffb9c7}.account-message:empty{display:none}
.account-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;min-width:0}.account-card h2{font-size:1.35rem;margin-bottom:8px}.account-hint,.account-card small{color:var(--muted);font-size:.85rem}.account-card small{display:block;margin-top:5px}.account-card label:not(.account-check){display:block;font-weight:600;font-size:.9rem;margin:18px 0 7px}.account-card input:not([type=checkbox]){display:block;width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--text);font:inherit}.account-card input:focus{outline:2px solid var(--accent);outline-offset:2px}.account-card input[readonly]{color:var(--muted)}.account-card form>.btn{width:100%;margin-top:24px;font-size:1rem}.account-check{display:flex;align-items:flex-start;gap:12px;margin-top:20px;color:var(--muted);font-size:.82rem}.account-check input{width:18px;height:18px;flex:0 0 18px;margin-top:4px;accent-color:#8544f2}.account-check a{color:#c7a3ff}.account-check small{font-size:.75rem}
.auth-switch,.account-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.auth-switch button,.account-tabs button{font:inherit;font-size:.9rem;padding:11px 20px;background:var(--bg2);color:var(--muted);border:1px solid var(--line);border-radius:99px;cursor:pointer}.auth-switch button.active,.account-tabs button.active{background:#803df0;color:#fff;border-color:#a46aff}.auth-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}.account-text-button{font:inherit;font-size:.85rem;color:#c5a2ff;background:none;border:0;cursor:pointer;margin-top:16px;text-decoration:underline;text-underline-offset:4px}.account-benefits{padding:28px 0}.account-benefits h2{font-size:1.8rem;line-height:1.2;max-width:300px;margin-bottom:26px}.account-benefits>div{display:flex;gap:18px;margin-bottom:24px}.account-benefits b{color:#b77dff;font-size:.8rem;padding-top:3px}.account-benefits strong{display:block}.account-benefits p>span{display:block;color:var(--muted);font-size:.9rem;margin-top:5px;max-width:320px}.account-support{margin-top:30px;color:var(--muted);font-size:.9rem}.account-support a{color:#c6a1ff}
.account-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;background:linear-gradient(120deg,#331d54,var(--card))}.account-welcome p{color:var(--muted);font-size:.9rem}.account-welcome .btn{white-space:nowrap}.account-verify{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#55347426;border:1px solid #8960b980;border-radius:14px;padding:18px 22px;margin-bottom:24px}.account-verify p{font-size:.85rem;color:var(--muted);margin-top:4px}.account-verify .btn{white-space:nowrap;font-size:.8rem}.account-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 22px}.account-section-head .btn{width:auto}.order-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--card);margin-bottom:12px}.order-tile h3{font-size:1rem}.order-tile p{font-size:.8rem;color:var(--muted);margin-top:5px}.order-tile .order-value{font-size:1.25rem;font-weight:800;color:var(--text)}.order-tile .btn{width:auto;font-size:.85rem}.order-status{display:inline-block;color:#dac1ff;background:#8d4dfa26;border-radius:99px;padding:3px 10px;font-size:.75rem;margin-top:8px}.account-empty{text-align:center;padding:48px 24px;border:1px dashed var(--line);border-radius:18px}.account-empty h3{margin-bottom:8px}.account-empty p{color:var(--muted);margin-bottom:18px}.account-empty .btn{width:auto}.account-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:20px 0;font-size:.85rem;color:var(--muted)}.account-pagination .btn{width:auto}#customer-profile,#customer-security{max-width:650px}#detail-status{color:#c9a8ff;font-weight:700;margin:14px 0}#detail-delivery{padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.9rem;margin:20px 0}#detail-checkout{margin:20px 0;width:auto}#refresh-order{display:block;margin-top:24px;width:auto}#customer-order-detail{margin-top:26px}
.customer-nav{white-space:nowrap}@media(max-width:820px){nav.main a.customer-nav{display:inline-flex;font-size:.8rem}header.top nav.main{gap:10px}.account-main{padding-top:30px}.auth-layout{grid-template-columns:1fr;gap:12px}.account-card{padding:22px}.account-benefits{padding:12px}.account-heading h1{font-size:2.2rem}.account-welcome,.account-verify{align-items:flex-start;flex-direction:column}.account-welcome .btn,.account-verify .btn{width:auto}.order-tile{grid-template-columns:1fr}.order-tile .btn{width:100%}.account-section-head{align-items:flex-start}.account-section-head h2{font-size:1.2rem}.account-tabs{gap:6px}.account-tabs button{padding:10px 14px;font-size:.85rem}}