@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";@custom-variant dark (&:where([data-theme="dark"],[data-theme="dark"] *,.dark,.dark *));:root{--font-main: "Cairo", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--transition: .22s cubic-bezier(.4, 0, .2, 1)}[data-theme=light],:root{--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-surface2: #f1f5f9;--bg-elevated: #ffffff;--bg-overlay: rgba(255,255,255,.88);--border: #e2e8f0;--border-focus: #6366f1;--text-primary: #0f172a;--text-secondary:#334155;--text-muted: #64748b;--text-inverse: #ffffff;--accent: #4f46e5;--accent-hover: #4338ca;--accent-light: #eef2ff;--accent-border: #c7d2fe;--success: #059669;--success-light: #ecfdf5;--danger: #dc2626;--danger-light: #fef2f2;--warning: #d97706;--warning-light: #fffbeb;--card-shadow: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--card-shadow-lg:0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .04);--glass-bg: rgba(255,255,255,.85);--glass-border: rgba(226,232,240,.8);--sidebar-bg: #ffffff;--sidebar-text: #475569;--sidebar-active:#4f46e5;--gradient-hero: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-card: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--scrollbar-thumb: #cbd5e1}[data-theme=dark],.dark{--bg-base: #0b0f19;--bg-surface: #111827;--bg-surface2: #1e293b;--bg-elevated: #1e293b;--bg-overlay: rgba(17,24,39,.88);--border: #1e293b;--border-focus: #818cf8;--text-primary: #f8fafc;--text-secondary:#cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--accent: #818cf8;--accent-hover: #6366f1;--accent-light: #1e1b4b;--accent-border: #3730a3;--success: #34d399;--success-light: #064e3b;--danger: #f87171;--danger-light: #450a0a;--warning: #fbbf24;--warning-light: #451a03;--card-shadow: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--card-shadow-lg:0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4);--glass-bg: rgba(17,24,39,.85);--glass-border: rgba(255,255,255,.08);--sidebar-bg: #111827;--sidebar-text: #94a3b8;--sidebar-active:#818cf8;--gradient-hero: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-card: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #047857 100%);--scrollbar-thumb: #374151}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-main);font-size:16px;-webkit-tap-highlight-color:transparent}body{background:var(--bg-base);color:var(--text-primary);min-height:100vh;transition:background var(--transition),color var(--transition);font-family:var(--font-main);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.font-mono{font-family:var(--font-mono)!important}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:box-shadow var(--transition),border-color var(--transition)}.card:hover{box-shadow:var(--card-shadow-lg)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow-lg)}.input{width:100%;padding:12px 16px;background:var(--bg-surface2);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-main);font-size:14px;font-weight:500;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);outline:none}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent);background:var(--bg-surface)}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-main);font-weight:700;font-size:14px;cursor:pointer;border:none;outline:none;transition:all var(--transition);white-space:nowrap;letter-spacing:.01em}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-card);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 45%,transparent);filter:brightness(1.08)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--success) 30%,transparent)}.btn-success:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background:var(--bg-surface2);color:var(--text-secondary);border:1.5px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-focus)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--danger) 30%,transparent)}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-sm{padding:7px 14px;font-size:12px;border-radius:8px}.btn-lg{padding:15px 32px;font-size:16px;border-radius:var(--radius-lg)}.btn-full{width:100%}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.02em;border:1px solid transparent}.badge-success{background:var(--success-light);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,transparent)}.badge-danger{background:var(--danger-light);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,transparent)}.badge-warning{background:var(--warning-light);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 25%,transparent)}.badge-accent{background:var(--accent-light);color:var(--accent);border-color:var(--accent-border)}.badge-muted{background:var(--bg-surface2);color:var(--text-muted);border-color:var(--border)}.theme-switcher{display:flex;background:var(--bg-surface2);border:1.5px solid var(--border);border-radius:99px;padding:3px;gap:2px}.theme-btn{padding:5px 12px;border-radius:99px;font-size:11px;font-weight:700;cursor:pointer;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-main);transition:all var(--transition);display:flex;align-items:center;gap:4px}.theme-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 4px #0000001f}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 40%,transparent)}50%{box-shadow:0 0 0 8px transparent}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease both}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) both}.animate-pulse-glow{animation:pulse-glow 2s infinite}.animate-spin{animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-surface2) 25%,var(--bg-elevated) 50%,var(--bg-surface2) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.table-premium{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.table-premium thead tr th{background:var(--bg-surface2);color:var(--text-muted);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:12px 16px;border-bottom:1.5px solid var(--border);white-space:nowrap}.table-premium tbody tr{border-bottom:1px solid var(--border);transition:background var(--transition)}.table-premium tbody tr:last-child{border-bottom:none}.table-premium tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}.table-premium tbody tr td{padding:14px 16px;color:var(--text-primary)}.divider{height:1px;background:var(--border);margin:0}@media (max-width: 640px){.btn{padding:11px 18px;font-size:13px}.btn-lg{padding:13px 24px;font-size:15px}}table{border-collapse:collapse}[data-theme=light] table,:root:not([data-theme=dark]) table{color:#0f172a}[data-theme=light] td,:root:not([data-theme=dark]) td{color:#0f172a}[data-theme=light] th,:root:not([data-theme=dark]) th{color:#475569}[data-theme=dark] table,.dark table,[data-theme=dark] td,.dark td{color:#f8fafc}[data-theme=dark] th,.dark th{color:#94a3b8}[data-theme=dark] .bg-white,.dark .bg-white{background-color:var(--bg-surface)!important}[data-theme=dark] .bg-slate-50,[data-theme=dark] .bg-slate-100,[data-theme=dark] .bg-gray-50,[data-theme=dark] .bg-gray-100,.dark .bg-slate-50,.dark .bg-slate-100,.dark .bg-gray-50,.dark .bg-gray-100{background-color:var(--bg-base)!important}[data-theme=dark] .text-slate-900,[data-theme=dark] .text-gray-900,[data-theme=dark] .text-slate-800,[data-theme=dark] .text-gray-800,.dark .text-slate-900,.dark .text-gray-900,.dark .text-slate-800,.dark .text-gray-800{color:var(--text-primary)!important}[data-theme=dark] .text-slate-700,[data-theme=dark] .text-gray-700,[data-theme=dark] .text-slate-600,[data-theme=dark] .text-gray-600,.dark .text-slate-700,.dark .text-gray-700,.dark .text-slate-600,.dark .text-gray-600{color:var(--text-secondary)!important}[data-theme=dark] .text-slate-500,[data-theme=dark] .text-gray-500,[data-theme=dark] .text-slate-400,.dark .text-slate-500,.dark .text-gray-500,.dark .text-slate-400{color:var(--text-muted)!important}[data-theme=dark] .border-gray-200,[data-theme=dark] .border-slate-200,[data-theme=dark] .border-gray-100,[data-theme=dark] .border-slate-100,[data-theme=dark] .border-b,[data-theme=dark] .border,[data-theme=dark] .border-slate-300,.dark .border-gray-200,.dark .border-slate-200,.dark .border-gray-100,.dark .border-slate-100,.dark .border-slate-300{border-color:var(--border)!important}[data-theme=dark] .bg-blue-50,.dark .bg-blue-50{background-color:color-mix(in srgb,var(--accent) 15%,transparent)!important}[data-theme=dark] .text-blue-800,[data-theme=dark] .text-blue-600,[data-theme=dark] .text-blue-700,[data-theme=dark] .text-blue-500,.dark .text-blue-800,.dark .text-blue-600,.dark .text-blue-700,.dark .text-blue-500{color:var(--accent)!important}[data-theme=dark] .bg-emerald-50,.dark .bg-emerald-50{background-color:color-mix(in srgb,var(--success) 15%,transparent)!important}[data-theme=dark] .text-emerald-700,[data-theme=dark] .text-emerald-800,.dark .text-emerald-700,.dark .text-emerald-800{color:var(--success)!important}[data-theme=dark] .bg-amber-50,[data-theme=dark] .bg-yellow-50,.dark .bg-amber-50,.dark .bg-yellow-50{background-color:color-mix(in srgb,var(--warning) 15%,transparent)!important}[data-theme=dark] .text-amber-800,[data-theme=dark] .text-yellow-800,[data-theme=dark] .text-amber-700,[data-theme=dark] .text-yellow-700,.dark .text-amber-800,.dark .text-yellow-800,.dark .text-amber-700,.dark .text-yellow-700{color:var(--warning)!important}[data-theme=dark] .bg-red-50,.dark .bg-red-50{background-color:color-mix(in srgb,var(--danger) 15%,transparent)!important}[data-theme=dark] .text-red-700,[data-theme=dark] .text-red-800,.dark .text-red-700,.dark .text-red-800{color:var(--danger)!important}[data-theme=dark] .bg-indigo-50,.dark .bg-indigo-50{background-color:color-mix(in srgb,#6366f1 18%,transparent)!important}[data-theme=dark] .text-indigo-700,[data-theme=dark] .text-indigo-800,.dark .text-indigo-700,.dark .text-indigo-800{color:#a5b4fc!important}[data-theme=dark] .bg-purple-50,.dark .bg-purple-50{background-color:color-mix(in srgb,#a855f7 18%,transparent)!important}[data-theme=dark] .text-purple-700,.dark .text-purple-700{color:#c084fc!important}[data-theme=dark] .divide-y>:not([hidden])~:not([hidden]),.dark .divide-y>:not([hidden])~:not([hidden]){border-color:var(--border)!important}[data-theme=dark] .shadow-sm,.dark .shadow-sm{box-shadow:var(--card-shadow)!important}[data-theme=dark] .shadow,.dark .shadow{box-shadow:var(--card-shadow-lg)!important}[data-theme=dark] .bg-slate-800,.dark .bg-slate-800{background-color:var(--bg-surface)!important}[data-theme=dark] .hover\:bg-blue-50\/50:hover,.dark .hover\:bg-blue-50\/50:hover{background-color:color-mix(in srgb,var(--accent) 12%,transparent)!important}[data-theme=dark] .hover\:bg-emerald-50\/50:hover,.dark .hover\:bg-emerald-50\/50:hover{background-color:color-mix(in srgb,var(--success) 12%,transparent)!important}[data-theme=dark] .hover\:bg-red-50\/50:hover,.dark .hover\:bg-red-50\/50:hover{background-color:color-mix(in srgb,var(--danger) 12%,transparent)!important}[data-theme=dark] .border-current\/20{border-color:#ffffff1a!important}[data-theme=dark] .bg-white\/60{background-color:#0000004d!important}[data-theme=dark] .bg-gray-200,.dark .bg-gray-200{background-color:var(--border)!important}[data-theme=dark] .border-gray-300,.dark .border-gray-300{border-color:var(--border-focus)!important}[data-theme=dark] .bg-slate-50\/30,.dark .bg-slate-50\/30{background-color:transparent!important}[data-theme=dark] .divide-red-50>:not([hidden])~:not([hidden]){border-color:#ff000026!important}[data-theme=dark] .border-red-100,[data-theme=dark] .border-red-200{border-color:#f003!important}