.acc-layout{display:grid; grid-template-columns:240px 1fr; gap:30px; align-items:start;}
    @media (max-width:860px){ .acc-layout{grid-template-columns:1fr;} }
    .acc-side{background:var(--panel); border:1px solid var(--line-soft); border-radius:var(--radius-m); padding:20px; position:sticky; top:96px;}
    .acc-user{display:flex; align-items:center; gap:12px; padding-bottom:18px; border-bottom:1px solid var(--line-soft); margin-bottom:14px;}
    .acc-avatar{width:46px; height:46px; border-radius:50%; background:var(--plum-deep); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:16px;}
    .acc-side nav a{display:flex; align-items:center; gap:10px; padding:11px 8px; border-radius:var(--radius-s); font-size:13.5px; color:var(--ink-soft);}
    .acc-side nav a.active{background:var(--canvas-alt); color:var(--plum-deep); font-weight:700;}
    .acc-side nav a:hover{background:var(--canvas);}
    .tier-card{background:linear-gradient(135deg,var(--plum-deep),var(--plum)); color:#fff; border-radius:var(--radius-m); padding:20px; margin-bottom:24px; display:flex; justify-content:space-between; align-items:center; gap:14px;}
    .tier-card .tt{font-size:12px; color:var(--gold-soft);}
    .tier-card h3{font-size:17px; margin:6px 0 4px;}
    .tier-card p{font-size:12px; color:#D9C9D6; margin:0;}
    .stat-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:28px;}
    .stat-cards .card{background:var(--panel); border:1px solid var(--line-soft); border-radius:var(--radius-m); padding:18px;}
    .stat-cards .card b{display:block; font-size:22px; color:var(--plum-deep);}
    .stat-cards .card span{font-size:12.5px; color:var(--ink-soft);}
    .orders-table{width:100%; border-collapse:collapse; background:var(--panel); border:1px solid var(--line-soft); border-radius:var(--radius-m); overflow:hidden;}
    .orders-table th{text-align:right; font-size:12px; color:var(--ink-faint); padding:14px 16px; background:var(--canvas-alt); font-weight:700;}
    .orders-table td{padding:14px 16px; font-size:13.5px; border-top:1px solid var(--line-soft);}
    .status{display:inline-flex; padding:5px 12px; border-radius:999px; font-size:11.5px; font-weight:700;}
    .status.processing{background:#FCEFD8; color:#8a6417;}
    .status.shipped{background:var(--teal-soft); color:var(--teal);}
    .status.delivered{background:#DCEFDC; color:#2f6d38;}
    .status.review{background:#EAE1D2; color:var(--ink-soft);}
    .print-btn{border:1px solid var(--line); background:#fff; border-radius:var(--radius-s); padding:6px 10px; font-size:12px; color:var(--ink-soft);}

    /* ---------- account tab panels ---------- */
    .acc-panel{display:none;}
    .acc-panel.active{display:block;}
    .acc-panel-box{background:var(--panel); border:1px solid var(--line-soft); border-radius:var(--radius-m); padding:24px;}
    .acc-panel-title{font-size:15.5px; color:var(--plum-deep); margin-bottom:18px;}
    .acc-form-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:20px;}
    @media (max-width:560px){ .acc-form-grid{grid-template-columns:1fr;} }
    .acc-form-grid .field{margin-bottom:0;}
    .acc-form-grid .field label{display:block; font-size:13px; color:var(--ink-soft); margin-bottom:7px; font-weight:700;}
    .acc-form-grid .field input, .acc-form-grid .field select{width:100%; border:1px solid var(--line); border-radius:var(--radius-s); padding:11px 13px; font-family:inherit; font-size:13.5px; background:#fff; color:var(--ink); transition:border-color .15s ease;}
    .acc-form-grid .field input:focus, .acc-form-grid .field select:focus{outline:none; border-color:var(--plum-mid);}
    .acc-form-grid .field input::placeholder{color:var(--ink-faint);}
    .address-list{display:flex; flex-direction:column; gap:14px;}
    .address-card{border:1px solid var(--line-soft); border-radius:var(--radius-m); padding:16px; background:var(--canvas);}
    .address-card__head{display:flex; align-items:center; gap:10px; margin-bottom:8px;}
    .address-card p{font-size:13px; color:var(--ink-soft); margin:0 0 12px;}
    .address-card__actions{display:flex; gap:10px;}