@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--header-height: 64px;--bottom-nav-height: 56px}::selection{background-color:var(--color-primary);color:#fff}body{font-family:Noto Sans Arabic,sans-serif;color:var(--color-text)}.dark{color-scheme:dark;--tw-ring-offset-color: var(--color-card);--tw-border-opacity: 1;border-color:var(--color-border)}@media print{:root{--color-bg: #f1f5f9;--color-card: #ffffff;--color-text: #1e293b;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-border: #e2e8f0}}}@layer utilities{.animate-pulse-slow{animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.bg-grid-white{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(255 255 255 / 0.1)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e")}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.immersive-player-bounds{top:0;bottom:var(--bottom-nav-height, 0px);z-index:40}@media(min-width:768px){.immersive-player-bounds{top:var(--header-height, 64px);bottom:0;z-index:30}}.immersive-sidebar-top{top:0}@media(min-width:768px){.immersive-sidebar-top{top:var(--header-height, 64px)}}@media(hover:none){button:active,a:active,[role=button]:active{transform:scale(.97);opacity:.8;transition:transform .1s,opacity .1s}}@media(max-width:639px){.mobile-bottom-sheet{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:1.5rem 1.5rem 0 0!important;transform:translateY(0)!important;padding-bottom:env(safe-area-inset-bottom,1rem)!important}}}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}.animate-fade-in-up{animation-name:fadeInUp;animation-duration:.8s;animation-fill-mode:both}@keyframes menuItemFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-menu-item-in{opacity:0;animation:menuItemFadeIn .3s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-slideUp{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .25s ease-out both}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-slideInUp{animation:slideInUp .3s cubic-bezier(.16,1,.3,1) both}.impersonation-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#1c1917;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #00000026;animation:slideDown .3s ease-out}.impersonation-banner__content{display:flex;align-items:center;gap:.5rem}.impersonation-banner__icon{font-size:1.125rem}.impersonation-banner__text strong{text-decoration:underline;text-underline-offset:2px}.impersonation-banner__btn{flex-shrink:0;padding:.25rem .75rem;background:#00000026;border:1px solid rgba(0,0,0,.2);border-radius:.375rem;color:#1c1917;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.impersonation-banner__btn:hover{background:#00000040}.impersonation-banner__btn:active{transform:scale(.95)}body:has(.impersonation-banner){padding-top:40px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.dark .bg-indigo-50{background-color:#6366f11a!important}.dark .bg-indigo-100{background-color:#6366f12e!important}.dark .from-indigo-50{--tw-gradient-from: rgba(99, 102, 241, .1) !important}.dark .bg-blue-50{background-color:#3b82f61a!important}.dark .bg-blue-100{background-color:#3b82f62e!important}.dark .from-blue-50{--tw-gradient-from: rgba(59, 130, 246, .1) !important}.dark .bg-sky-50{background-color:#0ea5e91a!important}.dark .bg-sky-100{background-color:#0ea5e92e!important}.dark .from-sky-50{--tw-gradient-from: rgba(14, 165, 233, .1) !important}.dark .bg-cyan-50{background-color:#06b6d41a!important}.dark .bg-cyan-100{background-color:#06b6d42e!important}.dark .from-cyan-50{--tw-gradient-from: rgba(6, 182, 212, .1) !important}.dark .bg-teal-50{background-color:#14b8a61a!important}.dark .bg-teal-100{background-color:#14b8a62e!important}.dark .from-teal-50{--tw-gradient-from: rgba(20, 184, 166, .1) !important}.dark .bg-emerald-50{background-color:#10b9811a!important}.dark .bg-emerald-100{background-color:#10b9812e!important}.dark .from-emerald-50{--tw-gradient-from: rgba(16, 185, 129, .1) !important}.dark .bg-green-50{background-color:#22c55e1a!important}.dark .bg-green-100{background-color:#22c55e2e!important}.dark .from-green-50{--tw-gradient-from: rgba(34, 197, 94, .1) !important}.dark .bg-yellow-50{background-color:#eab3081a!important}.dark .bg-yellow-100{background-color:#eab3082e!important}.dark .from-yellow-50{--tw-gradient-from: rgba(234, 179, 8, .1) !important}.dark .bg-amber-50{background-color:#f59e0b1a!important}.dark .bg-amber-100{background-color:#f59e0b2e!important}.dark .from-amber-50{--tw-gradient-from: rgba(245, 158, 11, .1) !important}.dark .bg-orange-50{background-color:#f973161a!important}.dark .bg-orange-100{background-color:#f973162e!important}.dark .from-orange-50{--tw-gradient-from: rgba(249, 115, 22, .1) !important}.dark .bg-red-50{background-color:#ef44441a!important}.dark .bg-red-100{background-color:#ef44442e!important}.dark .from-red-50{--tw-gradient-from: rgba(239, 68, 68, .1) !important}.dark .bg-rose-50{background-color:#f43f5e1a!important}.dark .bg-rose-100{background-color:#f43f5e2e!important}.dark .from-rose-50{--tw-gradient-from: rgba(244, 63, 94, .1) !important}.dark .bg-pink-50{background-color:#ec48991a!important}.dark .bg-pink-100{background-color:#ec48992e!important}.dark .from-pink-50{--tw-gradient-from: rgba(236, 72, 153, .1) !important}.dark .bg-purple-50{background-color:#a855f71a!important}.dark .bg-purple-100{background-color:#a855f72e!important}.dark .from-purple-50{--tw-gradient-from: rgba(168, 85, 247, .1) !important}.dark .bg-violet-50{background-color:#8b5cf61a!important}.dark .bg-violet-100{background-color:#8b5cf62e!important}.dark .from-violet-50{--tw-gradient-from: rgba(139, 92, 246, .1) !important}.dark .from-slate-50{--tw-gradient-from: var(--color-surface-muted) !important}.dark .from-slate-100{--tw-gradient-from: var(--color-surface-subtle) !important}.dark .bg-gray-50{background-color:var(--color-surface-muted)!important}.dark .from-gray-50{--tw-gradient-from: var(--color-surface-muted) !important}.dark .to-white,.dark .to-blue-50,.dark .to-gray-50,.dark .to-slate-50{--tw-gradient-to: transparent !important}.dark .border-cyan-100{border-color:#06b6d433!important}.dark .border-emerald-100{border-color:#10b98133!important}.dark .border-amber-100{border-color:#f59e0b33!important}.dark .border-violet-100{border-color:#8b5cf633!important}.dark .border-indigo-100{border-color:#6366f133!important}.dark .border-blue-100{border-color:#3b82f633!important}.dark .border-red-100{border-color:#ef444433!important}.dark .border-green-100{border-color:#22c55e33!important}.dark .border-yellow-100{border-color:#eab30833!important}.dark .border-purple-100{border-color:#a855f733!important}.dark .border-pink-100{border-color:#ec489933!important}.dark .border-orange-100{border-color:#f9731633!important}.dark .border-rose-100{border-color:#f43f5e33!important}.dark .text-cyan-900,.dark .text-cyan-800,.dark .text-cyan-700{color:#67e8f9!important}.dark .text-indigo-900,.dark .text-indigo-800,.dark .text-indigo-700{color:#a5b4fc!important}.dark .text-emerald-900,.dark .text-emerald-800,.dark .text-emerald-700{color:#6ee7b7!important}.dark .text-amber-900,.dark .text-amber-800,.dark .text-amber-700{color:#fde68a!important}.dark .text-red-900,.dark .text-red-800,.dark .text-red-700{color:#fca5a5!important}.dark .text-green-900,.dark .text-green-800,.dark .text-green-700{color:#86efac!important}.dark .text-blue-900,.dark .text-blue-800,.dark .text-blue-700{color:#93c5fd!important}.dark .text-purple-900,.dark .text-purple-800,.dark .text-purple-700{color:#d8b4fe!important}.dark .text-violet-900,.dark .text-violet-800,.dark .text-violet-700{color:#c4b5fd!important}.dark .text-pink-900,.dark .text-pink-800,.dark .text-pink-700{color:#f9a8d4!important}.dark .text-rose-900,.dark .text-rose-800,.dark .text-rose-700{color:#fda4af!important}.dark .text-orange-900,.dark .text-orange-800,.dark .text-orange-700{color:#fdba74!important}.dark .text-yellow-900,.dark .text-yellow-800,.dark .text-yellow-700{color:#fde047!important}.dark .text-teal-900,.dark .text-teal-800,.dark .text-teal-700{color:#5eead4!important}.dark .text-sky-900,.dark .text-sky-800,.dark .text-sky-700{color:#7dd3fc!important}.dark .bg-white{background-color:var(--color-card)!important}.dark .ring-white,.dark .ring-slate-200{--tw-ring-color: var(--color-border) !important}.dark .ring-slate-900\/5{--tw-ring-color: rgba(255, 255, 255, .05) !important}.dark .border-white,.dark .border-gray-200{border-color:var(--color-border)!important}.dark .border-gray-100{border-color:#ffffff14!important}.dark .border-slate-200{border-color:var(--color-border)!important}.dark .border-blue-200{border-color:#3b82f640!important}.dark .border-cyan-200{border-color:#06b6d440!important}.dark .border-emerald-200{border-color:#10b98140!important}.dark .border-amber-200{border-color:#f59e0b40!important}.dark .border-red-200{border-color:#ef444440!important}.dark .border-green-200{border-color:#22c55e40!important}.dark .border-yellow-200{border-color:#eab30840!important}.dark .border-purple-200{border-color:#a855f740!important}.dark .border-indigo-200{border-color:#6366f140!important}.dark .border-pink-200{border-color:#ec489940!important}.dark .border-orange-200{border-color:#f9731640!important}.dark .border-rose-200{border-color:#f43f5e40!important}.dark .border-violet-200{border-color:#8b5cf640!important}.dark .border-teal-200{border-color:#14b8a640!important}.dark .border-sky-200{border-color:#0ea5e940!important}.dark .border-slate-300,.dark .border-gray-300{border-color:var(--color-border)!important}.dark .text-gray-900,.dark .text-slate-900,.dark .text-gray-800,.dark .text-slate-800{color:var(--color-text)!important}.dark .text-gray-700,.dark .text-slate-700,.dark .text-gray-600,.dark .text-slate-600{color:var(--color-text-secondary)!important}.dark .text-gray-500,.dark .text-slate-500{color:var(--color-text-muted)!important}.dark .text-gray-400,.dark .text-slate-400{color:var(--color-text-faint)!important}.dark .text-cyan-600,.dark .text-cyan-500,.dark .text-cyan-800{color:#67e8f9!important}.dark .text-blue-600,.dark .text-blue-500{color:#93c5fd!important}.dark .text-indigo-600{color:#a5b4fc!important}.dark .text-emerald-600,.dark .text-emerald-500{color:#6ee7b7!important}.dark .text-violet-600,.dark .text-violet-500{color:#c4b5fd!important}.dark .text-amber-600,.dark .text-amber-500{color:#fde68a!important}.dark .bg-gray-100{background-color:var(--color-surface-subtle)!important}.dark .bg-slate-50{background-color:var(--color-surface-muted)!important}.dark .bg-slate-100{background-color:var(--color-surface-subtle)!important}