:root{color-scheme:dark}
.theme-control{display:flex;flex-direction:row;gap:8px;align-items:center;font-size:.875rem}.theme-control select{width:auto;min-height:40px;padding:6px 28px 6px 10px;font-size:.875rem}.login-panel .theme-control{justify-content:flex-end;margin-bottom:28px}
.fasting-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.fasting-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.fasting-stages{display:grid;gap:10px;margin:20px 0}.fasting-stages>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}.fasting-stages>div>span:first-child{flex:1;min-width:110px}.fasting-stages small{flex-basis:100%;color:var(--muted);font-size:.875rem}.fasting-current p{margin:12px 0 8px}.fasting-current>strong{display:block;margin-bottom:10px}.fasting-current progress{width:100%;height:9px;accent-color:#aaa}.fasting-stats .stat>span{font-size:.875rem;color:var(--muted)}.fasting-details{margin:22px 0}.fasting-type-list{margin-top:20px}.fasting-lulus{background:#203c31;border-color:#577466;color:#cbf2de}.fasting-gagal{background:#422a2a;border-color:#855454;color:#ffdede}.fasting-berlangsung{background:#26384b;border-color:#587590;color:#dcecff}.fasting-menunggu,.fasting-konfirmasi{background:#433b26;border-color:#877448;color:#fcecc5}.fasting-member .badge{white-space:normal;font-size:.875rem}.fasting-member .panel-head{flex-wrap:wrap}.fasting-member h2{overflow-wrap:anywhere}.fasting-stages small,.fasting-tabs button{font-size:.875rem}
:root[data-theme=light]{color-scheme:light;color:#25282d;background:#f6f7f9;--bg:#f6f7f9;--panel:#fff;--line:#dee1e6;--muted:#636b75;--text:#25282d}
[data-theme=light] body{background:var(--bg);color:var(--text)}
[data-theme=light] button,[data-theme=light] a.button{background:#fff;color:#30353b;border-color:#ced3db}
[data-theme=light] button:hover,[data-theme=light] a.button:hover{background:#eef0f3;border-color:#aab2bd}
[data-theme=light] button.primary,[data-theme=light] a.primary{background:#313942;color:white;border-color:#313942}
[data-theme=light] button.primary:hover,[data-theme=light] a.primary:hover{background:#454f5b}
[data-theme=light] button.ghost{background:transparent;border-color:transparent;color:#424a54}
[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:white;color:#25282d;border-color:#c9cfd7}
[data-theme=light] input::placeholder{color:#76808d}
[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus,[data-theme=light] button:focus-visible,[data-theme=light] a:focus-visible{outline-color:#4b617d}
[data-theme=light] label{color:#333b45}
[data-theme=light] .sidebar,[data-theme=light] .topbar,[data-theme=light] .login-identity{background:#fff;border-color:var(--line)}
[data-theme=light] .brand,[data-theme=light] .section-label,[data-theme=light] .form-actions,[data-theme=light] .modal-head,[data-theme=light] .key-values div{border-color:var(--line)}
[data-theme=light] .nav a{color:#5c6571}
[data-theme=light] .nav a:hover{background:#f3f4f6;color:#20252b}
[data-theme=light] .nav a.active{background:#e9edf2;color:#28313c}
[data-theme=light] .nav-label,[data-theme=light] .eyebrow,[data-theme=light] .brand span,[data-theme=light] .account-mini small,[data-theme=light] .breadcrumb,[data-theme=light] .login-footer{color:#66717e}
[data-theme=light] .breadcrumb span,[data-theme=light] .notice strong,[data-theme=light] .empty strong,[data-theme=light] .data-table .link,[data-theme=light] .chart-row b,[data-theme=light] .chart-row .name{color:#303943}
[data-theme=light] .role-pill,[data-theme=light] .date-chip{color:#515c69;border-color:var(--line)}
[data-theme=light] .avatar,[data-theme=light] .detail-photo{background:#e9edf2;color:#556274;border-color:#cfd6df}
[data-theme=light] .stat{background:#fff}
[data-theme=light] .stat-top,[data-theme=light] .stat small,[data-theme=light] .activity-summary small,[data-theme=light] .activity-summary span,[data-theme=light] .age-row>div:first-child,[data-theme=light] .legend{color:#626c79}
[data-theme=light] .cash-glance{background:linear-gradient(120deg,#fff,#eef1f5)}
[data-theme=light] .table-wrap{background:#fff}
[data-theme=light] .data-table th,[data-theme=light] .import-table th{background:#f0f2f5;color:#596473;border-color:var(--line)}
[data-theme=light] .data-table td{border-color:var(--line)}
[data-theme=light] .data-table td small,[data-theme=light] .timeline-item p,[data-theme=light] .detail-meta,[data-theme=light] .key-values dt,[data-theme=light] .product-content p,[data-theme=light] .announcement p,[data-theme=light] .notification p,[data-theme=light] .reference-note,[data-theme=light] .app-footer{color:#606c7a}
[data-theme=light] .badge{color:#596573;background:#f1f3f6;border-color:#d3d9e2}
[data-theme=light] .badge.bright{color:#334c3e;background:#eaf1ec;border-color:#d2dfd6}
[data-theme=light] .badge.dim{color:#626b77;background:#f7f8fa;border-color:#c7cdd5}
[data-theme=light] .badge.fasting-lulus{background:#e7f3ec;color:#275c42;border-color:#b9d8c7}
[data-theme=light] .badge.fasting-gagal{background:#faeeee;color:#8a3c3c;border-color:#e9c7c7}
[data-theme=light] .badge.fasting-berlangsung{background:#eaf1fb;color:#315c88;border-color:#bcd0e8}
[data-theme=light] .badge.fasting-menunggu,[data-theme=light] .badge.fasting-konfirmasi{background:#faf3df;color:#735c25;border-color:#e7d8ab}
[data-theme=light] .notice,[data-theme=light] .alert{background:#eef1f5;color:#596574;border-color:#d7dee7}
[data-theme=light] .empty{color:#64707e;border-color:#c7d0db}
[data-theme=light] dialog{background:white;color:#303841;border-color:#d0d7e0;box-shadow:0 24px 100px #18233435}
[data-theme=light] dialog::backdrop{background:#2c364e70}
[data-theme=light] .activity-summary>div,[data-theme=light] .notification,[data-theme=light] .announcement,[data-theme=light] .app-footer,[data-theme=light] .divider{border-color:var(--line)}
[data-theme=light] .calendar-tile,[data-theme=light] .product-img,[data-theme=light] .member-pick{background:#eff2f6;border-color:var(--line);color:#536173}
[data-theme=light] .member-pick button{background:white;color:#384659;border-color:var(--line)}
[data-theme=light] .chart-row .bar,[data-theme=light] .age-row .track{background:#e9ecf1}
[data-theme=light] .age-row .fill,[data-theme=light] .trend-bar{background:#75859b}
[data-theme=light] .timeline-item{border-color:#d4dce6}
[data-theme=light] .timeline-item:before{background:#8290a5}
[data-theme=light] .demo-strip{background:#e7ebf1;color:#4a586c;border-color:#d5dce5}
[data-theme=light] #toast{background:#303946;color:#fff;border-color:#303946}
.demo-tools{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;flex-wrap:wrap;border-bottom:1px solid var(--line);background:var(--panel)}.demo-tools label{flex-direction:row;align-items:center;gap:10px}.demo-tools select{min-height:40px;padding:6px 12px;width:auto}.demo-tools p{margin:0;font-size:.875rem;color:var(--muted)}
@media(max-width:1000px){.fasting-members{grid-template-columns:1fr}}
@media(max-width:660px){.theme-control{gap:4px}.theme-control>span{display:none}.theme-control select{padding:6px;min-height:40px}.topbar{gap:5px}.top-actions{gap:2px}.top-actions .role-pill{max-width:96px;overflow:hidden;text-overflow:ellipsis}.top-actions .icon-button{min-width:36px;padding:7px}.fasting-stages>div{align-items:flex-start}.fasting-tabs{gap:6px}.fasting-tabs button{padding:9px}.demo-tools label{flex-wrap:wrap;justify-content:center}.demo-tools p{text-align:center}.form-grid{grid-template-columns:1fr}.key-values{grid-template-columns:1fr}}

.demo-tools{margin-left:246px}@media(max-width:1180px) and (min-width:961px){.demo-tools{margin-left:218px}}@media(max-width:960px){.demo-tools{margin-left:0}}

/* Revisi 1.2: kontras nominal dan daftar ringkas */
.price{font-weight:750;font-size:1.6rem;color:#fff;line-height:1.35}
[data-theme=light] .price{color:#17212d;background:#edf2f7;border:1px solid #cbd5e1;padding:12px 14px;border-radius:10px}
.member-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.member-card{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--text);padding:20px}.member-card .avatar{width:70px;height:80px;border-radius:10px;flex-shrink:0}.member-card strong{display:block;font-size:1rem}.member-card small{display:block;color:var(--muted);margin:6px 0}.member-card .avatar img{width:100%;height:100%;object-fit:cover}.branch-activities{padding-left:22px;line-height:1.7}.danger{border-color:#9f4b4b!important;color:#efbbbb!important}[data-theme=light] .danger{color:#8b2121!important;border-color:#b67676!important}.fund-summary{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0}.fund-summary strong{display:block;font-size:1.3rem}.fund-options{min-height:160px}.proof-image,.qris-image{display:block;max-width:100%;max-height:340px;object-fit:contain;margin:15px auto}.push-panel{margin-bottom:20px}.branch-only[hidden]{display:none}.fund-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.fund-grid .panel{min-width:0}.fund-grid .page-actions{flex-wrap:wrap}