:root{
  --burgundy:#6B1D2A;
  --burgundy-600:#581722;
  --burgundy-400:#8A3140;
  --burgundy-100:#F6ECEE;
  --white:#FFFFFF;
  --gray-50:#FAFAFA;
  --gray-100:#F4F4F5;
  --gray-200:#E7E5E4;
  --gray-300:#D6D3D1;
  --gray-500:#78716C;
  --charcoal:#1A1A1A;
  --ink:#2A2A2A;
  --ok:#1F7A4D;
  --warn:#9A6B12;
  --danger:#9B1C2C;
  --radius:14px;
  --radius-sm:10px;
  --shadow:0 16px 40px rgba(26,18,20,.07);
  --header:72px;
  --font:"IBM Plex Sans Arabic","Inter",system-ui,sans-serif;
  --map-provider:osm;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#F7F5F3;color:var(--charcoal);font-family:var(--font);direction:rtl;}
body{min-height:100vh;letter-spacing:-.01em;}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font-family:inherit}
img{max-width:100%;display:block}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.03em}
p{margin:0}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 20px;font-weight:600;cursor:pointer;transition:.2s ease}
.btn-primary{background:var(--burgundy);color:#fff}
.btn-primary:hover{background:var(--burgundy-600);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--charcoal);border:1px solid var(--gray-200)}
.btn-ghost:hover{border-color:var(--charcoal)}
.btn-light{background:#fff;color:var(--burgundy);border:1px solid var(--burgundy-100)}
.btn-danger{background:var(--danger);color:#fff}
.btn-ok{background:var(--ok);color:#fff}
.btn-sm{padding:8px 14px;font-size:13px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.input,.select,.textarea{
  width:100%;border:1px solid var(--gray-200);background:#fff;border-radius:12px;padding:12px 14px;color:var(--charcoal);outline:none
}
.input:focus,.select:focus,.textarea:focus{border-color:var(--burgundy);box-shadow:0 0 0 4px var(--burgundy-100)}
.textarea{min-height:110px;resize:vertical}
.label{display:block;font-size:13px;color:var(--gray-500);margin-bottom:6px}
.field{display:flex;flex-direction:column;gap:6px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}
.badge-burgundy{background:var(--burgundy-100);color:var(--burgundy)}
.badge-ok{background:#E8F6EE;color:var(--ok)}
.badge-warn{background:#F8F0D8;color:var(--warn)}
.badge-muted{background:var(--gray-100);color:var(--gray-500)}
.badge-danger{background:#FDECEC;color:var(--danger)}
.muted{color:var(--gray-500)}
.price{font-variant-numeric:tabular-nums;font-weight:700}
.empty{padding:48px 20px;text-align:center;color:var(--gray-500)}
.skeleton{background:linear-gradient(90deg,#eee,#f7f7f7,#eee);background-size:200% 100%;animation:sk 1.2s infinite}
@keyframes sk{to{background-position:-200% 0}}
.toast{position:fixed;bottom:88px;left:50%;transform:translateX(-50%);background:var(--charcoal);color:#fff;padding:12px 18px;border-radius:999px;z-index:80;font-size:14px}
.modal-bg{position:fixed;inset:0;background:rgba(26,26,26,.45);display:grid;place-items:center;z-index:70;padding:20px}
.modal{background:#fff;border-radius:20px;width:min(560px,100%);padding:24px}
table{width:100%;border-collapse:collapse}
th,td{padding:12px 10px;text-align:right;border-bottom:1px solid var(--gray-200);font-size:14px}
th{color:var(--gray-500);font-weight:600}
@media (max-width:860px){
  .grid-2,.grid-3{grid-template-columns:1fr}
  .container{width:min(1180px,calc(100% - 24px))}
}

.eyebrow{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--burgundy);font-weight:600;margin-bottom:12px}
.kicker{font-size:13px;color:var(--gray-500);letter-spacing:.04em}