:root{
    --green:#2f7d63;
    --green-dark:#225f4c;
    --mint:#e9f7f1;
    --cream:#fff9ef;
    --gold:#d7a84b;
    --red:#d9534f;
    --text:#24312d;
    --muted:#6d7b77;
    --line:#e4ece8;
    --card:#ffffff;
    --shadow:0 18px 45px rgba(32,78,63,.12);
    --radius:24px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,system-ui,-apple-system,Segoe UI,sans-serif;background:linear-gradient(135deg,#f6fbf8,#fff7e8);color:var(--text);font-size:18px;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:76px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;align-items:center;gap:14px}.brand-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--mint);border-radius:16px;font-size:26px}.brand strong{display:block;font-size:22px}.brand small{display:block;color:var(--muted);font-size:13px}.top-user{display:flex;gap:12px;align-items:center}.avatar-mini{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800}.avatar-mini.big{width:54px;height:54px;font-size:20px}.sidebar{position:fixed;left:0;top:76px;bottom:0;width:260px;padding:24px;background:rgba(255,255,255,.72);border-right:1px solid var(--line)}.nav-link{display:block;padding:14px 16px;border-radius:18px;margin-bottom:8px;color:#37524a}.nav-link:hover,.nav-link.active{background:var(--mint);color:var(--green-dark);font-weight:800}.nav-title{margin:22px 10px 8px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.main-content{max-width:1180px;margin-left:260px;padding:30px}.guest-main{margin-left:0;max-width:none}.login-wrap{min-height:calc(100vh - 100px);display:grid;place-items:center;padding:24px}.login-card{width:min(520px,100%);background:var(--card);border:1px solid var(--line);border-radius:32px;padding:34px;box-shadow:var(--shadow)}.bismillah{text-align:center;color:var(--green);font-size:22px;margin-bottom:12px}.login-card h1,.hero-card h1{margin:0 0 10px;font-size:34px;line-height:1.2}.muted{color:var(--muted)}.small{font-size:14px}.eyebrow{margin:0 0 6px;color:var(--green);font-size:14px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.form-stack{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full{grid-column:1/-1}label span{display:block;font-weight:800;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#fff;color:var(--text)}textarea{resize:vertical}.checkline{display:flex;align-items:center;gap:10px}.checkline input{width:auto}.checkline span{margin:0}.align-end{align-self:end}.btn{border:0;border-radius:16px;padding:12px 18px;cursor:pointer;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}.btn-sm{padding:8px 12px;min-height:36px;font-size:14px}.btn-lg{min-height:58px;font-size:20px}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark)}.btn-light{background:#eef6f2;color:var(--green-dark)}.btn-success{background:#30a46c;color:#fff}.btn-danger{background:#fbecec;color:#b62f2b}.alert{margin-bottom:18px;border-radius:18px;padding:14px 18px;border:1px solid}.alert.success{background:#ecfbf2;border-color:#b6edcb;color:#21643c}.alert.danger{background:#fff0f0;border-color:#ffcaca;color:#8a2525}.hero-card,.period-card,.panel,.empty-card{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);margin-bottom:22px}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#ffffff,#effaf3)}.hero-card.compact h1{font-size:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 10px 25px rgba(32,78,63,.08)}.stat-card span{display:block;color:var(--muted);font-weight:700}.stat-card strong{font-size:34px;color:var(--green)}.period-head,.panel-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.juz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.juz-grid.mini{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.juz-card,.juz-pill{border:1px solid var(--line);border-radius:22px;padding:18px;background:#fff}.juz-number{font-size:26px;font-weight:900}.juz-status{margin:6px 0 14px;font-weight:800}.status-actions{display:flex;gap:8px;flex-wrap:wrap}.status-read,.status-kholas{border-color:#b8ebc9;background:#f0fff5}.status-obstacle{border-color:#ffd0d0;background:#fff5f5}.status-pending{background:#fff}.soft-box,.demo-box{background:var(--cream);border:1px dashed #ead7ac;border-radius:18px;padding:16px}.person-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.person-row h2,.person-row h3{margin:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{background:#f4faf7;color:#49675e}.badge{border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800}.badge.green{background:#e9f8ef;color:#1d7a44}.badge.gray{background:#f1f3f2;color:#667}.actions-cell{white-space:nowrap}.admin-person-card,.participant-card{border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:16px;background:#fff}.assignment-list{display:grid;gap:8px}.assignment-row{display:grid;grid-template-columns:90px 150px 150px 1fr auto;gap:8px;align-items:center}.inline-delete{margin:0 0 12px 0;text-align:right}.participants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.small-form{gap:8px}.search-form{display:flex;gap:8px}.copy-area{min-height:360px;font-family:monospace;white-space:pre;background:#fff}.recap-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:12px 0}.recap-juz{display:inline-block;border-radius:12px;padding:5px 8px;margin:2px;background:#f6f6f6}.recap-juz.status-read,.recap-juz.status-kholas{background:#e9f8ef}.recap-juz.status-obstacle{background:#ffecec}
@media (max-width:900px){body{font-size:17px}.topbar{padding:0 16px}.hide-sm{display:none}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:auto;height:72px;display:flex;align-items:center;overflow:auto;padding:8px 10px;z-index:30}.sidebar nav{display:flex;gap:8px;width:100%}.nav-title{display:none}.nav-link{white-space:nowrap;margin:0;padding:12px 14px}.main-content{margin-left:0;padding:18px 14px 92px}.hero-card{display:block}.hero-actions{margin-top:14px}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.two-col{grid-template-columns:1fr}.assignment-row{grid-template-columns:1fr}.period-head,.panel-title-row,.recap-row{display:block}.search-form{margin-top:12px}.brand small{display:none}.brand strong{font-size:19px}}

/* === Patch: Dashboard Admin + Rekap WhatsApp Otomatis === */
.admin-hero{background:linear-gradient(135deg,#ffffff 0%,#eefcf5 55%,#fff7de 100%)}
.admin-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.admin-stats-grid .stat-card{position:relative;overflow:hidden;min-height:132px}
.admin-stats-grid .stat-card::after{content:"";position:absolute;right:-32px;bottom:-38px;width:110px;height:110px;border-radius:999px;background:rgba(47,125,99,.08)}
.stat-card small{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:700}.stat-main{background:linear-gradient(135deg,#ffffff,#effaf3)}
.progress-panel{background:linear-gradient(135deg,#ffffff,#f3fff7)}.progress-big{font-size:32px;color:var(--green)}
.progress-track{width:100%;height:18px;background:#e8f0ec;border-radius:999px;overflow:hidden;border:1px solid #dbe7e2}.progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),#53b987);transition:width .35s ease}.small-track{height:12px;margin:14px 0 16px}
.admin-period-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-bottom:22px}.period-summary-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.period-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.period-summary-head h2{margin:0 0 8px;font-size:24px}.period-percent{min-width:68px;height:68px;display:grid;place-items:center;border-radius:22px;background:var(--mint);color:var(--green-dark);font-weight:900;font-size:20px}.mini-stat-row{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:15px;font-weight:800}.mini-stat-row span{background:#f7fbf9;border:1px solid var(--line);border-radius:999px;padding:6px 10px}.card-actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.card-actions-row .btn{flex:1}.activity-list{display:grid;gap:10px}.activity-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px}.activity-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:#f6f8f7;font-size:22px}.activity-icon.status-read,.activity-icon.status-kholas{background:#e9f8ef}.activity-icon.status-obstacle{background:#ffecec}.activity-row p{margin:2px 0 0}.rekap-hero{background:linear-gradient(135deg,#ffffff 0%,#f2fff7 50%,#fff6df 100%)}.recap-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.recap-stats .stat-card strong{font-size:30px}.copy-area{font-size:16px;line-height:1.65;border:1px solid var(--line);box-shadow:inset 0 2px 8px rgba(0,0,0,.03)}.enhanced-recap-row{align-items:center}.compact-person{margin-bottom:0;min-width:230px}.compact-person p{margin:0}.recap-juz-wrap{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.recap-juz{font-weight:900;border:1px solid transparent}.recap-juz.status-read,.recap-juz.status-kholas{border-color:#b9e9c8}.recap-juz.status-obstacle{border-color:#ffc4c4}.recap-juz.status-pending{background:#f5f7f6;border-color:#e1e7e4;color:#58645f}
@media (max-width:1100px){.admin-stats-grid,.recap-stats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.admin-stats-grid,.recap-stats{grid-template-columns:repeat(2,1fr)}.admin-period-grid{grid-template-columns:1fr}.activity-row{grid-template-columns:auto 1fr}.activity-row time{grid-column:2}.recap-juz-wrap{justify-content:flex-start;margin-top:12px}.compact-person{margin-bottom:10px}.progress-big{display:block;margin-top:12px}}
@media (max-width:520px){.admin-stats-grid,.recap-stats{grid-template-columns:1fr}.card-actions-row .btn{flex-basis:100%}.period-summary-head{display:block}.period-percent{margin-top:12px}.copy-area{font-size:14px}}

/* === Patch: Halaman Peserta Super Mudah untuk Lansia === */
.member-welcome-card{display:flex;justify-content:space-between;align-items:center;gap:22px;background:linear-gradient(135deg,#ffffff 0%,#effbf4 55%,#fff6dd 100%);border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow);margin-bottom:22px}.member-welcome-card h1{font-size:36px;line-height:1.15;margin:4px 0 10px}.member-welcome-card p{margin:0}.senior-focus-panel{background:#fff;border:2px solid #d8eee5;border-radius:30px;padding:28px;box-shadow:0 24px 60px rgba(47,125,99,.14);margin-bottom:22px}.senior-focus-panel h2{font-size:28px;margin:0 0 22px}.senior-juz-card{border:2px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#fff,#f8fffb);padding:26px;margin-top:18px}.senior-juz-card.status-read,.senior-juz-card.status-kholas{border-color:#8fe0af;background:linear-gradient(135deg,#f0fff5,#ffffff)}.senior-juz-card.status-obstacle{border-color:#ffb8b8;background:linear-gradient(135deg,#fff4f4,#ffffff)}.senior-juz-main{display:flex;gap:22px;align-items:center;margin-bottom:24px}.senior-emoji{width:84px;height:84px;border-radius:28px;background:#f4faf7;display:grid;place-items:center;font-size:44px;border:1px solid var(--line)}.senior-juz-title{font-size:54px;font-weight:900;line-height:1;color:var(--green-dark)}.senior-status-text{font-size:24px;font-weight:900;margin-top:8px}.senior-period-name,.senior-date{margin:4px 0 0}.senior-action-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.senior-action-btn{border:0;border-radius:24px;min-height:116px;padding:18px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:22px;box-shadow:0 12px 28px rgba(32,78,63,.08)}.senior-action-btn span{font-size:34px}.senior-action-btn.success{background:#2faa67;color:#fff}.senior-action-btn.danger{background:#fff0f0;color:#a93131;border:1px solid #ffc9c9}.senior-action-btn.neutral{background:#eef6f2;color:var(--green-dark)}.senior-progress-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:16px;background:linear-gradient(135deg,#ffffff,#f2fff7);border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--shadow);margin-bottom:22px}.senior-progress-card h2{font-size:36px;margin:2px 0}.senior-progress-circle{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:900;font-size:28px}.progress-track.full{grid-column:1/-1}.senior-next-panel h2{margin-top:0}.senior-next-list{display:grid;gap:10px}.senior-next-row{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px}.senior-next-row strong{font-size:22px;color:var(--green-dark)}.senior-next-row small{font-weight:800;color:var(--muted)}.senior-help-card{background:#fffaf0;border:1px dashed #e5c77d;border-radius:28px;padding:24px;margin-bottom:22px}.senior-help-card h2{margin-top:0}.senior-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.senior-help-grid div{background:#fff;border:1px solid #f0dfb7;border-radius:18px;padding:16px}.senior-help-grid strong{display:block;font-size:20px}.senior-help-grid span{display:block;color:var(--muted);margin-top:5px}.senior-details{border:1px solid var(--line);border-radius:22px;background:#fff;margin-bottom:14px;overflow:hidden}.senior-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-weight:900;font-size:21px;background:#f7fbf9}.senior-details summary::-webkit-details-marker{display:none}.senior-details summary small{font-size:14px;color:var(--muted)}.senior-mini-juz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:18px}.senior-mini-juz-grid.detail{padding:0}.senior-mini-juz{border:1px solid var(--line);border-radius:22px;padding:18px;background:#fff;display:grid;gap:10px}.senior-mini-juz.status-read,.senior-mini-juz.status-kholas{background:#effff5;border-color:#b4e8c4}.senior-mini-juz.status-obstacle{background:#fff4f4;border-color:#ffc9c9}.senior-mini-juz strong{font-size:24px;color:var(--green-dark)}.senior-mini-juz span{font-weight:800}.senior-mini-juz form{display:flex;flex-wrap:wrap;gap:8px}.senior-detail-card{padding:26px}.detail-status-actions{display:grid!important;grid-template-columns:1fr;gap:8px}.senior-empty h2{font-size:32px}.senior-all-panel{padding:24px}
@media (max-width:900px){.member-welcome-card{display:block;padding:24px}.member-welcome-card .btn{margin-top:14px;width:100%}.member-welcome-card h1{font-size:30px}.senior-focus-panel{padding:20px}.senior-juz-main{align-items:flex-start}.senior-juz-title{font-size:46px}.senior-action-grid{grid-template-columns:1fr}.senior-action-btn{min-height:92px;flex-direction:row;font-size:22px}.senior-progress-card{grid-template-columns:1fr}.senior-progress-circle{width:90px;height:90px;font-size:24px}.senior-next-row{grid-template-columns:1fr}.senior-help-grid{grid-template-columns:1fr}.senior-mini-juz-grid{grid-template-columns:1fr;padding:14px}.senior-details summary{display:block}.senior-details summary small{display:block;margin-top:4px}.senior-emoji{width:70px;height:70px;font-size:36px}}
@media (max-width:520px){.senior-juz-main{display:block}.senior-emoji{margin-bottom:14px}.senior-juz-title{font-size:42px}.senior-status-text{font-size:22px}.senior-action-btn{font-size:20px}.senior-focus-panel h2{font-size:24px}}

/* === TEMA FINAL ISLAMI PREMIUM === */
:root{
    --green:#2f7d5a;
    --green-dark:#18563d;
    --emerald:#167a56;
    --mint:#eaf7ef;
    --mint-2:#dff4ea;
    --cream:#fbf6e8;
    --ivory:#fffdf6;
    --gold:#c9a54c;
    --gold-soft:#f3df9f;
    --rose:#fff1f1;
    --red:#c04a45;
    --text:#1e3028;
    --muted:#64746d;
    --line:#dfece5;
    --card:#ffffff;
    --shadow:0 22px 65px rgba(29,92,66,.13);
    --shadow-soft:0 10px 28px rgba(29,92,66,.08);
    --radius:28px;
}
html{scroll-behavior:smooth}
body{
    font-family:"Trebuchet MS",Arial,system-ui,-apple-system,Segoe UI,sans-serif;
    background:
        radial-gradient(circle at top left, rgba(201,165,76,.18), transparent 34%),
        radial-gradient(circle at top right, rgba(47,125,90,.18), transparent 32%),
        linear-gradient(135deg,#f5fbf7 0%,#fff8e8 100%);
    overflow-x:hidden;
}
.islamic-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:url('../img/islamic-pattern.svg');background-size:240px 240px;opacity:.20;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.24));}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.74),rgba(255,255,255,.48));}
.topbar{height:82px;background:rgba(255,255,255,.84);box-shadow:0 8px 30px rgba(29,92,66,.06);border-bottom:1px solid rgba(47,125,90,.10)}
.brand-logo{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(47,125,90,.16))}.brand-icon{display:none}.brand strong{font-size:24px;letter-spacing:-.03em}.brand small{color:var(--green);font-weight:700}.top-user{background:rgba(255,255,255,.72);border:1px solid rgba(47,125,90,.10);border-radius:999px;padding:8px 10px 8px 14px;box-shadow:var(--shadow-soft)}.top-user-text{display:grid;line-height:1.1;text-align:right}.top-user-text strong{font-size:16px}.top-user-text small{font-size:12px;color:var(--muted)}.avatar-mini{background:linear-gradient(135deg,var(--green),var(--gold));box-shadow:0 8px 18px rgba(47,125,90,.22)}
.sidebar{top:82px;width:272px;padding:22px;background:rgba(255,255,255,.64);backdrop-filter:blur(18px);border-right:1px solid rgba(47,125,90,.10)}.main-content{margin-left:272px;padding:34px}.guest-main{margin-left:0}.sidebar-card{border:1px solid rgba(201,165,76,.25);background:linear-gradient(135deg,#fff,#fff8e5);border-radius:24px;padding:17px;margin-bottom:18px;box-shadow:var(--shadow-soft)}.sidebar-bismillah{font-size:22px;color:var(--green-dark);font-weight:800;text-align:center;line-height:1.1}.sidebar-card small{display:block;margin-top:8px;color:var(--muted);font-size:12px;text-align:center}.nav-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:19px;margin-bottom:10px;font-weight:800;transition:.18s ease;border:1px solid transparent}.nav-icon{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:#fff;box-shadow:0 6px 14px rgba(29,92,66,.08)}.nav-link:hover{transform:translateX(3px);background:#fff;border-color:rgba(47,125,90,.10)}.nav-link.active{background:linear-gradient(135deg,var(--mint),#fff8e5);border-color:rgba(47,125,90,.16);box-shadow:var(--shadow-soft);color:var(--green-dark)}.nav-title{font-size:12px;color:#9a7a2e;font-weight:900;letter-spacing:.16em}.btn{border-radius:18px;box-shadow:0 8px 18px rgba(29,92,66,.08);transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--green),#1f8d61);box-shadow:0 13px 28px rgba(47,125,90,.22)}.btn-light{background:linear-gradient(135deg,#f2fbf6,#fffaf0);color:var(--green-dark);border:1px solid rgba(47,125,90,.09)}.btn-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:12px;background:rgba(255,255,255,.36)}
.hero-card,.period-card,.panel,.empty-card,.stat-card,.senior-focus-panel,.member-welcome-card{border-color:rgba(47,125,90,.10);box-shadow:var(--shadow)}.hero-card{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(241,252,246,.94) 55%,rgba(255,248,225,.96))}.islamic-ornament-card{position:relative;overflow:hidden}.islamic-ornament-card::before{content:"";position:absolute;right:-58px;top:-76px;width:240px;height:240px;background:url('../img/islamic-pattern.svg') center/cover no-repeat;opacity:.18;transform:rotate(12deg)}.islamic-ornament-card>*{position:relative}.arabic-mini{display:inline-flex;margin:0 0 8px;padding:6px 12px;border-radius:999px;background:rgba(201,165,76,.12);border:1px solid rgba(201,165,76,.20);color:#8a6f2e;font-weight:900;font-size:18px}.eyebrow{color:var(--emerald);letter-spacing:.16em}h1,h2,h3{letter-spacing:-.035em}.hero-card h1,.member-welcome-card h1{color:#193529}.muted{color:#66776f}.stat-card{position:relative;overflow:hidden;background:rgba(255,255,255,.93)}.stat-card::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--green),var(--gold));opacity:.72}.stat-icon{position:absolute;right:18px;top:18px;width:44px;height:44px;border-radius:17px;background:var(--mint);display:grid!important;place-items:center;font-size:22px;color:var(--green-dark);box-shadow:var(--shadow-soft)}.stat-icon.success{background:#eafff0}.stat-icon.danger{background:#fff0ee}.stat-icon.gold-icon{background:#fff5d3}.stat-icon.muted-icon{background:#f1f5f3}.stat-card strong{font-size:38px;color:var(--green-dark)}.progress-track{height:20px;background:#edf3ef;border-color:#d9e8df}.progress-track span{background:linear-gradient(90deg,#2f7d5a,#42b77d,#c9a54c)}.dua-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#fffdf5,#f2fff7);border:1px solid rgba(201,165,76,.26);border-radius:26px;padding:18px 22px;margin-bottom:22px;box-shadow:var(--shadow-soft)}.dua-icon{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:#fff4cc;font-size:24px}.dua-card strong{display:block;color:var(--green-dark);font-size:20px}.dua-card p{margin:3px 0 0;color:var(--muted)}
.login-wrap.islamic-login-wrap{min-height:calc(100vh - 82px);grid-template-columns:minmax(320px,540px) minmax(320px,480px);gap:28px;align-items:center}.login-hero-panel{min-height:560px;background:linear-gradient(135deg,rgba(47,125,90,.95),rgba(24,86,61,.94));color:#fff;border-radius:36px;padding:42px;box-shadow:0 30px 80px rgba(29,92,66,.24);position:relative;overflow:hidden}.login-hero-panel::before{content:"";position:absolute;inset:-30px;background:url('../img/islamic-pattern.svg') center/260px repeat;opacity:.18}.login-hero-panel>*{position:relative}.login-logo-wrap{width:96px;height:96px;border-radius:30px;background:#fff;display:grid;place-items:center;margin-bottom:22px;box-shadow:0 18px 36px rgba(0,0,0,.18)}.login-logo-wrap img{width:82px;height:82px}.login-hero-panel h1{font-size:44px;line-height:1.08;margin:0 0 16px}.login-hero-panel p{font-size:20px;opacity:.92}.login-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.login-feature-grid div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:16px}.login-feature-grid span{font-size:28px}.login-feature-grid strong{display:block;margin-top:8px}.login-feature-grid small{display:block;margin-top:4px;opacity:.82}.islamic-login-card{padding:36px;border-radius:34px;background:rgba(255,255,255,.93);border:1px solid rgba(47,125,90,.12)}.islamic-login-card h2{font-size:34px;margin:0 0 8px}.bismillah{color:var(--gold);font-weight:900}.login-note{margin-top:18px;background:linear-gradient(135deg,#fffaf0,#f4fff8)}input,select,textarea{border-color:#dce9e2;background:rgba(255,255,255,.94);box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(47,125,90,.14);border-color:rgba(47,125,90,.45)}.senior-focus-panel.islamic-focus-panel{background:linear-gradient(135deg,#ffffff,#f2fff7 55%,#fff8e6);border:2px solid rgba(47,125,90,.16)}.senior-juz-card{background:rgba(255,255,255,.94);box-shadow:var(--shadow-soft)}.senior-action-btn.success{background:linear-gradient(135deg,#26a868,#168454)}.senior-action-btn.danger{background:linear-gradient(135deg,#fff6f6,#ffe7e7)}.senior-action-btn.neutral{background:linear-gradient(135deg,#f3faf6,#fff8e8)}.senior-progress-circle{background:conic-gradient(from 180deg,var(--green),#4dbb80,var(--gold),var(--green));box-shadow:0 14px 30px rgba(47,125,90,.18)}.recap-juz{border-radius:13px;box-shadow:0 2px 8px rgba(29,92,66,.05)}.copy-area{background:linear-gradient(135deg,#ffffff,#fffdf5);border-radius:22px}.alert{box-shadow:var(--shadow-soft)}
@media(max-width:1100px){.login-wrap.islamic-login-wrap{grid-template-columns:1fr}.login-hero-panel{min-height:auto}.login-feature-grid{grid-template-columns:1fr 1fr 1fr}.main-content{padding:24px}}
@media(max-width:900px){.topbar{height:72px}.brand-logo{width:46px;height:46px}.sidebar{top:auto;width:auto;padding:9px;background:rgba(255,255,255,.88)}.sidebar-card{display:none}.main-content{margin-left:0;padding:18px 14px 96px}.nav-link{gap:8px}.nav-icon{width:28px;height:28px}.islamic-ornament-card::before{width:180px;height:180px;right:-70px;top:-70px}.login-wrap.islamic-login-wrap{min-height:auto;padding:18px}.login-hero-panel{padding:26px;border-radius:28px}.login-hero-panel h1{font-size:34px}.login-hero-panel p{font-size:18px}.login-feature-grid{grid-template-columns:1fr}.top-user{padding:6px}.hero-card,.member-welcome-card{border-radius:24px}.stat-icon{position:static;margin-bottom:10px}.stat-card strong{font-size:34px}}
@media(max-width:520px){body{font-size:17px}.brand strong{font-size:18px}.brand small{display:none}.topbar{padding:0 12px}.btn-sm{font-size:13px}.login-hero-panel{display:none}.islamic-login-card{padding:24px;border-radius:26px}.islamic-login-card h2{font-size:28px}.bismillah{font-size:18px}.sidebar nav{gap:6px}.nav-link{font-size:15px;padding:10px 12px}.nav-icon{display:none}.dua-card{display:block}.dua-icon{margin-bottom:10px}.arabic-mini{font-size:16px}.senior-action-btn{border-radius:20px}}