:root{--bg:#fff8fb;--card:#ffffff;--muted:#8a5778;--text:#4f3558;--accent:#d86a9d;--accent2:#7b4b94;--accent3:#f0a968;--line:#efcfe0;--success:#2f7a49;--warning:#9a5b20}
html[dir="rtl"] body{font-family:"Cairo",system-ui,sans-serif} html[dir="ltr"] body{font-family:"Inter",system-ui,sans-serif}
body{background:linear-gradient(180deg,#fff8fb 0%,#fff7ef 48%,#faf2ff 100%);color:var(--text)}
.soft-card{background:#fff;border:2px solid var(--line);box-shadow:0 16px 40px rgba(172,104,143,.12)}
.input{width:100%;border:2px solid #e7bfd2;background:#fff;border-radius:16px;padding:13px 14px;outline:none;color:var(--text)}
.input:focus{box-shadow:0 0 0 5px rgba(216,106,157,.16);border-color:var(--accent)}
.label{display:block;font-size:13px;color:var(--muted);margin-bottom:7px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.btn-primary{background:linear-gradient(135deg,#7b4b94 0%,#d86a9d 55%,#f0a968 100%);color:#fff;border-radius:16px;padding:13px 18px;font-weight:800}
.btn-secondary{background:#fff;color:var(--accent2);border:2px solid var(--line);border-radius:16px;padding:12px 16px;font-weight:800}
.section-title{font-size:clamp(1.9rem,2vw,2.5rem);font-weight:900;letter-spacing:-.03em;color:#6b3e76}
.table-wrap{overflow:auto;border-radius:22px;border:2px solid #f3dce7;background:#fff;box-shadow:0 10px 25px rgba(172,104,143,.08)}
.table-basic{width:100%;border-collapse:collapse}.table-basic th,.table-basic td{padding:.9rem .95rem;border-bottom:1px solid #f6e5ed;text-align:start;white-space:nowrap}.table-basic th{background:linear-gradient(180deg,#fff1f7 0%,#fff9ef 100%);color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:290px 1fr}.admin-side{background:linear-gradient(180deg,#7b4b94 0%,#d86a9d 52%,#f3b36b 100%);border-inline-end:0}.admin-link{display:block;padding:.85rem 1rem;border-radius:16px;color:#7b4b94;font-weight:700;background:#fff;border:2px solid #efd6e3;transition:none}.admin-link:hover,.admin-link.active{background:#fff;color:#7b4b94;border-color:#d8a8c0;transform:none}
.notice{padding:.95rem 1rem;border-radius:18px;background:#fff6ea;border:2px solid #ffd5a8;color:var(--warning)}.success{padding:.95rem 1rem;border-radius:18px;background:#eefbf4;border:2px solid #bfe5cc;color:var(--success)}
@media (max-width:900px){.admin-shell{display:block}.admin-side{border-bottom:1px solid var(--line)}}


.btn-primary,.btn-secondary,.btn-logout{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:.2s transform,.2s box-shadow,.2s background}
.btn-primary:hover,.btn-secondary:hover,.btn-logout:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(123,75,148,.12)}
.btn-logout{background:#fff;color:#9b476f;border:2px solid #efc7da;border-radius:16px;padding:12px 16px;font-weight:800}
.user-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.72rem 1rem;border:2px solid #efd6e3;border-radius:999px;background:linear-gradient(180deg,#fff 0%,#fff8fb 100%);max-width:260px}
.user-chip__label{font-size:.76rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.user-chip__name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.account-hero{background:linear-gradient(135deg,#fff7fb 0%,#fffefb 58%,#fff4ea 100%)}
.metric-card{background:#fff;border:2px solid #f1dbe6;border-radius:1.25rem;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:0 10px 22px rgba(172,104,143,.07)}
.metric-card span{font-size:.82rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.metric-card strong{font-size:1.7rem;font-weight:900;color:var(--text)}
.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .85rem;border-radius:999px;font-size:.82rem;font-weight:800;border:1px solid transparent}
.status-pending{background:#fff7ea;color:#9a5b20;border-color:#ffd79d}.status-confirmed{background:#f1f7ff;color:#245f9d;border-color:#cde1ff}.status-delivered{background:#eefbf4;color:#2f7a49;border-color:#bfe5cc}.status-cancelled{background:#fff1f4;color:#a3395d;border-color:#f4c7d6}
.order-card{border:2px solid #f1dbe6;border-radius:1.6rem;padding:1.25rem;background:linear-gradient(180deg,#fff 0%,#fffafc 100%);box-shadow:0 12px 28px rgba(172,104,143,.08)}
.order-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.order-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1rem}
.order-grid>div{background:#fff;border:1px solid #f3dfe8;border-radius:1.1rem;padding:.9rem .95rem}.order-grid span{display:block;font-size:.78rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem}.order-grid strong{font-size:1rem;color:var(--text)}
.order-address{background:#fff;border:1px dashed #e9cdda;border-radius:1rem;padding:.9rem 1rem;color:var(--text);display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:1rem}
.order-items{background:#fff;border:1px solid #f3dfe8;border-radius:1.2rem;padding:1rem}
.order-item-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid #f8e9f0}.order-item-row:last-child{border-bottom:0;padding-bottom:0}.order-item-row:first-child{padding-top:0}
.empty-state{border:2px dashed #ebcfdd;border-radius:1.6rem;padding:2rem;text-align:center;background:linear-gradient(180deg,#fff 0%,#fff8fb 100%)}
.empty-state__icon{font-size:2rem;margin-bottom:.6rem}
@media (max-width:900px){.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.user-chip{max-width:100%}.order-grid{grid-template-columns:1fr}.order-card__top,.order-item-row{display:block}.order-item-row .text-end,.order-card__top .text-end{text-align:start;margin-top:.75rem}}

/* Account page side menu: keep text always visible and disable hover motion */
body.account-page .admin-link, .account-sidebar .admin-link{color:#7b4b94!important;background:#fff!important;border:2px solid #efd6e3!important;transform:none!important;transition:none!important;opacity:1!important;}
body.account-page .admin-link:hover, body.account-page .admin-link.active, .account-sidebar .admin-link:hover, .account-sidebar .admin-link.active{color:#7b4b94!important;background:#fff!important;border-color:#d8a8c0!important;transform:none!important;}