.astp-fa{--nh:#007278;--ink:#17383b;--muted:#718386;--line:#dbe7e8;--soft:#f4f9f9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);min-height:100vh;background:#f5f8f8;padding:0 0 40px}.astp-fa *{box-sizing:border-box}.asfa-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(16px,4vw,48px);background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.asfa-brand{display:flex;align-items:center;gap:10px}.asfa-brand>span{width:42px;height:42px;border-radius:12px;background:var(--nh);color:#fff;display:grid;place-items:center;font-weight:900}.asfa-brand b{display:block;font-size:14px;letter-spacing:.04em}.asfa-brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.asfa-top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.asfa-btn{border:1px solid #cbdadc;background:#fff;color:#315457;border-radius:9px;padding:9px 13px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.2}.asfa-btn.primary{background:var(--nh);border-color:var(--nh);color:#fff}.asfa-btn.ghost{background:#fff}.asfa-btn.small{padding:7px 9px;font-size:11px}.asfa-btn.full{width:100%}.asfa-btn.danger{color:#a33a3a;border-color:#e6c6c6}.asfa-user{font-size:11px;color:#617477;text-decoration:none;padding-left:5px}.asfa-main{max-width:1400px;margin:0 auto;padding:24px clamp(16px,4vw,48px)}.asfa-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;border-radius:16px;background:linear-gradient(135deg,#007278,#18a1b1);color:#fff;box-shadow:0 10px 30px rgba(0,114,120,.16)}.asfa-hero .eyebrow{font-size:10px;font-weight:900;letter-spacing:.15em;opacity:.78}.asfa-hero h1{margin:5px 0 5px;font-size:28px}.asfa-hero p{margin:0;max-width:680px;font-size:13px;opacity:.9}.asfa-status{white-space:nowrap;background:rgba(255,255,255,.16);padding:10px 13px;border-radius:999px;font-size:11px;font-weight:900}.asfa-status i,.asfa-save-status:before{display:inline-block;width:8px;height:8px;border-radius:50%;background:#57e29a;margin-right:7px;content:""}.asfa-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:16px}.asfa-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 8px rgba(0,30,35,.03);overflow:hidden}.asfa-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #edf2f2}.asfa-card-head h2{margin:0;font-size:17px}.asfa-card-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.asfa-settings,.asfa-identity{padding-bottom:18px}.asfa-settings>.asfa-label,.asfa-settings>.asfa-inline-fields,.asfa-settings>#asfa-save-settings,.asfa-settings>#asfa-save-status,.asfa-identity>label,.asfa-identity>.asfa-inline-fields{margin-left:20px;margin-right:20px}.asfa-label,.asfa-identity label{display:block;font-size:11px;font-weight:900;color:#597073;margin-top:16px}.asfa-label textarea,.asfa-identity input,.asfa-inline-fields input,.asfa-inline-fields select,.asfa-modal-box input{display:block;width:100%;margin-top:6px;border:1px solid #cfdedf;border-radius:9px;padding:10px 11px;background:#fff;color:#19383b;font-size:13px}.asfa-label textarea{resize:vertical;min-height:95px}.asfa-inline-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.asfa-inline-fields label{margin:0}.asfa-inline-fields small{display:block;color:#8b999b;font-size:9px;margin-top:4px}.asfa-settings #asfa-save-settings{margin-top:16px}.asfa-save-status{display:inline-block;margin-left:10px;font-size:11px;color:#007278}.asfa-media{margin-top:16px}.asfa-media-toolbar{display:flex;justify-content:space-between;padding:10px 18px;background:#fbfdfd;border-bottom:1px solid #edf2f2;font-size:11px;color:#6e8083}.asfa-hint{color:#8a999b}.asfa-gallery{padding:12px;display:flex;flex-direction:column;gap:8px}.asfa-slide{display:grid;grid-template-columns:26px 120px minmax(0,1fr) 68px auto;align-items:center;gap:12px;padding:10px;border:1px solid #e1e9e9;border-radius:11px;background:#fff;transition:.15s}.asfa-slide:hover{border-color:#b8d9da;box-shadow:0 3px 12px rgba(0,80,85,.06)}.asfa-slide.off{opacity:.58;background:#fafbfb}.asfa-drag{font-weight:900;color:#92a1a3;cursor:grab;text-align:center}.asfa-thumb{width:120px;height:52px;border-radius:7px;overflow:hidden;background:#eef4f4;display:grid;place-items:center;font-size:9px;color:#8b999b}.asfa-thumb img{width:100%;height:100%;object-fit:cover}.asfa-slide-info{min-width:0}.asfa-slide-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.asfa-slide-info small{display:block;color:#899799;font-size:10px;margin-top:4px}.asfa-switch{border:0;background:transparent;cursor:pointer;display:flex;align-items:center;gap:5px;padding:0}.asfa-switch span{width:30px;height:18px;border-radius:99px;background:#b8c3c5;position:relative;display:block}.asfa-switch span:after{content:"";position:absolute;width:14px;height:14px;top:2px;left:2px;background:#fff;border-radius:50%;transition:.18s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.asfa-switch.on span{background:var(--nh)}.asfa-switch.on span:after{left:14px}.asfa-switch em{font-style:normal;font-size:9px;font-weight:900;color:#718386}.asfa-slide-actions{display:flex;gap:5px;justify-content:flex-end}.asfa-empty{padding:40px;text-align:center;color:#8b999b;border:1px dashed #cad8d9;border-radius:10px}.asfa-sort-placeholder{height:74px;border:2px dashed #79b9bc;background:#edfafa;border-radius:11px}.asfa-modal{position:fixed;inset:0;z-index:1000;background:rgba(0,20,24,.68);display:grid;place-items:center;padding:20px}.asfa-modal[hidden]{display:none}.asfa-modal-box{position:relative;width:min(520px,100%);background:#fff;border-radius:16px;padding:22px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.asfa-modal-box h2{margin:0 0 15px}.asfa-modal-box label{display:block;font-size:11px;font-weight:900;color:#597073;margin:13px 0}.asfa-modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;color:#789;cursor:pointer}.asfa-edit-preview{margin-top:8px;border-radius:8px;overflow:hidden;background:#f2f6f6}.asfa-edit-preview img{display:block;width:100%;max-height:180px;object-fit:contain}.asfa-tv-box{width:min(1400px,96vw);height:min(790px,88vh);background:#000;border-radius:12px;position:relative;overflow:hidden}.asfa-tv-box iframe{width:100%;height:100%;border:0}.asfa-tv-box .asfa-modal-close{z-index:2;color:#fff;background:rgba(0,0,0,.5);border-radius:50%;width:38px;height:38px;line-height:30px}.asfa-login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(145deg,#edf8f8,#f8fbfb)}.asfa-login-wrap .asfa-brand{position:absolute;top:28px;left:28px}.asfa-login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 20px 60px rgba(0,70,75,.1)}.asfa-login-card .asfa-icon{width:48px;height:48px;border-radius:14px;background:#e7f6f6;display:grid;place-items:center;font-size:22px}.asfa-login-card h1{margin:14px 0 5px}.asfa-login-card>p{color:var(--muted);font-size:12px}.asfa-login-card form p{margin:12px 0}.asfa-login-card label{display:block;font-size:11px;font-weight:900;color:#597073;margin-bottom:5px}.asfa-login-card input[type=text],.asfa-login-card input[type=password]{width:100%;padding:11px;border:1px solid #cfdedf;border-radius:9px}.asfa-login-card .login-remember label{display:flex;align-items:center;gap:6px;font-weight:600}.asfa-login-card input[type=submit]{width:100%;padding:11px;border:0;border-radius:9px;background:var(--nh);color:#fff;font-weight:900;cursor:pointer}.asfa-note{font-size:10px!important;color:#899799!important}.asfa-denied{max-width:500px;margin:100px auto;background:#fff;padding:30px;border-radius:16px;text-align:center;border:1px solid var(--line)}
@media(max-width:900px){.asfa-grid{grid-template-columns:1fr}.asfa-slide{grid-template-columns:22px 90px minmax(0,1fr) 55px}.asfa-thumb{width:90px;height:48px}.asfa-slide-actions{grid-column:3/6;justify-content:flex-start}.asfa-inline-fields{grid-template-columns:1fr 1fr}.asfa-top{align-items:flex-start}.asfa-user{width:100%}}
@media(max-width:600px){.asfa-top{position:relative;flex-direction:column}.asfa-top-actions{width:100%;justify-content:flex-start}.asfa-hero{align-items:flex-start;flex-direction:column}.asfa-hero h1{font-size:23px}.asfa-inline-fields{grid-template-columns:1fr}.asfa-slide{grid-template-columns:22px 75px minmax(0,1fr) 45px;gap:7px}.asfa-thumb{width:75px;height:44px}.asfa-slide-actions{grid-column:2/5;flex-wrap:wrap}.asfa-switch em{display:none}.asfa-login-wrap .asfa-brand{top:16px;left:16px}}
.asfa-users-card{max-width:1400px;margin:16px auto 0}.asfa-users-list{padding:10px 18px 18px}.asfa-user-row{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid #edf2f2}.asfa-user-row:last-child{border-bottom:0}.asfa-user-avatar{width:36px;height:36px;border-radius:10px;background:#e7f6f6;color:#007278;display:grid;place-items:center;font-weight:900}.asfa-user-meta{min-width:0;flex:1}.asfa-user-meta b{display:block;font-size:12px}.asfa-user-meta small{display:block;color:#829193;font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asfa-role-badge{font-size:9px;font-weight:900;color:#007278;background:#e7f6f6;border-radius:999px;padding:6px 9px;white-space:nowrap}.asfa-users-empty{padding:16px;color:#899799;font-size:11px}.asfa-user-modal-box{width:min(560px,100%)}.asfa-modal-icon{width:44px;height:44px;border-radius:13px;background:#e7f6f6;display:grid;place-items:center;font-size:20px}.asfa-user-modal-box h2{margin:12px 0 4px}.asfa-modal-help{font-size:11px;color:#718386;line-height:1.5;margin:0 0 14px}.asfa-password-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:6px}.asfa-password-row input{margin-top:0!important}.asfa-user-security{font-size:10px;color:#637477;background:#f5f9f9;border:1px solid #e0ebeb;border-radius:9px;padding:10px;margin:13px 0}.asfa-user-status{display:block;text-align:center;font-size:11px;font-weight:800;margin-top:9px;min-height:16px}
@media(max-width:600px){.asfa-user-row{align-items:flex-start;flex-wrap:wrap}.asfa-role-badge{margin-left:48px}.asfa-password-row{grid-template-columns:1fr}.asfa-users-card .asfa-card-head{align-items:flex-start;flex-direction:column}.asfa-users-card .asfa-card-head .asfa-btn{width:100%}}
/* V4.4.3: admin masjid hanya mengelola materi */
.asfa-bottom-save{display:flex;align-items:center;gap:12px;margin:18px 0 8px;padding:4px 0 18px}
.asfa-bottom-save .asfa-btn{min-width:190px}

/* V1.7.5 — independent Slider 1 and Slider 2 panels */
.asfa-slider-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;align-items:start}.asfa-slider-panel{margin-top:0}.asfa-slider-eyebrow{display:block;margin-bottom:5px;color:var(--nh);font-size:9px;font-weight:900;letter-spacing:.13em}.asfa-slider-panel .asfa-card-head{align-items:flex-start}.asfa-slider-panel .asfa-slide{grid-template-columns:26px 92px minmax(0,1fr) 60px}.asfa-slider-panel .asfa-thumb{width:92px;height:62px}.asfa-slider-panel .asfa-slide-actions{grid-column:3/5;justify-content:flex-start;flex-wrap:wrap}.asfa-slider-panel .asfa-empty{margin:2px}.asfa-slide-info small{display:block;color:#899799;font-size:10px;margin-top:4px}
@media(max-width:1100px){.asfa-slider-panels{grid-template-columns:1fr}.asfa-slider-panel .asfa-slide{grid-template-columns:26px 110px minmax(0,1fr) 68px}.asfa-slider-panel .asfa-thumb{width:110px}}
@media(max-width:600px){.asfa-slider-panel .asfa-card-head{flex-direction:column}.asfa-slider-panel .asfa-card-head .asfa-add-media{width:100%}.asfa-slider-panel .asfa-media-toolbar{align-items:flex-start;gap:5px;flex-direction:column}.asfa-slider-panel .asfa-slide{grid-template-columns:22px 75px minmax(0,1fr) 45px}.asfa-slider-panel .asfa-thumb{width:75px;height:50px}.asfa-slider-panel .asfa-slide-actions{grid-column:2/5}}

/* V1.7.6 — lightweight sorting; never clone full-resolution media */
.asfa-drag-helper{height:64px;display:flex!important;align-items:center;gap:12px;padding:0 16px;border:2px solid var(--nh);border-radius:11px;background:#fff;color:#17383b;box-shadow:0 12px 30px rgba(0,40,45,.18);z-index:99999!important;overflow:hidden}.asfa-drag-helper span{color:var(--nh);font-weight:900}.asfa-drag-helper b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.asfa-is-sorting,.asfa-is-sorting *{cursor:grabbing!important}.asfa-is-sorting .asfa-thumb img{visibility:hidden}.asfa-slider-panel .asfa-thumb img{will-change:auto}

/* V1.7.7 — zero-heavy-dependency order controls */
.asfa-order-controls{display:flex;flex-direction:column;gap:4px}.asfa-order-btn{width:24px;height:24px;padding:0;border:1px solid #cbdadc;border-radius:6px;background:#fff;color:var(--nh);font-size:14px;font-weight:900;line-height:20px;cursor:pointer}.asfa-order-btn:hover{background:#eaf7f7;border-color:var(--nh)}.asfa-gallery.is-saving{pointer-events:none;opacity:.72}.asfa-file-input{display:none!important}

/* v4.4.15 stable sortable */
.nhs-drag,.asfa-drag{cursor:grab;touch-action:none;user-select:none}.nhs-drag:active,.asfa-drag:active{cursor:grabbing}.nhs-sort-placeholder,.asfa-sort-placeholder{min-height:88px;border:2px dashed #0b8f92;border-radius:10px;background:rgba(11,143,146,.06);visibility:visible!important} .ui-sortable-helper{opacity:.92;box-shadow:0 12px 30px rgba(0,0,0,.16)}

/* V1.1.0 — slider placement controls */
.asfa-slider-select,.asfa-modal-box select{display:block;width:100%;margin-top:6px;border:1px solid #cfdedf;border-radius:8px;padding:7px 9px;background:#fff;color:#19383b;font-size:11px}.asfa-slider-select{max-width:170px}