@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap");.font-arabic{font-family:IBM Plex Sans Arabic,Noto Sans Arabic,Segoe UI,system-ui,-apple-system,sans-serif;font-feature-settings:"liga" 1,"calt" 1;letter-spacing:0;line-height:1.8}[dir=rtl]{text-align:right;direction:rtl}[dir=rtl] .px-6{padding-left:1.5rem;padding-right:1.5rem}[dir=rtl] .pl-4{padding-right:1rem;padding-left:0}[dir=rtl] .pr-4{padding-left:1rem;padding-right:0}[dir=rtl] .ml-auto{margin-right:auto;margin-left:0}[dir=rtl] .mr-auto{margin-left:auto;margin-right:0}[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] a{transition:all .3s ease}[dir=rtl] a:hover{padding-right:.25rem}[lang=ar]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}bdi{unicode-bidi:isolate;direction:ltr}[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] h4,[lang=ar] h5,[lang=ar] h6{font-weight:600;letter-spacing:-.02em}[lang=ar] p{line-height:2;letter-spacing:.01em}[dir=rtl] .btn,[dir=rtl] button{font-family:inherit}[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{text-align:right;direction:rtl}[dir=rtl] .dropdown-menu{right:auto;left:0}[dir=rtl] .tooltip{text-align:right}[lang=ar] .arabic-numerals{font-variant-numeric:normal}[dir=rtl] .mixed-content{unicode-bidi:plaintext}@media (max-width:768px){[lang=ar]{font-size:.95rem}[lang=ar] h1{font-size:1.75rem}[lang=ar] h2{font-size:1.5rem}}:root{--color-brand-primary:#3b82f6;--color-brand-primary-hover:#2563eb;--color-brand-secondary:#8b5cf6;--color-brand-accent:#06b6d4;--bg-primary:#0a0a0a;--bg-secondary:rgba(255,255,255,0.02);--bg-tertiary:rgba(255,255,255,0.05);--bg-glass:rgba(255,255,255,0.02);--bg-glass-hover:rgba(255,255,255,0.05);--border-primary:rgba(255,255,255,0.05);--border-secondary:rgba(255,255,255,0.1);--border-focus:var(--color-brand-primary);--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.7);--text-tertiary:rgba(255,255,255,0.5);--text-muted:rgba(255,255,255,0.4);--color-success:#10b981;--color-success-bg:rgba(16,185,129,0.2);--color-warning:#f59e0b;--color-warning-bg:rgba(245,158,11,0.2);--color-error:#ef4444;--color-error-bg:rgba(239,68,68,0.2);--color-info:#3b82f6;--color-info-bg:rgba(59,130,246,0.2);--color-streak-fire:#f97316;--color-xp-blue:#3b82f6;--color-achievement-gold:#eab308;--color-social-purple:#8b5cf6;--color-nudge-cyan:#06b6d4;--glass-blur:blur(12px);--glass-border:1px solid var(--border-primary);--glass-shadow:0 8px 32px rgba(0,0,0,0.3);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.1);--shadow-glass:var(--glass-shadow);--z-dropdown:1000;--z-sticky:1010;--z-fixed:1020;--z-modal-backdrop:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060}.glass-card{background:var(--bg-glass);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:all var(--transition-normal)}.glass-card:hover{background:var(--bg-glass-hover);transform:translateY(-1px);box-shadow:var(--shadow-xl)}.btn-primary{background:var(--color-brand-primary);color:var(--text-primary);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);cursor:pointer}.btn-primary:hover{background:var(--color-brand-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-glass);color:var(--text-secondary);border:var(--glass-border);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);cursor:pointer}.btn-secondary:hover{background:var(--bg-glass-hover);color:var(--text-primary);transform:translateY(-1px)}.streak-flame{color:var(--color-streak-fire);filter:drop-shadow(0 0 8px rgba(249,115,22,.3))}.xp-progress{background:linear-gradient(90deg,var(--color-xp-blue),var(--color-brand-accent));box-shadow:0 0 16px rgba(59,130,246,.3)}.achievement-badge,.xp-progress{border-radius:var(--radius-full)}.achievement-badge{background:var(--color-achievement-gold);color:var(--bg-primary);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:0 0 12px rgba(234,179,8,.4)}.metric-card{background:var(--bg-glass);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:all var(--transition-normal)}.metric-card:hover{background:var(--bg-glass-hover);transform:translateY(-1px);box-shadow:var(--shadow-xl)}.metric-card{padding:var(--space-lg)}.metric-card-value{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.metric-card-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.bounce-celebration{animation:bounceY .6s ease-in-out}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.slide-up{animation:slideUp .3s ease-out}@keyframes bounceY{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 16px rgba(59,130,246,.3)}50%{box-shadow:0 0 24px rgba(59,130,246,.6)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.metric-card{padding:var(--space-md)}.metric-card-value{font-size:var(--font-size-xl)}}.focus-ring:focus{outline:none;box-shadow:0 0 0 2px var(--border-focus)}