*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;background-color:#f8fafc;color:#0f172a}.dark body{background-color:#0f172a;color:#e2e8f0}.dark .bg-white{background-color:#111827}.dark .bg-gray-50,.dark .bg-slate-50{background-color:#0f172a}.dark .bg-gray-100,.dark .bg-slate-100{background-color:#1f2937}.dark .bg-gray-200,.dark .bg-slate-200{background-color:#273449}.dark .bg-gray-300,.dark .bg-slate-300{background-color:#334155}.dark .border-gray-100{border-color:#1f2937}.dark .border-gray-200{border-color:#334155}.dark .border-gray-300{border-color:#475569}.dark .border-gray-400{border-color:#64748b}.dark .text-gray-900,.dark .text-slate-900{color:#f8fafc}.dark .text-gray-800,.dark .text-slate-800{color:#e2e8f0}.dark .text-gray-700,.dark .text-slate-700{color:#cbd5f5}.dark .text-gray-600,.dark .text-slate-600{color:#a5b4fc}.dark .text-gray-500,.dark .text-slate-500{color:#94a3b8}.dark .text-gray-400,.dark .text-slate-400{color:#cbd5f5}html[lang=ar] body,html[dir=rtl] body{font-family:Cairo,Poppins,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}button,input,select,textarea{transition-property:color,background-color,border-color,box-shadow}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}.dark ::-webkit-scrollbar-track{background:#1f2937}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:5px}.dark ::-webkit-scrollbar-thumb{background:#4b5563}::-webkit-scrollbar-thumb:hover{background:#64748b}.dark ::-webkit-scrollbar-thumb:hover{background:#6b7280}::-moz-selection{background-color:#99f6e4;color:#0f766e}::selection{background-color:#99f6e4;color:#0f766e}.dark ::-moz-selection{background-color:#115e59;color:#ccfbf1}.dark ::selection{background-color:#115e59;color:#ccfbf1}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-up{animation:scaleUp .3s ease-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:bounce 1s infinite}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slideInRight .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-left{animation:slideInLeft .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:inherit}img{max-width:100%;height:auto;display:block}input,textarea,select{width:100%;font-family:inherit;font-size:inherit}input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.6}@media print{body{background:#fff;color:#000}.no-print{display:none!important}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.dark{color-scheme:dark}html[dir=rtl]{direction:rtl}html[dir=rtl] .rtl\:rotate-180{transform:rotate(180deg)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999}html[dir=rtl] .toast-container{right:auto;left:1rem}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.glass{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dark .glass{background:#111827b3;border:1px solid rgba(255,255,255,.1)}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #00000026,0 10px 20px -5px #00000014}.dark .card-hover:hover{box-shadow:0 20px 40px -10px #0006,0 10px 20px -5px #0000004d}.btn-press:active{transform:scale(.97)}.gradient-text{background:linear-gradient(135deg,#14b8a6,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);background-size:1000px 100%;animation:shimmer 2s infinite}.dark .shimmer{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);background-size:1000px 100%}.focus-ring:focus{outline:2px solid #14b8a6;outline-offset:2px}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.dark .skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:500;border-radius:9999px}.badge-success{background-color:#d1fae5;color:#065f46}.dark .badge-success{background-color:#064e3b;color:#6ee7b7}.badge-warning{background-color:#fef3c7;color:#92400e}.dark .badge-warning{background-color:#78350f;color:#fde68a}.badge-error{background-color:#fee2e2;color:#991b1b}.dark .badge-error{background-color:#7f1d1d;color:#fca5a5}.badge-info{background-color:#dbeafe;color:#1e40af}.dark .badge-info{background-color:#1e3a8a;color:#93c5fd}.divider{height:1px;background:linear-gradient(to right,transparent,#e5e7eb,transparent);margin:1.5rem 0}.dark .divider{background:linear-gradient(to right,transparent,#374151,transparent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#6b7280}.dark .empty-state{color:#9ca3af}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dark .glass{background:#0003;border:1px solid rgba(255,255,255,.1)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@supports (padding: max(0px)){.safe-top{padding-top:max(1rem,env(safe-area-inset-top))}.safe-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.safe-left{padding-left:max(1rem,env(safe-area-inset-left))}.safe-right{padding-right:max(1rem,env(safe-area-inset-right))}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 3s infinite}@keyframes shine{0%{transform:translate(-100%) skew(-12deg)}to{transform:translate(200%) skew(-12deg)}}.animate-shine{animation:shine 1.5s ease-in-out}