*{box-sizing:border-box}.sidebar{transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.sidebar-logo{transition:transform .3s ease,box-shadow .3s ease}.sidebar-logo:hover{transform:scale(1.05)}.sidebar-subtitle,.sidebar-title{transition:color .2s ease}.mobile-nav-overlay{animation:mobileOverlayIn .25s ease both}.mobile-nav-drawer{animation:mobileDrawerIn .3s cubic-bezier(.4,0,.2,1) both}html[data-dir=rtl] .mobile-nav-drawer{animation-name:mobileDrawerInRtl}@keyframes mobileOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes mobileDrawerIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes mobileDrawerInRtl{0%{transform:translateX(100%)}to{transform:translateX(0)}}.text-responsive{font-size:.95rem;line-height:1.45}.text-title{font-size:clamp(1.25rem,2.1vw,1.9rem);line-height:1.25}.text-subtitle{font-size:1rem;line-height:1.5}.btn-responsive{min-height:2.5rem;padding:.55rem .95rem;font-size:.9rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid-responsive,.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.table-responsive,.table-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll-container{scrollbar-width:thin}.mobile-hidden{display:initial}.navbar-mobile-menu{display:none}@media (max-width:640px){.navbar-header{height:3.5rem;padding-inline:.75rem}.navbar-logo{width:2rem;height:2rem}.navbar-title{font-size:1rem;line-height:1.3}.mobile-hidden,.navbar-user-info{display:none}.navbar-mobile-menu{display:block}.sidebar{width:min(100%,20rem)}.main-content{padding:.75rem}.nav-item{padding:.6rem .8rem;font-size:.875rem}.nav-icon{width:1rem;height:1rem}.btn-mobile,.btn-responsive{min-height:2.35rem;font-size:.85rem}.text-responsive{font-size:.875rem}.text-title{font-size:1.2rem}.form-grid,.grid-responsive,.stats-grid{grid-template-columns:1fr}.table-mobile{font-size:.78rem}.table-mobile td,.table-mobile th{white-space:nowrap;padding:.45rem .3rem}html[data-locale=ar] .table-scroll-container:after{content:"اسحب أفقيًا لعرض المزيد";display:block;text-align:center;font-size:.72rem;color:hsl(var(--muted-foreground));padding:.55rem}html[data-locale=en] .table-scroll-container:after{content:"Scroll horizontally to view more";display:block;text-align:center;font-size:.72rem;color:hsl(var(--muted-foreground));padding:.55rem}}@media (min-width:641px) and (max-width:1024px){.navbar-header{height:4rem;padding-inline:1rem}.sidebar{width:16rem}.main-content{padding:1rem}.form-grid,.grid-responsive,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1025px){.sidebar{width:18rem}}@media (orientation:portrait){.flex-col-portrait{flex-direction:column}}@media (orientation:landscape){.flex-row-landscape{flex-direction:row}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.mobile-nav,.navbar,.print-hidden,.sidebar{display:none!important}.main-content{padding:0;margin:0}}.login-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#f1f5f9);font-family:Cairo,Inter,Segoe UI,sans-serif}.dark .login-page{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a)}.login-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(148,163,184,.15) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.dark .login-bg-pattern{background-image:radial-gradient(circle at 1px 1px,rgba(71,85,105,.2) 1px,transparent 0)}.login-bg-glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;animation:loginGlowFloat 12s ease-in-out infinite alternate}.login-bg-glow--1{width:500px;height:500px;top:-10%;right:-5%;background:radial-gradient(circle,rgba(99,102,241,.2) 0,transparent 70%)}.login-bg-glow--2{width:400px;height:400px;bottom:-10%;left:-5%;background:radial-gradient(circle,rgba(14,165,233,.15) 0,transparent 70%);animation-delay:-6s}.dark .login-bg-glow--1{background:radial-gradient(circle,rgba(99,102,241,.12) 0,transparent 70%)}.dark .login-bg-glow--2{background:radial-gradient(circle,rgba(14,165,233,.1) 0,transparent 70%)}@keyframes loginGlowFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.08)}}.login-lang-pill{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:hsla(0,0%,100%,.75);border:1px solid rgba(226,232,240,.8);border-radius:12px;padding:6px 10px;box-shadow:0 4px 12px rgba(0,0,0,.06);transition:box-shadow .2s ease}.login-lang-pill:hover{box-shadow:0 8px 20px rgba(0,0,0,.08)}.dark .login-lang-pill{background:rgba(30,41,59,.75);border-color:rgba(51,65,85,.7)}.login-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.85);border:1px solid rgba(226,232,240,.7);border-radius:24px;padding:40px 36px 32px;box-shadow:0 25px 50px -12px rgba(0,0,0,.08),0 12px 24px -8px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.6);animation:loginCardAppear .5s ease both}.dark .login-card{background:rgba(15,23,42,.8);border-color:rgba(51,65,85,.6);box-shadow:0 25px 50px -12px rgba(0,0,0,.4),0 12px 24px -8px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.04)}@keyframes loginCardAppear{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-logo-ring{width:96px;height:96px;padding:12px;border-radius:24px;background:linear-gradient(145deg,rgba(99,102,241,.08),rgba(14,165,233,.05));border:2px solid rgba(99,102,241,.15);box-shadow:0 8px 32px rgba(99,102,241,.12),inset 0 0 0 1px hsla(0,0%,100%,.3);display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}.login-logo-ring:hover{transform:scale(1.05);box-shadow:0 12px 40px rgba(99,102,241,.18)}.dark .login-logo-ring{background:linear-gradient(145deg,rgba(99,102,241,.15),rgba(14,165,233,.1));border-color:rgba(99,102,241,.25);box-shadow:0 8px 32px rgba(99,102,241,.08)}.login-title{font-size:1.65rem;font-weight:800;letter-spacing:-.02em;color:#0f172a;line-height:1.3}.dark .login-title{color:#f1f5f9}.login-subtitle{font-size:.92rem;color:#64748b;line-height:1.5}.dark .login-subtitle{color:#94a3b8}.login-input{border:1.5px solid #e2e8f0;background:rgba(248,250,252,.8);transition:all .2s ease;font-size:.9rem}.login-input:hover{border-color:#cbd5e1}.login-input:focus{border-color:hsl(var(--primary));background:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.12)}.dark .login-input{border-color:#334155;background:rgba(15,23,42,.6)}.dark .login-input:hover{border-color:#475569}.dark .login-input:focus{border-color:hsl(var(--primary));background:rgba(15,23,42,.9);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.login-otp-input{font-family:JetBrains Mono,SF Mono,Consolas,monospace}.login-btn{position:relative;overflow:hidden;transition:all .25s ease}.login-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(99,102,241,.25)}.login-btn:not(:disabled):active{transform:translateY(0)}.login-footer{opacity:.7}@media (max-width:480px){.login-card{margin-inline:12px;padding:28px 20px 24px;border-radius:20px}.login-title{font-size:1.4rem}.login-logo-ring{width:76px;height:76px;padding:10px}.login-bg-glow{display:none}}