:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-surface:#fff;--bg-hover:#f1f5f9;--bg-active:#e2e8f0;--bg-overlay:#0f172a99;--border-color:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#059669;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--brand-primary:#059669;--brand-primary-hover:#047857;--brand-primary-light:#ecfdf5;--brand-secondary:#4f46e5;--brand-secondary-hover:#4338ca;--brand-secondary-light:#eef2ff;--status-success:#10b981;--status-success-bg:#ecfdf5;--status-warning:#f59e0b;--status-warning-bg:#fffbeb;--status-error:#ef4444;--status-error-bg:#fef2f2;--status-info:#3b82f6;--status-info-bg:#eff6ff;--glass-bg:#ffffffbf;--glass-border:#fff6;--glass-blur:blur(12px);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", "Cairo", "Tajawal", system-ui, -apple-system, sans-serif}[data-theme=dark],.dark{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-surface:#1e293b;--bg-hover:#334155;--bg-active:#475569;--bg-overlay:#000c;--border-color:#334155;--border-hover:#475569;--border-focus:#10b981;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-inverse:#0f172a;--brand-primary:#10b981;--brand-primary-hover:#059669;--brand-primary-light:#10b98126;--brand-secondary:#6366f1;--brand-secondary-hover:#4f46e5;--brand-secondary-light:#6366f126;--status-success-bg:#10b98133;--status-warning-bg:#f59e0b33;--status-error-bg:#ef444433;--status-info-bg:#3b82f633;--glass-bg:#1e293bbf;--glass-border:#ffffff14;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-font-smoothing:antialiased;line-height:1.5}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-in{animation:fadeIn var(--transition-fast) ease-out forwards}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.shrink-0{flex-shrink:0}.flex-1{flex:1}.inline-flex{display:inline-flex}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex{display:flex}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2/span 2}}.min-h-screen{min-height:100vh}.h-screen{height:100vh}.w-screen{width:100vw}.w-full{width:100%}.w-fit{width:fit-content}.max-w-md{max-width:28rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-12{padding:3rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-16{padding-top:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1\.5>*+*{margin-top:.375rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.border{border:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-e{border-inline-end:1px solid var(--border-color)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.transition-all{transition:all var(--transition-fast)}.transition-colors{transition:color var(--transition-fast), background-color var(--transition-fast)}