@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cairo,Tajawal,sans-serif;direction:rtl;text-align:right;background-color:#f8fafc;color:#1e293b;line-height:1.6}*{font-family:Cairo,Tajawal,sans-serif}:root{--robotics-primary: #4A90E2;--robotics-secondary: #2E5BBA;--robotics-dark: #1E3A8A;--robotics-light: #E3F2FD;--robotics-accent: #64B5F6}.gradient-robotics{background:linear-gradient(135deg,var(--robotics-primary) 0%,var(--robotics-secondary) 50%,var(--robotics-dark) 100%)}.btn-primary{background:linear-gradient(135deg,var(--robotics-primary) 0%,var(--robotics-secondary) 100%);color:#fff;padding:12px 24px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4a90e24d}.btn-secondary{background:#fff;color:var(--robotics-primary);padding:12px 24px;border:2px solid var(--robotics-light);border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{border-color:var(--robotics-primary);background:var(--robotics-light)}.card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.stat-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.stat-card:before{content:"";position:absolute;top:0;right:0;width:100%;height:4px;background:linear-gradient(90deg,var(--robotics-primary),var(--robotics-secondary))}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.sidebar-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:none;background:transparent;cursor:pointer;transition:all .3s ease;text-align:right;font-size:14px;color:#475569}.sidebar-item:hover{background:var(--robotics-light);transform:translate(-4px)}.sidebar-item.active{background:linear-gradient(135deg,var(--robotics-primary) 0%,var(--robotics-secondary) 100%);color:#fff;box-shadow:0 4px 15px #4a90e24d}.table-container{overflow-x:auto;border-radius:12px}table{width:100%;border-collapse:collapse}th,td{padding:16px;text-align:right;border-bottom:1px solid #e2e8f0}th{background:#f8fafc;font-weight:600;color:#475569;font-size:14px}tr:hover{background:#f8fafc}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.m-2{margin:8px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mt-1{margin-top:4px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.w-2{width:8px}.w-4{width:16px}.w-5{width:20px}.w-8{width:32px}.w-10{width:40px}.w-12{width:48px}.w-16{width:64px}.w-20{width:80px}.w-24{width:96px}.w-32{width:128px}.w-64{width:256px}.w-72{width:288px}.w-full{width:100%}.h-2{height:8px}.h-4{height:16px}.h-5{height:20px}.h-8{height:32px}.h-10{height:40px}.h-12{height:48px}.h-16{height:64px}.h-20{height:80px}.h-24{height:96px}.h-32{height:128px}.h-screen{height:100vh}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:50%}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f8fafc}.bg-gray-100{background-color:#f1f5f9}.bg-gray-200{background-color:#e2e8f0}.bg-red-100{background-color:#fee2e2}.bg-red-500{background-color:#ef4444}.bg-green-100{background-color:#dcfce7}.bg-green-400{background-color:#4ade80}.bg-blue-100{background-color:#dbeafe}.bg-blue-500{background-color:#3b82f6}.bg-purple-500{background-color:#8b5cf6}.text-white{color:#fff}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-red-800{color:#991b1b}.text-green-600{color:#16a34a}.text-green-800{color:#166534}.text-blue-600{color:#2563eb}.text-purple-600{color:#9333ea}.border{border:1px solid #e2e8f0}.border-b{border-bottom:1px solid #e2e8f0}.border-l{border-left:1px solid #e2e8f0}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.top-0{top:0}.right-0{right:0}.right-3{right:12px}.-top-1{top:-4px}.-right-1{right:-4px}.z-40{z-index:40}.z-50{z-index:50}.transform{transform:translate(0) translateY(0) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1)}.transition-all{transition:all .3s ease}.transition-colors{transition:color .3s ease,background-color .3s ease}.transition-transform{transition:transform .3s ease}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:ease-in-out}.translate-x-0{transform:translate(0)}.translate-x-full{transform:translate(100%)}.-translate-y-1\/2{transform:translateY(-50%)}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-blue-50:hover{background-color:#eff6ff}.hover\:bg-green-50:hover{background-color:#f0fdf4}.hover\:bg-red-50:hover{background-color:#fef2f2}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.flex-1{flex:1}.flex-col{flex-direction:column}.flex-shrink-0{flex-shrink:0}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none}.block{display:block}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.inline-flex{display:inline-flex}@media(max-width:640px){.mobile-hidden{display:none}.stat-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:16px}.card{margin:0 -4px}th,td{padding:8px;font-size:14px}.w-32{width:128px}.text-2xl{font-size:20px}.text-3xl{font-size:24px}.sm\:block{display:none}.sm\:hidden{display:block}.sm\:flex{display:none}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media(min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:flex{display:flex}}@media(min-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:static{position:static}.lg\:w-64{width:256px}.lg\:w-72{width:288px}.lg\:translate-x-0{transform:translate(0)}.lg\:px-6{padding-left:24px;padding-right:24px}.lg\:p-6{padding:24px}.lg\:gap-4{gap:16px}.lg\:gap-6{gap:24px}.lg\:text-sm{font-size:14px}.lg\:text-base{font-size:16px}.lg\:text-lg{font-size:18px}.lg\:text-xl{font-size:20px}.lg\:text-2xl{font-size:24px}.lg\:text-3xl{font-size:30px}.lg\:w-8{width:32px}.lg\:w-10{width:40px}.lg\:w-12{width:48px}.lg\:w-16{width:64px}.lg\:w-24{width:96px}.lg\:h-8{height:32px}.lg\:h-10{height:40px}.lg\:h-12{height:48px}.lg\:h-16{height:64px}.lg\:h-24{height:96px}.lg\:px-4{padding-left:16px;padding-right:16px}.lg\:py-4{padding-top:16px;padding-bottom:16px}.lg\:mr-72{margin-right:288px}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}}.text-robotics-primary{color:var(--robotics-primary)}.text-robotics-secondary{color:var(--robotics-secondary)}.text-robotics-dark{color:var(--robotics-dark)}.text-robotics-accent{color:var(--robotics-accent)}.bg-robotics-primary{background-color:var(--robotics-primary)}.bg-robotics-secondary{background-color:var(--robotics-secondary)}.bg-robotics-dark{background-color:var(--robotics-dark)}.bg-robotics-light{background-color:var(--robotics-light)}.border-robotics-primary{border-color:var(--robotics-primary)}.border-robotics-light{border-color:var(--robotics-light)}.focus\:ring-2:focus{box-shadow:0 0 0 2px #4a90e280}.focus\:ring-robotics-primary:focus{box-shadow:0 0 0 2px #4a90e280}.focus\:border-transparent:focus{border-color:transparent}.action-btn-view,.action-btn-edit,.action-btn-delete{padding:8px 10px;border-radius:10px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.action-btn-view{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.action-btn-view:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #3b82f666}.action-btn-view:active{transform:translateY(0) scale(.98)}.action-btn-edit{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.action-btn-edit:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #10b98166}.action-btn-edit:active{transform:translateY(0) scale(.98)}.action-btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.action-btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #ef444466}.action-btn-delete:active{transform:translateY(0) scale(.98)}.action-btn-view:before,.action-btn-edit:before,.action-btn-delete:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.action-btn-view:hover:before,.action-btn-edit:hover:before,.action-btn-delete:hover:before{left:100%}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px;border:none}.scrollbar-thin:hover::-webkit-scrollbar-thumb{background-color:#94a3b8}.scrollbar-thumb-gray-300::-webkit-scrollbar-thumb{background-color:#d1d5db}.scrollbar-thumb-gray-400:hover::-webkit-scrollbar-thumb{background-color:#9ca3af}.scrollbar-track-transparent::-webkit-scrollbar-track{background:transparent}