:root{
  --brand-maroon:#a30033;
  --brand-maroon-dark:#7a0026;
  --brand-maroon-soft:#f8edf1;
  --brand-navy:#0b1424;
  --brand-navy-2:#142238;
  --brand-paper:#f8f7f5;
  --brand-surface:#fff;
  --brand-line:#e6e1df;
  --brand-muted:#64748b;
  --brand-shadow:0 18px 50px rgba(11,20,36,.09);
  --red:var(--brand-maroon);
  --ink:var(--brand-navy);
  --paper:var(--brand-paper);
  --line:var(--brand-line);
  font-family:"IBM Plex Sans Arabic",Arial,sans-serif;
}

/* Keep every modal dialog anchored to the visual center of the viewport. */
dialog:modal{
  position:fixed!important;
  inset:0!important;
  margin:auto!important;
}
html{scroll-behavior:smooth}body{background-color:var(--brand-paper);color:var(--brand-navy);font-family:"IBM Plex Sans Arabic",Arial,sans-serif;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(163,0,51,.22);outline-offset:3px}
.brand{display:inline-flex!important;align-items:center;gap:11px;color:#fff;text-decoration:none;white-space:nowrap}
.brand-symbol,.admin-brand-mark{width:44px;height:44px;display:block;flex:none;filter:drop-shadow(0 8px 16px rgba(163,0,51,.22))}
.brand .brand-word{width:auto;height:auto;display:flex;align-items:baseline;gap:6px;border-radius:0;background:transparent;color:#fff;line-height:1}.brand .brand-word b{font-size:23px;font-weight:700;letter-spacing:-.5px}.brand .brand-word em{padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.1);color:#fff;font-size:12px;font-style:normal;font-weight:700}
.topbar,.account-nav,body>header{background:var(--brand-navy)!important;border-bottom:1px solid rgba(255,255,255,.08)}
.nav nav{gap:clamp(14px,2vw,28px)}.nav nav a{position:relative;padding-block:8px}.nav nav a::after{content:"";position:absolute;right:0;bottom:1px;width:0;height:2px;border-radius:2px;background:#fff;transition:width .18s ease}.nav nav a:hover::after,.nav nav a:focus-visible::after{width:100%}
.hero-shade{background:linear-gradient(90deg,rgba(11,20,36,.88),rgba(11,20,36,.54) 58%,rgba(11,20,36,.8))!important}.hero>img{filter:saturate(.82) contrast(1.04)}
.hero h1 em,.auth-copy>small,.dashboard-head small,.expert-intro>small,.package-request-box>div small{color:#e1a1b5!important}
.sell-cta,.filter-submit,.expert-submit button,.package-request-box form>button,.login button,.primary{background:var(--brand-maroon)!important}.sell-cta:hover,.filter-submit:hover,.expert-submit button:hover,.package-request-box form>button:hover,.login button:hover,.primary:hover{background:var(--brand-maroon-dark)!important;transform:translateY(-1px)}
.car,.package-card,.auth-shell,.request-card,.card,.review-card,.summary article,.stats>div,.stats article{border-color:var(--brand-line)!important;box-shadow:0 10px 32px rgba(11,20,36,.055)}
.dashboard-head,.seller-information,.package-request-box{background:linear-gradient(135deg,var(--brand-navy),var(--brand-navy-2))!important}
.auth-copy{background:linear-gradient(145deg,var(--brand-navy),var(--brand-navy-2))!important}
.login,.record-dialog,.partner-dialog,.request-dialog{box-shadow:var(--brand-shadow)}
.mark{background:transparent!important;width:auto!important;height:auto!important}.mark .admin-brand-mark{width:54px;height:54px}
.admin-title{display:flex;align-items:center;gap:12px}.admin-title small{margin-top:0!important}.admin-title .admin-brand-mark{width:46px;height:46px}
::selection{background:rgba(163,0,51,.18)}
@media(max-width:760px){.brand-symbol{width:40px;height:40px}.brand-word b{font-size:20px}.brand-word em{font-size:10px}.nav nav{gap:9px}}