*{box-sizing:border-box}html,body{margin:0;padding:0;background:#02090e;color:#eaffff;font-family:Tahoma,"Segoe UI",Arial,sans-serif}body{min-height:100vh;overflow-x:hidden}.bg{position:fixed;inset:0;background:url('/static/sas-background.png') center top/cover no-repeat;opacity:.34;z-index:-4}.shade{position:fixed;inset:0;background:radial-gradient(circle at 50% 0%,rgba(0,228,222,.09),transparent 34%),linear-gradient(180deg,rgba(0,8,13,.58),rgba(1,10,15,.97));z-index:-3}.grid-glow{position:fixed;inset:0;background-image:linear-gradient(rgba(56,255,245,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(56,255,245,.02) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black,transparent 72%);z-index:-2}.app{width:min(1180px,100%);margin:auto;padding:16px 16px 120px}.glass{background:linear-gradient(180deg,rgba(3,27,35,.88),rgba(2,14,20,.9));border:1px solid rgba(70,244,238,.2);box-shadow:0 16px 50px rgba(0,0,0,.32),inset 0 0 30px rgba(10,226,220,.03);backdrop-filter:blur(14px)}button{font:inherit;color:inherit;cursor:pointer}.hero{position:relative;min-height:300px;border-radius:30px;padding:18px 20px;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(31,247,239,.09),transparent 36%);pointer-events:none}.hero-topline{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px}.mini-btn{border:1px solid rgba(10,232,223,.25);background:rgba(0,200,195,.07);border-radius:12px;padding:9px 13px;font-size:11px}.market-state{display:flex;align-items:center;gap:8px;font-size:11px;color:#bfe4e5}.status-dot{width:8px;height:8px;border-radius:50%;background:#58ffae;box-shadow:0 0 12px rgba(88,255,174,.65);display:inline-block}.status-dot.closed{background:#ff5e69;box-shadow:0 0 12px rgba(255,94,105,.5)}.status-dot.pre{background:#ffd75e;box-shadow:0 0 12px rgba(255,215,94,.5)}.status-dot.after{background:#7da7ff;box-shadow:0 0 12px rgba(125,167,255,.45)}.status-dot.night{background:#b892ff;box-shadow:0 0 12px rgba(184,146,255,.45)}.hero-brand-bg{position:absolute;left:8%;top:16px;font-size:200px;line-height:1;opacity:.1;filter:saturate(.8) contrast(1.2);transform:rotate(-4deg);pointer-events:none}.hero-brand-lockup{position:relative;z-index:2;text-align:center;padding-top:22px}.brand{font-size:104px;font-weight:1000;letter-spacing:-8px;line-height:.95;background:linear-gradient(180deg,#efffff,#72fff5 48%,#8db9b8);-webkit-background-clip:text;color:transparent;text-shadow:0 0 32px rgba(42,255,247,.12)}.brand span{font-size:.58em;color:#48fff1;vertical-align:top;display:inline-block;margin-left:5px}.arabic-brand{margin-top:8px;font-size:34px;font-weight:1000;letter-spacing:-1px}.pro{margin-top:6px;font-size:11px;letter-spacing:8px;color:#5cf9ee}.hero-tagline{margin-top:15px;font-size:13px;color:#85a9ab}.session-card{position:absolute;right:22px;bottom:20px;width:235px;border-radius:22px;padding:15px 16px;background:rgba(0,10,15,.76);border:1px solid rgba(37,245,228,.25);z-index:3;text-align:right}.session-card.open{border-color:rgba(48,255,154,.55);box-shadow:0 0 28px rgba(48,255,154,.08)}.session-card.pre{border-color:rgba(255,215,94,.5)}.session-card.after{border-color:rgba(125,167,255,.45)}.session-card.night{border-color:rgba(184,146,255,.42)}.session-card.closed{border-color:rgba(255,94,105,.45)}.session-badge{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:1000}.session-badge span{width:10px;height:10px;border-radius:50%;background:#58ffae;box-shadow:0 0 14px rgba(88,255,174,.7)}.session-badge span.pre{background:#ffd75e}.session-badge span.after{background:#7da7ff}.session-badge span.night{background:#b892ff}.session-badge span.closed{background:#ff5e69}.session-times{display:flex;align-items:baseline;gap:5px;margin-top:10px}.session-times strong{font-size:21px}.session-times span{color:#6fa2a2;font-size:10px}.session-times small{display:block;color:#7b9c9f;font-size:10px;margin-right:auto}.session-date{margin-top:8px;color:#87a9ab;font-size:10px}.dashboard-row{display:grid;grid-template-columns:245px 1fr;gap:14px;align-items:start;margin-top:14px}.quick-menu{padding:12px;border-radius:20px;position:sticky;top:14px}.quick-head b{display:block;margin-top:4px;font-size:16px}.quick-menu button{display:block;width:100%;margin-top:9px;padding:12px;border-radius:14px;background:rgba(0,14,19,.36);border:1px solid rgba(10,232,223,.12);text-align:right}.quick-menu button:hover{border-color:rgba(10,232,223,.35);background:rgba(0,220,214,.05)}.quick-menu button span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;margin-left:7px;background:rgba(0,220,214,.08);color:#66fff5;vertical-align:middle}.quick-menu button b{font-size:11px}.quick-menu button small{display:block;color:#6f9294;font-size:9px;margin-top:4px;margin-right:39px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px}.section-head h1{margin:4px 0;font-size:24px}.section-head p{margin:0;color:#78999b;font-size:10px;line-height:1.7}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#55eae2;text-transform:uppercase}.primary-btn,.secondary-btn{border:1px solid rgba(33,246,231,.55);background:linear-gradient(180deg,rgba(0,231,220,.12),rgba(0,148,148,.06));color:#eaffff;border-radius:13px;padding:11px 14px;font-weight:900;font-size:10px}.primary-btn:hover,.secondary-btn:hover{box-shadow:0 0 20px rgba(33,246,231,.1)}.categories{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.category-card{position:relative;min-height:132px;padding:15px;border-radius:18px;border:1px solid rgba(10,232,223,.16);background:linear-gradient(160deg,rgba(5,34,41,.84),rgba(1,14,19,.9));text-align:right;overflow:hidden}.category-card:after{content:"";position:absolute;inset:auto -25% -55% -25%;height:120px;background:radial-gradient(circle,rgba(0,255,245,.08),transparent 65%)}.category-card b{display:block;font-size:15px;margin-top:15px}.category-card small{display:block;margin-top:6px;color:#77999c;font-size:10px;line-height:1.55;max-width:90%}.category-card em{display:block;margin-top:5px;color:#4d8b8d;font-style:normal;font-size:8px;letter-spacing:.5px;text-transform:uppercase}.category-card.featured{border-color:rgba(50,255,145,.28);box-shadow:0 0 28px rgba(20,255,150,.03)}.cat-icon{position:absolute;top:12px;right:12px;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(55,255,241,.26);background:rgba(0,225,214,.08);color:#6ffff4;font-size:18px}.sharia-card{border-color:rgba(255,220,120,.3)}.ticker-box{margin-top:15px;border-radius:18px;overflow:hidden}.ticker-head{display:flex;justify-content:space-between;gap:10px;padding:10px 13px 7px;font-size:10px}.ticker-head b{color:#cffffd}.ticker-head span{color:#628a8c}.ticker-viewport{overflow:hidden}.ticker-track{display:flex;width:max-content;direction:ltr;will-change:transform}.ticker-item{min-width:154px;padding:10px 14px;border-right:1px solid rgba(125,230,225,.14);display:flex;align-items:center;gap:8px}.ticker-item strong{font-size:10px}.ticker-item span{font-size:12px;color:#eef}.ticker-item em{font-style:normal;color:#6aa9a7;font-size:9px}.scanner-panel,.panel,.account-card{border-radius:20px;padding:15px}.scanner-panel{margin-top:13px}.panel-title{display:flex;justify-content:space-between;align-items:start;gap:12px}.panel-title h2{font-size:16px}.tiny-status{font-size:9px;border:1px solid rgba(47,239,139,.25);color:#7ff2a9;background:rgba(47,239,139,.06);border-radius:999px;padding:5px 8px;white-space:nowrap}.criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.criterion{border:1px solid rgba(10,232,223,.16);border-radius:14px;background:rgba(0,12,17,.32);padding:11px}.criterion span{display:block;color:#5eece5;font-size:8px}.criterion b{display:block;margin-top:3px;font-size:12px}.criterion small{display:block;color:#76999c;font-size:9px;line-height:1.55;margin-top:4px}.analysis-rule{margin-top:10px;padding:10px;border-radius:12px;background:rgba(255,214,90,.045);border:1px solid rgba(255,214,90,.13);color:#c8c7a3;font-size:10px;line-height:1.65}.evidence-lanes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.evidence-lane{border:1px solid rgba(10,232,223,.12);border-radius:13px;padding:10px;background:rgba(0,10,15,.28)}.evidence-lane b{display:block;font-size:10px}.evidence-lane span{display:block;color:#719496;font-size:8px;line-height:1.5;margin-top:4px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.stats-grid div{border:1px solid rgba(10,232,223,.14);border-radius:13px;padding:11px}.stats-grid span{display:block;color:#799b9e;font-size:9px}.stats-grid b{display:block;margin-top:6px;font-size:16px}.market-big{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:14px}.market-panel p{color:#7d9fa2;font-size:10px;line-height:1.7;margin:11px 0}.account-card{display:flex;align-items:center;gap:14px;margin-top:13px}.account-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,rgba(77,255,245,.23),rgba(0,100,100,.07));border:1px solid rgba(84,255,244,.4);font-size:24px;font-weight:1000;color:#bffff9}.account-main{flex:1}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.account-grid div,.profile-box div{border:1px solid rgba(10,232,223,.11);border-radius:11px;padding:8px}.account-grid small,.profile-box small{display:block;color:#6f9093;font-size:8px}.account-grid b,.profile-box b{display:block;margin-top:4px;font-size:10px}.account-btn{border:1px solid rgba(10,232,223,.3);background:rgba(0,200,195,.08);color:#dff;border-radius:12px;padding:9px 12px;font-size:10px}.disclaimer-wrap{margin-top:16px;border:1px solid rgba(255,190,50,.4);border-radius:14px;overflow:hidden;background:rgba(22,15,0,.86);box-shadow:0 0 24px rgba(255,190,50,.08)}.disclaimer-track{display:flex;width:max-content;animation:marquee 18s linear infinite;direction:ltr}.disclaimer-track span{padding:13px 28px;font-size:14px;font-weight:1000;color:#ffd457;white-space:nowrap;text-shadow:0 0 8px rgba(255,212,87,.15)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:10px;transform:translateX(-50%);width:min(760px,calc(100% - 24px));display:grid;grid-template-columns:repeat(4,1fr);padding:6px;border-radius:20px;background:rgba(2,15,21,.95);backdrop-filter:blur(16px)}.bottom-nav button{border:0;background:transparent;color:#7d9fa1;border-radius:14px;padding:8px 5px}.bottom-nav button span{display:block;font-size:17px}.bottom-nav button b{display:block;font-size:9px;margin-top:3px}.bottom-nav button.active{color:#5ffff5;background:rgba(0,230,222,.08)}.modal{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.65);display:none;place-items:center;padding:16px}.modal.show{display:grid}.modal-card{width:min(520px,100%);border-radius:22px;padding:18px;position:relative}.modal-card h2{margin:5px 0;font-size:19px}.modal-card p{color:#8ba9aa;font-size:10px;line-height:1.8}.close{position:absolute;left:14px;top:12px;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.12);color:#bcd;font-size:22px}.modal-card form{display:flex;gap:8px;margin-top:14px}.modal-card input{flex:1;min-width:0;border:1px solid rgba(10,232,223,.22);border-radius:12px;background:rgba(0,0,0,.24);color:#fff;padding:11px 12px;outline:none}.modal-card input:focus{border-color:rgba(84,255,244,.75)}.analysis-steps{display:grid;gap:6px;margin-top:14px}.step{border:1px solid rgba(10,232,223,.12);border-radius:10px;padding:8px;color:#78999b;font-size:9px}.step span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:7px;margin-left:7px;background:rgba(0,220,214,.08);color:#78eeea}.step.done{color:#d5f7f4;border-color:rgba(47,239,139,.18)}.step.done span{color:#77f4ac;background:rgba(47,239,139,.08)}.result-note{margin-top:8px;border-radius:11px;padding:10px;background:rgba(255,214,90,.05);border:1px solid rgba(255,214,90,.12);color:#cbc9a4;font-size:9px;line-height:1.7}.profile-box{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.profile-note{margin-top:10px;border:1px solid rgba(10,232,223,.12);padding:10px;border-radius:11px;color:#799b9e;font-size:9px;line-height:1.7}.sharia-strip{display:flex;align-items:center;gap:12px;margin-top:13px;padding:12px 14px;border-radius:18px}.sharia-strip-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(255,219,120,.25);background:rgba(255,219,120,.05);font-size:21px}.sharia-strip>div:nth-child(2){flex:1}.sharia-strip b{display:block;font-size:13px;margin-top:2px}.sharia-strip small{display:block;color:#77999b;font-size:9px;margin-top:3px;line-height:1.5}.wide-card{max-height:90vh;overflow:auto}.sharia-input-row{display:flex;gap:8px;margin-top:12px}.sharia-input-row input{flex:1;min-width:0;border:1px solid rgba(10,232,223,.22);border-radius:12px;background:rgba(0,0,0,.24);color:#fff;padding:11px 12px;outline:none}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.source-row{display:flex;align-items:center;justify-content:space-between;gap:7px;border:1px solid rgba(10,232,223,.12);border-radius:12px;padding:10px;background:rgba(0,12,17,.3)}.source-row b{font-size:10px}.source-row span{font-size:8px;border-radius:999px;padding:5px 7px;border:1px solid rgba(255,255,255,.08)}.source-row .pending{color:#c4c5a8;background:rgba(255,210,90,.04)}.source-row .ok{color:#79f1a5;background:rgba(47,239,139,.05);border-color:rgba(47,239,139,.18)}.source-row .bad{color:#ff8d97;background:rgba(255,80,100,.05);border-color:rgba(255,80,100,.18)}.sharia-result{display:flex;align-items:center;gap:11px;margin-top:10px;border:1px solid rgba(255,214,90,.15);border-radius:14px;padding:11px;background:rgba(255,214,90,.04)}.sharia-result>span{font-size:22px}.sharia-result b{display:block;font-size:9px;color:#8ca9aa}.sharia-result strong{display:block;font-size:12px;margin-top:2px}.purify-card{margin-top:12px;border:1px solid rgba(10,232,223,.14);border-radius:16px;padding:12px;background:rgba(0,10,14,.35)}.purify-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.purify-head h3{margin:4px 0 0;font-size:14px}.purify-head>span{font-size:8px;color:#789a9c}.purify-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.purify-grid label{font-size:8px;color:#7f9ea0}.purify-grid input{width:100%;box-sizing:border-box;margin-top:5px;border:1px solid rgba(10,232,223,.16);border-radius:10px;background:rgba(0,0,0,.23);color:#fff;padding:9px}.purify-output{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:10px;border-radius:11px;background:rgba(0,230,220,.04);border:1px solid rgba(10,232,223,.10)}.purify-output span{font-size:9px;color:#77999b}.purify-output b{font-size:16px}.purify-card .secondary-btn{margin-top:8px}.small-note{font-size:8px;line-height:1.6;color:#6f8f92;margin-top:8px}@media(max-width:950px){.dashboard-row{grid-template-columns:1fr}.quick-menu{position:static}.quick-menu button{display:inline-block;width:calc(25% - 8px);margin-left:6px;vertical-align:top}.quick-menu button:last-child{margin-left:0}.quick-menu button small{margin-right:0}}@media(max-width:700px){.app{padding:10px 10px 110px}.hero{min-height:360px;border-radius:24px}.brand{font-size:66px;letter-spacing:-5px}.arabic-brand{font-size:24px}.hero-brand-bg{left:2%;font-size:150px}.session-card{position:relative;right:auto;bottom:auto;width:100%;margin-top:16px}.dashboard-row{margin-top:10px}.quick-menu{padding:10px}.quick-menu button{width:calc(50% - 7px);margin-left:6px}.quick-menu button:nth-child(odd){margin-left:0}.categories{gap:8px}.category-card{min-height:124px;padding:12px}.category-card b{font-size:13px}.category-card small{font-size:9px}.criteria-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.account-card{align-items:flex-start;flex-wrap:wrap}.account-main{min-width:calc(100% - 66px)}.account-grid{grid-template-columns:1fr 1fr}.account-btn{width:100%}.evidence-lanes{grid-template-columns:1fr 1fr}.disclaimer-track span{font-size:12px}.ticker-item{min-width:142px}}@media(max-width:420px){.quick-menu button b{font-size:10px}.quick-menu button small{font-size:8px}.category-card b{font-size:12px}.category-card small{font-size:8px}.hero{min-height:345px}.arabic-brand{font-size:22px}}@media(prefers-reduced-motion:reduce){.disclaimer-track{animation:none}.ticker-track{transform:none!important}}
