:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand-primary: #8b5cf6;--brand-secondary: #4f5bd5;--brand-accent: #a855f7;--brand-blue: #6366f1;--bg-primary: #f6f7fb;--bg-secondary: #ffffff;--bg-subtle: #eef0f8;--bg-elevated: #eef0f8;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--card-bg: linear-gradient( 145deg, rgba(255, 255, 255, .98) 0%, rgba(238, 240, 248, .98) 55%, rgba(238, 240, 248, .98) 100% );--card-border: rgba(214, 218, 229, .85);--input-bg: rgba(238, 240, 248, .95);--shadow: 0 30px 70px -45px rgba(15, 23, 42, .28);--pill-positive-bg: rgba(34, 197, 94, .16);--pill-positive-text: #22c55e;--pill-negative-bg: rgba(239, 68, 68, .15);--pill-negative-text: #ef4444;--pill-neutral-bg: rgba(214, 218, 229, .55);--pill-neutral-text: #64748b;--sparkline-line: var(--brand-blue);--accent-gold: #f59e0b;--accent-orange: var(--brand-primary);--accent-blue: var(--brand-secondary);--focus-ring: var(--brand-primary);--accent-soft-bg: rgba(79, 91, 213, .15);--accent-soft-border: rgba(79, 91, 213, .4);--accent-soft-hover: rgba(79, 91, 213, .25);--accent-faint-border: rgba(79, 91, 213, .25);--sparkline-border: rgba(214, 218, 229, .7);--sparkline-bg: rgba(255, 255, 255, .72);--sparkline-area-start: rgba(168, 85, 247, .45);--sparkline-area-end: rgba(168, 85, 247, 0);--history-area-start: rgba(99, 102, 241, .38);--history-area-end: rgba(99, 102, 241, 0);--toggle-off-bg: rgba(214, 218, 229, .92);--toggle-off-hover-bg: rgba(214, 218, 229, 1);--toggle-knob-bg: #ffffff;--disabled-bg: rgba(214, 218, 229, .45);--loading-shimmer-a: rgba(214, 218, 229, .35);--loading-shimmer-b: rgba(238, 240, 248, .85);--chart-grid: rgba(214, 218, 229, .55)}:root.dark{color-scheme:dark;--bg-primary: #0b0e14;--bg-secondary: #121826;--bg-subtle: #1a2236;--bg-elevated: #1a2236;--text-primary: #e6e9f0;--text-secondary: #a1a6b3;--text-muted: #6b7280;--card-bg: linear-gradient( 145deg, rgba(26, 34, 54, .95) 0%, rgba(18, 24, 38, .97) 55%, rgba(11, 14, 20, .98) 100% );--card-border: rgba(42, 47, 69, .9);--input-bg: rgba(26, 34, 54, .72);--shadow: 0 35px 90px -55px rgba(0, 0, 0, .95);--pill-positive-bg: rgba(34, 197, 94, .18);--pill-positive-text: #22c55e;--pill-negative-bg: rgba(239, 68, 68, .22);--pill-negative-text: #ef4444;--pill-neutral-bg: rgba(42, 47, 69, .55);--pill-neutral-text: #a1a6b3;--sparkline-line: var(--brand-primary);--accent-gold: #f59e0b;--accent-orange: var(--brand-accent);--accent-blue: var(--brand-blue);--focus-ring: var(--brand-blue);--accent-soft-bg: rgba(99, 102, 241, .18);--accent-soft-border: rgba(99, 102, 241, .42);--accent-soft-hover: rgba(99, 102, 241, .28);--accent-faint-border: rgba(99, 102, 241, .26);--sparkline-border: rgba(42, 47, 69, .9);--sparkline-bg: rgba(18, 24, 38, .55);--sparkline-area-start: rgba(168, 85, 247, .32);--sparkline-area-end: rgba(168, 85, 247, 0);--history-area-start: rgba(99, 102, 241, .28);--history-area-end: rgba(99, 102, 241, 0);--toggle-off-bg: rgba(42, 47, 69, .95);--toggle-off-hover-bg: rgba(42, 47, 69, 1);--toggle-knob-bg: #e6e9f0;--disabled-bg: rgba(42, 47, 69, .45);--loading-shimmer-a: rgba(42, 47, 69, .35);--loading-shimmer-b: rgba(26, 34, 54, .8);--chart-grid: rgba(42, 47, 69, .55)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 20% -10%,#a855f724,#0b0e14eb 60%,#0b0e14fa),radial-gradient(900px 500px at 90% 0%,#6366f11f,#0b0e1400 55%),var(--bg-primary);color:var(--text-primary)}:root:not(.dark) body{background:radial-gradient(1200px 600px at 20% -10%,#8b5cf629,#f6f7fbd9 60%,#eef0f8f2),linear-gradient(180deg,#f6f7fb,#eef0f8)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(600px 300px at 78% -10%,#ffffff2e,#fff0);pointer-events:none;z-index:0}#app{width:100%;min-height:100vh;position:relative;z-index:1}button,input,select{font-family:inherit}.dashboard{max-width:1200px;margin:0 auto;padding:48px 32px 56px;position:relative;z-index:1}.dashboard__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.dashboard__header-group{display:flex;align-items:center;gap:12px}.dashboard__actions{display:inline-flex;align-items:center;gap:10px}.dashboard__menu{border-radius:999px;border:1px solid var(--card-border);background:var(--bg-secondary);color:var(--text-secondary);padding:8px 12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 24px -18px #0009}.dashboard__menu i{font-size:16px;line-height:1}.dashboard__menu:hover{border-color:var(--text-primary);color:var(--text-primary)}.dashboard__title{margin:0;font-size:18px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:var(--text-primary)}.dashboard__language{border-radius:999px;border:1px solid var(--card-border);background:var(--bg-secondary);color:var(--text-secondary);padding:8px 12px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 24px -18px #0009}.dashboard__language i{font-size:14px;line-height:1}.dashboard__language:hover{border-color:var(--text-primary);color:var(--text-primary)}.dashboard__theme{border-radius:999px;border:1px solid var(--card-border);background:var(--bg-secondary);color:var(--text-secondary);padding:8px 12px;font-size:16px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 24px -18px #0009}:root.dark .dashboard__theme{background:#121826eb;border-color:var(--card-border)}.dashboard__theme:hover{border-color:var(--text-primary);color:var(--text-primary)}.dashboard__theme-icon{font-size:18px;color:inherit}.dashboard__main-layout{display:flex;gap:24px;align-items:flex-start}.dashboard__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:clamp(28px,3vw,52px)}.dashboard__sidebar{width:320px;flex-shrink:0;position:sticky;top:24px}.drawer-overlay{position:fixed;inset:0;background:#0f172a61;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40}:root.dark .drawer-overlay{background:#0000008c}.drawer{position:fixed;inset:0;z-index:41;pointer-events:none}.drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(380px,92vw);background:var(--bg-secondary);border-left:1px solid var(--card-border);box-shadow:0 40px 120px #00000073;transform:translate(100%);transition:transform .24s ease;pointer-events:auto;overflow-y:auto;padding:18px 18px 24px}:root.dark .drawer__panel{background:#121826fa}.drawer--open .drawer__panel{transform:translate(0)}[dir=rtl] .drawer__panel{right:auto;left:0;border-left:none;border-right:1px solid var(--card-border);transform:translate(-100%)}[dir=rtl] .drawer--open .drawer__panel{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.drawer__title{margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.drawer__close{border-radius:999px;border:1px solid var(--card-border);background:transparent;color:var(--text-secondary);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.drawer__close:hover{border-color:var(--text-primary);color:var(--text-primary);background:#d6dae540}:root.drawer-open body{overflow:hidden}.dashboard__footer{margin-top:16px;display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:12px;letter-spacing:.02em}.card{border-radius:18px;border:1px solid var(--card-border);background:var(--card-bg);padding:26px 28px 30px;margin-bottom:16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.card--main{padding:28px 32px}.card--error{border-color:#ef444480;background:#ef444414}.card__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.card__eyebrow{margin:0;color:var(--text-secondary);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.card__value{margin:0;font-size:36px;font-weight:700;letter-spacing:.01em;color:var(--text-primary);font-family:IBM Plex Mono,Segoe UI,monospace}.card__subtle{margin:0;color:var(--text-secondary);font-size:13px}.card__divider{height:1px;background:var(--card-border);margin:20px 0 16px}.range-buttons{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.range-button{border-radius:999px;border:1px solid var(--card-border);background:var(--bg-secondary);color:var(--text-secondary);padding:6px 12px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;display:inline-flex;align-items:center;gap:8px}.range-button:hover{border-color:var(--text-primary);color:var(--text-primary)}.range-button--active{background:var(--accent-soft-bg);border-color:var(--accent-soft-border);color:var(--text-primary)}.range-button i{font-size:12px;line-height:1}.history-chart{border-radius:16px;border:1px solid var(--card-border);background:var(--input-bg);padding:12px}.history-chart__canvas{width:100%;height:220px}.history-chart__canvas a[href*=tradingview],.history-chart__canvas a[title*=TradingView]{display:none!important}.history-status{margin-top:12px;font-size:12px;color:var(--text-muted)}.history-status--error{color:#ef4444f2}.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.calc-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.calc-field input,.calc-field select{border-radius:10px;border:1px solid var(--card-border);background:var(--input-bg);color:var(--text-primary);padding:8px 10px;font-size:13px;font-weight:600;outline:none}.calc-results{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.calc-result{border-radius:12px;border:1px solid var(--card-border);background:var(--bg-secondary);padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-secondary)}.calc-result strong{font-size:14px;color:var(--text-primary)}.cta-button{margin-top:12px;border-radius:12px;border:1px solid var(--accent-soft-border);background:var(--accent-soft-bg);color:var(--text-primary);padding:10px 14px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,background .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px}.cta-button i{font-size:14px;line-height:1}.cta-button:hover{background:var(--accent-soft-hover)}.cta-button:disabled{opacity:.6;cursor:not-allowed}.seo-grid{display:grid;gap:18px}.seo-section h2{margin:0 0 8px;font-size:16px;letter-spacing:.08em;text-transform:uppercase}.seo-section p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}.seo-disclaimer{margin-top:8px;font-size:11px;color:var(--text-muted)}.lang-ar .dashboard__title,.lang-ar .card__eyebrow,.lang-ar .rate-card__label,.lang-ar .calc-field span,.lang-ar .cta-button,.lang-ar .range-button{letter-spacing:.02em;text-transform:none}.hero__info{display:flex;flex-direction:column;gap:10px;min-width:0}.hero__price{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero__chart{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.sparkline{width:240px;height:84px;border-radius:12px;border:1px solid var(--sparkline-border);background:var(--sparkline-bg);padding:6px}.sparkline svg{width:100%;height:100%}.sparkline__label{fill:var(--text-muted);font-size:9px;font-weight:600;letter-spacing:.02em}.sparkline__label--last{text-anchor:end}#xau-sparkline-line{stroke-linecap:round;stroke-linejoin:round}#xau-sparkline-area{opacity:.7}.metrics{display:grid;gap:20px}.metrics--primary{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics--secondary{grid-template-columns:minmax(0,1fr)}.metric{display:flex;flex-direction:column;gap:8px}.metric__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric__label{margin:0;color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:.02em}.metric__value{margin:0;font-size:22px;font-weight:600;color:var(--text-primary);font-family:IBM Plex Mono,Segoe UI,monospace}.metric__value--gold{color:var(--sparkline-line)}.metric__value--orange{color:var(--accent-orange)}.metric__value--small{margin:0;font-size:12px;font-weight:400;color:var(--text-muted)}.pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em}.pill--positive{background:var(--pill-positive-bg);color:var(--pill-positive-text)}.pill--negative{background:var(--pill-negative-bg);color:var(--pill-negative-text)}.pill--neutral{background:var(--pill-neutral-bg);color:var(--pill-neutral-text)}.rate-input-container{display:flex;align-items:center;gap:8px}.rate-input{flex:1;min-width:0;border-radius:10px;border:1px solid var(--card-border);background:var(--input-bg);color:var(--text-primary);padding:8px 12px;font-size:13px;font-weight:600;outline:none;transition:border-color .2s ease,background .2s ease}.rate-input:focus{border-color:var(--focus-ring)}.rate-input:disabled{opacity:.5;cursor:not-allowed;background:var(--disabled-bg)}.rate-input::-moz-placeholder{color:var(--text-muted)}.rate-input::placeholder{color:var(--text-muted)}.card--rate{border-color:var(--accent-faint-border)}.rate-card-content{display:flex;flex-direction:column;gap:12px}.rate-card__label{margin:0;color:var(--text-primary);font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.rate-card__subtle{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.4}.rate-toggle-container{display:flex;align-items:center;gap:12px;padding:6px 0}.rate-toggle{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:24px;background:var(--toggle-off-bg);border-radius:999px;transition:all .2s ease;cursor:pointer;outline:none;border:none;box-shadow:inset 0 .5px 1px #0000001a}.rate-toggle[aria-pressed=true]{background:var(--accent-blue)}.rate-toggle:hover:not([aria-pressed=true]){background:var(--toggle-off-hover-bg)}.rate-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.rate-toggle-switch{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--toggle-knob-bg);border-radius:999px;transition:all .2s ease;pointer-events:none;box-shadow:0 1px 3px #0003,0 1px 2px #0000001a}.rate-toggle[aria-pressed=true] .rate-toggle-switch{transform:translate(20px)}.rate-toggle-text{color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.02em}.card--bars{border-color:var(--accent-faint-border)}.gold-bars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.gold-bar-item{border-radius:12px;border:1px solid var(--card-border);background:var(--bg-secondary);padding:14px 16px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 0 1px #ffffff05}:root.dark .gold-bar-item{background:#121826eb;border-color:var(--card-border)}.gold-bar__weight{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.gold-bar__price{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}.gold-bar__karat{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.gold-bar__value{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:.01em;font-family:IBM Plex Mono,Segoe UI,monospace;white-space:nowrap}.status-message{min-height:16px;color:var(--text-muted)}.card__message{margin:12px 0 0;color:#ef4444eb;font-size:14px}.card__action{margin-top:20px;width:100%;border-radius:12px;border:1px solid rgba(239,68,68,.45);background:#ef44441f;color:#ef4444f2;padding:12px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.28em;cursor:pointer;transition:border-color .2s ease,background .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px}.card__action:hover{border-color:#ef4444cc;background:#ef444433}.card__action i{font-size:14px;line-height:1}.hidden{display:none}.loading-bar,.loading-line{border-radius:999px;background:linear-gradient(90deg,var(--loading-shimmer-a) 0%,var(--loading-shimmer-b) 50%,var(--loading-shimmer-a) 100%);background-size:200% 100%;animation:shimmer 1.6s infinite}.loading-bar{height:44px;width:min(520px,100%)}.loading-line{height:22px;width:120px}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .42s ease-out}@keyframes price-update{0%{transform:scale(.985);opacity:.65}to{transform:scale(1);opacity:1}}.animate-price-update{animation:price-update .5s ease-out}@media(max-width:860px){.dashboard__main-layout{gap:18px}.dashboard__sidebar{width:280px}}@media(max-width:720px){.dashboard__sidebar{width:260px}}@media(max-width:560px){.dashboard{padding:32px 20px 40px}.dashboard__main-layout{flex-direction:column}.dashboard__sidebar{width:100%;position:static}.card--main{padding:24px}.metrics--primary{grid-template-columns:1fr}.sparkline{width:100%}}@media(max-width:600px){.dashboard__header{flex-direction:column;align-items:flex-start}.dashboard__actions{width:100%;justify-content:flex-start}.card__value{font-size:30px}.card__hero{flex-direction:column;align-items:flex-start}.hero__chart{width:100%;align-items:flex-start}}