@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";
:root{--surface:#111317;--surface-dim:#111317;--surface-bright:#37393d;--surface-container-lowest:#0c0e12;--surface-container-low:#1a1c20;--surface-container:#1e2024;--surface-container-high:#282a2e;--surface-container-highest:#333539;--on-surface:#e2e2e7;--on-surface-variant:#c6c6ca;--inverse-surface:#e2e2e7;--inverse-on-surface:#2e3035;--surface-variant:#333539;--surface-tint:#c7c6c9;--primary:#c7c6c9;--on-primary:#303033;--primary-container:#0b0c0e;--on-primary-container:#7a7a7c;--inverse-primary:#5e5e61;--primary-fixed:#e3e2e5;--primary-fixed-dim:#c7c6c9;--on-primary-fixed:#1b1c1e;--on-primary-fixed-variant:#464749;--secondary:#c4c7c9;--on-secondary:#2d3133;--secondary-container:#464a4b;--on-secondary-container:#b6b9bb;--secondary-fixed:#e0e3e5;--secondary-fixed-dim:#c4c7c9;--on-secondary-fixed:#191c1e;--on-secondary-fixed-variant:#444749;--tertiary:#adc6ff;--on-tertiary:#002e6a;--tertiary-container:#000b24;--on-tertiary-container:#2b76ea;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-dim:#3b82f633;--accent-border:#3b82f680;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffdad6;--success:#4ade80;--success-dim:#4ade8026;--warning:#fbbf24;--warning-dim:#fbbf2426;--info:#38bdf8;--outline:#909094;--outline-variant:#45474a;--background:#0b0c0e;--on-background:#f8fafc;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#1e2024;--border-hover:#333539;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--font-arabic:"IBM Plex Sans Arabic", sans-serif;--font-code:"Geist Mono", "Geist", monospace;--display-lg-size:48px;--display-lg-weight:700;--display-lg-line:1.1;--display-lg-letter:-.02em;--display-lg-mobile-size:32px;--display-lg-mobile-weight:700;--display-lg-mobile-line:1.2;--headline-md-size:24px;--headline-md-weight:600;--headline-md-line:1.3;--body-lg-size:18px;--body-lg-weight:400;--body-lg-line:1.6;--body-md-size:15px;--body-md-weight:400;--body-md-line:1.5;--label-sm-size:13px;--label-sm-weight:500;--label-sm-line:1;--label-sm-letter:.01em;--code-sm-size:13px;--code-sm-weight:400;--code-sm-line:1.4;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--gutter:24px;--margin-mobile:16px;--margin-desktop:48px;--max-width:1440px;--rounded-sm:.125rem;--rounded:.25rem;--rounded-md:.375rem;--rounded-lg:.5rem;--rounded-xl:.75rem;--rounded-full:9999px;--glass-blur:20px;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-cta-blur:16px;--transition-fast:.15s ease-out;--transition-default:.2s ease-out;--transition-slow:.3s ease-out;--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1);--sidebar-width:220px;--sidebar-collapsed-width:0px;--navbar-height:56px}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}[dir=rtl]{font-family:var(--font-arabic), var(--font-body)}[dir=rtl] body{font-family:var(--font-arabic), var(--font-body);letter-spacing:0!important}[dir=rtl] .display-lg,[dir=rtl] .headline-md,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:var(--font-arabic), var(--font-display);letter-spacing:0!important}[dir=rtl] .rtl-flip{transform:scaleX(-1)}body{font-family:var(--font-body);font-size:var(--body-md-size);font-weight:var(--body-md-weight);line-height:var(--body-md-line);color:var(--text-primary);background-color:var(--background);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:none;outline:none}select{background-color:var(--surface-container-lowest,#0f172a);color:var(--text-primary,#fff)}select option{padding:10px 14px;color:#fff!important;background-color:#0f172a!important}select option:hover,select option:focus,select option:checked{color:#fff!important;background-color:#2563eb!important}select option:disabled{color:#64748b!important}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--rounded-full)}::-webkit-scrollbar-thumb:hover{background:var(--outline)}.display-lg{font-family:var(--font-display);font-size:var(--display-lg-size);font-weight:var(--display-lg-weight);line-height:var(--display-lg-line);letter-spacing:var(--display-lg-letter);color:var(--text-primary)}.display-lg-mobile{font-family:var(--font-display);font-size:var(--display-lg-mobile-size);font-weight:var(--display-lg-mobile-weight);line-height:var(--display-lg-mobile-line);color:var(--text-primary)}.headline-md{font-family:var(--font-display);font-size:var(--headline-md-size);font-weight:var(--headline-md-weight);line-height:var(--headline-md-line);color:var(--text-primary)}.body-lg{font-family:var(--font-body);font-size:var(--body-lg-size);font-weight:var(--body-lg-weight);line-height:var(--body-lg-line)}.body-md{font-family:var(--font-body);font-size:var(--body-md-size);font-weight:var(--body-md-weight);line-height:var(--body-md-line)}.label-sm{font-family:var(--font-body);font-size:var(--label-sm-size);font-weight:var(--label-sm-weight);line-height:var(--label-sm-line);letter-spacing:var(--label-sm-letter);text-transform:uppercase}.code-sm{font-family:var(--font-code);font-size:var(--code-sm-size);font-weight:var(--code-sm-weight);line-height:var(--code-sm-line)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-error{color:var(--error)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-family:var(--font-body);font-size:var(--body-md-size);border-radius:var(--rounded);transition:all var(--transition-default);white-space:nowrap;cursor:pointer;height:40px;font-weight:500;line-height:1;display:inline-flex}.btn-primary{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-cta-blur));border:1px solid var(--text-primary);color:var(--text-primary)}.btn-primary:hover{background:#ffffff1a;border-color:#fff}.btn-accent{background:var(--accent);border:1px solid var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{border:1px solid var(--outline-variant);color:var(--text-secondary);background:0 0}.btn-secondary:hover{border-color:var(--outline);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--surface-container);color:var(--text-primary)}.btn-sm{height:32px;padding:var(--space-1) var(--space-3);font-size:var(--label-sm-size)}.btn-lg{height:48px;padding:var(--space-3) var(--space-8);font-size:var(--body-lg-size)}.btn-icon{border-radius:var(--rounded);width:40px;height:40px;padding:0}.btn-icon.btn-sm{width:32px;height:32px}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-container-lowest);border:1px solid var(--border);border-radius:var(--rounded);color:var(--text-primary);font-size:var(--body-md-size);transition:border-color var(--transition-default), box-shadow var(--transition-default);height:44px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.input::placeholder{color:var(--text-muted)}.textarea{resize:vertical;height:auto;min-height:100px}.input-label{font-size:var(--label-sm-size);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.card{background:var(--surface-container-low);border:1px solid var(--border);border-radius:var(--rounded-lg);padding:var(--space-6);transition:background var(--transition-default), border-color var(--transition-default)}.card:hover{background:var(--surface-container);border-color:var(--border-hover)}.card-interactive{cursor:pointer}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);letter-spacing:.03em;text-transform:uppercase;border-radius:var(--rounded-full);font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.badge-accent{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-border)}.badge-success{background:var(--success-dim);color:var(--success)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.badge-neutral{background:var(--surface-container-high);color:var(--text-secondary)}.badge-error{color:var(--error);background:#ffb4ab26}.divider{background:var(--border);width:100%;height:1px}.progress-bar{background:var(--surface-container-high);border-radius:var(--rounded-full);width:100%;height:4px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:var(--rounded-full);height:100%;transition:width var(--transition-smooth)}.avatar{border-radius:var(--rounded-full);object-fit:cover;border:1px solid var(--border);width:40px;height:40px}.avatar-sm{width:28px;height:28px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:80px;height:80px}.avatar-placeholder{background:var(--surface-container-high);color:var(--text-secondary);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);display:flex}.tab{padding:var(--space-3) var(--space-4);font-size:var(--body-md-size);color:var(--text-secondary);transition:all var(--transition-default);cursor:pointer;border-bottom:2px solid #0000;font-weight:500}.tab:hover{color:var(--text-primary)}.tab-active{color:var(--text-primary);border-bottom-color:var(--accent)}.pill-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.pill{padding:var(--space-2) var(--space-4);font-size:var(--label-sm-size);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--rounded);cursor:pointer;transition:all var(--transition-default);background:0 0;font-weight:500}.pill:hover{border-color:var(--outline);color:var(--text-primary)}.pill-active{background:var(--text-primary);color:var(--background);border-color:var(--text-primary)}.tooltip{position:relative}.status-dot{border-radius:var(--rounded-full);width:8px;height:8px;display:inline-block}.status-dot-active{background:var(--accent)}.status-dot-inactive{background:var(--outline-variant)}.status-dot-success{background:var(--success)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-smooth) ease-out}.animate-slide-in-left{animation:slideInLeft var(--transition-smooth) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-smooth) ease-out}@media (max-width:1024px){.display-lg{font-size:var(--display-lg-mobile-size);line-height:var(--display-lg-mobile-line)}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skeleton{animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.85}}