@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green-deep:#063c24;--green-main:#0c6139;--green-mid:#1ba063;--green-light:#d1f2e2;--green-pale:#f2faf6;--gold:#c9961a;--gold-light:#f7ebc6;--gold-hover:#b58410;--text-dark:#122119;--text-mid:#385244;--text-light:#6a8c78;--border:#cee2d7;--surface:#fff;--page-bg:#f3f8f5;--radius:12px;--radius-lg:20px;--shadow:0 4px 18px #063c240d;--shadow-md:0 8px 30px #063c241a;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}body{background:var(--page-bg);color:var(--text-dark);direction:rtl;min-height:100vh;font-family:Cairo,Outfit,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--page-bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.main-container{max-width:1240px;margin:0 auto;padding:32px 24px 64px;animation:.4s ease-out fadeIn}.header{background:linear-gradient(135deg, var(--green-deep) 0%, #032415 100%);z-index:1000;border-bottom:2px solid var(--gold);position:sticky;top:0;box-shadow:0 4px 20px #0003}.header-inner{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:14px 24px;display:flex}.logo-area{align-items:center;gap:16px;text-decoration:none;display:flex}.header-logo{background:linear-gradient(135deg, var(--gold) 0%, #a67c15 100%);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #c9961a4d}.header-logo svg{width:28px;height:28px}.header-text h1{color:#fff;letter-spacing:.5px;font-size:16px;font-weight:800}.header-text p{color:var(--green-light);margin-top:2px;font-size:11px}.nav-links{gap:10px;display:flex}.nav-item{color:var(--green-light);transition:var(--transition);border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:700;text-decoration:none;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-hover) 100%);color:var(--green-deep);box-shadow:0 4px 10px #c9961a33}.user-menu{align-items:center;gap:14px;display:flex}.user-badge{color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:700;display:flex}.btn-logout{color:#ff8a80;cursor:pointer;transition:var(--transition);background:0 0;border:1.5px solid #ff8a80;border-radius:10px;padding:8px 16px;font-family:Cairo,sans-serif;font-size:12px;font-weight:700}.btn-logout:hover{color:#fff;background:#ff8a80;box-shadow:0 4px 12px #ff8a8040}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.esri-view{border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden}.esri-popup__main-container{text-align:right!important;direction:rtl!important;border-radius:12px!important;font-family:Cairo,sans-serif!important}.esri-popup__header-title{color:var(--green-deep)!important;font-weight:800!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}