.acct{display:grid;grid-template-columns:270px 1fr;gap:var(--space-8);align-items:start;padding-block:var(--space-5) var(--space-16)}
.acct-main,.acct-side{min-width:0}
@media(max-width:860px){.acct{grid-template-columns:1fr;gap:var(--space-5)}}
/* sidebar */
.acct-side{position:sticky;top:96px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-e1);overflow:hidden}
@media(max-width:860px){.acct-side{position:static}}
.acct-user{padding:var(--space-6);background:linear-gradient(140deg,var(--navy-900),var(--navy-800));color:var(--ivory-50);text-align:center}
.acct-user .av{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--gold-300),var(--gold-500));color:var(--navy-900);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;margin:0 auto var(--space-3)}
.acct-user b{font-size:1.05rem}
.acct-user .type{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-2);font-size:.72rem;font-weight:700;color:var(--navy-900);background:var(--gold-300);padding:3px 10px;border-radius:var(--radius-pill)}
.acct-nav{padding:var(--space-2)}
.acct-nav button{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;color:var(--text-secondary);transition:background var(--duration-fast)}
.acct-nav button svg{width:19px;height:19px;stroke:currentColor;flex:none}
.acct-nav button:hover{background:var(--n-100)}
.acct-nav button[aria-current="page"]{background:var(--navy-900);color:var(--ivory-50)}
.acct-nav button[aria-current="page"] svg{stroke:var(--gold-300)}
.acct-nav .sep{height:1px;background:var(--border);margin:var(--space-2) var(--space-3)}
.acct-nav .logout{color:var(--clay-error)}
/* panels */
.panel{display:none}.panel.on{display:block}
.panel h1{font-size:1.5rem;margin-bottom:var(--space-2)}
.panel .lede{color:var(--text-secondary);margin-bottom:var(--space-6)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}
@media(max-width:920px){.stat-grid{grid-template-columns:1fr 1fr}}
.stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-e1);padding:var(--space-5)}
.stat .ic{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-sunken);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}
.stat .ic svg{width:22px;height:22px;stroke:var(--gold-500)}
.stat .v{font-size:1.4rem;font-weight:700;line-height:1.1}
.stat .l{font-size:.78rem;color:var(--text-tertiary);margin-top:4px}
.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-e1);padding:var(--space-6);margin-bottom:var(--space-6)}
.card .ch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}
.card .ch h2{font-size:1.1rem}.card .ch a{font-size:.85rem;color:var(--link);font-weight:600}
.otable{width:100%;border-collapse:collapse}
.otable th,.otable td{padding:var(--space-3) var(--space-3);text-align:start;font-size:.86rem;border-bottom:1px solid var(--border);white-space:nowrap}
.otable thead th{font-size:.75rem;color:var(--text-tertiary);font-weight:600}
.otable tbody tr:last-child td{border-bottom:0}
.otable .oid{font-family:var(--font-mono);font-size:.8rem}
.status{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill)}
.status.proc{color:var(--sapphire-500);background:rgba(60,80,125,.12)}
.status.ship{color:var(--gold-text);background:rgba(137,111,61,.12)}
.status.done{color:var(--success);background:rgba(46,125,91,.12)}
.status.cancel{color:var(--clay-error);background:rgba(180,64,46,.12)}
.otable .act{display:inline-flex;gap:var(--space-2)}
.btn-sm{padding:var(--space-1) var(--space-3);font-size:.78rem;min-height:34px}
.btn-cancel{color:var(--clay-error);border:1.5px solid rgba(180,64,46,.4);background:transparent}
.btn-cancel:hover{background:rgba(180,64,46,.08)}
.otable-wrap{overflow-x:auto}
/* wallet */
.wallet-hero{background:linear-gradient(135deg,var(--navy-900),var(--navy-800));color:var(--ivory-50);border-radius:var(--radius-lg);padding:var(--space-7);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;margin-bottom:var(--space-6)}
.wallet-hero .bal span{font-size:.8rem;color:var(--sand-200)}.wallet-hero .bal b{display:block;font-size:2rem;font-weight:700;color:var(--gold-300)}
.txrow{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:.86rem}
.txrow:last-child{border-bottom:0}
.txrow .amt.plus{color:var(--success);font-weight:700}.txrow .amt.minus{color:var(--clay-error);font-weight:700}
.txrow .meta{color:var(--text-tertiary);font-size:.75rem}
/* addresses / wishlist */
.addr-grid,.wish-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
@media(max-width:620px){.addr-grid,.wish-grid{grid-template-columns:1fr}}
.addr{border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);position:relative}
.addr.default{border-color:var(--navy-800)}
.addr .tag{position:absolute;top:var(--space-4);inset-inline-start:var(--space-4);font-size:.68rem;font-weight:700;color:var(--navy-900);background:var(--gold-300);padding:2px 8px;border-radius:var(--radius-pill)}
.addr b{font-size:.92rem}.addr p{font-size:.84rem;color:var(--text-secondary);margin-top:var(--space-2);line-height:1.7}
.addr .links{margin-top:var(--space-3);display:flex;gap:var(--space-3);font-size:.8rem}
.addr .links a{color:var(--link);font-weight:600}
.wish{display:flex;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-e1)}
.wish .th{width:60px;height:74px;flex:none;border-radius:var(--radius-sm);background:linear-gradient(160deg,#fbf8f3,var(--n-100));display:flex;align-items:center;justify-content:center}
.wish .th svg{width:28px;height:28px;stroke:var(--n-300)}
.wish .wi{flex:1}.wish .wi b{font-size:.88rem;display:block}.wish .wi .pr{font-weight:700;font-size:.85rem;margin-top:var(--space-2)}
/* medals */
.medal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
@media(max-width:620px){.medal-grid{grid-template-columns:1fr}}
.mcard{text-align:center;border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-e1)}
.mcard.earned{background:var(--bg-elevated)}.mcard.locked{opacity:.55;background:var(--bg-sunken)}
.mcard .disc{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3)}
.mcard.silver .disc{background:linear-gradient(140deg,#c3cdd7,#8b97a5)}
.mcard.gold .disc{background:linear-gradient(140deg,var(--gold-300),var(--gold-500))}
.mcard.platinum .disc{background:linear-gradient(140deg,#e8eef2,#b9c6d1)}
.mcard .disc svg{width:36px;height:36px;stroke:#fff}
.mcard b{font-size:1.05rem}.mcard span{font-size:.8rem;color:var(--text-tertiary);display:block;margin-top:4px}
/* account form */
.af-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
@media(max-width:620px){.af-grid{grid-template-columns:1fr}}
.af .f{margin-bottom:0}
.af label{display:block;font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}
.af input,.af select{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-elevated);font-family:inherit;font-size:.9rem;min-height:46px}
.af input:focus,.af select:focus{outline:2px solid var(--link);outline-offset:1px;border-color:transparent}
.af input:disabled{background:var(--bg-sunken);color:var(--text-tertiary)}
.mobile-acct-nav{display:none}
@media(max-width:860px){.acct-nav{display:none}.acct-side{position:static}.mobile-acct-nav{display:block;margin-bottom:var(--space-4)}.mobile-acct-nav select{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);font-family:inherit;font-weight:600;min-height:48px;background:var(--bg-elevated)}}