@font-face{font-family:IBMPlexSansArabicSAR-Medium;src:url(/assets/fonts/IBMPlexSansArabicSAR-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBMPlexSansArabicSAR-Bold;src:url(/assets/fonts/IBMPlexSansArabicSAR-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root,[data-theme=light]{--page-bg: #f6f7f8;--card-bg: #ffffff;--text-base: #000000;--text-details: rgba(60, 60, 67, .72);--stroke: rgba(0, 0, 0, .12);--accent: #4f0af5;--dot-inactive: rgba(0, 0, 0, .2);--company-track: #f7f7f7}[data-theme=dark]{--page-bg: #121212;--card-bg: #1b2229;--text-base: #ffffff;--text-details: rgba(235, 235, 245, .6);--stroke: rgba(235, 235, 245, .18);--accent: #8a5df6;--dot-inactive: rgba(255, 255, 255, .25);--company-track: rgba(235, 235, 245, .08)}:root{--hero-text: #ffffff;--hero-text-details: rgba(255, 255, 255, .72);--hero-fill: rgba(255, 255, 255, .14);--hero-stroke: rgba(255, 255, 255, .22);--hero-positive: #7ee0a3}*,*:before,*:after{box-sizing:border-box}html,body,#root{-webkit-text-size-adjust:100%;text-size-adjust:100%;margin:0;min-height:100%;background:var(--page-bg)}body{font-family:IBMPlexSansArabicSAR-Medium,system-ui,sans-serif;background:var(--page-bg);color:var(--text-base);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none}img{-webkit-user-drag:none}body.is-browser-preview{background:#d8dbe0}.browser-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px;gap:16px}.phone-frame{width:100%;max-width:390px;min-height:780px;border-radius:24px;overflow:hidden;background:var(--page-bg);box-shadow:0 0 0 1px #00000014,0 18px 40px #0000002e}.page{width:100%;min-height:100%;margin:0;padding:16px 16px 48px;background:var(--page-bg)}html.is-webview,html.is-webview body,html.is-webview #root{min-height:0;height:auto;background:var(--page-bg)}html.is-webview .page{min-height:0;height:auto}.config-panel{width:100%;max-width:390px;background:#111827;color:#f9fafb;border-radius:16px;padding:14px;font-family:ui-sans-serif,system-ui,sans-serif;box-shadow:0 10px 30px #0000002e}.config-panel__header{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.config-panel__header strong{font-size:14px}.config-panel__header span{font-size:12px;color:#9ca3af}.config-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.config-field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#d1d5db}.config-field select{appearance:none;border:1px solid #374151;background:#1f2937;color:#f9fafb;border-radius:8px;padding:8px 10px;font-size:12px}.config-field select:focus{outline:2px solid #8a5df6;outline-offset:1px}.stack{display:flex;flex-direction:column;gap:16px;margin-top:16px}.hero{height:230px;border-radius:12px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.hero__image{width:180px;height:auto;margin-top:16px;object-fit:contain;object-position:top}.hero--detailed{position:relative;display:block;height:auto;min-height:230px;padding:16px;color:var(--hero-text)}.hero__art{position:absolute;z-index:2;inset-block-start:120px;inset-inline-end:16px;width:130px;height:auto;pointer-events:none}.hero__content{position:relative;z-index:1}.hero__title{margin:0;font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:calc(13px * var(--text-zoom-adjust, 1));font-weight:700;line-height:1.2}.hero__description{margin:8px 0 0;font-size:calc(11px * var(--text-zoom-adjust, 1));line-height:1.2;color:var(--hero-text-details)}.hero__stats{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.hero__stats-row{display:flex;gap:6px}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:100%;border:1.4px solid var(--hero-stroke);border-radius:12px;padding:16px 12px;background:var(--hero-fill);text-align:center}.hero-stat__label{font-size:calc(13px * var(--text-zoom-adjust, 1));line-height:1.5;color:var(--hero-text)}.hero-stat__value{direction:ltr;unicode-bidi:isolate;font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:calc(16px * var(--text-zoom-adjust, 1));font-weight:700;line-height:1.1}.hero__period{margin:8px 0 0;font-size:calc(11px * var(--text-zoom-adjust, 1));line-height:1.1;color:var(--hero-text-details)}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tab{display:inline-flex;flex-direction:column;align-items:center;border:none;border-radius:8px;padding:8px 12px;background:var(--card-bg);color:var(--text-base);font-family:IBMPlexSansArabicSAR-Medium,system-ui,sans-serif;font-size:.8125rem;line-height:1.2;cursor:pointer}.tab:after{content:attr(data-label);display:block;height:0;overflow:hidden;visibility:hidden;font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-weight:700}.tab--active{background:var(--accent);color:#fff;font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-weight:700}.card{background:var(--card-bg);border-radius:12px;padding:16px}.card__title{margin:0 0 16px;font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:.8125rem;font-weight:700;line-height:1.2}.card__description{margin:8px 0 0;font-size:.6875rem;line-height:1.5;color:var(--text-details);text-align:center}.allocation{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.allocation__row{display:flex;align-items:center;gap:8px}.allocation__avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:1.4px solid var(--stroke);border-radius:12px;font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:13px;font-weight:700;direction:ltr;unicode-bidi:isolate}.allocation__info{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:8px}.allocation__bar{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--fill) + 10%);border-radius:8px;background:#aebbcb3d;animation:allocation-fill .6s ease-out both}@keyframes allocation-fill{0%{width:0}}.allocation__name{position:relative;font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:.8125rem;font-weight:700;line-height:1.5}.allocation__subtitle{position:relative;font-size:.6875rem;line-height:1.5;color:var(--text-details)}.allocation__percent{flex-shrink:0;font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:1rem;font-weight:700;direction:ltr;unicode-bidi:isolate}.company-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.company-row{display:flex;align-items:center;gap:12px;padding-block:8px}.company-row__logo{flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.company-row__logo img{width:100%;height:100%;object-fit:contain}.company-row__logo-fallback{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;border:1.4px solid var(--stroke);border-radius:8px;font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:.8125rem;font-weight:700;color:var(--text-details)}.company-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.company-row__name{font-size:.8125rem;line-height:1.3}.company-row__meter{display:flex;align-items:center;gap:8px}.company-row__track{position:relative;flex:1;height:12px;border-radius:999px;background:var(--company-track)}.company-row__fill{position:absolute;inset-block:2px;inset-inline-start:2px;border-radius:999px;background:linear-gradient(to right,#2854e3,#59c1ff);animation:allocation-fill .3s ease-out both}[dir=rtl] .company-row__fill{background:linear-gradient(to left,#2854e3,#59c1ff)}.company-row__percent{flex-shrink:0;font-size:.8125rem;color:var(--text-details);direction:ltr;unicode-bidi:isolate}.card--tight{padding-left:8px}.correlation{width:100%;border-collapse:separate;border-spacing:2px;table-layout:fixed;direction:ltr}.correlation th[scope=row]{width:40px}.correlation__label{font-family:IBMPlexSansArabicSAR-Medium,system-ui,sans-serif;font-weight:500;font-size:11px;color:var(--text-details);text-align:center}.correlation__label--active{font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-weight:700;color:var(--accent)}.correlation__cell{padding:10px 0;border-radius:4px;font-size:11px;text-align:center;cursor:pointer}.correlation__cell--selected{outline:2px solid var(--accent);outline-offset:-1px}.benchmark__figure{position:relative;direction:ltr;margin-bottom:16px}.benchmark__chart{width:100%;height:auto;display:block}.benchmark-chip{position:absolute;padding:3px 10px;border:1px solid var(--stroke);border-radius:10px;background:var(--card-bg);font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap}.benchmark-leader{position:absolute;width:1px;background:var(--stroke)}.benchmark-chip--portfolio{transform:translate(-50%,-100%);color:var(--accent)}.benchmark-chip__text{-webkit-background-clip:text;background-clip:text}.benchmark-chip__text[style]{-webkit-text-fill-color:transparent}.benchmark-chip--benchmark{transform:translate(-50%);color:var(--text-base)}.annual__figure{position:relative;direction:ltr;height:210px;margin-bottom:8px}.annual__plot{position:absolute;inset:0 0 24px 44px}.annual__gridline{position:absolute;left:0;right:0;border-top:1px dashed var(--stroke)}.annual__gridline--zero{border-top:1.5px solid var(--text-base)}.annual__ylabel{position:absolute;left:-44px;width:36px;transform:translateY(-50%);font-size:11px;text-align:left;direction:ltr}.annual__bars{position:absolute;inset:0;display:flex;gap:4px}.annual__bar-slot{flex:1;position:relative}.annual__bar{position:absolute;left:50%;transform:translate(-50%);width:10px}.annual__bar--positive{border-radius:2px 2px 0 0;background:linear-gradient(180deg,#9465fb,#6729f7)}.annual__bar--negative{border-radius:0 0 2px 2px;background:linear-gradient(180deg,#f19c41,#f6bc7d)}.annual__xlabel{position:absolute;bottom:0;font-size:11px}.annual__xlabel--start{left:44px}.annual__xlabel--end{right:0}.annual__caption{margin:0 0 16px;font-size:.6875rem;line-height:1.5;color:var(--text-details)}.benchmark__table-wrap{margin-top:16px;border:1px solid var(--stroke);border-radius:8px;overflow:hidden}.benchmark{width:100%;border-collapse:separate;border-spacing:0}.benchmark th,.benchmark td{border-inline-end:1px solid var(--stroke);border-block-end:1px solid var(--stroke);padding:4px 12px}.benchmark th:last-child,.benchmark td:last-child{border-inline-end:none}.benchmark tbody tr:last-child th,.benchmark tbody tr:last-child td{border-block-end:none}.benchmark__head{font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:.6875rem;font-weight:700;text-align:center}.benchmark__metric{font-family:IBMPlexSansArabicSAR-Medium,system-ui,sans-serif;font-size:.8125rem;font-weight:500;text-align:start}.benchmark__value{font-size:.8125rem;text-align:center}.benchmark__sublabel{margin-inline-start:4px;font-size:.675rem;color:var(--text-details);white-space:nowrap}.ltr-num{direction:ltr;unicode-bidi:isolate;white-space:nowrap}.risk__intro--after{margin:16px 0 0}.risk__intro{margin:8px 0 0;font-size:.6875rem;line-height:1.5;color:var(--text-details)}.risk__metric-description{display:block;margin-top:2px;font-family:IBMPlexSansArabicSAR-Medium,system-ui,sans-serif;font-size:.6875rem;font-weight:500;line-height:1.4;color:var(--text-details)}.risk__chart{margin-bottom:16px}.metrics__glossary{margin:0;padding-top:12px;display:flex;flex-direction:column;gap:12px}.metrics__glossary-row dt{font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:.8125rem;font-weight:700;line-height:1.5}.metrics__glossary-row dd{margin:4px 0 0;padding:0;font-size:.6875rem;line-height:1.5;color:var(--text-details)}.drawdowns{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.drawdown-card{border:1px solid var(--stroke);border-radius:12px;padding:12px}.drawdown-card__period{margin:0 0 12px;font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:.8125rem;font-weight:700;line-height:1.4}.drawdown-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.drawdown-stat{display:flex;flex-direction:column;gap:4px}.drawdown-stat__label{font-size:.6875rem;line-height:1.4;color:var(--text-details)}.drawdown-stat__value{font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:.8125rem;font-weight:700;line-height:1.4}.accordion{margin-top:8px}.accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0 0;border:none;background:none;color:var(--text-base);font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:.8125rem;font-weight:700;line-height:1.5;text-align:start;cursor:pointer}.accordion__chevron{flex-shrink:0;transition:transform .2s ease}.accordion__chevron--open{transform:rotate(180deg)}.accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.accordion__panel--open{grid-template-rows:1fr}.accordion__panel-inner{overflow:hidden;min-height:0}.accordion__body{margin:0;padding-top:8px;font-size:.6875rem;line-height:1.5;color:var(--text-details);white-space:pre-line}.geo-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px 8px}.geo-row{display:contents}.geo-row__name{font-size:.8125rem;line-height:1.5;color:var(--text-details)}.geo-row__percent{font-size:.8125rem;color:var(--text-details);direction:ltr;unicode-bidi:isolate}.company-list__caption{margin:16px 0 0;font-size:.6875rem;line-height:1.5;color:var(--text-details)}.benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.benefits__item{display:flex;align-items:center;gap:8px;font-size:.875rem;line-height:1.4}.check-icon{flex-shrink:0;color:var(--accent);display:inline-flex}.chip-grid{display:flex;flex-wrap:wrap;gap:4px}.chip{display:inline-flex;align-items:center;gap:8px;border:1.4px solid var(--stroke);border-radius:8px;padding:8px 10px;background:transparent}.chip--logo{padding:10px 12px;min-height:44px}.chip__icon{width:20px;height:20px;object-fit:contain;border-radius:4px}.chip__label{font-size:.75rem;line-height:1.3}.chip__logo{height:22px;width:auto;max-width:96px;object-fit:contain}.chart-image,.map-image{width:100%;height:auto;display:block;border-radius:8px}.map-image{aspect-ratio:2 / 1;object-fit:contain}.empty{margin:48px 16px;text-align:center;color:var(--text-details);font-size:.875rem}.waqf-benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.waqf-benefits__item{display:flex;flex-direction:column;gap:4px}.waqf-benefits__item strong{font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:.875rem}.waqf-benefits__item span{font-size:.75rem;line-height:1.45;color:var(--text-details)}.warning-box{border-radius:12px;padding:14px 16px;background:var(--card-bg);border:1.4px solid var(--stroke);color:var(--text-details);font-size:.8125rem;line-height:1.45}.cashback-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:.75rem;color:var(--text-details)}.cashback-levels{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cashback-levels__item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1.4px solid var(--stroke);border-radius:12px;padding:12px}.cashback-levels__name{font-size:.75rem;color:var(--text-details);margin-bottom:2px}.cashback-levels__range{font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:.8125rem}.cashback-levels__rate{flex-shrink:0;font-family:IBMPlexSansArabicSAR-Bold,system-ui,sans-serif;font-size:.8125rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:999px;padding:6px 10px}