@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--account-bg:#08090b;--account-panel:#121419;--account-panel-2:#181a20;--account-line:#2b2e36;--account-text:#f5f1eb;--account-muted:#a9a19b;--account-orange:#ff6b18;--account-red:#e43d56;--account-shadow:0 18px 46px rgba(0,0,0,.24)}
.account-shell{background:var(--account-bg);color:var(--account-text);font-family:'Vazirmatn','Inter',Tahoma,Arial,sans-serif}.account-shell .container{width:min(1160px,calc(100% - 32px))}.account-page{padding:42px 0 72px;min-height:calc(100vh - 160px)}
.account-page .muted{color:var(--account-muted)}.account-page .notice,.account-page .error{border-radius:14px;margin-bottom:16px;padding:12px 15px}.account-page .notice{background:rgba(20,184,166,.12);border:1px solid rgba(20,184,166,.35);color:#7ee8dc}.account-page .error{background:rgba(228,61,86,.12);border:1px solid rgba(228,61,86,.4);color:#ff9cac}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}.account-card,.account-page .checkout-card{background:linear-gradient(145deg,var(--account-panel-2),var(--account-panel));border:1px solid var(--account-line);border-radius:20px;padding:26px;box-shadow:var(--account-shadow);color:var(--account-text)}.account-card{position:relative;overflow:hidden}.account-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--account-orange),var(--account-red));opacity:.9}.account-card h1,.account-page .checkout-card h2{margin:0 0 9px;color:var(--account-text);font-size:1.35rem}.account-card>p{margin:0 0 20px;line-height:1.9}.account-card form{display:grid;gap:13px}.account-page .field{display:grid;gap:6px}.account-page .field span{color:#d9d2cc;font-size:.83rem;font-weight:700}.account-page .field input,.account-page .field textarea,.account-page .field select{width:100%;border:1px solid var(--account-line);border-radius:12px;background:#0c0e12;color:var(--account-text);padding:11px 13px;outline:none}.account-page .field input:focus,.account-page .field textarea:focus,.account-page .field select:focus{border-color:var(--account-orange);box-shadow:0 0 0 3px rgba(255,107,24,.13)}.account-page .field input::placeholder{color:#77716d}.account-page .two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-page .btn.primary{width:100%;background:linear-gradient(135deg,var(--account-orange),var(--account-red));border:0;border-radius:12px;min-height:44px;color:#fff}.account-page .btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.account-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.account-heading h1{font-size:clamp(1.45rem,3vw,2.15rem);margin:4px 0 6px;color:var(--account-text)}.account-heading h2{margin:0 0 8px;color:var(--account-text)}.section-kicker{display:inline-flex;color:var(--account-orange);font-size:.78rem;font-weight:900;letter-spacing:.3px}.account-heading>.dark-ghost{border:1px solid var(--account-line);background:var(--account-panel-2);color:var(--account-text);border-radius:11px;padding:9px 15px;white-space:nowrap}.account-heading>.dark-ghost:hover{border-color:var(--account-orange);color:#ffae7d}
.notification-card{margin-bottom:18px}.notification-card h2{font-size:1.1rem!important}.notification-row{display:grid;gap:4px;padding:13px 0;border-bottom:1px solid var(--account-line)}.notification-row:last-child{border-bottom:0;padding-bottom:0}.notification-row strong{color:#ffd1b7}.notification-row span{color:var(--account-muted);font-size:.87rem}.notification-row small{color:#77716d;font-size:.72rem}.order-history-list{display:grid;gap:9px}.order-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 16px;border:1px solid var(--account-line);border-radius:14px;background:#0d0f13;color:var(--account-text);transition:.2s}.order-history-row:hover{border-color:var(--account-orange);background:#15171c;transform:translateY(-1px)}.order-history-row span{display:grid;gap:3px}.order-history-row small{color:var(--account-muted);font-size:.72rem}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:rgba(20,184,166,.14);color:#7ee8dc;font-size:.72rem;font-weight:900;white-space:nowrap}.status-processing{background:rgba(255,107,24,.14);color:#ffb184}.status-shipped{background:rgba(14,116,144,.16);color:#7dd9ed}.status-delivered{background:rgba(20,184,166,.14);color:#7ee8dc}.status-cancelled{background:rgba(228,61,86,.14);color:#ff9cac}.status-awaiting_payment{background:rgba(245,181,68,.14);color:#ffd37a}.category-empty{border:1px dashed var(--account-line);border-radius:14px;padding:25px;text-align:center;color:var(--account-muted);display:grid;gap:4px}.category-empty strong{color:var(--account-text)}
.order-detail-card{max-width:900px;margin-inline:auto}.order-detail-items{display:grid;gap:0;margin:18px 0}.order-detail-items div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--account-line);color:#ded7d1}.order-detail-items strong,.order-detail-card>p strong{color:#ffad7c}.status-timeline{display:grid;gap:0;margin-top:22px;border-top:1px solid var(--account-line)}.timeline-item{position:relative;display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--account-line)}.status-dot{width:12px;height:12px;margin-top:6px;border-radius:50%;background:var(--account-orange);box-shadow:0 0 0 5px rgba(255,107,24,.12);flex:none}.timeline-item div{display:grid;gap:3px}.timeline-item small{color:var(--account-muted);font-size:.72rem}.timeline-item p{margin:0;color:var(--account-muted);font-size:.82rem}.account-shell .coming-footer{margin-top:0}
@media(max-width:760px){.account-page{padding:24px 0 50px}.account-grid{grid-template-columns:1fr;gap:13px}.account-card,.account-page .checkout-card{padding:20px;border-radius:17px}.account-heading{flex-direction:column;gap:10px}.account-heading>.dark-ghost{align-self:flex-start}.account-page .two-fields{grid-template-columns:1fr;gap:13px}.order-history-row{grid-template-columns:1fr auto;gap:8px}.order-history-row>strong{grid-column:1/-1;text-align:left}.order-detail-items div{align-items:flex-start;flex-direction:column;gap:3px}}