@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"] *));: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: #f0f4f8;--bg-surface: #ffffff;--bg-surface2: #f8fafc;--bg-elevated: #ffffff;--bg-overlay: rgba(255,255,255,.8);--border: #e2e8f0;--border-focus: #6366f1;--text-primary: #0f172a;--text-secondary:#475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--accent: #6366f1;--accent-hover: #4f46e5;--accent-light: #eef2ff;--accent-border: #a5b4fc;--success: #10b981;--success-light: #ecfdf5;--danger: #ef4444;--danger-light: #fef2f2;--warning: #f59e0b;--warning-light: #fffbeb;--card-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);--card-shadow-lg:0 4px 24px rgba(0,0,0,.09), 0 1px 4px rgba(0,0,0,.05);--glass-bg: rgba(255,255,255,.72);--glass-border: rgba(255,255,255,.5);--sidebar-bg: #1e293b;--sidebar-text: #94a3b8;--sidebar-active:#6366f1;--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-card: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--scrollbar-thumb: #cbd5e1}[data-theme=dark]{--bg-base: #0b0f19;--bg-surface: #131929;--bg-surface2: #1a2236;--bg-elevated: #1e2a40;--bg-overlay: rgba(19,25,41,.85);--border: #1e2d45;--border-focus: #818cf8;--text-primary: #e2e8f0;--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 2px 8px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--card-shadow-lg:0 8px 32px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.4);--glass-bg: rgba(19,25,41,.8);--glass-border: rgba(255,255,255,.06);--sidebar-bg: #080d15;--sidebar-text: #64748b;--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: #1e2d45}*,*: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}}[data-theme=dark] .text-slate-500,[data-theme=dark] .text-gray-500{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{border-color:var(--border)!important}[data-theme=dark] .text-amber-700,[data-theme=dark] .text-yellow-700{color:var(--warning)!important}[data-theme=dark] .text-blue-700{color:var(--accent)!important}[data-theme=dark] .bg-indigo-50{background-color:color-mix(in srgb,#6366f1 15%,transparent)!important}[data-theme=dark] .text-indigo-700{color:#818cf8!important}[data-theme=dark] .bg-purple-50{background-color:color-mix(in srgb,#a855f7 15%,transparent)!important}[data-theme=dark] .text-purple-700{color:#c084fc!important}[data-theme=dark] .border-current\/20{border-color:#ffffff1a!important}[data-theme=dark] .bg-white\/60{background-color:#0003!important}[data-theme=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{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{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{color:var(--text-secondary)!important}[data-theme=dark] .text-slate-500,[data-theme=dark] .text-gray-500,[data-theme=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{border-color:var(--border)!important}[data-theme=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{color:var(--accent)!important}[data-theme=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{color:var(--success)!important}[data-theme=dark] .bg-amber-50,[data-theme=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{color:var(--warning)!important}[data-theme=dark] .text-red-700,[data-theme=dark] .text-red-800{color:var(--danger)!important}[data-theme=dark] .divide-y>:not([hidden])~:not([hidden]){border-color:var(--border)!important}[data-theme=dark] .shadow-sm{box-shadow:var(--card-shadow)!important}[data-theme=dark] .shadow{box-shadow:var(--card-shadow-lg)!important}[data-theme=dark] .bg-slate-800{background-color:var(--bg-elevated)!important}[data-theme=dark] .hover\:bg-blue-50\/50:hover{background-color:color-mix(in srgb,var(--accent) 10%,transparent)!important}[data-theme=dark] .hover\:bg-emerald-50\/50:hover{background-color:color-mix(in srgb,var(--success) 10%,transparent)!important}[data-theme=dark] .hover\:bg-red-50\/50:hover{background-color:color-mix(in srgb,var(--danger) 10%,transparent)!important}[data-theme=dark] .text-blue-500{color:var(--accent)!important}[data-theme=dark] .bg-gray-200{background-color:var(--border)!important}[data-theme=dark] .border-gray-300{border-color:var(--border-focus)!important}[data-theme=dark] .bg-slate-50\/30{background-color:transparent!important}[data-theme=dark] .divide-red-50>:not([hidden])~:not([hidden]){border-color:#ff00001a!important}[data-theme=dark] .border-red-100,[data-theme=dark] .border-red-200{border-color:#ff000026!important}[data-theme=dark] .bg-red-50{background-color:color-mix(in srgb,var(--danger) 15%,transparent)!important}