@import "https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";:root{--bg-primary:#f5f5fa;--bg-secondary:#fff;--bg-tertiary:#eeeef5;--surface-glass:#00000008;--border:#00000014;--accent-primary:#215299;--accent-secondary:#c2d6ff;--accent-primary-hover:#1e4a8b;--accent-gradient:linear-gradient(135deg, #215299, #c2d6ff);--accent-success:#00b894;--accent-warning:#fdcb6e;--accent-error:#e17055;--text-primary:#1a1a2e;--text-secondary:#666680;--text-muted:#99a;--font-ui:"Inter", system-ui, sans-serif;--font-arabic:"Amiri", "Noto Naskh Arabic", serif;--font-serif:"Playfair Display", serif;--font-mono:"JetBrains Mono", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;--surface-glass:#ffffff08;--border:#ffffff14;--text-primary:#e8e8f0;--text-secondary:#8a8a9a;--text-muted:#55556a;--shadow-sm:0 2px 8px #2152991a;--shadow-md:0 4px 16px #21529926;--shadow-lg:0 8px 32px #21529933}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;--surface-glass:#ffffff08;--border:#ffffff14;--text-primary:#e8e8f0;--text-secondary:#8a8a9a;--text-muted:#55556a;--shadow-sm:0 2px 8px #2152991a;--shadow-md:0 4px 16px #21529926;--shadow-lg:0 8px 32px #21529933}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-normal) var(--ease-smooth), color var(--duration-normal) var(--ease-smooth);line-height:1.5}a{color:var(--accent-primary);transition:color var(--duration-fast) var(--ease-smooth);text-decoration:none}a:hover{text-decoration:underline}input,button,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;background:0 0;border:none}[dir=rtl]{font-family:var(--font-arabic);font-size:1.1em}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1024px;padding:0 var(--space-md);margin:0 auto}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #6c5ce7b3}70%{transform:scale(1);box-shadow:0 0 0 10px #6c5ce700}to{transform:scale(.95);box-shadow:0 0 #6c5ce700}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glass-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;padding:var(--space-md) 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.header-content h1{color:var(--accent-primary);margin:0;font-size:1.5rem;font-weight:700}.theme-toggle button{color:var(--text-secondary);padding:var(--space-xs);border-radius:var(--radius-pill);transition:background-color var(--duration-fast)}.theme-toggle button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.main-content{padding-top:var(--space-lg);padding-bottom:calc(var(--space-2xl) * 2);flex:1}.bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:100;position:fixed;bottom:0;left:0;right:0}.nav-items{padding:var(--space-sm) 0;justify-content:space-around;display:flex}.nav-item{align-items:center;gap:var(--space-xs);color:var(--text-muted);padding:var(--space-xs) 0;flex-direction:column;flex:1;font-size:.75rem;font-weight:500;display:flex}.nav-item.active{color:var(--accent-primary)}.nav-item span{display:block}.btn{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--duration-fast);font-weight:500;display:inline-flex}.btn:hover{background:var(--border)}.btn-primary{background:var(--accent-primary);color:#fff;border:none}.btn-primary:hover{background:var(--accent-primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.input-field{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:border-color var(--duration-fast)}.input-field:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #21529933}.label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.875rem;font-weight:500;display:block}