.svss-app,.svss-app *,.svss-app *::before,.svss-app *::after{box-sizing:border-box;}
:root{--i:#10211d;--m:#64736e;--l:#dfe8e3;--g:#0b7a53;--g2:#10a06f;--bg:#f5f8f6;--card:#fff;--red:#a23f38;--yellow:#8a6a1c}
.svss-app{width:100%;max-width:1180px;min-width:0;margin:30px auto;box-sizing:border-box;color:var(--i);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.svss-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b281f,#12523c);border-radius:28px;padding:46px;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 20px 60px rgba(16,33,29,.12)}.svss-hero-copy{max-width:790px;min-width:0;position:relative;z-index:1}.svss-eyebrow{display:block;font-size:10px;letter-spacing:.18em;font-weight:900;opacity:.7;margin-bottom:12px}.svss-hero h1{margin:0 0 14px;color:#fff;font-size:clamp(32px,5vw,52px);line-height:1.03;letter-spacing:-.045em}.svss-hero p{margin:0;font-size:16px;line-height:1.7;color:rgba(255,255,255,.8)}.svss-hero-badge{flex:0 0 auto;width:128px;height:128px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);z-index:1}.svss-hero-badge span{font-size:42px;font-weight:900}.svss-hero-badge small{font-size:10px;text-transform:uppercase;letter-spacing:.14em;opacity:.7}
.svss-control-card{width:100%;min-width:0;box-sizing:border-box;margin-top:18px;background:#fff;border:1px solid var(--l);border-radius:22px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 10px 30px rgba(16,33,29,.04)}.svss-label{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--g);margin-bottom:6px}.svss-control-card>div:first-child{min-width:0}.svss-control-card h2{margin:0 0 7px;font-size:21px}.svss-control-card p{margin:0;color:var(--m);font-size:14px;line-height:1.6}.svss-primary{flex:0 0 auto;min-width:210px;padding:16px 20px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--g),var(--g2));color:#fff;font-weight:850;font-size:15px;cursor:pointer;display:flex;justify-content:center;gap:12px;box-shadow:0 10px 22px rgba(11,122,83,.23);transition:.2s}.svss-primary:hover{transform:translateY(-1px)}.svss-primary:disabled{opacity:.55;cursor:wait;transform:none}
.svss-quick-grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.svss-info{border:1px solid var(--l);background:#fbfdfc;border-radius:17px;padding:15px;display:flex;align-items:center;gap:12px;min-width:0;box-sizing:border-box;overflow:hidden}.svss-info>b{display:flex;width:34px;height:34px;border-radius:11px;background:#e6f5ed;color:var(--g);align-items:center;justify-content:center}.svss-info strong,.svss-info small{display:block;min-width:0;overflow-wrap:anywhere}.svss-info strong{font-size:13px}.svss-info small{font-size:11px;color:var(--m);margin-top:2px}
.svss-progress-card,.svss-error{width:100%;box-sizing:border-box;margin-top:16px;border:1px solid var(--l);background:#fff;border-radius:20px;padding:22px 24px}.svss-progress-top{display:flex;justify-content:space-between;font-size:14px}.svss-progress-bar{height:9px;background:#edf2ef;border-radius:999px;overflow:hidden;margin:14px 0 10px}.svss-progress-bar span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--g),var(--g2));border-radius:999px;transition:width .45s}.svss-progress-text{font-size:13px;color:var(--m)}.svss-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.svss-steps span{padding:7px 10px;border-radius:999px;background:#f1f5f3;color:#77837f;font-size:11px}.svss-error{border-color:#efc8c3;background:#fff8f7;color:#7e3530}.svss-hidden{display:none!important}
.svss-section{margin-top:19px}.svss-section-head{margin-bottom:12px}.svss-section-head h3{margin:0;font-size:21px}.svss-section-head p{margin:3px 0 0;color:var(--m);font-size:12px}.svss-table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid var(--l);border-radius:18px;background:#fff;box-sizing:border-box;-webkit-overflow-scrolling:touch}.svss-table{border-collapse:separate;border-spacing:0;width:100%;min-width:980px;table-layout:auto}.svss-table th,.svss-table td{padding:12px 13px;border-bottom:1px solid #eef2f0;text-align:left;font-size:12px;vertical-align:top}.svss-table th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:#f8faf9;color:#66736f}.svss-table tr:last-child td{border-bottom:0}.svss-ticker{font-weight:900;font-size:14px}.svss-score{font-weight:900;font-size:15px}.svss-pill{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.svss-pill.green{background:#e7f7ed;color:#197247}.svss-pill.yellow{background:#fff6dc;color:var(--yellow)}.svss-pill.red{background:#fdebea;color:var(--red)}
.svss-card-grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.svss-deep-card{border:1px solid var(--l);background:#fff;border-radius:20px;padding:22px;box-shadow:0 8px 26px rgba(16,33,29,.035);min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box} .svss-deep-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0}.svss-deep-top>div:first-child{min-width:0;flex:1}.svss-deep-top h4{margin:0;font-size:23px}.svss-deep-top p{margin:4px 0 0;color:var(--m);font-size:12px;overflow-wrap:anywhere}.svss-deep-top>.svss-pill{flex:0 1 42%;max-width:42%;white-space:normal;text-align:center;overflow-wrap:anywhere}.svss-deep-card h5{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--g);margin:17px 0 6px}.svss-text{font-size:13px;line-height:1.65;color:#35423e;overflow-wrap:anywhere;word-break:break-word}.svss-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.svss-metric{background:#f7faf8;border:1px solid #e7efea;border-radius:12px;padding:9px;min-width:0;box-sizing:border-box;overflow:hidden}.svss-metric small{display:block;color:#7a8581;font-size:9px}.svss-metric strong{display:block;margin-top:3px;font-size:12px;overflow-wrap:anywhere;word-break:break-word}.svss-price-table{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.svss-price{border:1px solid var(--l);border-radius:14px;padding:12px;min-width:0;box-sizing:border-box;overflow:hidden}.svss-price small{display:block;color:#7a8581;font-size:9px;text-transform:uppercase}.svss-price strong{display:block;margin-top:4px;font-size:15px;overflow-wrap:anywhere;word-break:break-word}.svss-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.svss-answer{border:1px solid var(--l);border-radius:15px;padding:14px;background:#fff;min-width:0;box-sizing:border-box;overflow:hidden}.svss-answer span{display:block;color:#7a8581;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.svss-answer strong{display:block;margin-top:5px;font-size:13px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.svss-source{font-size:11px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.svss-source a{color:var(--g);text-decoration:none;overflow-wrap:anywhere;word-break:break-word}.svss-gate{max-width:570px;margin:30px auto;padding:32px;border:1px solid var(--l);border-radius:24px;background:#fff;text-align:center;box-shadow:0 16px 50px rgba(16,33,29,.07)}.svss-gate-icon{font-size:32px}.svss-gate h3{margin:9px 0 5px}.svss-gate p{color:var(--m)}
@media(max-width:900px){.svss-hero{padding:34px 26px}.svss-hero-badge{width:100px;height:100px}.svss-hero-badge span{font-size:33px}.svss-quick-grid{grid-template-columns:repeat(2,1fr)}.svss-card-grid{grid-template-columns:1fr}.svss-metrics{grid-template-columns:repeat(2,1fr)}.svss-price-table{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.svss-app{width:100%;margin:16px 0;padding:0 10px;box-sizing:border-box}.svss-hero{padding:28px 22px;flex-direction:column;align-items:flex-start}.svss-hero-badge{align-self:flex-end;margin-top:-10px}.svss-control-card{flex-direction:column;align-items:stretch}.svss-primary{width:100%}.svss-quick-grid{grid-template-columns:1fr}.svss-answer-grid{grid-template-columns:1fr}.svss-hero h1{font-size:34px}}

/* v1.1.5: syariah night-sky hero + friendlier loading state */
.svss-hero::before{content:"";position:absolute;right:42px;top:48px;width:150px;height:120px;background:radial-gradient(circle at 55% 48%,rgba(232,196,91,.13),rgba(232,196,91,0) 68%);pointer-events:none;z-index:0}.svss-hero::after{content:"✦   ·      ✧       ·   ✦\A      ·       ✦     ·\A  ✧       ·       ✦";white-space:pre;position:absolute;right:25px;top:22px;color:rgba(232,196,91,.72);font-size:17px;line-height:2.25;letter-spacing:8px;text-align:center;transform:rotate(-8deg);pointer-events:none;z-index:0}.svss-moon{position:absolute;right:85px;top:41px;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 38% 36%,rgba(255,242,190,.55),rgba(232,196,91,.94) 70%);box-shadow:0 0 34px rgba(232,196,91,.16);z-index:1;overflow:hidden}.svss-moon::after{content:"";position:absolute;left:20px;top:-7px;width:76px;height:76px;border-radius:50%;background:#0b281f;box-shadow:inset -3px 0 6px rgba(255,255,255,.02)}.svss-hero-copy,.svss-hero-badge{z-index:2}.svss-hero-badge{border-color:rgba(232,196,91,.32);background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(232,196,91,.06)}.svss-hero-badge span{color:#f4dda0}.svss-spinner.is-done{animation:none;border-color:#e7d9ad;border-top-color:#0b7a53;border-right-color:#d5b85d;position:relative}.svss-spinner.is-done::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#0b7a53}.svss-loading-head{display:flex;align-items:center;gap:13px;min-width:0}.svss-spinner{width:28px;height:28px;flex:0 0 28px;border-radius:50%;border:3px solid #dfeee7;border-top-color:var(--g);border-right-color:#d5b85d;animation:svssSpin .85s linear infinite;box-shadow:0 0 0 4px rgba(11,122,83,.04)}.svss-progress-title{min-width:0;flex:1}.svss-progress-title strong{display:block;font-size:14px}.svss-progress-title small{display:block;margin-top:3px;color:var(--m);font-size:11px;line-height:1.45}.svss-progress-percent{font-size:18px;font-weight:900;color:var(--g);min-width:52px;text-align:right;font-variant-numeric:tabular-nums}.svss-progress-bar{position:relative;height:10px}.svss-progress-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);background-size:160px 100%;animation:svssShimmer 1.5s linear infinite;pointer-events:none}.svss-progress-bar span{position:relative;z-index:1;box-shadow:0 0 12px rgba(11,122,83,.18)}.svss-steps span{transition:.25s}.svss-disclaimer{margin-top:22px;border:1px solid #e7d9ad;background:linear-gradient(135deg,#fffdf5,#fbf8eb);border-radius:20px;padding:22px 24px;box-shadow:0 8px 24px rgba(88,73,26,.04)}.svss-disclaimer-title{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#735f1e;margin-bottom:9px}.svss-disclaimer-text{font-size:11px;line-height:1.75;color:#665f49;overflow-wrap:anywhere}.svss-disclaimer-text::first-letter{font-weight:700}@keyframes svssSpin{to{transform:rotate(360deg)}}@keyframes svssShimmer{to{background-position:160px 0}}
@media(max-width:680px){.svss-hero::before{right:10px;top:8px;width:120px;height:90px}.svss-moon{right:38px;top:28px;width:58px;height:58px}.svss-moon::after{left:16px;top:-6px;width:58px;height:58px}.svss-hero::after{right:-8px;top:16px;font-size:12px;letter-spacing:4px}.svss-loading-head{gap:10px}.svss-spinner{width:24px;height:24px;flex-basis:24px}.svss-progress-title small{font-size:10px}.svss-progress-percent{font-size:16px;min-width:46px}.svss-disclaimer{padding:18px}.svss-disclaimer-text{font-size:10.5px}}

/* v1.2.0: Data Quality Engine */
.svss-deep-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:6px;flex:0 0 auto;max-width:46%}.svss-dq-badge{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:5px 8px;border-radius:999px;font-size:9px;line-height:1.2;font-weight:850;letter-spacing:.02em;background:#eef3f0;color:#596762;white-space:normal;text-align:center;overflow-wrap:anywhere}.svss-dq-badge.green{background:#e7f7ed;color:#197247}.svss-dq-badge.yellow{background:#fff6dc;color:#8a6a1c}.svss-dq-badge.red{background:#fdebea;color:#a23f38}.svss-dq-strip{margin-top:11px;padding:10px 12px;border:1px solid #e5eee9;border-radius:13px;background:#f8fbf9;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;min-width:0}.svss-dq-strip strong{font-size:11px;color:var(--g)}.svss-dq-strip span{font-size:10px;color:#66736f}.svss-dq-strip small{font-size:10px;color:#7a8581;overflow-wrap:anywhere}.svss-data-quality{margin-top:19px}.svss-dq-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}.svss-dq-summary>div{border:1px solid var(--l);border-radius:14px;background:#fff;padding:12px;min-width:0}.svss-dq-summary small{display:block;color:#7a8581;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.svss-dq-summary strong{display:block;margin-top:4px;font-size:17px;overflow-wrap:anywhere}.svss-dq-warning,.svss-dq-ok{border-radius:14px;padding:12px 14px;font-size:11px;line-height:1.55;margin:10px 0}.svss-dq-warning{border:1px solid #efc8c3;background:#fff8f7;color:#7e3530}.svss-dq-ok{border:1px solid #cde8da;background:#f3fbf6;color:#276c4b}.svss-dq-foot{margin-top:9px;color:#7a8581;font-size:10px;line-height:1.55}.svss-dq-table{min-width:860px}.svss-dq-table td,.svss-dq-table th{vertical-align:top}.svss-spinner.is-done{animation:none!important}.svss-moon{width:82px;height:82px;border-radius:50%;background:linear-gradient(145deg,#fff0ad,#d6b957 72%);box-shadow:0 0 34px rgba(232,196,91,.16);z-index:1;overflow:visible}.svss-moon::after{content:"";position:absolute;width:78px;height:78px;border-radius:50%;right:-17px;top:-8px;background:linear-gradient(145deg,#0b281f 5%,#12523c 95%);box-shadow:none;display:block}
@media(max-width:900px){.svss-dq-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.svss-dq-strip{grid-template-columns:1fr 1fr}.svss-dq-strip small{grid-column:1 / -1}.svss-deep-badges{max-width:52%}}
@media(max-width:680px){.svss-dq-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.svss-dq-strip{grid-template-columns:1fr}.svss-dq-strip small{grid-column:auto}.svss-deep-badges{max-width:55%;flex-direction:column;align-items:flex-end}.svss-moon{width:64px;height:64px;right:42px;top:26px}.svss-moon::after{width:61px;height:61px;right:-14px;top:-7px}}

/* v1.2.1: clearer disclaimer typography + neutral information mode */
.svss-disclaimer-text{font-size:13px;line-height:1.85;color:#121816;font-weight:500}.svss-disclaimer-title{font-size:14px;color:#111816;letter-spacing:.08em}.svss-disclaimer{border-color:#d9cf9f;background:linear-gradient(135deg,#fffdf5,#fbf8eb)}.svss-progress-title strong{line-height:1.35}.svss-progress-title small{line-height:1.55}
@media(max-width:680px){.svss-disclaimer-text{font-size:12.5px;line-height:1.8}.svss-disclaimer-title{font-size:13.5px}}

/* v1.2.1 neutral compliance copy */
.svss-disclaimer-text{color:#000!important;font-size:13.2px!important;line-height:1.9!important;font-weight:500!important}.svss-disclaimer-title{color:#000!important;font-size:14px!important}.svss-dq-foot{font-size:11px}
@media(max-width:680px){.svss-disclaimer-text{font-size:12.6px!important;line-height:1.85!important}}

.svss-member-lock{margin:14px 0 0;padding:14px 16px;border:1px solid #d7e5dd;border-radius:14px;background:#f8fbf9;color:#10211d;line-height:1.55}.svss-member-lock strong{font-size:14px;font-weight:800}.svss-member-lock[hidden]{display:none!important}