@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";:root{--font-arabic: "Cairo", sans-serif;--font-english: "Cairo", sans-serif;--font-size-display: clamp(2rem, 5vw, 3rem);--font-size-h1: clamp(1.5rem, 4vw, 2.25rem);--font-size-h2: clamp(1.25rem, 3vw, 1.75rem);--font-size-h3: clamp(1.1rem, 2.5vw, 1.35rem);--font-size-body: clamp(.875rem, 1.5vw, 1rem);--font-size-caption: clamp(.7rem, 1.2vw, .8rem);--line-height-heading: 1.2;--line-height-body: 1.5;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--color-primary-500: #e5b842;--color-primary-600: #c99b2e;--color-primary-100: rgba(229, 184, 66, .15);--color-emerald-950: #011512;--color-emerald-900: #021a17;--color-emerald-800: #032520;--color-emerald-700: #073a32;--color-emerald-600: #0d5c52;--color-emerald-500: #0e8576;--color-emerald-100: #e2f0ed;--color-success-500: #00f0d2;--color-success-bg: rgba(0, 240, 210, .08);--color-danger-500: #ef4444;--color-danger-bg: rgba(239, 68, 68, .08);--transition-fast: .15s ease-out;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--shadow-glow: 0 0 20px rgba(0, 240, 210, .05)}[data-theme=dark],:root:not([data-theme=light]){--bg-app: var(--color-emerald-950);--bg-gradient: radial-gradient(circle at top, #062b24 0%, var(--color-emerald-950) 100%);--bg-card: var(--color-emerald-800);--border-color: var(--color-emerald-600);--border-hover-color: var(--color-success-500);--text-primary: var(--color-primary-500);--text-secondary: var(--color-emerald-100);--text-muted: #8fb4af;--input-bg: var(--color-emerald-900);--shadow-premium: 0 10px 30px rgba(0, 0, 0, .5), var(--shadow-glow)}[data-theme=light]{--bg-app: #f4fbf9;--bg-gradient: linear-gradient(185deg, #e6f6f3 0%, #f4fbf9 100%);--bg-card: #ffffff;--border-color: rgba(13, 92, 82, .15);--border-hover-color: var(--color-emerald-500);--text-primary: var(--color-emerald-950);--text-secondary: #2f4f49;--text-muted: #5e847e;--input-bg: #eef7f5;--shadow-premium: 0 10px 30px rgba(13, 92, 82, .05)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);background-attachment:fixed;color:var(--text-secondary);font-family:var(--font-arabic);min-height:100vh;line-height:var(--line-height-body);direction:rtl;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);color:var(--color-primary-500);letter-spacing:-.01em}.app-container{position:relative;max-width:100%;margin:0 auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(min-width:641px){.app-container{padding:var(--spacing-lg)}}@media(min-width:1025px){.app-container{max-width:1280px}}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md)}.logo-section h1{font-family:var(--font-arabic);font-size:1.6rem;font-weight:800;color:var(--color-primary-500);display:flex;align-items:center;gap:var(--spacing-xs)}.logo-section p{color:var(--text-muted);font-size:var(--font-size-caption);margin-top:4px}.settings-drawer{position:absolute;top:80px;left:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);z-index:200;box-shadow:var(--shadow-premium);width:calc(100% - (var(--spacing-md) * 2));max-width:320px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:all var(--transition-normal)}.glass-panel:hover{border-color:var(--border-hover-color)}.karat-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}@media(min-width:1025px){.karat-grid-layout{gap:var(--spacing-md)}}.karat-box{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-sm);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-xxs);transition:all var(--transition-fast)}.karat-box:hover{border-color:var(--color-primary-500)}.karat-box-title{font-size:var(--font-size-caption);color:var(--text-muted);font-weight:var(--font-weight-medium)}.karat-box-value{font-family:var(--font-english);font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary-500);display:flex;align-items:baseline;justify-content:center;width:100%;gap:4px}.currency-symbol-text{font-size:1.05rem;font-weight:600;opacity:.9}.currency-symbol-icon{display:inline-block;vertical-align:middle}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.form-label{font-size:var(--font-size-caption);color:var(--text-muted);font-weight:var(--font-weight-medium)}.form-input{background:#fff;color:#011512;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);font-size:1.1rem;outline:none;font-family:var(--font-arabic);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100)}select.form-input-selector{background:var(--input-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);cursor:pointer;outline:none;font-family:var(--font-arabic)}.trend-indicator{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font-english);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold)}.trend-indicator.up{color:var(--color-success-500)}.trend-indicator.down{color:var(--color-danger-500)}.news-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:.5px solid var(--border-color)}.news-item:last-child{border-bottom:none}.news-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.news-dot.yellow{background-color:var(--color-primary-500)}.news-dot.cyan{background-color:var(--color-success-500)}.btn-primary{background:var(--color-primary-500);color:var(--color-emerald-950);font-weight:var(--font-weight-bold);border:none;min-height:44px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:0 var(--spacing-lg);font-family:var(--font-arabic)}.btn-primary:hover{background:#f2c75b}.toggle-btn{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);min-height:44px;padding:0 var(--spacing-md);cursor:pointer;font-family:var(--font-arabic);transition:all var(--transition-fast)}.toggle-btn:hover{background:var(--color-emerald-700);color:#fff}.toggle-btn.active{background:var(--color-primary-500);color:var(--color-emerald-950);border-color:var(--color-primary-500);font-weight:var(--font-weight-bold)}@media(max-width:1024px){.panel-markets.hidden,.panel-charts.hidden,.panel-calc.hidden,.panel-alerts.hidden{display:none!important}}@media(min-width:1025px){.bottom-nav-bar{display:none!important}.desktop-dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--spacing-lg);align-items:start}.desktop-main-column,.desktop-sidebar-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.panel-markets,.panel-calc,.panel-alerts{display:flex!important}.panel-charts{display:none!important}}.bottom-nav-bar{display:flex;justify-content:space-around;align-items:center;background:var(--color-emerald-900);border-top:1px solid var(--border-color);padding:var(--spacing-xs) 0;position:sticky;bottom:0;margin-top:auto;z-index:100}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);font-size:var(--font-size-caption);font-family:var(--font-arabic);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-fast);min-width:60px}.bottom-nav-item:hover{color:var(--text-secondary)}.bottom-nav-item.active{color:var(--color-primary-500);border-bottom:2px solid var(--color-primary-500)}.bottom-nav-icon{font-size:1.4rem}.chart-container{height:280px;position:relative;width:100%}.theme-toggle-btn{width:44px;height:44px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.theme-toggle-btn:hover{background:var(--color-emerald-700)}.ltr-dir{direction:ltr;display:inline-block}