@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap");:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;transition:transform .3s ease;direction:rtl;scroll-behavior:smooth}:root{--primary-color:#480683;--primary-light:#6b2797;--primary-dark:#2e0450;--primary-gradient:linear-gradient(135deg,#480683,#6b2797 50%,#8a4fb8);--primary-gradient-reverse:linear-gradient(135deg,#8a4fb8,#6b2797 50%,#480683);--white:#ffffff;--black:#000000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success-color:#22c55e;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-purple:0 20px 25px -5px rgba(72,6,131,0.2),0 10px 10px -5px rgba(72,6,131,0.1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter","Roboto",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}@keyframes slideDown{0%{transform:translateY(-100%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes progressShimmer{0%{left:-100%}to{left:100%}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes statusShimmer{0%{left:-100%}to{left:100%}}@keyframes notificationShimmer{0%{left:-100%}to{left:100%}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 8px rgba(72,6,131,.6))}50%{filter:drop-shadow(0 0 16px rgba(72,6,131,.8))}}@keyframes gradientWave{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes floatParticle{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1;transform:translateY(90vh) scale(1)}90%{opacity:1;transform:translateY(-10vh) scale(1)}to{transform:translateY(-20vh) scale(0);opacity:0}}@keyframes premiumShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes neonPulse{0%,to{opacity:.7;filter:blur(10px)}50%{opacity:1;filter:blur(15px)}}@keyframes borderRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--primary-color)}}@keyframes wave{0%{left:-100%}to{left:100%}}@keyframes spinLuxury{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes otpSuccess{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1.1)}}@keyframes badgeShimmer{0%{left:-100%}to{left:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{opacity:1;transform:scale(1.1) rotate(5deg)}70%{transform:scale(.9) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;animation-delay:-.01ms!important}}main{padding-top:0!important;margin-top:0!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 6px rgba(72,6,131,.2);border-radius:8px}::selection{background:rgba(72,6,131,.2);color:var(--primary-dark)}::-moz-selection{background:rgba(72,6,131,.2);color:var(--primary-dark)}[dir=rtl],[lang=ar]{font-family:Segoe UI,Tahoma,Arial,sans-serif;font-weight:500}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--gray-400) transparent}.custom-scrollbar::-webkit-scrollbar{width:12px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--gray-400),var(--gray-500));border-radius:6px;border:2px solid transparent;background-clip:content-box;-webkit-transition:background .3s ease;transition:background .3s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary-gradient);background-clip:content-box}.optimized{contain:layout style paint;content-visibility:auto}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.login-icon,.nav-icon,.stat-icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (max-width:768px){.login-card{margin:1rem;padding:2.5rem 2rem;border-radius:24px}.security-warning{margin:1rem;font-size:.8rem;padding:.75rem 1rem}.otp-container{gap:.75rem}.otp-input{width:3rem;height:3rem;font-size:1.25rem}.sidebar.open{position:fixed;z-index:30;height:100vh;box-shadow:var(--shadow-xl)}.page-content,.page-header{padding:1.5rem}.stats-grid{grid-template-columns:1fr;gap:1.5rem}.management-header{flex-direction:column;gap:1.5rem;align-items:stretch;padding:1.5rem}.form-grid{grid-template-columns:1fr}.item-content{flex-direction:column;gap:1.5rem;align-items:stretch}.item-actions{justify-content:center}}@media (max-width:480px){.login-title{font-size:1.75rem}.progress-line{width:3rem}.stat-info .value{font-size:2rem}.page-title{font-size:1.5rem}.otp-input{width:2.5rem;height:2.5rem;font-size:1rem}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f2f2f2;border-radius:10px}::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:10px;border:2px solid #f2f2f2;-webkit-transition:background-color .9s ease-in-out;transition:background-color .9s ease-in-out}button,input,select,textarea{display:block;width:100%;margin-top:10px;padding:12px 14px;border-radius:10px;border:1px solid #ccc;transition:all .3s;font-size:16px;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:#3498db;box-shadow:0 0 5px rgba(52,152,219,.3);outline:none}button{background:#2980b9;color:#fff;cursor:pointer;font-weight:700}button:hover{background:#2471a3}.layoutWrapper{min-height:100vh;display:flex;flex-direction:column;direction:rtl}.layoutWrapper>main{flex:1 1}body{color:var(--foreground);background:var(--background);font-family:var(--font-tajawal),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}:root{--color-primary:#480683;--color-secondary:#ce0886;--color-hover:rgba(206,8,134,0.12);--bg-main:#FFFFFF;--bg-alt:#F4F5F7;--text-primary:#111827;--text-secondary:#9CA3AF;--bg-light:#f1f9f9;--color-warning:#f9a825;--color-danger:#c62828;--color-success:#2e7d32}