:root{--color-bg:#09090b;--color-sidebar:#0e0e11;--color-card:#18181b;--color-card-alt:#131316;--color-border:#27272a;--color-border-light:#3f3f46;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-muted:#52525b;--color-input-bg:#0e0e11;--color-metric-bg:#131316;--color-tab-active:#09090b;--color-overlay:#000000e0;--color-halal-bg:#052e17;--color-halal-text:#34d399;--color-halal-border:#065f46;--color-halal-badge:#065f46;--color-haram-bg:#2d0a0a;--color-haram-text:#f87171;--color-haram-border:#7f1d1d;--color-haram-badge:#7f1d1d;--color-cond-bg:#2d2106;--color-cond-text:#fbbf24;--color-cond-border:#78350f;--color-cond-badge:#78350f;--color-doubtful-bg:#241033;--color-doubtful-text:#d8b4fe;--color-doubtful-border:#7e22ce;--color-doubtful-badge:#581c87;--color-pending-bg:#18181b;--color-pending-text:#a1a1aa;--color-pending-border:#3f3f46;--color-pending-badge:#27272a;--color-pass:#34d399;--color-fail:#f87171;--color-amber:#fbbf24;--color-purple:#d8b4fe;--color-accent:#ba68c8;--color-accent-strong:#8e24aa;--color-bar-bg:#27272a;--color-purif-bg:#241804;--color-purif-border:#78350f;--color-purif-text:#fbbf24;--color-lotus-bg:#052e17;--color-lotus-text:#34d399;--color-lotus-border:#065f46;--color-disc-bg:#241804;--color-disc-border:#78350f;--color-disc-text:#fbbf24;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Space Grotesk", "Plus Jakarta Sans", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", "Courier New", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000059, 0 1px 3px #0000004d;--shadow-accent:0 4px 20px #8e24aa40;--ease:cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--color-bg:#faf9fc;--color-sidebar:#fff;--color-card:#fff;--color-card-alt:#f8f7fb;--color-border:#e9e6f2;--color-border-light:#d9d4e8;--color-text-primary:#18181b;--color-text-secondary:#52525b;--color-text-muted:#a1a1aa;--color-input-bg:#fff;--color-metric-bg:#f8f7fb;--color-tab-active:#fff;--color-overlay:#181129b3;--color-halal-bg:#f0fdf4;--color-halal-text:#15803d;--color-halal-border:#86efac;--color-halal-badge:#dcfce7;--color-haram-bg:#fef2f2;--color-haram-text:#dc2626;--color-haram-border:#fca5a5;--color-haram-badge:#fee2e2;--color-cond-bg:#fffbeb;--color-cond-text:#b45309;--color-cond-border:#fcd34d;--color-cond-badge:#fef3c7;--color-doubtful-bg:#faf5ff;--color-doubtful-text:#7c3aed;--color-doubtful-border:#c4b5fd;--color-doubtful-badge:#ede9fe;--color-pending-bg:#f8f7fb;--color-pending-text:#71717a;--color-pending-border:#d9d4e8;--color-pending-badge:#ece9f5;--color-pass:#15803d;--color-fail:#dc2626;--color-amber:#b45309;--color-purple:#7c3aed;--color-accent:#7b1fa2;--color-accent-strong:#4a148c;--color-bar-bg:#ece9f5;--color-purif-bg:#fffbeb;--color-purif-border:#fcd34d;--color-purif-text:#92400e;--color-lotus-bg:#f0fdf4;--color-lotus-text:#15803d;--color-lotus-border:#bbf7d0;--color-disc-bg:#fffbeb;--color-disc-border:#f59e0b;--color-disc-text:#78350f;--shadow-sm:0 1px 2px #1811290f;--shadow-md:0 8px 24px #18112914, 0 2px 6px #1811290d;--shadow-accent:0 4px 20px #4a148c26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);font-size:14px}.app-shell{background:var(--color-bg);height:100vh;transition:background .2s;display:flex;overflow:hidden}.sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-border);flex-direction:column;width:360px;min-width:360px;transition:background .2s;display:flex;overflow:hidden}.main-content{background:var(--color-bg);flex:1;min-width:0;padding:24px;transition:background .2s;overflow-y:auto}.detail-wrapper{max-width:840px;margin:0 auto}.sidebar-header{border-bottom:1px solid var(--color-border);padding:13px 13px 10px}.sidebar-brand{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.brand-info{align-items:center;gap:8px;display:flex}.brand-info-btn{cursor:pointer;text-align:left;background:0 0;border:none;margin:0;padding:0;font-family:inherit}.brand-name{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.01em;font-size:15px;font-weight:700}.brand-sub{color:var(--color-text-muted);margin-top:1px;font-size:9px}.sidebar-footer{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:4px 8px;padding:8px 13px;display:flex}.stock-list{flex:1;overflow-y:auto}.stock-row{cursor:pointer;border-bottom:1px solid var(--color-border);border-left:3px solid #0000;padding:9px 13px;transition:background .1s}.stock-row:hover{background:var(--color-metric-bg)}.stock-row.selected{background:var(--color-metric-bg);border-left-color:var(--color-accent)}.stock-row-inner{justify-content:space-between;align-items:center;display:flex}.stock-row-logo{object-fit:contain;border:1px solid var(--color-border);background:#fff;border-radius:5px;flex-shrink:0;width:22px;height:22px;padding:2px}.detail-logo{border-radius:var(--radius-sm);object-fit:contain;border:1px solid var(--color-border);background:#fff;flex-shrink:0;width:44px;height:44px;margin-top:2px;padding:5px}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.detail-header-left{align-items:flex-start;gap:12px;min-width:0;display:flex}.detail-header-price{text-align:right;flex-shrink:0;margin-left:12px}.detail-ticker-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:5px;display:flex}.detail-ticker-text{font-size:32px;font-weight:800;font-family:var(--font-mono);color:var(--color-text-primary)}.detail-name-text{font-size:26px;font-weight:700;font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.01em}.detail-price-value{font-size:28px;font-weight:800;font-family:var(--font-mono);color:var(--color-text-primary)}.stock-ticker{font-size:14px;font-weight:700;font-family:var(--font-mono);color:var(--color-text-primary)}.stock-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:160px;margin-top:1px;font-size:12px;overflow:hidden}.stock-name-lead{color:var(--color-text-primary);font-size:13px;font-weight:700;font-family:var(--font-sans);white-space:nowrap;text-overflow:ellipsis;max-width:175px;margin-top:0;overflow:hidden}.stock-ticker-sub{font-size:11px;font-weight:500;font-family:var(--font-mono);color:var(--color-text-muted)}.stock-status{margin-bottom:2px;font-size:11px;font-weight:700}.stock-price{color:var(--color-text-secondary);font-size:12px;font-family:var(--font-mono)}.market-switcher{gap:6px;margin-bottom:9px;display:flex}.market-switcher-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-metric-bg);cursor:pointer;font-size:15px;font-family:var(--font-sans);flex-direction:column;flex:1;align-items:center;gap:1px;padding:5px 4px;transition:all .1s;display:flex}.market-switcher-btn.active{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 15%, transparent)}.market-switcher-soon{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:7px;font-weight:700}.market-coming-soon{text-align:center;padding:40px 20px}.market-coming-soon-flag{opacity:.6;font-size:32px}.market-coming-soon-title{color:var(--color-text-primary);margin-top:10px;font-size:13px;font-weight:700}.market-coming-soon-text{color:var(--color-text-muted);margin-top:6px;font-size:11px;line-height:1.6}.market-locked-link{color:var(--color-accent);font-weight:600;text-decoration:none}.market-locked-link:hover{text-decoration:underline}.search-wrap{margin-bottom:9px;position:relative}.search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.search-input{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:12px;font-family:var(--font-sans);outline:none;padding:7px 7px 7px 28px}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{border-color:var(--color-accent)}.filter-grid{grid-template-columns:1fr 1fr 1fr;gap:3px;display:grid}.filter-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;font-size:9.5px;font-weight:700;font-family:var(--font-sans);background:0 0;padding:4px 3px;transition:all .1s}.btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-metric-bg);color:var(--color-text-secondary);font-size:11px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:border-color .15s var(--ease), color .15s var(--ease), transform .15s var(--ease), background .15s var(--ease);align-items:center;gap:5px;padding:5px 9px;display:inline-flex}.btn:hover{border-color:var(--color-accent);color:var(--color-text-primary);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-glossary{border-radius:var(--radius-sm);margin-left:auto;padding:3px 8px;font-size:10px}.btn-brokerage{text-align:center;border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:transform .15s var(--ease), opacity .15s var(--ease);border:none;justify-content:center;align-self:flex-start;align-items:center;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.btn-brokerage:hover{opacity:.92;transform:translateY(-1px)}.btn-brokerage:active{transform:translateY(0)}.chip{letter-spacing:.04em;border:1px solid;border-radius:5px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.chip-halal{background:var(--color-halal-badge);color:var(--color-halal-text);border-color:var(--color-halal-border)}.chip-haram{background:var(--color-haram-badge);color:var(--color-haram-text);border-color:var(--color-haram-border)}.chip-cond{background:var(--color-cond-badge);color:var(--color-cond-text);border-color:var(--color-cond-border)}.chip-doubtful{background:var(--color-doubtful-badge);color:var(--color-doubtful-text);border-color:var(--color-doubtful-border)}.chip-pending{background:var(--color-pending-badge);color:var(--color-pending-text);border-color:var(--color-pending-border)}.lotus-badge{background:var(--color-lotus-bg);color:var(--color-lotus-text);border:1px solid var(--color-lotus-border);border-radius:5px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 22px}.metric-card{background:var(--color-metric-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:13px 14px}.metric-label{color:var(--color-text-muted);margin-bottom:3px;font-size:12px;font-weight:500}.metric-value{font-size:20px;font-weight:800;font-family:var(--font-mono)}.metric-sub{color:var(--color-text-secondary);margin-top:2px;font-size:11px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px;display:grid}.verdict-banner{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid;margin-bottom:14px;padding:16px 20px}.verdict-banner-halal{background:var(--color-halal-bg);border-color:var(--color-halal-border)}.verdict-banner-haram{background:var(--color-haram-bg);border-color:var(--color-haram-border)}.verdict-banner-cond{background:var(--color-cond-bg);border-color:var(--color-cond-border)}.verdict-banner-doubtful{background:var(--color-doubtful-bg);border-color:var(--color-doubtful-border)}.verdict-banner-pending{background:var(--color-pending-bg);border-color:var(--color-pending-border)}.verdict-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:6px;font-size:18px;font-weight:700}.verdict-body{color:var(--color-text-secondary);font-size:13.5px;line-height:1.7}.verdict-meta{color:var(--color-text-muted);margin-top:7px;font-size:11px}.purif-panel{background:var(--color-purif-bg);border:1px solid var(--color-purif-border);color:var(--color-purif-text);border-radius:var(--radius-md);margin-bottom:14px;padding:13px 17px}.purif-title{margin-bottom:6px;font-size:13px;font-weight:700}.purif-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:9px;display:flex}.purif-input{border:1px solid var(--color-purif-border);background:var(--color-metric-bg);min-width:120px;color:var(--color-text-primary);font-size:12px;font-family:var(--font-sans);border-radius:7px;outline:none;flex:1;padding:6px 10px}.purif-result{background:var(--color-purif-border);border-radius:8px;padding:6px 12px}.purif-amount{font-size:15px;font-weight:800;font-family:var(--font-mono)}.tab-bar{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:3px;margin-bottom:16px;padding:4px;display:flex}.tab-btn{font-size:11px;font-weight:400;font-family:var(--font-sans);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 6px;transition:all .15s}.tab-btn.active{background:var(--color-tab-active);color:var(--color-text-primary);font-weight:700;box-shadow:0 1px 3px #0000001a}.ratio-item{margin-bottom:20px}.ratio-row{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.ratio-name{color:var(--color-text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.ratio-label{font-size:13px;font-weight:700}.ratio-value{font-size:24px;font-weight:800;font-family:var(--font-mono)}.ratio-track{background:var(--color-bar-bg);border-radius:4px;height:7px;position:relative}.ratio-fill{opacity:.85;border-radius:4px;height:100%;position:absolute;top:0;left:0}.ratio-threshold{background:var(--color-amber);z-index:2;border-radius:1px;width:2px;position:absolute;top:-4px;bottom:-4px;left:50%}.ratio-scale{color:var(--color-text-muted);justify-content:space-between;margin-top:3px;font-size:10px;display:flex}.ratio-scale-mid{color:var(--color-amber)}.ratio-detail{color:var(--color-text-secondary);margin-top:5px;font-size:13px;line-height:1.65}.shap-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.shap-label{width:190px;color:var(--color-text-secondary);text-align:right;flex-shrink:0;font-size:12px}.shap-track{flex:1}.shap-bar{opacity:.9;border-radius:3px;height:10px}.shap-bar-pass{background:var(--color-halal-bg);border:1px solid var(--color-pass)}.shap-bar-fail{background:var(--color-haram-bg);border:1px solid var(--color-fail)}.shap-direction{flex-shrink:0;width:55px;font-size:11px;font-weight:700}.broker-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.broker-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;padding:14px;display:flex}.broker-icon{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:9px;padding:6px;display:flex}.broker-icon img{object-fit:contain;width:100%;height:100%}.broker-name{color:var(--color-text-primary);margin-bottom:2px;font-size:13px;font-weight:700}.broker-tag{margin-bottom:7px;font-size:10px;font-weight:600}.broker-desc{color:var(--color-text-secondary);flex:1;margin-bottom:10px;font-size:12px;line-height:1.6}.broker-ticker{color:var(--color-text-muted);background:var(--color-metric-bg);font-size:10px;font-family:var(--font-mono);border-radius:6px;margin-bottom:9px;padding:4px 8px}.privacy-note{color:var(--color-text-muted);text-align:center;border-top:1px solid var(--color-border);text-align:center;opacity:.75;margin-bottom:4px;padding:5px 10px;font-size:10px}.broker-note{background:var(--color-metric-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:8px;padding:11px 14px;font-size:12px;line-height:1.65}.review-disclosure{background:var(--color-metric-bg);border:1px solid var(--color-border);border-left:3px solid;border-radius:8px;margin-top:14px;padding:10px 14px}.landing-disclaimer{flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 16px;display:flex}.landing-disclaimer-text{color:var(--color-disc-text);text-align:center;max-width:560px;font-size:11px;line-height:1.4}.modal-overlay{background:var(--color-overlay);z-index:999;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-sidebar);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:680px;max-height:85vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-title{font-family:var(--font-display);color:var(--color-text-primary);font-size:18px;font-weight:700}.modal-count{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.modal-filter{border-bottom:1px solid var(--color-border);padding:12px 22px}.modal-body{flex:1;padding:16px 22px;overflow-y:auto}.glossary-term{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:20px}.glossary-term:last-child{border-bottom:none;margin-bottom:0}.glossary-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.glossary-word{font-family:var(--font-display);color:var(--color-text-primary);font-size:16px;font-weight:700}.glossary-cat{color:var(--color-accent);background:var(--color-metric-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:2px 8px;font-size:10px;font-weight:600}.glossary-def{color:var(--color-text-secondary);margin-bottom:8px;font-size:13px;line-height:1.7}.glossary-example{background:var(--color-metric-bg);border:1px solid var(--color-border);border-radius:8px;padding:8px 12px}.glossary-eg-label{color:var(--color-text-muted);font-size:11px;font-weight:600}.glossary-eg-text{color:var(--color-text-secondary);font-size:12px;line-height:1.6}.cat-filter{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.cat-btn{border-radius:var(--radius-pill);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-sans);background:0 0;padding:4px 10px;transition:all .1s}.cat-btn.active{background:var(--color-accent-strong);color:#fff;border-color:var(--color-accent-strong)}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.welcome-title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:5px;font-size:26px;font-weight:700}.welcome-arabic{color:var(--color-text-secondary);margin-bottom:4px;font-size:13px;font-style:italic}.welcome-desc{color:var(--color-text-secondary);max-width:340px;margin-bottom:24px;font-size:12px;line-height:1.75}.welcome-hint{color:var(--color-text-muted);font-size:11px}.welcome-stats{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:480px;margin-bottom:24px;display:grid}.welcome-stats-5{grid-template-columns:repeat(5,1fr);max-width:600px}.welcome-stat{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 10px}.welcome-stat-value{font-size:26px;font-weight:800;font-family:var(--font-mono)}.welcome-stat-label{color:var(--color-text-secondary);margin-top:2px;font-size:10px}.welcome-full{justify-content:flex-start;padding-top:48px;padding-bottom:48px}.landing-page{background:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;display:flex}.landing-nav{z-index:10;background:var(--color-sidebar);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;width:100%;padding:12px 20px;display:flex;position:sticky;top:0}.landing-nav-actions{gap:8px;display:flex}.btn-landing-nav{padding:7px 16px;font-size:12px}.landing-content{flex-direction:column;align-items:center;width:100%;padding:40px 24px 64px;display:flex}.landing-hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.landing-title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:36px;font-weight:700}.landing-arabic{color:var(--color-text-secondary);margin-bottom:10px;font-size:15px;font-style:italic}.landing-desc{color:var(--color-text-secondary);max-width:440px;margin-bottom:22px;font-size:13px;line-height:1.75}.btn-landing{border-radius:var(--radius-md);font-size:14px;font-weight:700;font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;padding:11px 28px;transition:opacity .15s}.btn-landing:hover{opacity:.88}.btn-landing-primary{background:var(--color-accent-strong);color:#fff}.btn-landing-secondary{color:var(--color-accent);border-color:var(--color-accent);background:0 0}.landing-cta-note{color:var(--color-text-muted);margin-bottom:8px;font-size:11px}.landing-cta-bottom{margin-top:28px}.market-context{text-align:left;width:100%;max-width:720px;margin-top:8px}.market-context-header{color:var(--color-text-primary);text-align:center;justify-content:center;align-items:center;gap:7px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.market-context-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.market-context-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:help;padding:12px}.market-context-value{font-size:20px;font-weight:800;font-family:var(--font-mono);color:var(--color-accent)}.market-context-label{color:var(--color-text-primary);margin-top:3px;font-size:11px;font-weight:600;line-height:1.4}.market-context-detail{color:var(--color-text-secondary);margin-top:4px;font-size:10px;line-height:1.5}.why-islamic-panel{text-align:left;width:100%;max-width:720px;margin-top:20px}.why-islamic-toggle{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:12px;font-weight:700;font-family:var(--font-sans);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.why-islamic-body{flex-direction:column;gap:14px;margin-top:12px;display:flex}.why-islamic-item{background:var(--color-metric-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:13px 16px}.why-islamic-term{color:var(--color-accent);font-size:13px;font-weight:800}.why-islamic-principle{color:var(--color-text-secondary);margin-top:1px;margin-bottom:6px;font-size:11px;font-weight:600}.why-islamic-text{color:var(--color-text-secondary);margin:0 0 6px;font-size:12px;line-height:1.65}.why-islamic-case{color:var(--color-text-muted);margin:0;font-size:11px;line-height:1.6}.why-islamic-case-label{color:var(--color-text-secondary);font-weight:600}.market-overview{text-align:left;width:100%;max-width:720px}.sector-table{flex-direction:column;gap:9px;display:flex}.sector-row{align-items:center;gap:10px;display:flex}.sector-row-name{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:200px;font-size:11px;overflow:hidden}.sector-row-bar{background:var(--color-metric-bg);border-radius:4px;flex:1;height:8px;display:flex;overflow:hidden}.sector-seg-halal{background:var(--color-pass)}.sector-seg-haram{background:var(--color-fail)}.sector-seg-other{background:var(--color-text-muted);opacity:.5}.sector-row-counts{text-align:right;flex-shrink:0;justify-content:flex-end;gap:7px;width:110px;font-size:10px;font-weight:700;display:flex}.ratios-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;padding:12px 0;display:flex}.ratios-row:last-child{border-bottom:none}.ratios-name{color:var(--color-text-primary);font-size:13px;font-weight:500}.ratios-desc{color:var(--color-text-secondary);margin-top:2px;font-size:11px;line-height:1.5}.ratios-right{text-align:right;flex-shrink:0;margin-left:16px}.ratios-value{font-size:20px;font-weight:800;font-family:var(--font-mono)}.ratios-limit{color:var(--color-text-muted);font-size:10px}.ratios-verdict{font-size:10px;font-weight:700}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{align-items:flex-start;gap:12px;display:flex}.divider{border:none;border-top:1px solid var(--color-border);margin:12px 0}.stat-dot-halal{color:var(--color-pass);font-size:9px}.stat-dot-doubtful{color:var(--color-purple);font-size:9px}.stat-dot-cond{color:var(--color-amber);font-size:9px}.stat-dot-haram{color:var(--color-fail);font-size:9px}.stat-dot-pending{color:var(--color-pending-text);font-size:9px}.section-title{font-family:var(--font-display);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);letter-spacing:-.005em;margin-bottom:16px;padding-bottom:12px;font-size:15px;font-weight:700}.section-intro{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);margin-bottom:16px;padding-bottom:14px;font-size:12px;line-height:1.65}.shap-ranked{background:var(--color-metric-bg);border:1px solid var(--color-border);border-radius:8px;padding:12px 14px}.shap-rank-title{color:var(--color-text-secondary);margin-bottom:9px;font-size:12px;font-weight:700}.shap-rank-row{border-bottom:1px solid var(--color-border);gap:9px;margin-bottom:9px;padding-bottom:9px;display:flex}.shap-rank-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.shap-rank-num{border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.shap-rank-name{color:var(--color-text-primary);font-size:12px;font-weight:600}.shap-rank-label{color:var(--color-text-secondary);margin-top:1px;font-size:11px}.brokerage-price-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:14px;padding:16px 20px}.brokerage-price-label{color:var(--color-text-muted);margin-bottom:4px;font-size:12px}.brokerage-price-value{font-size:30px;font-weight:800;font-family:var(--font-mono);color:var(--color-accent);margin-bottom:4px}.brokerage-price-note{color:var(--color-text-secondary);font-size:11px}.detail-nav-row{display:none}.detail-close-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-accent);font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:border-color .15s var(--ease), color .15s var(--ease);align-items:center;gap:5px;margin-bottom:12px;padding:6px 12px;display:inline-flex}.detail-close-btn:hover{border-color:var(--color-accent)}.share-toolbar-wrap{margin-bottom:12px;display:inline-block;position:relative}.share-menu{z-index:20;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-md);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.share-menu-item{border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:13px;font-weight:600;font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;transition:background .1s;display:flex}.share-menu-item:hover{background:var(--color-metric-bg)}.share-menu-item:disabled{opacity:.6;cursor:default}.btn:disabled{opacity:.6;cursor:default;transform:none}.share-capture{background:var(--color-bg)}.spin{animation:.8s linear infinite bayan-spin}@keyframes bayan-spin{to{transform:rotate(360deg)}}@media (width<=768px){.landing-nav{flex-wrap:wrap;row-gap:8px;padding:10px 14px}.landing-nav .brand-sub{display:none}.landing-disclaimer{text-align:left;flex:100%;order:3;justify-content:flex-start;padding:0}.landing-disclaimer-text{text-align:left;max-width:none}.landing-nav-actions{gap:6px}.btn-landing-nav{padding:6px 10px;font-size:11px}.landing-content{padding:28px 16px 40px}.landing-cta-bottom{text-align:center;width:100%}.app-shell{flex-direction:column}.sidebar{width:100%;min-width:100%;height:100%}.main-content,.app-shell.has-selection .sidebar{display:none}.app-shell.has-selection .main-content{width:100%;padding:16px;display:block}.detail-nav-row{gap:8px;margin-bottom:14px;display:flex}.detail-back-btn,.detail-home-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-accent);font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:pointer;align-items:center;gap:5px;padding:6px 11px;display:inline-flex}.detail-back-btn{flex:1;justify-content:flex-start}.detail-home-btn{flex-shrink:0}.detail-close-btn{display:none}.detail-wrapper{max-width:100%}.detail-logo{width:34px;height:34px;padding:4px}.detail-ticker-text{font-size:22px}.detail-name-text{font-size:19px}.detail-price-value{font-size:21px}.detail-header-price{margin-left:0}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:8px}.broker-grid{grid-template-columns:1fr}.tab-bar{flex-wrap:wrap}.tab-btn{flex:45%;padding:8px 6px;font-size:11px}.modal-box{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.modal-overlay{padding:0}.shap-label{width:110px;font-size:10px}.filter-grid{grid-template-columns:repeat(3,1fr)}.filter-btn{padding:6px 2px;font-size:9px}.market-context-grid{grid-template-columns:repeat(2,1fr)}.sector-row{flex-wrap:wrap}.sector-row-name{width:100%}.sector-row-bar{flex:auto}}@media (width<=420px){.metrics-grid{grid-template-columns:1fr 1fr}.market-context-grid{grid-template-columns:1fr}.welcome-stats,.welcome-stats-5{grid-template-columns:repeat(2,1fr)}}.ds-page{background:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text-primary);flex-direction:column;align-items:center;display:flex}.ds-banner{background:var(--color-cond-bg);border-bottom:1px solid var(--color-cond-border);width:100%;color:var(--color-cond-text);text-align:center;padding:8px 16px;font-size:12px;font-weight:600}.ds-gallery-nav{z-index:5;background:var(--color-sidebar);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;gap:6px;width:100%;padding:12px 16px;display:flex;position:sticky;top:0}.ds-gallery-nav a{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-metric-bg);color:var(--color-text-secondary);padding:6px 12px;font-size:11px;font-weight:700;text-decoration:none;transition:all .15s}.ds-gallery-nav a:hover{border-color:var(--color-accent);color:var(--color-accent)}.ds-section{width:100%;max-width:1040px;padding:56px 20px 24px;scroll-margin-top:64px}.ds-section-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:6px;font-size:11px;font-weight:700}.ds-section-title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:4px;font-size:22px;font-weight:700}.ds-section-desc{color:var(--color-text-secondary);max-width:640px;margin-bottom:20px;font-size:12.5px;line-height:1.65}.ds-frame{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.splash-screen{background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;gap:18px;height:560px;display:flex}.splash-logo{width:84px;height:84px}.splash-word{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.01em;font-size:22px;font-weight:700}.splash-tagline{color:var(--color-text-secondary);margin-top:-12px;font-size:12px;font-style:italic}.splash-dots{gap:6px;margin-top:4px;display:flex}.splash-dot{background:var(--color-accent);border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite splash-pulse}.splash-dot:nth-child(2){animation-delay:.15s}.splash-dot:nth-child(3){animation-delay:.3s}@keyframes splash-pulse{0%,80%,to{opacity:.25;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.onboard-screen{text-align:center;background:var(--color-bg);flex-direction:column;align-items:center;min-height:640px;padding:48px 24px;display:flex}.onboard-logo{width:56px;height:56px;margin-bottom:18px}.onboard-headline{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.01em;max-width:620px;margin-bottom:10px;font-size:30px;font-weight:700;line-height:1.25}.onboard-headline em{color:var(--color-accent);font-style:normal}.onboard-sub{color:var(--color-text-secondary);max-width:480px;margin-bottom:28px;font-size:13px;line-height:1.7}.onboard-stats{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:640px;margin-bottom:32px;display:grid}.onboard-stat{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 10px}.onboard-stat-value{font-size:28px;font-weight:800;font-family:var(--font-mono)}.onboard-stat-label{color:var(--color-text-secondary);margin-top:4px;font-size:10.5px}.onboard-cta{border-radius:var(--radius-md);background:var(--color-accent-strong);color:#fff;font-size:14px;font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:opacity .15s, transform .15s var(--ease);border:none;align-items:center;gap:8px;padding:13px 30px;text-decoration:none;display:inline-flex}.onboard-cta:hover{opacity:.9;transform:translateY(-1px)}.auth-screen{background:var(--color-bg);justify-content:center;align-items:center;width:100%;min-height:640px;padding:40px 20px;display:flex}.auth-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:380px;box-shadow:var(--shadow-md);padding:32px 28px}.auth-logo-row{justify-content:center;align-items:center;gap:9px;margin-bottom:22px;display:flex}.auth-logo-row img{width:30px;height:30px}.auth-logo-word{font-family:var(--font-display);color:var(--color-text-primary);font-size:16px;font-weight:700}.auth-title{font-family:var(--font-display);color:var(--color-text-primary);text-align:center;margin-bottom:4px;font-size:20px;font-weight:700}.auth-sub{color:var(--color-text-secondary);text-align:center;margin-bottom:22px;font-size:12px;line-height:1.6}.form-field{margin-bottom:14px}.form-label{color:var(--color-text-secondary);margin-bottom:5px;font-size:11.5px;font-weight:700;display:block}.form-input-wrap{align-items:center;display:flex;position:relative}.form-input-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:11px}.form-input-toggle{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:4px;display:flex;position:absolute;right:9px}.form-input-toggle:hover{color:var(--color-accent)}.form-input{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-input-bg);width:100%;color:var(--color-text-primary);font-size:13px;font-family:var(--font-sans);outline:none;padding:10px 12px 10px 34px;transition:border-color .15s}.form-input:focus{border-color:var(--color-accent)}.form-input.has-error{border-color:var(--color-fail)}.form-error{color:var(--color-fail);margin-top:4px;font-size:10.5px}.form-hint{color:var(--color-text-muted);margin-top:4px;font-size:10.5px}.auth-submit{border-radius:var(--radius-md);background:var(--color-accent-strong);color:#fff;width:100%;font-size:13px;font-weight:700;font-family:var(--font-sans);cursor:pointer;border:none;margin-top:6px;padding:11px;transition:opacity .15s}.auth-submit:hover{opacity:.9}.auth-row-between{justify-content:space-between;align-items:center;margin:12px 0 4px;font-size:11.5px;display:flex}.auth-link{color:var(--color-accent);cursor:pointer;font-weight:600;font-family:var(--font-sans);font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-check-row{color:var(--color-text-secondary);align-items:center;gap:7px;font-size:11.5px;display:flex}.auth-divider{color:var(--color-text-muted);align-items:center;gap:10px;margin:18px 0;font-size:10.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-footer{text-align:center;color:var(--color-text-secondary);margin-top:16px;font-size:12px}.placeholder-badge{letter-spacing:.04em;text-transform:uppercase;background:var(--color-cond-badge);color:var(--color-cond-text);border:1px solid var(--color-cond-border);vertical-align:middle;border-radius:5px;margin-left:8px;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-block}.account-screen{width:100%;max-width:560px;padding:32px 20px}.account-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.account-avatar{background:var(--color-accent-strong);color:#fff;width:56px;height:56px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.account-name{color:var(--color-text-primary);font-size:17px;font-weight:700}.account-email{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.account-section{margin-bottom:18px}.account-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:8px;font-size:11px;font-weight:700}.account-row{background:var(--color-metric-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;display:flex}.account-row-label{color:var(--color-text-primary);font-size:13px;font-weight:600}.account-row-value{color:var(--color-text-secondary);font-size:12px}.settings-toggle-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-label{color:var(--color-text-primary);font-size:13px;font-weight:600}.settings-toggle-desc{color:var(--color-text-secondary);max-width:340px;margin-top:2px;font-size:11px}.toggle-switch{flex-shrink:0;width:38px;height:22px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{border-radius:var(--radius-pill);background:var(--color-border-light);cursor:pointer;transition:background .15s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--color-accent-strong)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.danger-row{border-color:var(--color-haram-border)!important}.danger-text{color:var(--color-haram-text)}.logout-screen{justify-content:center;align-items:center;min-height:480px;padding:40px 20px;display:flex}.logout-card{text-align:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:340px;box-shadow:var(--shadow-md);padding:32px 26px}.logout-icon-wrap{background:var(--color-haram-bg);border:1px solid var(--color-haram-border);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex}.logout-title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:6px;font-size:17px;font-weight:700}.logout-text{color:var(--color-text-secondary);margin-bottom:22px;font-size:12.5px;line-height:1.6}.logout-actions{gap:8px;display:flex}.btn-danger{border-radius:var(--radius-md);background:var(--color-fail);color:#fff;cursor:pointer;font-size:12.5px;font-weight:700;font-family:var(--font-sans);border:none;flex:1;padding:10px;transition:opacity .15s}.btn-danger:hover{opacity:.9}.btn-neutral{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-metric-bg);color:var(--color-text-primary);cursor:pointer;font-size:12.5px;font-weight:700;font-family:var(--font-sans);flex:1;padding:10px}.state-panel{text-align:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;padding:44px 24px;display:flex}.state-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;display:flex}.state-title{color:var(--color-text-primary);margin-bottom:6px;font-size:14px;font-weight:700}.state-text{color:var(--color-text-secondary);max-width:340px;margin-bottom:14px;font-size:12px;line-height:1.65}.state-panels-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=860px){.state-panels-grid{grid-template-columns:1fr}}@media (width<=640px){.onboard-stats{grid-template-columns:repeat(2,1fr)}.ds-section{padding:40px 14px 16px}}.bym-shell{--bym-bg:#161826;--bym-surface:#232532;--bym-text:#e9e9ed;--bym-accent:#9184d9;--bym-divider:#e9e9ed29;--bym-neutral-400:#b2b6ca;--bym-neutral-500:#9397ab;--bym-neutral-600:#75798c;--bym-neutral-700:#595d6c;--bym-neutral-800:#3f424d;--bym-neutral-900:#292b31;--bym-accent-100:#f5f4ff;--bym-accent-300:#d2cefd;--bym-accent-800:#423a6a;--bym-radius-sm:4px;--bym-radius-md:8px;--bym-radius-lg:14px;--bym-halal:#8fd4b0;--bym-cond:#e3c17a;--bym-doubtful:#e0a97a;--bym-haram:#e08a8a;--bym-pending:#9397ab;background:var(--bym-bg);color:var(--bym-text);flex-direction:column;min-height:100dvh;font-family:Inter,system-ui,sans-serif;display:flex}.bym-shell.bym-light{--bym-bg:#f3f5fe;--bym-surface:#e4e7f5;--bym-text:#23242b;--bym-divider:#23242b24;--bym-neutral-400:#595d6c;--bym-neutral-500:#3f424d;--bym-neutral-600:#292b31}.bym-shell *{box-sizing:border-box}.bym-shell h1,.bym-shell h2,.bym-shell h3,.bym-shell h4{letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.2}.bym-shell p{margin:0}.bym-shell input::placeholder{color:var(--bym-neutral-600)}.bym-shell input[type=checkbox]{accent-color:var(--bym-accent)}@keyframes bym-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes bym-pulse{0%,80%,to{opacity:.25;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.bym-screen{animation:.25s bym-fade}.bym-btn{cursor:pointer;color:var(--bym-text);border-radius:var(--bym-radius-md);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex}.bym-btn:disabled{opacity:.45;cursor:not-allowed}.bym-btn-primary{color:var(--bym-accent);border-color:var(--bym-accent)}.bym-btn-secondary{border-color:var(--bym-divider)}.bym-btn-ghost{color:var(--bym-accent);border:none;padding-inline:4px}.bym-btn-icon{width:36px;height:36px;padding:0}.bym-btn-block{width:100%}.bym-btn-danger{color:var(--bym-haram);border-color:#e08a8a8c}.bym-field{margin-bottom:14px}.bym-field label{color:color-mix(in srgb, var(--bym-text) 70%, transparent);margin-bottom:5px;font-size:12px;display:block}.bym-input{width:100%;min-height:40px;font:inherit;color:var(--bym-text);background:var(--bym-surface);border:1px solid var(--bym-divider);border-radius:var(--bym-radius-md);padding:8px 10px;font-size:14px}.bym-input:focus-visible{outline:2px solid var(--bym-accent);outline-offset:0;border-color:var(--bym-accent)}.bym-card{background:var(--bym-surface);border-radius:var(--bym-radius-md);padding:14px 16px}.bym-tag{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.bym-tag-outline{border:1px solid var(--bym-accent);color:var(--bym-accent);cursor:pointer;background:0 0}.bym-tag-active{background:var(--bym-accent-800);color:var(--bym-accent-100);cursor:pointer}.bym-hr{background:var(--bym-divider);border:0;height:1px;margin:14px 0}.bym-switch{cursor:pointer;border:none;border-radius:10px;flex:none;width:36px;height:20px;padding:0;position:relative}.bym-switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px}.bym-tabbar{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--bym-bg) 92%, black);border-top:1px solid var(--bym-divider);flex:none;justify-content:space-around;display:flex}.bym-tab{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;display:flex}.bym-tab span{font-size:10px;font-weight:600}.bym-content{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}