@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;600;700;800&display=swap");:root{--primary:#12d1c9;--primary-dark:#0891b2;--primary-light:#22d3c5;--secondary:#0f2b5b;--secondary-dark:#0a1f42;--secondary-light:#1e3a8a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--bg-primary:#0b1324;--bg-secondary:#1a2332;--bg-tertiary:#0f172a;--bg-card:rgba(15,23,42,.6);--bg-hover:rgba(30,41,59,.6);--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--border-primary:hsla(0,0%,100%,.1);--border-secondary:hsla(0,0%,100%,.05);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--shadow-glow:0 0 20px rgba(18,209,201,.3);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Cairo,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl]{font-family:Cairo,Inter,system-ui,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary);color:var(--bg-primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(18,209,201,.3)}50%{box-shadow:0 0 30px rgba(18,209,201,.6)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-in{animation:slideIn var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(18,209,201,.4)}.btn-secondary{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-light) 100%);color:#fff}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(15,43,91,.4)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge-success{background:rgba(16,185,129,.2);color:var(--success);border:1px solid var(--success)}.badge-warning{background:rgba(245,158,11,.2);color:var(--warning);border:1px solid var(--warning)}.badge-error{background:rgba(239,68,68,.2);color:var(--error);border:1px solid var(--error)}.badge-info{background:rgba(59,130,246,.2);color:var(--info);border:1px solid var(--info)}.spinner{width:40px;height:40px;border:4px solid var(--border-primary);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.gradient-text{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media (max-width:768px){:root{--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px}.grid-auto-fill,.grid-auto-fit{grid-template-columns:1fr}}