@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html{direction:rtl;font-family:Tajawal,system-ui,sans-serif}body{margin:0;padding:0;background:#f9fafb;color:#111827;line-height:1.6}:where(img,svg,video,canvas){max-width:100%;height:auto}:root{--brand-primary:#2563eb;--brand-dark:#0f172a;--muted:#6b7280;--border:#e5e7eb;--bg:#ffffff;--shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.container{max-width:80rem;margin-left:auto;margin-right:auto}.min-h-screen{min-height:100vh}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.m-2{margin:.5rem}.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.pr-10{padding-right:2.5rem}.pl-10{padding-left:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-x-2>*+*{margin-left:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-64{width:16rem}.w-full{width:100%}.w-auto{width:auto}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-32{height:8rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-h-16{max-height:4rem}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(90vh-120px\)\]{max-height:calc(90vh - 120px)}.min-w-0{min-width:0}.min-w-\[220px\]{min-width:220px}.aspect-square{aspect-ratio:1/1}.object-cover{object-fit:cover}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.opacity-90{opacity:.9}.bg-white{background:#fff}.bg-gray-50{background:#f9fafb}.bg-gray-100{background:#f3f4f6}.bg-gray-200{background:#e5e7eb}.bg-gray-400{background:#9ca3af}.bg-gray-800{background:#1f2937}.bg-gray-900{background:#111827}.bg-blue-50{background:#eff6ff}.bg-blue-100{background:#dbeafe}.bg-blue-600{background:#2563eb}.bg-blue-700{background:#1d4ed8}.bg-green-50{background:#ecfdf5}.bg-green-600{background:#059669}.bg-red-50{background:#fef2f2}.bg-black{background:#000}.bg-opacity-50{opacity:.5}.text-white{color:#fff}.text-black{color:#000}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-blue-800{color:#1e40af}.text-blue-900{color:#1e3a8a}.text-green-600{color:#059669}.text-red-700{color:#b91c1c}.text-purple-600{color:#9333ea}.text-amber-600{color:#d97706}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--from-color,#fff),var(--via-color,#fff),var(--to-color,#fff))}.from-blue-50{--from-color:#eff6ff}.via-white{--via-color:#ffffff}.to-blue-50{--to-color:#eff6ff}.from-green-50{--from-color:#ecfdf5}.to-green-50{--to-color:#ecfdf5}.border{border:1px solid #d1d5db}.border-2{border-width:2px}.border-t{border-top:1px solid #e5e7eb}.border-b{border-bottom:1px solid #e5e7eb}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-blue-200{border-color:#bfdbfe}.border-blue-300{border-color:#93c5fd}.border-green-300{border-color:#86efac}.border-red-200{border-color:#fecaca}.border-red-300{border-color:#fca5a5}.border-dashed{border-style:dashed}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-md{box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.shadow-lg{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.hover\:shadow-md:hover{box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.ring-2{box-shadow:0 0 0 2px #0000}.ring-blue-500{box-shadow:0 0 0 2px #3b82f6}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.top-0{top:0}.top-1\/2{top:50%}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-40{z-index:40}.z-50{z-index:50}.z-60{z-index:60}.z-100{z-index:100}.z-200{z-index:200}.z-999{z-index:999}.z-9999{z-index:9999}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.transform{transform:translate(var(--tw-translate-x,0)) translateY(var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.translate-x-0{--tw-translate-x:0}.translate-x-full{--tw-translate-x:100%}.-translate-y-1\/2{--tw-translate-y:-50%}.transition-all{transition:all .15s}.transition-colors{transition:color .15s,background-color .15s,border-color .15s}.transition-transform{transition:transform .15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.hover\:bg-gray-50:hover{background:#f9fafb}.hover\:bg-gray-100:hover{background:#f3f4f6}.hover\:bg-blue-700:hover{background:#1d4ed8}.hover\:bg-red-50:hover{background:#fef2f2}.hover\:text-blue-500:hover{color:#3b82f6}.hover\:text-gray-600:hover{color:#4b5563}.focus\:outline-none:focus{outline:none}.hover\:shadow-lg:hover{box-shadow:0 10px 15px #00000014,0 4px 6px #0000000d}.hover\:translate-y-\[-2px\]:hover{transform:translateY(-2px)}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){border-color:#e5e7eb}.card{background:var(--bg);border-radius:.75rem;box-shadow:var(--shadow);border:1px solid var(--border)}.btn{background:#fff;color:#374151;font-weight:600;padding:.55rem .9rem;border-radius:.625rem;display:inline-flex;align-items:center;gap:.5rem;border:1px solid #d1d5db;cursor:pointer;line-height:1}.btn:hover{background:#f9fafb}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.35rem .55rem;font-size:.875rem;border-radius:.5rem}.btn-primary{background:var(--brand-primary);color:#fff;font-weight:700;padding:.7rem 1rem;border-radius:.625rem;display:inline-flex;align-items:center;gap:.5rem;border:1px solid transparent;cursor:pointer}.btn-primary:hover{background:#1d4ed8}.btn-danger{background:#ef4444;color:#fff;border:1px solid transparent}.btn-danger:hover{background:#dc2626}.btn-soft{background:#f3f4f6;color:#111827;border-color:#e5e7eb}.btn-outline{background:transparent;color:#374151;font-weight:600;padding:.7rem 1rem;border-radius:.625rem;display:inline-flex;align-items:center;gap:.5rem;border:1px solid #d1d5db;cursor:pointer}.btn-outline:hover{background:#f9fafb}.btn-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;color:#4b5563;cursor:pointer}.btn-icon:hover{background:#f9fafb;color:#111827}.input-field{width:100%;padding:.75rem .875rem;border:1px solid #d1d5db;border-radius:.625rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input-field:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-blue{background:#dbeafe;color:#1e40af}.badge-green{background:#d1fae5;color:#065f46}.badge-gray{background:#f3f4f6;color:#374151}.badge-red{background:#fee2e2;color:#991b1b}.badge-amber{background:#fde68a;color:#92400e}.chip{display:inline-flex;align-items:center;gap:.375rem;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:.75rem;border-radius:9999px;padding:.25rem .625rem}.chip .dot{width:.5rem;height:.5rem;border-radius:9999px;background:#9ca3af}.public-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e5e7eb}.public-hero{background-image:linear-gradient(135deg,#eff6ff,#fff 40%,#eff6ff);border-bottom:1px solid #eef2f7}.public-hero-gradient{border-bottom:1px solid #eef2f7}.public-footer{border-top:1px solid #e5e7eb;background:#fff}.link{color:#2563eb;text-decoration:none}.link:hover{text-decoration:underline}.loading-spinner{width:1rem;height:1rem;border:2px solid #2563eb;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease-in-out}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;border-radius:.75rem;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.sticky-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:10}.sticky-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb;z-index:10}.sticky-filter{position:sticky;top:56px;background:#fffc;-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px);border-bottom:1px solid #e5e7eb;z-index:15}.table{width:100%;border-collapse:separate;border-spacing:0}.table thead th{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;padding:.625rem;text-align:right}.table tbody td{padding:.625rem;border-bottom:1px solid #f1f5f9}.table tbody tr:hover{background:#fcfcfd}.input-icon{position:relative}.input-icon>svg{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.input-icon>input{padding-right:2.25rem}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}input[type=password]::-webkit-credentials-auto-fill-button{visibility:hidden;display:none}.fab{position:fixed;bottom:18px;left:18px;z-index:60;width:52px;height:52px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#22c55e;color:#fff;border:none;box-shadow:0 10px 15px #00000014,0 4px 6px #0000000d}.fab:hover{filter:brightness(.95)}.textarea-field{width:100%;min-height:120px;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;resize:vertical;transition:border-color .15s,box-shadow .15s}.textarea-field:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}@media(min-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:gap-6{gap:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:p-6{padding:1.5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:pt-6{padding-top:1.5rem}.sm\:mt-6{margin-top:1.5rem}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-xl{max-width:36rem}.sm\:max-w-2xl{max-width:42rem}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:col-span-2{grid-column:span 2/span 2}.md\:hidden{display:none}.md\:block{display:block}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-8{gap:2rem}.lg\:translate-x-0{transform:translate(0)}.lg\:static{position:static}.lg\:inset-0{inset:0}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:mr-64{margin-right:16rem}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:p-8{padding:2rem}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .mr-2{margin-right:.5rem}[dir=rtl] .mr-3{margin-right:.75rem}[dir=rtl] .mr-4{margin-right:1rem}[dir=rtl] .ml-2{margin-left:.5rem}[dir=rtl] .pl-4{padding-left:1rem}[dir=rtl] .pr-4{padding-right:1rem}[dir=rtl] .left-0{left:auto;right:0}[dir=rtl] .right-0{right:auto;left:0}.rtl\:space-x-reverse>*+*{margin-right:.5rem;margin-left:0}@media print{@page{size:A4;margin:12mm}body{background:#fff}header,.print-hidden,.btn-primary,.btn-outline{display:none!important}.card{box-shadow:none;border:1px solid #e5e7eb}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}img{break-inside:avoid}}