@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap");:root{--bg:#f4f6fb;--card:#ffffff;--border:#e5e9f2;--text:#16223a;--muted:#6b7690;--primary:#2563eb;--primary-d:#1d4ed8;--primary-soft:#e8f0ff;--green:#16a34a;--red:#dc2626;--amber:#d97706;--shadow:0 1px 3px rgba(16,34,58,0.06),0 8px 24px rgba(16,34,58,0.05)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Tajawal,system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:700;font-size:14px;transition:background .15s}.btn:hover{background:var(--primary-d)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{background:var(--bg)}.btn.danger{background:var(--red)}.btn.sm{padding:6px 12px;font-size:13px;border-radius:8px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--muted)}.input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;background:#fff;color:var(--text)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}table{width:100%;border-collapse:collapse}td,th{text-align:start;padding:12px 14px;font-size:14px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:700;font-size:13px;background:#fafbfe}tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.green{background:#e7f6ec;color:var(--green)}.badge.red{background:#fdeaea;color:var(--red)}.badge.gray{background:#eef1f6;color:var(--muted)}.badge.blue{background:var(--primary-soft);color:var(--primary-d)}.badge.amber{background:#fdf1e0;color:var(--amber)}.title{font-size:22px;font-weight:800;margin:0}.subtitle{color:var(--muted);font-size:14px;margin:4px 0 0}.modal-overlay{position:fixed;inset:0;background:rgba(16,34,58,.45);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.modal{background:#fff;border-radius:18px;width:100%;max-width:560px;max-height:92vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-body{padding:22px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:640px){.grid2{grid-template-columns:1fr}}.leaflet-container{border-radius:14px}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}