:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2faf5;--panel:#fff;--line:#dcede4;--text:#15241f;--muted:#5f7a70;--accent:#16a06a;--accent-strong:#128357;--accent-soft:#e7f6ee;--accent-softer:#f0faf4;--warn:#b9752a;--danger:#d0574f;--shadow:0 1px 2px #143c2d0a, 0 6px 20px #1450370d}*{box-sizing:border-box}html,body{background:var(--bg)}body{color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1040px;margin:0 auto;padding:24px 18px 72px}nav.top{-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);border-bottom:1px solid var(--line);z-index:20;background:#ffffffd9;position:sticky;top:0}nav.top .wrap{align-items:center;gap:16px;padding:10px 18px;display:flex}nav.top a{color:var(--muted);align-items:center;gap:5px;font-weight:500;display:inline-flex}nav.top a:hover{color:var(--text);text-decoration:none}nav.top a.on{color:var(--accent)}h1{letter-spacing:-.01em;margin:0 0 6px;font-size:26px}h2{margin:26px 0 12px;font-size:18px}p.sub{color:var(--muted);margin:0 0 20px}.note{color:var(--muted);font-size:13px}.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin-bottom:16px;padding:18px}label{color:var(--muted);margin:10px 0 5px;font-size:13px;font-weight:500;display:block}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:10px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input[type=checkbox]{width:auto;accent-color:var(--accent)}button{cursor:pointer;background:var(--accent);color:#fff;font:inherit;border:0;border-radius:10px;align-items:center;gap:7px;padding:10px 16px;font-weight:600;transition:background .15s,transform 50ms;display:inline-flex}button:hover{background:var(--accent-strong)}button:active{transform:translateY(1px)}button.ghost{border:1px solid var(--line);color:var(--text);background:#fff}button.ghost:hover{background:var(--accent-softer);border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button:disabled:hover{background:var(--accent)}.row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.row>*{flex:140px}.row>button{flex:none}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:var(--accent-softer);font-size:12px;font-weight:600}tr:last-child td{border-bottom:0}.tabelwrap{border-radius:14px;overflow-x:auto}.err{color:var(--danger);margin:10px 0;font-size:14px}.ok{color:var(--accent-strong);margin:10px 0;font-size:14px}.bar{background:var(--accent-soft);border-radius:6px;min-width:90px;height:8px;overflow:hidden}.bar>i{background:var(--accent);height:100%;display:block}.pill{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#fff;border-radius:20px;padding:3px 10px;font-size:12px}.icon-chip{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-strong);border-radius:11px;flex:none;justify-content:center;align-items:center;display:inline-flex}.meta{color:var(--muted);align-items:center;gap:5px;display:inline-flex}.shell{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:0 0 240px;width:240px;height:100vh;padding:14px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar .brand{color:var(--text);align-items:center;gap:9px;padding:6px 8px 14px;font-weight:700;display:flex}.sidebar .brand img{border-radius:8px}.grp{margin-top:14px}.grp-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:2px 10px 6px;font-size:11px;font-weight:700}.navlink{color:var(--muted);border-radius:10px;align-items:center;gap:11px;margin-bottom:2px;padding:9px 10px;font-size:14px;font-weight:500;display:flex}.navlink:hover{background:var(--accent-softer);color:var(--text);text-decoration:none}.navlink.on{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.navlink svg{flex:none}.sidebar .spacer{flex:1}.sidebar .foot{border-top:1px solid var(--line);flex-direction:column;gap:2px;margin-top:12px;padding-top:10px;display:flex}.sidebar .foot .who{color:var(--muted);padding:4px 10px;font-size:13px}.content{flex:1;min-width:0}.content>.wrap{max-width:940px}@media (max-width:760px){.shell{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;flex:none;align-items:center;gap:4px;width:auto;height:auto;padding:8px 12px;position:static}.sidebar .brand{padding:4px 8px}.grp{align-items:center;gap:2px;margin-top:0;display:flex}.grp-title{display:none}.navlink{margin:0;padding:7px 10px}.navlink span.lbl,.sidebar .spacer{display:none}.sidebar .foot{border-top:0;flex-direction:row;align-items:center;gap:4px;margin:0;padding:0}.sidebar .foot .who{display:none}}@keyframes lpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes lpGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.07)}}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes lpShimmer{0%{background-position:0%}to{background-position:200%}}@keyframes lpSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lp{text-align:center;position:relative}.lp-bg{z-index:0;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 50%,#0000 100%);mask-image:radial-gradient(closest-side,#000 50%,#0000 100%)}.lp-inner{z-index:1;position:relative}.lp-reveal{opacity:0;animation:.7s both lpFadeUp}.lp-hero{margin:0 auto 10px;display:inline-block;position:relative}.lp-glow{z-index:0;background:radial-gradient(closest-side,#16a06a38,#16a06a00 72%);border-radius:50%;animation:5.5s ease-in-out infinite lpGlow;position:absolute;inset:-14%}.lp-quran{z-index:1;filter:drop-shadow(0 18px 30px #1450372e);width:clamp(210px,46vw,350px);animation:6s ease-in-out infinite lpFloat;display:block;position:relative}.lp-bismillah{letter-spacing:.01em;background:linear-gradient(100deg,#b9752a,#e6ba6a 42%,#b9752a 80%) 0 0/200%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(20px,5.2vw,30px);font-weight:600;line-height:1.5;animation:6s linear infinite lpShimmer}.lp-title{letter-spacing:-.02em;color:var(--text);margin:0 0 12px;font-size:clamp(30px,7.4vw,46px);font-weight:800;line-height:1.08}.lp-sub{color:var(--muted);max-width:36ch;margin:0 auto 22px;font-size:clamp(14px,3.6vw,17px);line-height:1.55}.lp-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:22px;display:flex}.lp-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.lp-badge img{width:auto;height:clamp(44px,11vw,48px);transition:transform .15s,filter .15s;display:block}.lp-badge:hover img{filter:drop-shadow(0 6px 12px #14503733);transform:translateY(-2px)}.lp-hr{color:var(--warn);justify-content:center;align-items:center;gap:14px;margin:8px 0 2px;display:flex}.lp-hr:before,.lp-hr:after{content:"";background:linear-gradient(90deg, transparent, var(--line), transparent);width:clamp(30px,12vw,70px);height:1px}.lp-rub{opacity:.75;font-size:18px;line-height:1;animation:24s linear infinite lpSpin}@media (prefers-reduced-motion:reduce){.lp-quran,.lp-glow,.lp-bismillah,.lp-reveal,.lp-rub{animation:none!important}.lp-reveal{opacity:1!important}}