:root{--bg-global: #F8FAFC;--bg-surface: #FFFFFF;--border-color: #E2E8F0;--text-main: #0F172A;--text-secondary: #475569;--primary: #10B981;--primary-hover: #059669;--primary-dark-mode: #34D399;--primary-dark: #0F172A;--secondary: #2563EB;--secondary-hover: #1D4ED8;--accent: #10B981;--accent-hover: #059669;--sidebar-width: 280px}body{font-family:Cairo,sans-serif;background-color:var(--bg-global);color:var(--text-main);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.sidebar-active{background-color:#ecfdf5!important;color:#059669!important;border-inline-start:4px solid #10B981;font-weight:800}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}[x-cloak]{display:none!important}html.dark{--bg-global: #0F172A;--bg-surface: #1E293B;--border-color: #334155;--text-main: #F8FAFC;--text-secondary: #94A3B8;--primary: #34D399;--primary-hover: #10B981;--primary-dark-mode: #34D399;--primary-dark: #0F172A;--secondary: #3B82F6;--secondary-hover: #60A5FA;--accent: #34D399;--accent-hover: #10B981}html.dark body{background-color:#0f172a;color:#f8fafc}html.dark .sidebar-active{background-color:#10b98126!important;color:#34d399!important;border-inline-start:4px solid #34D399}html.dark .glass-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003}html.dark header.bg-white\/80,html.dark header[class*=bg-white]{background-color:#0f172ad9!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#1e293b!important}html.dark header .text-\[\#0F172A\],html.dark header .text-2xl{color:#f1f5f9!important}html.dark header .text-slate-400{color:#94a3b8!important}html.dark header input[type=text]{background-color:#1e293b!important;color:#e2e8f0!important;border-color:#334155!important}html.dark header input[type=text]::-moz-placeholder{color:#64748b!important}html.dark header input[type=text]::placeholder{color:#64748b!important}html.dark aside,html.dark .sidebar,html.dark [class*=sidebar] nav,html.dark div[class*=bg-white][class*=shadow]{background-color:#0f172a!important;border-color:#1e293b!important}html.dark aside .text-slate-400,html.dark aside .text-slate-500{color:#94a3b8!important}html.dark aside .text-slate-600,html.dark aside .text-slate-700,html.dark aside .text-\[\#0F172A\]{color:#cbd5e1!important}html.dark aside a:hover,html.dark aside button:hover{background-color:#1e293b!important}html.dark main{background-color:#0f172a}html.dark .bg-white{background-color:#1e293b!important}html.dark .bg-slate-50{background-color:#172033!important}html.dark .bg-slate-100{background-color:#1e293b!important}html.dark .bg-slate-200{background-color:#334155!important}html.dark .border-slate-50{border-color:#1e293b!important}html.dark .border-slate-100,html.dark .border-slate-200{border-color:#334155!important}html.dark .border-slate-300{border-color:#475569!important}html.dark .text-slate-900,html.dark .text-\[\#0F172A\]{color:#f1f5f9!important}html.dark .text-slate-800{color:#e2e8f0!important}html.dark .text-slate-700{color:#cbd5e1!important}html.dark .text-slate-600{color:#94a3b8!important}html.dark .text-slate-500{color:#64748b!important}html.dark .text-slate-400{color:#94a3b8!important}html.dark .text-gray-800,html.dark .text-gray-700,html.dark .text-gray-600{color:#cbd5e1!important}html.dark ::-webkit-scrollbar-thumb{background:#334155}html.dark ::-webkit-scrollbar-thumb:hover{background:#475569}html.dark .hover\:bg-slate-50:hover,html.dark .hover\:bg-slate-50\/80:hover{background-color:#33415580!important}html.dark .hover\:bg-slate-100:hover{background-color:#334155!important}html.dark .shadow,html.dark .shadow-sm,html.dark .shadow-lg,html.dark .shadow-xl,html.dark .shadow-2xl{box-shadow:0 4px 6px -1px #00000080,0 2px 4px -2px #0006!important}html.dark .bg-slate-100.rounded-2xl{background-color:#334155!important;border-color:#475569!important}html.dark .bg-slate-50.border.border-slate-100.rounded-xl{background-color:#1a2744!important;border-color:#334155!important}html.dark a.bg-slate-50.border.border-slate-100{background-color:#172033!important;border-color:#334155!important;color:#cbd5e1!important}html.dark .bg-emerald-50.border-emerald-100{background-color:#10b9811f!important;border-color:#10b98140!important}html.dark .bg-red-50.border-red-100{background-color:#ef44441f!important;border-color:#ef444440!important}html.dark .bg-amber-50.border-amber-100{background-color:#f59e0b1f!important;border-color:#f59e0b40!important}html.dark .text-emerald-700{color:#6ee7b7!important}html.dark .text-red-700{color:#fca5a5!important}html.dark .text-amber-700{color:#fcd34d!important}html.dark .bg-slate-50.border.border-slate-100.rounded-2xl,html.dark .bg-slate-50.p-2.rounded-2xl{background-color:#172033!important;border-color:#334155!important}html.dark .bg-white.shadow-sm.border.border-slate-100.rounded-xl{background-color:#1e293b!important;border-color:#334155!important;color:#cbd5e1!important}html.dark .text-slate-900.tabular-nums{color:#f1f5f9!important}html.dark body,html.dark aside,html.dark main,html.dark header{transition:background-color .3s ease,color .3s ease,border-color .3s ease}html.dark .overflow-x-auto.rounded-xl,html.dark .border-gray-200{border-color:#334155!important}html.dark table thead,html.dark table thead tr,html.dark .bg-gradient-to-r.from-gray-50,html.dark .bg-gradient-to-r.from-gray-50.to-gray-100{background:#1a2744!important;background-image:linear-gradient(to right,#1a2744,#1e3060)!important}html.dark table thead th,html.dark .text-gray-700{color:#94a3b8!important}html.dark table tbody,html.dark table tbody.bg-white{background-color:#1e293b!important}html.dark table tbody tr{background-color:#1e293b;border-color:#334155!important}html.dark table .divide-y>tr,html.dark table tbody tr+tr{border-top-color:#334155!important}html.dark .divide-y.divide-gray-100>*,html.dark .divide-y.divide-gray-200>*{border-color:#334155!important}html.dark table tbody tr:hover{background:linear-gradient(to right,rgba(59,130,246,.08),transparent)!important}html.dark table td{color:#cbd5e1!important}html.dark table td .text-gray-900{color:#f1f5f9!important}html.dark table td .text-gray-500{color:#64748b!important}html.dark table td .text-gray-600{color:#94a3b8!important}html.dark .text-gray-900{color:#f1f5f9!important}html.dark .text-gray-500{color:#64748b!important}html.dark .text-gray-400{color:#475569!important}html.dark .text-gray-300{color:#64748b!important}html.dark .bg-gray-100{background-color:#334155!important}html.dark .bg-gray-50{background-color:#1e293b!important}html.dark .bg-gray-200{background-color:#334155!important}html.dark .bg-blue-50{background-color:#3b82f61f!important}html.dark .bg-blue-100{background-color:#3b82f62e!important}html.dark .bg-green-50{background-color:#10b9811a!important}html.dark .bg-green-100{background-color:#10b98126!important}html.dark .bg-emerald-50{background-color:#10b9811a!important}html.dark .bg-emerald-100{background-color:#10b98126!important}html.dark .bg-purple-50{background-color:#8b5cf61a!important}html.dark .bg-purple-100{background-color:#8b5cf626!important}html.dark .bg-indigo-50{background-color:#6366f11a!important}html.dark .bg-indigo-100{background-color:#6366f126!important}html.dark .bg-red-50{background-color:#ef44441a!important}html.dark .bg-red-100{background-color:#ef444426!important}html.dark .bg-rose-50{background-color:#f43f5e1a!important}html.dark .bg-rose-100{background-color:#f43f5e26!important}html.dark .bg-amber-50{background-color:#f59e0b1a!important}html.dark .bg-amber-100{background-color:#f59e0b26!important}html.dark .bg-yellow-50{background-color:#eab3081a!important}html.dark .bg-yellow-100{background-color:#eab30826!important}html.dark .bg-cyan-50{background-color:#06b6d41a!important}html.dark .bg-cyan-100{background-color:#06b6d426!important}html.dark .bg-teal-50{background-color:#14b8a61a!important}html.dark .bg-teal-100{background-color:#14b8a626!important}html.dark .bg-orange-50{background-color:#f973161a!important}html.dark .bg-orange-100{background-color:#f9731626!important}html.dark .bg-gradient-to-r.from-blue-100.to-cyan-100{background:#3b82f633!important;border-color:#3b82f64d!important}html.dark .bg-gradient-to-r.from-indigo-100.to-purple-100{background:#6366f133!important;border-color:#6366f14d!important}html.dark .bg-gradient-to-r.from-green-100{background:#10b98126!important}html.dark .text-blue-800{color:#93c5fd!important}html.dark .text-indigo-800{color:#a5b4fc!important}html.dark .text-green-800{color:#6ee7b7!important}html.dark .border-blue-200{border-color:#3b82f64d!important}html.dark .border-indigo-200{border-color:#6366f14d!important}html.dark input[type=text],html.dark input[type=email],html.dark input[type=password],html.dark input[type=number],html.dark input[type=date],html.dark input[type=search],html.dark input[type=tel],html.dark input[type=url],html.dark textarea,html.dark select{background-color:#1e293b!important;color:#e2e8f0!important;border-color:#334155!important}html.dark input::-moz-placeholder,html.dark textarea::-moz-placeholder{color:#64748b!important}html.dark input::placeholder,html.dark textarea::placeholder{color:#64748b!important}html.dark select option{background-color:#1e293b;color:#e2e8f0}html.dark label{color:#cbd5e1!important}html.dark .bg-white.border-gray-300,html.dark button.bg-white,html.dark a.bg-white{background-color:#1e293b!important;border-color:#334155!important;color:#e2e8f0!important}html.dark .hover\:bg-gray-50:hover,html.dark .hover\:bg-gray-100:hover{background-color:#334155!important}html.dark .hover\:bg-indigo-50:hover{background-color:#6366f11f!important}html.dark .hover\:bg-red-50:hover{background-color:#ef44441f!important}html.dark .border-gray-100,html.dark .border-gray-200{border-color:#334155!important}html.dark .border-gray-300{border-color:#475569!important}html.dark .hover\:bg-slate-50\/80:hover,html.dark .hover\:bg-slate-50:hover{background-color:#33415580!important}html.dark .hover\:border-slate-100:hover,html.dark .border-slate-100{border-color:#334155!important}html.dark .bg-gradient-to-br.from-gray-100.to-gray-200{background:#334155!important;background-image:linear-gradient(to bottom right,#334155,#475569)!important}html.dark .bg-gradient-to-br.from-green-50.to-emerald-100,html.dark .bg-gradient-to-br.from-green-100.to-emerald-100{background-image:linear-gradient(to bottom right,#10b98126,#10b98140)!important}html.dark .bg-emerald-50.border-emerald-200{background-color:#10b9811f!important;border-color:#10b9814d!important;color:#6ee7b7!important}html.dark .bg-red-50.border-red-200{background-color:#ef44441f!important;border-color:#ef44444d!important;color:#fca5a5!important}html.dark .bg-amber-50.border-amber-200{background-color:#f59e0b1f!important;border-color:#f59e0b4d!important;color:#fcd34d!important}html.dark nav[role=navigation] span,html.dark nav[role=navigation] a{background-color:#1e293b!important;border-color:#334155!important;color:#cbd5e1!important}html.dark nav[role=navigation] span[aria-current=page]{background-color:#2563eb!important;color:#fff!important;border-color:#2563eb!important}html.dark .bg-white.p-2.rounded-xl.border.border-slate-100{background-color:#1e293b!important;border-color:#334155!important}html.dark .dashboard-date-card{background-color:#1e293b!important;border-color:#334155!important;color:#cbd5e1!important}html.dark h2.text-xl.font-black.text-slate-900{color:#f1f5f9!important}html.dark .text-slate-400.font-black.text-sm{color:#64748b!important}html.dark .bg-gradient-to-br a.bg-white{background-color:#fff!important;color:#0f172a!important}html.dark a.text-primary{color:#34d399!important}html.dark .lg\:border-l.lg\:border-slate-100{border-color:#334155!important}html.dark p.text-slate-400{color:#475569!important}html.dark h3.text-2xl.font-black.text-slate-900,html.dark h4.text-lg.font-black.text-slate-900{color:#f1f5f9!important}.btn-accent,.btn-cta,.btn-primary,.bg-accent,button.bg-primary,a.bg-primary,button.bg-emerald-500,button.bg-emerald-600,a.bg-emerald-500,a.bg-emerald-600{background-color:#10b981!important;color:#fff!important;font-weight:800!important;border:1px solid transparent!important;box-shadow:0 4px 14px #10b98159;transition:all .25s ease}.btn-accent:hover,.btn-cta:hover,.btn-primary:hover,.bg-accent:hover,button.bg-primary:hover,a.bg-primary:hover,button.bg-emerald-500:hover,button.bg-emerald-600:hover,a.bg-emerald-500:hover,a.bg-emerald-600:hover{background-color:#059669!important;color:#fff!important}html.dark .btn-accent,html.dark .btn-cta,html.dark .btn-primary,html.dark .bg-accent,html.dark button.bg-primary,html.dark a.bg-primary,html.dark button.bg-emerald-500,html.dark button.bg-emerald-600,html.dark a.bg-emerald-500,html.dark a.bg-emerald-600{background-color:#34d399!important;color:#0f172a!important;font-weight:800!important;border:1px solid transparent!important;box-shadow:0 4px 14px #34d39959}html.dark .btn-accent:hover,html.dark .btn-cta:hover,html.dark .btn-primary:hover,html.dark .bg-accent:hover,html.dark button.bg-primary:hover,html.dark a.bg-primary:hover,html.dark button.bg-emerald-500:hover,html.dark button.bg-emerald-600:hover,html.dark a.bg-emerald-500:hover,html.dark a.bg-emerald-600:hover{background-color:#10b981!important;color:#0f172a!important}.btn-secondary,.btn-outline,.btn-ghost{background-color:#f1f5f9!important;color:#0f172a!important;border:1px solid #CBD5E1!important;font-weight:800!important;box-shadow:0 1px 3px #0000000d;transition:all .25s ease}.btn-secondary:hover,.btn-outline:hover,.btn-ghost:hover{background-color:#e2e8f0!important;color:#059669!important;border-color:#94a3b8!important}html.dark .btn-secondary,html.dark .btn-outline,html.dark .btn-ghost{background-color:#1e293b!important;color:#f8fafc!important;border:1px solid #334155!important;box-shadow:0 1px 3px #0000004d}html.dark .btn-secondary:hover,html.dark .btn-outline:hover,html.dark .btn-ghost:hover{background-color:#334155!important;color:#34d399!important;border-color:#475569!important}.btn-brand,.btn-secondary-brand,button.bg-secondary,a.bg-secondary{background-color:#2563eb!important;color:#fff!important;font-weight:800!important;border:1px solid transparent!important;transition:all .25s ease}.btn-brand:hover,.btn-secondary-brand:hover,button.bg-secondary:hover,a.bg-secondary:hover{background-color:#1d4ed8!important;color:#fff!important}html.dark .btn-brand,html.dark .btn-secondary-brand,html.dark button.bg-secondary,html.dark a.bg-secondary{background-color:#3b82f6!important;color:#fff!important}html.dark .btn-brand:hover,html.dark .btn-secondary-brand:hover,html.dark button.bg-secondary:hover,html.dark a.bg-secondary:hover{background-color:#60a5fa!important;color:#fff!important}.badge-active,.badge-emerald{background-color:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}html.dark .badge-active,html.dark .badge-emerald{background-color:#34d39926!important;color:#34d399!important;border-color:#34d3994d!important}.metric-card,.stat-card{background-color:#fff;border:1px solid #E2E8F0;color:#0f172a;transition:all .3s ease}html.dark .metric-card,html.dark .stat-card{background-color:#1e293b!important;border-color:#334155!important;color:#f8fafc!important}html.dark main .text-slate-900{color:#f1f5f9!important}html.dark main .text-slate-800{color:#e2e8f0!important}html.dark main .text-slate-700{color:#cbd5e1!important}html.dark main .text-slate-600{color:#94a3b8!important}html.dark main .text-slate-500{color:#64748b!important}html.dark main .text-slate-400{color:#94a3b8!important}html.dark canvas{filter:brightness(.95)}