\u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633 – \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n :root {\n --bg: #f0f4fa;\n --surface: rgba(255,255,255,0.96);\n --border: rgba(30,80,140,0.10);\n --accent: #1A4D8C;\n --accent2: #2e7fc0;\n --text: #1a2c3e;\n --muted: #6b8aab;\n --row-hover: rgba(255,247,210,0.85);\n --pill-bg: rgba(230,243,255,0.85);\n --pill-bdr: #bcd5ee;\n --radius: 1.6rem;\n }\n\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n background: var(--bg);\n font-family: 'Tajawal', 'Sora', system-ui, sans-serif;\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 BACKGROUND \u2500\u2500 *\/\n .bg-scene {\n position: fixed; inset: 0; z-index: 0;\n overflow: hidden; pointer-events: none;\n }\n .bg-grid {\n position: absolute; inset: 0;\n background-image:\n linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px),\n linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px);\n background-size: 56px 56px;\n animation: gridScroll 22s linear infinite;\n }\n @keyframes gridScroll {\n from { transform: perspective(700px) rotateX(28deg) translateY(0); }\n to { transform: perspective(700px) rotateX(28deg) translateY(56px); }\n }\n .bg-orb {\n position: absolute; border-radius: 50%;\n filter: blur(90px);\n animation: orbFloat 9s ease-in-out infinite alternate;\n }\n .orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px;animation-delay:0s; }\n .orb2 { width:360px;height:360px;background:rgba(155,185,220,.28);bottom:8%;left:3%;animation-delay:-4s; }\n .orb3 { width:260px;height:260px;background:rgba(200,215,235,.30);top:38%;right:18%;animation-delay:-7s; }\n @keyframes orbFloat {\n from { transform: translate(0,0) scale(1); }\n to { transform: translate(28px,28px) scale(1.09); }\n }\n\n \/* \u2500\u2500 3-D LOGO WATERMARKS \u2500\u2500 *\/\n .logo-watermark { position: absolute; pointer-events: none; z-index: 0; }\n .logo-center { top:50%; left:50%; transform:translate(-50%,-50%); }\n .logo-top-left { top:4%; left:2%; }\n .logo-bottom-right { bottom:4%; right:2%; }\n\n .logo-3d-wrapper {\n width:360px; height:360px;\n animation: spin3D 18s linear infinite;\n transform-style: preserve-3d;\n perspective: 800px;\n }\n .logo-3d-wrapper.logo-small { width:130px; height:130px; }\n .logo-3d-wrapper.logo-slow { animation-duration:30s; animation-direction:reverse; }\n\n @keyframes spin3D {\n 0% { transform: rotateY(0deg) rotateX(8deg); }\n 25% { transform: rotateY(90deg) rotateX(14deg) rotateZ(3deg); }\n 50% { transform: rotateY(180deg) rotateX(8deg); }\n 75% { transform: rotateY(270deg) rotateX(14deg) rotateZ(-3deg); }\n 100% { transform: rotateY(360deg) rotateX(8deg); }\n }\n .logo-3d-img {\n width:100%; height:100%; object-fit:contain;\n opacity:.09; mix-blend-mode:screen;\n filter: saturate(.8) brightness(.85);\n border-radius: 50%;\n animation: logoPulse 4.5s ease-in-out infinite alternate;\n }\n .logo-small .logo-3d-img { opacity:.05; animation-name:logoPulseSmall; }\n\n @keyframes logoPulse { from{opacity:.06} to{opacity:.18} }\n @keyframes logoPulseSmall { from{opacity:.03} to{opacity:.08} }\n\n .logo-3d-wrapper::after, .logo-3d-wrapper::before {\n content:''; position:absolute; border-radius:50%;\n border:1px solid rgba(26,77,140,.15);\n animation: ringPulse 3.2s ease-in-out infinite;\n pointer-events:none;\n }\n .logo-3d-wrapper::after { inset:-10px; }\n .logo-3d-wrapper::before { inset:-26px; animation-delay:1.6s; }\n @keyframes ringPulse {\n 0%,100%{transform:scale(1);opacity:.5}\n 50%{transform:scale(1.05);opacity:1}\n }\n\n \/* \u2500\u2500 FLOATING PARTICLES \u2500\u2500 *\/\n .particle {\n position: fixed; border-radius:50%; pointer-events:none; z-index:0;\n animation: floatP linear infinite; opacity:0;\n }\n @keyframes floatP {\n 0% { transform:translateY(100vh) rotate(0deg); opacity:0; }\n 10% { opacity:.55; }\n 90% { opacity:.55; }\n 100% { transform:translateY(-120px) rotate(360deg); opacity:0; }\n }\n\n \/* \u2500\u2500 LAYOUT WRAPPER \u2500\u2500 *\/\n .page-wrap {\n position: relative; z-index:2;\n padding: 2.5rem 1.5rem 3rem;\n max-width: 1380px;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500 FLOATING CONTROL BAR (replaces header) \u2500\u2500 *\/\n .control-bar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 1rem;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1rem 1.4rem;\n margin-bottom: 1.2rem;\n box-shadow: 0 4px 24px rgba(0,0,0,.08);\n backdrop-filter: blur(6px);\n }\n\n .bar-left {\n display: flex; align-items: center; gap: 0.9rem;\n }\n\n .bar-icon {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #1A4D8C, #2e7fc0);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n color: #fff; font-size: 1.1rem;\n box-shadow: 0 4px 12px rgba(26,77,140,.3);\n flex-shrink: 0;\n }\n\n .bar-title {\n font-size: 1.08rem;\n font-weight: 700;\n color: var(--accent);\n line-height: 1.3;\n }\n .bar-subtitle {\n font-size: 0.75rem;\n color: var(--muted);\n font-weight: 400;\n }\n\n .bar-right {\n display: flex; align-items: center; gap: 0.8rem;\n flex-wrap: wrap;\n }\n\n .badge-count {\n background: var(--pill-bg);\n border: 1px solid var(--pill-bdr);\n padding: 0.38rem 1rem;\n border-radius: 60px;\n font-size: 0.82rem;\n font-weight: 700;\n color: var(--accent);\n white-space: nowrap;\n }\n\n .search-wrap {\n display: flex; align-items: center; gap: 8px;\n background: rgba(245,249,255,.95);\n border: 1px solid var(--pill-bdr);\n border-radius: 60px;\n padding: 0.2rem 0.3rem 0.2rem 1rem;\n transition: .2s;\n }\n .search-wrap:focus-within {\n border-color: var(--accent2);\n box-shadow: 0 0 0 3px rgba(46,127,192,.18);\n background: #fff;\n }\n .search-wrap i { color: var(--muted); font-size: .95rem; }\n #searchInput {\n border:none; background:transparent;\n padding: .65rem .15rem;\n font-size: .9rem; width: 200px;\n font-family: inherit; outline: none;\n color: var(--text);\n }\n #searchInput::placeholder { color: #aabfce; }\n .search-clear {\n background:none; border:none; cursor:pointer;\n color: #9ab0c5; padding: 0 9px;\n transition:.18s; border-radius:40px; font-size:.95rem;\n }\n .search-clear:hover { color: var(--accent); }\n\n \/* \u2500\u2500 TABLE CARD \u2500\u2500 *\/\n .table-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);\n }\n\n .table-responsive { overflow-x: auto; }\n\n .staff-table {\n width: 100%; border-collapse: collapse;\n font-size: .93rem; min-width: 520px;\n }\n\n .staff-table thead tr {\n background: linear-gradient(90deg, rgba(235,243,252,.98), rgba(240,246,255,.98));\n border-bottom: 1.5px solid rgba(26,77,140,.10);\n }\n .staff-table th {\n padding: 1rem 1.1rem;\n font-weight: 700; font-size: .8rem;\n text-transform: uppercase; letter-spacing: .6px;\n color: var(--accent);\n }\n .staff-table th:first-child { text-align:center; width:58px; }\n .staff-table th:nth-child(2) { text-align:right; }\n .staff-table th:last-child { text-align:left; padding-left:1.4rem; }\n\n .staff-table td {\n padding: .88rem 1.1rem;\n border-bottom: 1px solid rgba(220,230,242,.7);\n vertical-align: middle;\n transition: background .18s;\n }\n .staff-table tbody tr:last-child td { border-bottom: none; }\n .staff-table tbody tr:hover td { background: var(--row-hover); }\n\n .staff-table td:first-child {\n text-align:center; font-weight:700;\n color: var(--muted); font-size:.82rem;\n }\n .staff-table td:nth-child(2) {\n font-weight: 600; color: #1b3a52;\n text-align: right; letter-spacing: -.1px;\n }\n\n \/* email pill *\/\n .email-link {\n display: inline-flex; align-items: center; gap: 7px;\n background: var(--pill-bg);\n padding: .32rem .85rem; border-radius: 40px;\n text-decoration: none;\n color: #176087; font-size: .82rem; font-weight: 500;\n border: 1px solid transparent;\n direction: ltr; unicode-bidi: embed;\n transition: all .2s;\n }\n .email-link i { font-size: .78rem; color: var(--accent2); }\n .email-link:hover {\n background: #d8edf8; border-color: #b0d0e8;\n color: #0c4460;\n transform: translateY(-1px);\n box-shadow: 0 3px 8px rgba(0,0,0,.06);\n }\n\n \/* no results *\/\n .no-results-cell { text-align:center; padding: 3.5rem 1rem !important; }\n .no-results-inner { display:inline-flex; flex-direction:column; align-items:center; gap:.6rem; }\n .no-results-inner i { font-size:2.6rem; color:#b8d0e6; }\n .no-results-inner p { color:var(--muted); font-weight:600; }\n .no-results-inner small { color:#98b4c8; font-size:.82rem; }\n\n \/* footer strip *\/\n .table-footer {\n padding: .75rem 1.4rem;\n background: rgba(245,249,254,.95);\n border-top: 1px solid var(--border);\n display: flex; justify-content:space-between; flex-wrap:wrap; gap:.4rem;\n font-size: .75rem; color: var(--muted);\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 700px) {\n .page-wrap { padding: 1.2rem .9rem 2rem; }\n .control-bar { padding: .85rem 1rem; }\n .bar-title { font-size:.95rem; }\n .search-wrap { width:100%; }\n #searchInput { width:100%; }\n .bar-right { width:100%; }\n .logo-3d-wrapper { width:190px; height:190px; }\n .logo-3d-wrapper.logo-small { width:75px; height:75px; }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div>\n <div class=\"bg-orb orb2\"><\/div>\n <div class=\"bg-orb orb3\"><\/div>\n\n <div class=\"logo-watermark logo-center\">\n <div class=\"logo-3d-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\"\n onerror=\"this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 100 100%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%234a6fa5%22\/%3E%3Ctext x=%2250%22 y=%2267%22 font-size=%2218%22 text-anchor=%22middle%22 fill=%22white%22%3E\u0627\u0644\u0645\u0639\u0647\u062f%3C\/text%3E%3C\/svg%3E'\"\n class=\"logo-3d-img\" alt=\"University Logo\">\n <\/div>\n <\/div>\n <div class=\"logo-watermark logo-top-left\">\n <div class=\"logo-3d-wrapper logo-small\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\"\n onerror=\"this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 100 100%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%234a6fa5%22\/%3E%3C\/svg%3E'\"\n class=\"logo-3d-img\" alt=\"\">\n <\/div>\n <\/div>\n <div class=\"logo-watermark logo-bottom-right\">\n <div class=\"logo-3d-wrapper logo-small logo-slow\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\"\n onerror=\"this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 100 100%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%234a6fa5%22\/%3E%3C\/svg%3E'\"\n class=\"logo-3d-img\" alt=\"\">\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"page-wrap\">\n\n \n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-chalkboard-user\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">\u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633 \u2014 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/div>\n <div class=\"bar-subtitle\">\u062f\u0644\u064a\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0628\u0631\u064a\u062f\u064a<\/div>\n <\/div>\n <\/div>\n <div class=\"bar-right\">\n <div class=\"badge-count\">\n <i class=\"fas fa-users\"><\/i> \n <span id=\"visibleCount\">0<\/span> \/ <span id=\"totalCount\">0<\/span>\n <\/div>\n <div class=\"search-wrap\">\n <i class=\"fas fa-search\"><\/i>\n <input type=\"text\" id=\"searchInput\" placeholder=\"\u0627\u0628\u062d\u062b \u0628\u0627\u0644\u0627\u0633\u0645 \u0623\u0648 \u0627\u0644\u0628\u0631\u064a\u062f \u2026\" autocomplete=\"off\">\n <button class=\"search-clear\" id=\"clearBtn\" aria-label=\"\u0645\u0633\u062d\">\n <i class=\"fas fa-times-circle\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"table-card\">\n <div class=\"table-responsive\">\n <table class=\"staff-table\" id=\"staffTable\">\n <thead>\n <tr>\n <th>#<\/th>\n <th><i class=\"fas fa-user-graduate\"><\/i> \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/th>\n <th><i class=\"fas fa-envelope\"><\/i> \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"tableBody\">\n <tr><td colspan=\"3\" style=\"text-align:center;padding:2rem;color:var(--muted)\">\u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u2026<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"table-footer\">\n <span><i class=\"fas fa-paper-plane\"><\/i> \u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0628\u0631\u064a\u062f \u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0628\u0627\u0634\u0631\u0629<\/span>\n <span><i class=\"fas fa-bolt\"><\/i> \u0646\u062a\u0627\u0626\u062c \u0641\u0648\u0631\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0628\u062d\u062b<\/span>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\nconst staffData = [\n { name:\"\u0627\u0642\u0628\u0627\u0644 \u0639\u0628\u064a\u062f \u0644\u0641\u062a\u0629\", email:\"Iqbal.obaid@atu.edu.iq\" },\n { name:\"\u0623\u062d\u0645\u062f \u0639\u0628\u062f \u0627\u0644\u0645\u062d\u0633\u0646 \u0639\u0628\u062f \u0627\u0644\u0635\u0627\u062d\u0628\", email:\"ins.ahmd@atu.edu.iq\" },\n { name:\"\u062d\u0633\u064a\u0646 \u0639\u0644\u064a \u0634\u0627\u0643\u0631\", email:\"hussein.shakir@atu.edu.iq\" },\n { name:\"\u062d\u0646\u064a\u0646 \u0645\u064a\u062b\u0645 \u0639\u0644\u064a\", email:\"haneen.ali.isa@atu.edu.iq\" },\n { name:\"\u062f. \u062e\u0644\u064a\u0644 \u0631\u0627\u0636\u064a \u062d\u0633\u0646\", email:\"ins.khl2@atu.edu.iq\" },\n { name:\"\u0631\u062d\u064a\u0645 \u0631\u0639\u062f \u062d\u0645\u064a\u062f\", email:\"raheem.mohammad.isa@atu.edu.iq\" },\n { name:\"\u0633\u064a\u0641 \u0639\u0628\u062f \u0627\u0644\u0627\u0645\u064a\u0631 \u0648\u0637\u0646\", email:\"Seyaf.alameer@atu.edu.iq\" },\n { name:\"\u0641\u0631\u062d \u0639\u0644\u064a \u0639\u0628\u062f\", email:\"farah.abd@atu.edu.iq\" },\n { name:\"\u0641\u0631\u062d \u0645\u062d\u0645\u0648\u062f \u0642\u0627\u0633\u0645\", email:\"farah.qasim.isa2@atu.edu.iq\" },\n { name:\"\u0642\u0627\u0633\u0645 \u062c\u0628\u064a\u0631 \u0633\u0644\u0645\u0627\u0646\", email:\"kasim.salman@atu.edu.iq\" },\n { name:\"\u0645\u062c\u0627\u0647\u062f \u0643\u0631\u064a\u0645 \u0639\u0643\u0644\u0647\", email:\"mujahed.oglah.cnj@atu.edu.iq\" },\n { name:\"\u0647\u062f\u0649 \u0639\u0628\u062f \u0627\u0644\u0647\u0627\u062f\u064a \u0639\u0628\u064a\u062f\", email:\"huda.obeed@atu.edu.iq\" },\n { name:\"\u0647\u062f\u064a\u0644 \u0633\u0639\u064a\u062f \u064a\u0627\u0633\u064a\u0646\", email:\"hadeel.yaseen.isa@atu.edu.iq\" },\n { name:\"\u0644\u0645\u0649 \u0639\u0628\u064a \u062d\u0633\u0646\", email:\"luma.hassan.isa@atu.edu.iq\" },\n { name:\"\u0627\u0634\u0648\u0627\u0642 \u0639\u0648\u062f\u0629 \u0639\u0628\u0627\u0633\", email:\"ins.ash@atu.edu.iq\" },\n { name:\"\u0628\u0634\u0631\u0649 \u062d\u0633\u064a\u0646 \u0639\u0644\u0648\u0627\u0646\", email:\"bushraalwan@atu.edu.iq\" },\n { name:\"\u062b\u0631\u064a\u0627 \u0630\u062c\u0631 \u062d\u0627\u0634\u0648\u0634 \u0628\u0637\u064a\", email:\"thuraya.thechur.isa@atu.edu.iq\" },\n { name:\"\u062f\u0644\u0627\u0644 \u0631\u0627\u0636\u064a \u0645\u0646\u0634\u062f\", email:\"Dalal.mudrk@atu.edu.iq\" },\n { name:\"\u0633\u064a\u0641 \u0631\u0639\u062f \u0633\u0639\u062f \u0627\u0644\u0627\u0645\u0627\u0645\u064a\", email:\"Saeif.saad@atu.edu.iq\" },\n { name:\"\u0634\u0627\u0647\u0631 \u0631\u064a\u0643\u0627\u0646 \u0631\u0627\u0636\u064a\", email:\"Shaher.radhi@atu.edu.iq\" },\n { name:\"\u0635\u0627\u0628\u0631\u064a\u0646 \u0641\u0627\u0644\u062d \u062d\u0633\u0646\", email:\"sabreen.ali.isa@atu.edu.iq\" },\n { name:\"\u0639\u0645\u0627\u0631 \u0633\u0639\u062f \u0639\u0628\u062f\", email:\"amar.kadhem@atu.edu.iq\" },\n { name:\"\u0645.\u0645 \u0627\u064a\u0645\u0627\u0646 \u0639\u0644\u0648\u0627\u0646 \u0641\u0644\u064a\u062d\", email:\"eman.flayih@atu.edu.iq\" },\n { name:\"\u0645\u0631\u062a\u0636\u0649 \u0643\u0627\u0645\u0644 \u0639\u0644\u064a\", email:\"murtadha.ali@atu.edu.iq\" },\n { name:\"\u0645\u0635\u0637\u0641\u0649 \u0646\u0639\u064a\u0645 \u0641\u0646\u064a\u062e\", email:\"mostfa.fneak@atu.edu.iq\" },\n { name:\"\u0645\u0644\u0627\u0643 \u0639\u0645\u0627\u062f \u0646\u0648\u064a\u0639\", email:\"Malak.noweeaa.isa@atu.edu.iq\" },\n { name:\"\u0646\u0636\u0627\u0644 \u0639\u0628\u062f \u0645\u062d\u0645\u062f\", email:\"nidhal.mohammed.isa@atu.edu.iq\" },\n { name:\"\u0646\u0645\u064a\u0631 \u0639\u0644\u064a \u0639\u0628\u062f \u0627\u0644\u0648\u0647\u0627\u0628\", email:\"Nameer.abdulwahab@atu.edu.iq\" },\n { name:\"\u0627\u062d\u0645\u062f \u064a\u0648\u0646\u0633 \u0627\u062d\u0645\u062f\", email:\"Ahmed.ahmed@atu.edu.iq\" },\n { name:\"\u0628\u064a\u062f\u0627\u0621 \u0639\u0628\u062f \u0627\u0644\u062d\u0633\u0646 \u062e\u0644\u0641\", email:\"baydaafawz@atu.edu.iq\" },\n { name:\"\u062d\u064a\u062f\u0631 \u0645\u062d\u0645\u062f \u0634\u0631\u0634\u0627\u0628\", email:\"haider.shrshab@atu.edu.iq\" },\n { name:\"\u062f. \u0639\u0644\u064a \u0639\u0646\u0648\u0643 \u0646\u062c\u0645\", email:\"Alianjum@atu.edu.iq\" },\n { name:\"\u062f\u0639\u0627\u0621 \u0639\u0632\u064a\u0632 \u062f\u0631\u0641\u0634\", email:\"doaa.darfash@atu.edu.iq\" },\n { name:\"\u0631\u062d\u064a\u0645 \u0631\u0627\u0636\u064a \u0639\u0630\u0627\u0628\", email:\"raheem.suweef.isa@atu.edu.iq\" },\n { name:\"\u0631\u0648\u064a\u062f\u0629 \u0641\u0627\u0636\u0644 \u0639\u0628\u064a\u062f\", email:\"ins.rod@atu.edu.iq\" },\n { name:\"\u0631\u064a\u0645\u0627 \u0646\u0639\u0645\u0647 \u0627\u0644\u0644\u0647 \u062d\u0633\u0646\", email:\"reema2020@atu.edu.iq\" },\n { name:\"\u0634\u064a\u0645\u0627\u0621 \u062c\u0628\u0627\u0631 \u062d\u0633\u064a\u0646\", email:\"Shaimaa.jabbar@atu.edu.iq\" },\n { name:\"\u0639\u0644\u064a \u0639\u0628\u062f \u0627\u0644\u0639\u0638\u064a\u0645 \u0647\u0644\u0627\u0644\", email:\"Ali.hilal.isa@atu.edu.iq\" },\n { name:\"\u0644\u0642\u0627\u0621 \u0637\u0627\u0631\u0642 \u0647\u0627\u062f\u064a\", email:\"lqaa.hadi@atu.edu.iq\" },\n { name:\"\u0647\u064a\u0628\u062a \u062d\u0633\u0646 \u0647\u0628\u064a\u0634\", email:\"haibat.hbayysh.isa@atu.edu.iq\" },\n { name:\"\u0627\u062f\u0631\u064a\u0633 \u062d\u0645\u0648\u062f\u064a \u0627\u062d\u0645\u062f\", email:\"idrees.ahmed.ism@atu.edu.iq\" },\n { name:\"\u0628\u0627\u0633\u0645 \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0643\u0627\u0638\u0645\", email:\"basim.kazem.isa@atu.edu.iq\" },\n { name:\"\u0628\u064a\u062f\u0627\u0621 \u0647\u0627\u062f\u064a \u0645\u062d\u0645\u062f \u0633\u0639\u0648\u062f\u064a\", email:\"ins.byd44@atu.edu.iq\" },\n { name:\"\u0639\u0644\u0627\u0621 \u0639\u0628\u062f \u0639\u0644\u064a \u0647\u0627\u062f\u064a \u062d\u0633\u0646\", email:\"alaa@atu.edu.iq\" },\n { name:\"\u0645\u0631\u0648\u0647 \u0639\u0628\u062f\u0627\u0644\u0647\u0627\u062f\u064a \u062d\u0633\u0646\", email:\"marwah.hasans.isa@atu.edu.iq\" },\n { name:\"\u0633\u0639\u0627\u062f \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0645\u0639\u064a\u062f\u064a\", email:\"souad.maidi@atu.edu.iq\" },\n { name:\"\u0635\u0644\u0627\u062d \u0645\u062d\u0645\u062f \u0639\u0648\u0627\u062f\", email:\"salah.Alheejawi@atu.edu.iq\" },\n { name:\"\u0636\u0631\u063a\u0627\u0645 \u0627\u0635\u064a\u0644 \u0643\u0631\u064a\u0645\", email:\"dhurgham.salmaan@atu.edu.iq\" },\n { name:\"\u0645\u062d\u0645\u062f \u0642\u0627\u0633\u0645 \u062c\u0644\u064a\u0644\", email:\"Mohammed.jalil@atu.edu.iq\" }\n];\n\ndocument.getElementById('totalCount').textContent = staffData.length;\n\nconst tbody = document.getElementById('tableBody');\nconst searchInput = document.getElementById('searchInput');\nconst clearBtn = document.getElementById('clearBtn');\nconst visibleCount = document.getElementById('visibleCount');\n\nfunction esc(s) {\n return (s||'').replace(\/&\/g,'&').replace(\/<\/g,'<').replace(\/>\/g,'>').replace(\/\"\/g,'"');\n}\n\nfunction render(filter) {\n const q = (filter||'').trim().toLowerCase();\n const list = q ? staffData.filter(r => r.name.toLowerCase().includes(q) || r.email.toLowerCase().includes(q)) : staffData;\n visibleCount.textContent = list.length;\n\n if (!list.length) {\n tbody.innerHTML = `<tr><td colspan=\"3\" class=\"no-results-cell\">\n <div class=\"no-results-inner\">\n <i class=\"fas fa-user-slash\"><\/i>\n <p>\u0644\u0627 \u062a\u0648\u062c\u062f \u0646\u062a\u0627\u0626\u062c \u0644\u0640 \"<strong style=\"color:var(--accent)\">${esc(filter)}<\/strong>\"<\/p>\n <small>\u062c\u0631\u0651\u0628 \u0643\u0644\u0645\u0629 \u0645\u062e\u062a\u0644\u0641\u0629 \u0623\u0648 \u0627\u0645\u0633\u062d \u0627\u0644\u0628\u062d\u062b<\/small>\n <\/div><\/td><\/tr>`;\n return;\n }\n\n tbody.innerHTML = list.map((p, i) => `\n <tr>\n <td>${i+1}<\/td>\n <td>${esc(p.name)}<\/td>\n <td>\n <a href=\"mailto:${esc(p.email)}\" class=\"email-link\" title=\"\u0645\u0631\u0627\u0633\u0644\u0629 ${esc(p.name)}\">\n <i class=\"fas fa-paper-plane\"><\/i>${esc(p.email)}\n <\/a>\n <\/td>\n <\/tr>`).join('');\n}\n\nlet debounce;\nsearchInput.addEventListener('input', () => { clearTimeout(debounce); debounce = setTimeout(()=>render(searchInput.value), 180); });\nclearBtn.addEventListener('click', () => { searchInput.value=''; render(''); searchInput.focus(); });\nsearchInput.addEventListener('keydown', e => { if(e.key==='Escape'){searchInput.value='';render('');} });\n\nrender('');\n\n\/* particles *\/\n(function(){\n const colors=['#8faac8','#a2b9d6','#bfcfdf'];\n for(let i=0;i<18;i++){\n const el=document.createElement('div');\n el.className='particle';\n const s=Math.random()*4+2;\n el.style.cssText=`width:${s}px;height:${s}px;background:${colors[i%3]};left:${Math.random()*100}vw;animation-duration:${Math.random()*12+8}s;animation-delay:${Math.random()*10}s;`;\n document.body.appendChild(el);\n }\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633 – \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633 \u2014 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u062f\u0644\u064a\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0628\u0631\u064a\u062f\u064a 0 \/ 0 # \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u2026 \u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0628\u0631\u064a\u062f \u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0646\u062a\u0627\u0626\u062c \u0641\u0648\u0631\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0628\u062d\u062b<\/p>\n","protected":false},"author":99900,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22038","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22038","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/99900"}],"replies":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22038"}],"version-history":[{"count":6,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22038\/revisions"}],"predecessor-version":[{"id":22075,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22038\/revisions\/22075"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22038,"date":"2026-04-23T12:59:36","date_gmt":"2026-04-23T09:59:36","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=22038"},"modified":"2026-04-24T10:36:35","modified_gmt":"2026-04-24T07:36:35","slug":"22038-2","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=22038","title":{"rendered":"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u0644\u0643\u0627\u062f\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0633\u064a"},"content":{"rendered":"\n\n\n\n \n \n \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633 – \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n :root {\n --bg: #f0f4fa;\n --surface: rgba(255,255,255,0.96);\n --border: rgba(30,80,140,0.10);\n --accent: #1A4D8C;\n --accent2: #2e7fc0;\n --text: #1a2c3e;\n --muted: #6b8aab;\n --row-hover: rgba(255,247,210,0.85);\n --pill-bg: rgba(230,243,255,0.85);\n --pill-bdr: #bcd5ee;\n --radius: 1.6rem;\n }\n\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n background: var(--bg);\n font-family: 'Tajawal', 'Sora', system-ui, sans-serif;\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 BACKGROUND \u2500\u2500 *\/\n .bg-scene {\n position: fixed; inset: 0; z-index: 0;\n overflow: hidden; pointer-events: none;\n }\n .bg-grid {\n position: absolute; inset: 0;\n background-image:\n linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px),\n linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px);\n background-size: 56px 56px;\n animation: gridScroll 22s linear infinite;\n }\n @keyframes gridScroll {\n from { transform: perspective(700px) rotateX(28deg) translateY(0); }\n to { transform: perspective(700px) rotateX(28deg) translateY(56px); }\n }\n .bg-orb {\n position: absolute; border-radius: 50%;\n filter: blur(90px);\n animation: orbFloat 9s ease-in-out infinite alternate;\n }\n .orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px;animation-delay:0s; }\n .orb2 { width:360px;height:360px;background:rgba(155,185,220,.28);bottom:8%;left:3%;animation-delay:-4s; }\n .orb3 { width:260px;height:260px;background:rgba(200,215,235,.30);top:38%;right:18%;animation-delay:-7s; }\n @keyframes orbFloat {\n from { transform: translate(0,0) scale(1); }\n to { transform: translate(28px,28px) scale(1.09); }\n }\n\n \/* \u2500\u2500 3-D LOGO WATERMARKS \u2500\u2500 *\/\n .logo-watermark { position: absolute; pointer-events: none; z-index: 0; }\n .logo-center { top:50%; left:50%; transform:translate(-50%,-50%); }\n .logo-top-left { top:4%; left:2%; }\n .logo-bottom-right { bottom:4%; right:2%; }\n\n .logo-3d-wrapper {\n width:360px; height:360px;\n animation: spin3D 18s linear infinite;\n transform-style: preserve-3d;\n perspective: 800px;\n }\n .logo-3d-wrapper.logo-small { width:130px; height:130px; }\n .logo-3d-wrapper.logo-slow { animation-duration:30s; animation-direction:reverse; }\n\n @keyframes spin3D {\n 0% { transform: rotateY(0deg) rotateX(8deg); }\n 25% { transform: rotateY(90deg) rotateX(14deg) rotateZ(3deg); }\n 50% { transform: rotateY(180deg) rotateX(8deg); }\n 75% { transform: rotateY(270deg) rotateX(14deg) rotateZ(-3deg); }\n 100% { transform: rotateY(360deg) rotateX(8deg); }\n }\n .logo-3d-img {\n width:100%; height:100%; object-fit:contain;\n opacity:.09; mix-blend-mode:screen;\n filter: saturate(.8) brightness(.85);\n border-radius: 50%;\n animation: logoPulse 4.5s ease-in-out infinite alternate;\n }\n .logo-small .logo-3d-img { opacity:.05; animation-name:logoPulseSmall; }\n\n @keyframes logoPulse { from{opacity:.06} to{opacity:.18} }\n @keyframes logoPulseSmall { from{opacity:.03} to{opacity:.08} }\n\n .logo-3d-wrapper::after, .logo-3d-wrapper::before {\n content:''; position:absolute; border-radius:50%;\n border:1px solid rgba(26,77,140,.15);\n animation: ringPulse 3.2s ease-in-out infinite;\n pointer-events:none;\n }\n .logo-3d-wrapper::after { inset:-10px; }\n .logo-3d-wrapper::before { inset:-26px; animation-delay:1.6s; }\n @keyframes ringPulse {\n 0%,100%{transform:scale(1);opacity:.5}\n 50%{transform:scale(1.05);opacity:1}\n }\n\n \/* \u2500\u2500 FLOATING PARTICLES \u2500\u2500 *\/\n .particle {\n position: fixed; border-radius:50%; pointer-events:none; z-index:0;\n animation: floatP linear infinite; opacity:0;\n }\n @keyframes floatP {\n 0% { transform:translateY(100vh) rotate(0deg); opacity:0; }\n 10% { opacity:.55; }\n 90% { opacity:.55; }\n 100% { transform:translateY(-120px) rotate(360deg); opacity:0; }\n }\n\n \/* \u2500\u2500 LAYOUT WRAPPER \u2500\u2500 *\/\n .page-wrap {\n position: relative; z-index:2;\n padding: 2.5rem 1.5rem 3rem;\n max-width: 1380px;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500 FLOATING CONTROL BAR (replaces header) \u2500\u2500 *\/\n .control-bar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 1rem;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1rem 1.4rem;\n margin-bottom: 1.2rem;\n box-shadow: 0 4px 24px rgba(0,0,0,.08);\n backdrop-filter: blur(6px);\n }\n\n .bar-left {\n display: flex; align-items: center; gap: 0.9rem;\n }\n\n .bar-icon {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, #1A4D8C, #2e7fc0);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n color: #fff; font-size: 1.1rem;\n box-shadow: 0 4px 12px rgba(26,77,140,.3);\n flex-shrink: 0;\n }\n\n .bar-title {\n font-size: 1.08rem;\n font-weight: 700;\n color: var(--accent);\n line-height: 1.3;\n }\n .bar-subtitle {\n font-size: 0.75rem;\n color: var(--muted);\n font-weight: 400;\n }\n\n .bar-right {\n display: flex; align-items: center; gap: 0.8rem;\n flex-wrap: wrap;\n }\n\n .badge-count {\n background: var(--pill-bg);\n border: 1px solid var(--pill-bdr);\n padding: 0.38rem 1rem;\n border-radius: 60px;\n font-size: 0.82rem;\n font-weight: 700;\n color: var(--accent);\n white-space: nowrap;\n }\n\n .search-wrap {\n display: flex; align-items: center; gap: 8px;\n background: rgba(245,249,255,.95);\n border: 1px solid var(--pill-bdr);\n border-radius: 60px;\n padding: 0.2rem 0.3rem 0.2rem 1rem;\n transition: .2s;\n }\n .search-wrap:focus-within {\n border-color: var(--accent2);\n box-shadow: 0 0 0 3px rgba(46,127,192,.18);\n background: #fff;\n }\n .search-wrap i { color: var(--muted); font-size: .95rem; }\n #searchInput {\n border:none; background:transparent;\n padding: .65rem .15rem;\n font-size: .9rem; width: 200px;\n font-family: inherit; outline: none;\n color: var(--text);\n }\n #searchInput::placeholder { color: #aabfce; }\n .search-clear {\n background:none; border:none; cursor:pointer;\n color: #9ab0c5; padding: 0 9px;\n transition:.18s; border-radius:40px; font-size:.95rem;\n }\n .search-clear:hover { color: var(--accent); }\n\n \/* \u2500\u2500 TABLE CARD \u2500\u2500 *\/\n .table-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);\n }\n\n .table-responsive { overflow-x: auto; }\n\n .staff-table {\n width: 100%; border-collapse: collapse;\n font-size: .93rem; min-width: 520px;\n }\n\n .staff-table thead tr {\n background: linear-gradient(90deg, rgba(235,243,252,.98), rgba(240,246,255,.98));\n border-bottom: 1.5px solid rgba(26,77,140,.10);\n }\n .staff-table th {\n padding: 1rem 1.1rem;\n font-weight: 700; font-size: .8rem;\n text-transform: uppercase; letter-spacing: .6px;\n color: var(--accent);\n }\n .staff-table th:first-child { text-align:center; width:58px; }\n .staff-table th:nth-child(2) { text-align:right; }\n .staff-table th:last-child { text-align:left; padding-left:1.4rem; }\n\n .staff-table td {\n padding: .88rem 1.1rem;\n border-bottom: 1px solid rgba(220,230,242,.7);\n vertical-align: middle;\n transition: background .18s;\n }\n .staff-table tbody tr:last-child td { border-bottom: none; }\n .staff-table tbody tr:hover td { background: var(--row-hover); }\n\n .staff-table td:first-child {\n text-align:center; font-weight:700;\n color: var(--muted); font-size:.82rem;\n }\n .staff-table td:nth-child(2) {\n font-weight: 600; color: #1b3a52;\n text-align: right; letter-spacing: -.1px;\n }\n\n \/* email pill *\/\n .email-link {\n display: inline-flex; align-items: center; gap: 7px;\n background: var(--pill-bg);\n padding: .32rem .85rem; border-radius: 40px;\n text-decoration: none;\n color: #176087; font-size: .82rem; font-weight: 500;\n border: 1px solid transparent;\n direction: ltr; unicode-bidi: embed;\n transition: all .2s;\n }\n .email-link i { font-size: .78rem; color: var(--accent2); }\n .email-link:hover {\n background: #d8edf8; border-color: #b0d0e8;\n color: #0c4460;\n transform: translateY(-1px);\n box-shadow: 0 3px 8px rgba(0,0,0,.06);\n }\n\n \/* no results *\/\n .no-results-cell { text-align:center; padding: 3.5rem 1rem !important; }\n .no-results-inner { display:inline-flex; flex-direction:column; align-items:center; gap:.6rem; }\n .no-results-inner i { font-size:2.6rem; color:#b8d0e6; }\n .no-results-inner p { color:var(--muted); font-weight:600; }\n .no-results-inner small { color:#98b4c8; font-size:.82rem; }\n\n \/* footer strip *\/\n .table-footer {\n padding: .75rem 1.4rem;\n background: rgba(245,249,254,.95);\n border-top: 1px solid var(--border);\n display: flex; justify-content:space-between; flex-wrap:wrap; gap:.4rem;\n font-size: .75rem; color: var(--muted);\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 700px) {\n .page-wrap { padding: 1.2rem .9rem 2rem; }\n .control-bar { padding: .85rem 1rem; }\n .bar-title { font-size:.95rem; }\n .search-wrap { width:100%; }\n #searchInput { width:100%; }\n .bar-right { width:100%; }\n .logo-3d-wrapper { width:190px; height:190px; }\n .logo-3d-wrapper.logo-small { width:75px; height:75px; }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div>\n <div class=\"bg-orb orb2\"><\/div>\n <div class=\"bg-orb orb3\"><\/div>\n\n <div class=\"logo-watermark logo-center\">\n <div class=\"logo-3d-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\"\n onerror=\"this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 100 100%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%234a6fa5%22\/%3E%3Ctext x=%2250%22 y=%2267%22 font-size=%2218%22 text-anchor=%22middle%22 fill=%22white%22%3E\u0627\u0644\u0645\u0639\u0647\u062f%3C\/text%3E%3C\/svg%3E'\"\n class=\"logo-3d-img\" alt=\"University Logo\">\n <\/div>\n <\/div>\n <div class=\"logo-watermark logo-top-left\">\n <div class=\"logo-3d-wrapper logo-small\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\"\n onerror=\"this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 100 100%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%234a6fa5%22\/%3E%3C\/svg%3E'\"\n class=\"logo-3d-img\" alt=\"\">\n <\/div>\n <\/div>\n <div class=\"logo-watermark logo-bottom-right\">\n <div class=\"logo-3d-wrapper logo-small logo-slow\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\"\n onerror=\"this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 100 100%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%234a6fa5%22\/%3E%3C\/svg%3E'\"\n class=\"logo-3d-img\" alt=\"\">\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"page-wrap\">\n\n \n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-chalkboard-user\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">\u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633 \u2014 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/div>\n <div class=\"bar-subtitle\">\u062f\u0644\u064a\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0628\u0631\u064a\u062f\u064a<\/div>\n <\/div>\n <\/div>\n <div class=\"bar-right\">\n <div class=\"badge-count\">\n <i class=\"fas fa-users\"><\/i> \n <span id=\"visibleCount\">0<\/span> \/ <span id=\"totalCount\">0<\/span>\n <\/div>\n <div class=\"search-wrap\">\n <i class=\"fas fa-search\"><\/i>\n <input type=\"text\" id=\"searchInput\" placeholder=\"\u0627\u0628\u062d\u062b \u0628\u0627\u0644\u0627\u0633\u0645 \u0623\u0648 \u0627\u0644\u0628\u0631\u064a\u062f \u2026\" autocomplete=\"off\">\n <button class=\"search-clear\" id=\"clearBtn\" aria-label=\"\u0645\u0633\u062d\">\n <i class=\"fas fa-times-circle\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"table-card\">\n <div class=\"table-responsive\">\n <table class=\"staff-table\" id=\"staffTable\">\n <thead>\n <tr>\n <th>#<\/th>\n <th><i class=\"fas fa-user-graduate\"><\/i> \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/th>\n <th><i class=\"fas fa-envelope\"><\/i> \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"tableBody\">\n <tr><td colspan=\"3\" style=\"text-align:center;padding:2rem;color:var(--muted)\">\u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u2026<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"table-footer\">\n <span><i class=\"fas fa-paper-plane\"><\/i> \u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0628\u0631\u064a\u062f \u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0628\u0627\u0634\u0631\u0629<\/span>\n <span><i class=\"fas fa-bolt\"><\/i> \u0646\u062a\u0627\u0626\u062c \u0641\u0648\u0631\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0628\u062d\u062b<\/span>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\nconst staffData = [\n { name:\"\u0627\u0642\u0628\u0627\u0644 \u0639\u0628\u064a\u062f \u0644\u0641\u062a\u0629\", email:\"Iqbal.obaid@atu.edu.iq\" },\n { name:\"\u0623\u062d\u0645\u062f \u0639\u0628\u062f \u0627\u0644\u0645\u062d\u0633\u0646 \u0639\u0628\u062f \u0627\u0644\u0635\u0627\u062d\u0628\", email:\"ins.ahmd@atu.edu.iq\" },\n { name:\"\u062d\u0633\u064a\u0646 \u0639\u0644\u064a \u0634\u0627\u0643\u0631\", email:\"hussein.shakir@atu.edu.iq\" },\n { name:\"\u062d\u0646\u064a\u0646 \u0645\u064a\u062b\u0645 \u0639\u0644\u064a\", email:\"haneen.ali.isa@atu.edu.iq\" },\n { name:\"\u062f. \u062e\u0644\u064a\u0644 \u0631\u0627\u0636\u064a \u062d\u0633\u0646\", email:\"ins.khl2@atu.edu.iq\" },\n { name:\"\u0631\u062d\u064a\u0645 \u0631\u0639\u062f \u062d\u0645\u064a\u062f\", email:\"raheem.mohammad.isa@atu.edu.iq\" },\n { name:\"\u0633\u064a\u0641 \u0639\u0628\u062f \u0627\u0644\u0627\u0645\u064a\u0631 \u0648\u0637\u0646\", email:\"Seyaf.alameer@atu.edu.iq\" },\n { name:\"\u0641\u0631\u062d \u0639\u0644\u064a \u0639\u0628\u062f\", email:\"farah.abd@atu.edu.iq\" },\n { name:\"\u0641\u0631\u062d \u0645\u062d\u0645\u0648\u062f \u0642\u0627\u0633\u0645\", email:\"farah.qasim.isa2@atu.edu.iq\" },\n { name:\"\u0642\u0627\u0633\u0645 \u062c\u0628\u064a\u0631 \u0633\u0644\u0645\u0627\u0646\", email:\"kasim.salman@atu.edu.iq\" },\n { name:\"\u0645\u062c\u0627\u0647\u062f \u0643\u0631\u064a\u0645 \u0639\u0643\u0644\u0647\", email:\"mujahed.oglah.cnj@atu.edu.iq\" },\n { name:\"\u0647\u062f\u0649 \u0639\u0628\u062f \u0627\u0644\u0647\u0627\u062f\u064a \u0639\u0628\u064a\u062f\", email:\"huda.obeed@atu.edu.iq\" },\n { name:\"\u0647\u062f\u064a\u0644 \u0633\u0639\u064a\u062f \u064a\u0627\u0633\u064a\u0646\", email:\"hadeel.yaseen.isa@atu.edu.iq\" },\n { name:\"\u0644\u0645\u0649 \u0639\u0628\u064a \u062d\u0633\u0646\", email:\"luma.hassan.isa@atu.edu.iq\" },\n { name:\"\u0627\u0634\u0648\u0627\u0642 \u0639\u0648\u062f\u0629 \u0639\u0628\u0627\u0633\", email:\"ins.ash@atu.edu.iq\" },\n { name:\"\u0628\u0634\u0631\u0649 \u062d\u0633\u064a\u0646 \u0639\u0644\u0648\u0627\u0646\", email:\"bushraalwan@atu.edu.iq\" },\n { name:\"\u062b\u0631\u064a\u0627 \u0630\u062c\u0631 \u062d\u0627\u0634\u0648\u0634 \u0628\u0637\u064a\", email:\"thuraya.thechur.isa@atu.edu.iq\" },\n { name:\"\u062f\u0644\u0627\u0644 \u0631\u0627\u0636\u064a \u0645\u0646\u0634\u062f\", email:\"Dalal.mudrk@atu.edu.iq\" },\n { name:\"\u0633\u064a\u0641 \u0631\u0639\u062f \u0633\u0639\u062f \u0627\u0644\u0627\u0645\u0627\u0645\u064a\", email:\"Saeif.saad@atu.edu.iq\" },\n { name:\"\u0634\u0627\u0647\u0631 \u0631\u064a\u0643\u0627\u0646 \u0631\u0627\u0636\u064a\", email:\"Shaher.radhi@atu.edu.iq\" },\n { name:\"\u0635\u0627\u0628\u0631\u064a\u0646 \u0641\u0627\u0644\u062d \u062d\u0633\u0646\", email:\"sabreen.ali.isa@atu.edu.iq\" },\n { name:\"\u0639\u0645\u0627\u0631 \u0633\u0639\u062f \u0639\u0628\u062f\", email:\"amar.kadhem@atu.edu.iq\" },\n { name:\"\u0645.\u0645 \u0627\u064a\u0645\u0627\u0646 \u0639\u0644\u0648\u0627\u0646 \u0641\u0644\u064a\u062d\", email:\"eman.flayih@atu.edu.iq\" },\n { name:\"\u0645\u0631\u062a\u0636\u0649 \u0643\u0627\u0645\u0644 \u0639\u0644\u064a\", email:\"murtadha.ali@atu.edu.iq\" },\n { name:\"\u0645\u0635\u0637\u0641\u0649 \u0646\u0639\u064a\u0645 \u0641\u0646\u064a\u062e\", email:\"mostfa.fneak@atu.edu.iq\" },\n { name:\"\u0645\u0644\u0627\u0643 \u0639\u0645\u0627\u062f \u0646\u0648\u064a\u0639\", email:\"Malak.noweeaa.isa@atu.edu.iq\" },\n { name:\"\u0646\u0636\u0627\u0644 \u0639\u0628\u062f \u0645\u062d\u0645\u062f\", email:\"nidhal.mohammed.isa@atu.edu.iq\" },\n { name:\"\u0646\u0645\u064a\u0631 \u0639\u0644\u064a \u0639\u0628\u062f \u0627\u0644\u0648\u0647\u0627\u0628\", email:\"Nameer.abdulwahab@atu.edu.iq\" },\n { name:\"\u0627\u062d\u0645\u062f \u064a\u0648\u0646\u0633 \u0627\u062d\u0645\u062f\", email:\"Ahmed.ahmed@atu.edu.iq\" },\n { name:\"\u0628\u064a\u062f\u0627\u0621 \u0639\u0628\u062f \u0627\u0644\u062d\u0633\u0646 \u062e\u0644\u0641\", email:\"baydaafawz@atu.edu.iq\" },\n { name:\"\u062d\u064a\u062f\u0631 \u0645\u062d\u0645\u062f \u0634\u0631\u0634\u0627\u0628\", email:\"haider.shrshab@atu.edu.iq\" },\n { name:\"\u062f. \u0639\u0644\u064a \u0639\u0646\u0648\u0643 \u0646\u062c\u0645\", email:\"Alianjum@atu.edu.iq\" },\n { name:\"\u062f\u0639\u0627\u0621 \u0639\u0632\u064a\u0632 \u062f\u0631\u0641\u0634\", email:\"doaa.darfash@atu.edu.iq\" },\n { name:\"\u0631\u062d\u064a\u0645 \u0631\u0627\u0636\u064a \u0639\u0630\u0627\u0628\", email:\"raheem.suweef.isa@atu.edu.iq\" },\n { name:\"\u0631\u0648\u064a\u062f\u0629 \u0641\u0627\u0636\u0644 \u0639\u0628\u064a\u062f\", email:\"ins.rod@atu.edu.iq\" },\n { name:\"\u0631\u064a\u0645\u0627 \u0646\u0639\u0645\u0647 \u0627\u0644\u0644\u0647 \u062d\u0633\u0646\", email:\"reema2020@atu.edu.iq\" },\n { name:\"\u0634\u064a\u0645\u0627\u0621 \u062c\u0628\u0627\u0631 \u062d\u0633\u064a\u0646\", email:\"Shaimaa.jabbar@atu.edu.iq\" },\n { name:\"\u0639\u0644\u064a \u0639\u0628\u062f \u0627\u0644\u0639\u0638\u064a\u0645 \u0647\u0644\u0627\u0644\", email:\"Ali.hilal.isa@atu.edu.iq\" },\n { name:\"\u0644\u0642\u0627\u0621 \u0637\u0627\u0631\u0642 \u0647\u0627\u062f\u064a\", email:\"lqaa.hadi@atu.edu.iq\" },\n { name:\"\u0647\u064a\u0628\u062a \u062d\u0633\u0646 \u0647\u0628\u064a\u0634\", email:\"haibat.hbayysh.isa@atu.edu.iq\" },\n { name:\"\u0627\u062f\u0631\u064a\u0633 \u062d\u0645\u0648\u062f\u064a \u0627\u062d\u0645\u062f\", email:\"idrees.ahmed.ism@atu.edu.iq\" },\n { name:\"\u0628\u0627\u0633\u0645 \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0643\u0627\u0638\u0645\", email:\"basim.kazem.isa@atu.edu.iq\" },\n { name:\"\u0628\u064a\u062f\u0627\u0621 \u0647\u0627\u062f\u064a \u0645\u062d\u0645\u062f \u0633\u0639\u0648\u062f\u064a\", email:\"ins.byd44@atu.edu.iq\" },\n { name:\"\u0639\u0644\u0627\u0621 \u0639\u0628\u062f \u0639\u0644\u064a \u0647\u0627\u062f\u064a \u062d\u0633\u0646\", email:\"alaa@atu.edu.iq\" },\n { name:\"\u0645\u0631\u0648\u0647 \u0639\u0628\u062f\u0627\u0644\u0647\u0627\u062f\u064a \u062d\u0633\u0646\", email:\"marwah.hasans.isa@atu.edu.iq\" },\n { name:\"\u0633\u0639\u0627\u062f \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0645\u0639\u064a\u062f\u064a\", email:\"souad.maidi@atu.edu.iq\" },\n { name:\"\u0635\u0644\u0627\u062d \u0645\u062d\u0645\u062f \u0639\u0648\u0627\u062f\", email:\"salah.Alheejawi@atu.edu.iq\" },\n { name:\"\u0636\u0631\u063a\u0627\u0645 \u0627\u0635\u064a\u0644 \u0643\u0631\u064a\u0645\", email:\"dhurgham.salmaan@atu.edu.iq\" },\n { name:\"\u0645\u062d\u0645\u062f \u0642\u0627\u0633\u0645 \u062c\u0644\u064a\u0644\", email:\"Mohammed.jalil@atu.edu.iq\" }\n];\n\ndocument.getElementById('totalCount').textContent = staffData.length;\n\nconst tbody = document.getElementById('tableBody');\nconst searchInput = document.getElementById('searchInput');\nconst clearBtn = document.getElementById('clearBtn');\nconst visibleCount = document.getElementById('visibleCount');\n\nfunction esc(s) {\n return (s||'').replace(\/&\/g,'&').replace(\/<\/g,'<').replace(\/>\/g,'>').replace(\/\"\/g,'"');\n}\n\nfunction render(filter) {\n const q = (filter||'').trim().toLowerCase();\n const list = q ? staffData.filter(r => r.name.toLowerCase().includes(q) || r.email.toLowerCase().includes(q)) : staffData;\n visibleCount.textContent = list.length;\n\n if (!list.length) {\n tbody.innerHTML = `<tr><td colspan=\"3\" class=\"no-results-cell\">\n <div class=\"no-results-inner\">\n <i class=\"fas fa-user-slash\"><\/i>\n <p>\u0644\u0627 \u062a\u0648\u062c\u062f \u0646\u062a\u0627\u0626\u062c \u0644\u0640 \"<strong style=\"color:var(--accent)\">${esc(filter)}<\/strong>\"<\/p>\n <small>\u062c\u0631\u0651\u0628 \u0643\u0644\u0645\u0629 \u0645\u062e\u062a\u0644\u0641\u0629 \u0623\u0648 \u0627\u0645\u0633\u062d \u0627\u0644\u0628\u062d\u062b<\/small>\n <\/div><\/td><\/tr>`;\n return;\n }\n\n tbody.innerHTML = list.map((p, i) => `\n <tr>\n <td>${i+1}<\/td>\n <td>${esc(p.name)}<\/td>\n <td>\n <a href=\"mailto:${esc(p.email)}\" class=\"email-link\" title=\"\u0645\u0631\u0627\u0633\u0644\u0629 ${esc(p.name)}\">\n <i class=\"fas fa-paper-plane\"><\/i>${esc(p.email)}\n <\/a>\n <\/td>\n <\/tr>`).join('');\n}\n\nlet debounce;\nsearchInput.addEventListener('input', () => { clearTimeout(debounce); debounce = setTimeout(()=>render(searchInput.value), 180); });\nclearBtn.addEventListener('click', () => { searchInput.value=''; render(''); searchInput.focus(); });\nsearchInput.addEventListener('keydown', e => { if(e.key==='Escape'){searchInput.value='';render('');} });\n\nrender('');\n\n\/* particles *\/\n(function(){\n const colors=['#8faac8','#a2b9d6','#bfcfdf'];\n for(let i=0;i<18;i++){\n const el=document.createElement('div');\n el.className='particle';\n const s=Math.random()*4+2;\n el.style.cssText=`width:${s}px;height:${s}px;background:${colors[i%3]};left:${Math.random()*100}vw;animation-duration:${Math.random()*12+8}s;animation-delay:${Math.random()*10}s;`;\n document.body.appendChild(el);\n }\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633 – \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633 \u2014 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u062f\u0644\u064a\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0628\u0631\u064a\u062f\u064a 0 \/ 0 # \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u2026 \u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0628\u0631\u064a\u062f \u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0646\u062a\u0627\u0626\u062c \u0641\u0648\u0631\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0628\u062d\u062b<\/p>\n","protected":false},"author":99900,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22038","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22038","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/99900"}],"replies":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22038"}],"version-history":[{"count":6,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22038\/revisions"}],"predecessor-version":[{"id":22075,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22038\/revisions\/22075"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}