:root{--dd-primary:#1B5E4B;--dd-primary-dark:#155F45;--dd-primary-light:#1B7D5A;--dd-gold:#C8963E;--dd-bg-cream:#FAF6F0;--dd-bg-beige:#F5EDE3;--dd-bg-card:#FFF;--dd-border:#DDD5C8;--dd-border-light:#E8DFD3;--dd-text:#4A4A4A;--dd-text-dark:#2D2D2D;--dd-text-light:#7A7A7A;--dd-success:#27AE60;--dd-radius:16px;--dd-radius-sm:10px;--dd-shadow:0 2px 12px rgba(0,0,0,.06);--dd-font-serif:'Playfair Display',Georgia,serif;--dd-font-sans:'Plus Jakarta Sans','Inter',-apple-system,sans-serif}

/* ===== GRID ===== */
.dayah-cards-grid{display:grid;gap:24px;padding:20px 0}.dayah-cols-1{grid-template-columns:1fr}.dayah-cols-2{grid-template-columns:repeat(2,1fr)}.dayah-cols-3{grid-template-columns:repeat(3,1fr)}.dayah-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.dayah-cols-2,.dayah-cols-3,.dayah-cols-4{grid-template-columns:1fr}}

/* ===== CARD ===== */
.dayah-card{background:var(--dd-bg-card);border-radius:var(--dd-radius);padding:32px 28px;position:relative;box-shadow:var(--dd-shadow);border:1px solid var(--dd-border-light);transition:transform .2s,box-shadow .2s}.dayah-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px rgba(0,0,0,.1)}
.dayah-card-badge{position:absolute;top:20px;right:20px;background:var(--dd-bg-beige);color:var(--dd-text);font-size:12px;font-weight:600;padding:6px 16px;border-radius:20px;font-family:var(--dd-font-sans);border:1px solid var(--dd-border)}
.dayah-card-icon{width:56px;height:56px;background:var(--dd-bg-beige);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--dd-primary)}.dayah-card-icon svg{width:28px;height:28px}
.dayah-card-title{font-family:var(--dd-font-serif);font-size:24px;font-weight:700;color:var(--dd-text-dark);margin:0 0 6px;line-height:1.2}
.dayah-card-price{color:var(--dd-gold);font-size:14px;font-weight:600;font-family:var(--dd-font-sans);margin-bottom:12px}
.dayah-card-desc{color:var(--dd-text);font-size:14px;line-height:1.7;font-family:var(--dd-font-sans);margin-bottom:24px}

/* ===== PROGRESS ===== */
.dayah-card-progress{margin-bottom:24px}.dayah-progress-header{display:flex;justify-content:space-between;margin-bottom:8px}.dayah-progress-label{font-size:13px;color:var(--dd-text-light);font-family:var(--dd-font-sans)}.dayah-progress-persen{font-size:14px;font-weight:700;color:var(--dd-gold);font-family:var(--dd-font-sans)}
.dayah-progress-bar{height:10px;background:var(--dd-border-light);border-radius:5px;overflow:hidden}.dayah-progress-fill{height:100%;background:linear-gradient(90deg,var(--dd-primary),var(--dd-gold));border-radius:5px;transition:width 1s ease}.dayah-progress-fill.dayah-fill-exceeded{background:linear-gradient(90deg,var(--dd-success),#2ECC71)}
.dayah-progress-footer{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--dd-text-light);font-family:var(--dd-font-sans)}
.dayah-exceed-badge{display:inline-block;background:#E8F5E9;color:#2E7D32;font-size:12px;font-weight:700;padding:4px 12px;border-radius:12px;margin-top:8px;font-family:var(--dd-font-sans)}
.dayah-exceed-notice{background:#E8F5E9;border:1px solid #A5D6A7;border-radius:var(--dd-radius-sm);padding:14px 18px;margin-top:12px;font-size:14px;color:#2E7D32;font-family:var(--dd-font-sans);line-height:1.6}
.dayah-umum-card-info{margin-bottom:24px;padding:16px;background:var(--dd-bg-beige);border-radius:var(--dd-radius-sm);font-family:var(--dd-font-sans)}.dayah-umum-label{display:block;font-size:13px;color:var(--dd-text-light);margin-bottom:4px}.dayah-umum-total{display:block;font-size:16px;font-weight:700;color:var(--dd-primary)}
.dayah-umum-info{padding:16px;background:var(--dd-bg-beige);border-radius:var(--dd-radius-sm);margin-top:16px;font-family:var(--dd-font-sans)}.dayah-umum-desc{font-size:13px;color:var(--dd-text-light);font-style:italic}

/* ===== BUTTONS ===== */
.dayah-btn-donate{display:inline-flex;align-items:center;gap:8px;background:var(--dd-primary-light);color:#fff!important;padding:14px 28px;border-radius:30px;font-size:15px;font-weight:600;font-family:var(--dd-font-sans);text-decoration:none!important;border:none;cursor:pointer;transition:background .2s}.dayah-btn-donate:hover{background:var(--dd-primary-dark);color:#fff!important}.dayah-btn-full{width:100%;justify-content:center;font-size:16px;padding:16px;border-radius:12px}

/* ===== SECTIONS ===== */
.dayah-section{background:var(--dd-bg-cream);border-radius:var(--dd-radius);padding:36px 32px;margin-bottom:28px}.dayah-section-title{font-family:var(--dd-font-serif);font-size:22px;font-weight:700;color:var(--dd-text-dark);margin:0 0 4px}.dayah-section-subtitle{font-size:14px;color:var(--dd-text-light);font-family:var(--dd-font-sans);margin:0 0 24px}
.dayah-content-body{font-size:15px;line-height:1.85;color:var(--dd-text);font-family:var(--dd-font-sans)}.dayah-content-body p{margin-bottom:16px}

/* ===== ANGGARAN ===== */
.dayah-anggaran-list{background:var(--dd-bg-beige);border-radius:var(--dd-radius-sm);padding:20px 24px;border-left:3px solid var(--dd-primary)}.dayah-anggaran-item{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid var(--dd-border-light);font-family:var(--dd-font-sans)}.dayah-anggaran-item:last-child{border-bottom:none}.dayah-anggaran-check{width:24px;height:24px;background:var(--dd-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;margin-right:14px;flex-shrink:0}.dayah-anggaran-name{flex:1;font-size:15px;color:var(--dd-text-dark)}.dayah-anggaran-amount{font-size:15px;font-weight:600;color:var(--dd-text-dark);text-align:right}.dayah-anggaran-total{display:flex;align-items:center;padding:18px 0 0;margin-top:10px;border-top:2px solid var(--dd-primary);font-family:var(--dd-font-sans)}

/* ===== ENTRIES LIST ===== */
.dayah-entries-list{border-left:3px solid var(--dd-primary);padding-left:24px;margin-bottom:24px}.dayah-entry-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--dd-border-light);font-family:var(--dd-font-sans)}.dayah-entry-item:last-child{border-bottom:none}.dayah-entry-name{font-weight:700;color:var(--dd-text-dark);font-size:15px;display:block}.dayah-entry-date{font-size:13px;color:var(--dd-text-light);display:block;margin-top:2px}.dayah-entry-amount{font-weight:700;color:var(--dd-text-dark);font-size:16px;white-space:nowrap}
.dayah-monthly-total{text-align:center;padding-top:24px;border-top:1px solid var(--dd-border);font-family:var(--dd-font-sans)}.dayah-total-label{font-size:12px;letter-spacing:1px;color:var(--dd-text-light);display:block;margin-bottom:6px}.dayah-total-amount{font-family:var(--dd-font-serif);font-size:32px;font-weight:700;color:var(--dd-text-dark);display:block}.dayah-total-persen{font-size:13px;color:var(--dd-text-light);display:block;margin-top:8px}

/* ===== PAYMENT ===== */
.dayah-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.dayah-payment-grid{grid-template-columns:1fr}}.dayah-payment-card{background:var(--dd-bg-card);border-radius:var(--dd-radius-sm);padding:28px 24px;border:1px solid var(--dd-border-light)}.dayah-payment-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--dd-primary)}.dayah-payment-header h3{font-family:var(--dd-font-sans);font-size:18px;font-weight:700;color:var(--dd-text-dark);margin:0}
.dayah-bank-item{background:var(--dd-bg-cream);border-radius:8px;padding:14px 16px;margin-bottom:10px}.dayah-bank-label{display:block;font-size:11px;color:var(--dd-text-light);font-weight:600;letter-spacing:.5px;margin-bottom:4px;font-family:var(--dd-font-sans)}.dayah-bank-number{display:flex;align-items:center;justify-content:space-between;gap:10px}.dayah-bank-number span{font-size:16px;font-weight:700;color:var(--dd-text-dark);font-family:var(--dd-font-sans);letter-spacing:1px}
.dayah-copy-btn{background:var(--dd-primary-light);color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--dd-font-sans);transition:background .2s;white-space:nowrap}.dayah-copy-btn:hover{background:var(--dd-primary-dark)}.dayah-copy-btn.copied{background:var(--dd-success)}.dayah-copy-btn.ghost{background:transparent;color:var(--dd-primary);border:1px solid var(--dd-primary)}.dayah-copy-btn.ghost:hover{background:var(--dd-primary);color:#fff}
.dayah-bank-nama{font-size:13px;color:var(--dd-text-light);font-family:var(--dd-font-sans);margin-top:8px}
.dayah-qris-container{text-align:center;padding:16px;border:2px dashed var(--dd-border);border-radius:var(--dd-radius-sm);margin-bottom:12px}.dayah-qris-image{max-width:220px;width:100%;height:auto}.dayah-qris-info{font-size:13px;color:var(--dd-text-light);text-align:center;font-family:var(--dd-font-sans)}

/* ===== FORM ===== */
.dayah-form-row{display:flex;gap:16px}.dayah-form-group{margin-bottom:18px}.dayah-form-group.dayah-half{flex:1}@media(max-width:600px){.dayah-form-row{flex-direction:column;gap:0}}.dayah-form-group label{display:block;font-size:14px;font-weight:600;color:var(--dd-text-dark);margin-bottom:6px;font-family:var(--dd-font-sans)}.dayah-input{width:100%;padding:12px 16px;border:1px solid var(--dd-border);border-radius:8px;font-size:15px;font-family:var(--dd-font-sans);background:var(--dd-bg-card);color:var(--dd-text-dark);transition:border-color .2s;box-sizing:border-box}.dayah-input:focus{outline:none;border-color:var(--dd-primary);box-shadow:0 0 0 3px rgba(27,94,75,.1)}select.dayah-input{appearance:auto}input[type="file"].dayah-input{padding:10px}
.dayah-form-message{margin-top:16px;padding:14px 18px;border-radius:8px;font-size:14px;font-family:var(--dd-font-sans)}.dayah-form-message.success{background:#EAFAF1;color:#1E8449;border:1px solid #ABEBC6}.dayah-form-message.error{background:#FDEDEC;color:#C0392B;border:1px solid #F5B7B1}
.dayah-empty{text-align:center;color:var(--dd-text-light);font-style:italic;padding:24px 0;font-family:var(--dd-font-sans)}

/* ===== SINGLE PAGE HERO ===== */
.dayah-single-hero{text-align:center;padding:40px 0 32px;margin-bottom:28px}
.dayah-hero-icon{width:72px;height:72px;background:var(--dd-bg-beige);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--dd-primary);margin-bottom:20px}
.dayah-hero-title{font-family:var(--dd-font-serif);font-size:36px;font-weight:700;color:var(--dd-text-dark);margin:0 0 12px;line-height:1.2}
.dayah-hero-badge{display:inline-block;background:var(--dd-bg-beige);color:var(--dd-text);font-size:13px;font-weight:600;padding:6px 20px;border-radius:20px;font-family:var(--dd-font-sans);border:1px solid var(--dd-border);margin-bottom:12px}
.dayah-hero-price{color:var(--dd-gold);font-size:18px;font-weight:600;font-family:var(--dd-font-serif);margin-top:8px}
.dayah-hero-divider{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--dd-gold)}.dayah-hero-divider::before,.dayah-hero-divider::after{content:'';width:60px;height:1px;background:var(--dd-border)}
.dayah-breadcrumb{font-size:14px;color:var(--dd-text-light);font-family:var(--dd-font-sans);margin-bottom:32px}.dayah-breadcrumb a{color:var(--dd-text-light);text-decoration:none}.dayah-breadcrumb a:hover{color:var(--dd-primary)}.dayah-breadcrumb span{margin:0 8px;color:var(--dd-border)}.dayah-breadcrumb strong{color:var(--dd-text-dark)}

/* ===== CTA BUTTONS ===== */
.dayah-cta-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.dayah-btn-cta{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;font-family:var(--dd-font-sans);text-decoration:none!important;transition:all .2s;cursor:pointer;border:2px solid transparent}
.dayah-btn-cta-primary{background:var(--dd-primary);color:#fff!important;border-color:var(--dd-primary)}.dayah-btn-cta-primary:hover{background:var(--dd-primary-dark);color:#fff!important}
.dayah-btn-cta-outline{background:transparent;color:var(--dd-text-dark)!important;border-color:var(--dd-border)}.dayah-btn-cta-outline:hover{border-color:var(--dd-primary);color:var(--dd-primary)!important}

/* ===== DONASI LAINNYA ===== */
.dayah-others-section{padding:28px 0}.dayah-others-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}@media(max-width:600px){.dayah-others-grid{grid-template-columns:1fr}}
.dayah-other-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--dd-bg-card);border-radius:var(--dd-radius-sm);border:1px solid var(--dd-border-light);text-decoration:none!important;transition:all .2s}.dayah-other-card:hover{border-color:var(--dd-primary);box-shadow:0 4px 16px rgba(0,0,0,.08)}
.dayah-other-icon{width:48px;height:48px;background:var(--dd-bg-beige);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.dayah-other-info{display:flex;flex-direction:column;gap:2px}.dayah-other-info strong{font-size:15px;color:var(--dd-text-dark);font-family:var(--dd-font-sans)}.dayah-other-info span{font-size:13px;color:var(--dd-text-light);font-family:var(--dd-font-sans)}.dayah-other-link{color:var(--dd-gold)!important;font-weight:600;margin-top:4px}

/* ================================================================
   INVOICE / TRANSFER PAGE
   ================================================================ */
.dayah-invoice-wrap{max-width:520px;margin:0 auto;font-family:var(--dd-font-sans)}

/* Status header */
.dayah-invoice-status{text-align:center;padding:24px 0 16px}
.dayah-invoice-status-icon{font-size:40px;margin-bottom:8px}
.dayah-invoice-status p{font-size:16px;font-weight:600;color:var(--dd-gold);margin:0}

/* Success state */
.dayah-invoice-success{text-align:center;padding:40px 24px;background:#E8F5E9;border-radius:var(--dd-radius);margin-bottom:24px}
.dayah-invoice-success-icon{width:64px;height:64px;background:var(--dd-success);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:16px}
.dayah-invoice-success h2{font-family:var(--dd-font-serif);color:#2E7D32;margin:0 0 8px}
.dayah-invoice-success p{color:#4A4A4A;margin:0}

/* Invoice boxes */
.dayah-invoice-box{background:var(--dd-bg-card);border:1px solid var(--dd-border-light);border-radius:12px;padding:20px 24px;margin-bottom:16px}
.dayah-invoice-box-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.dayah-invoice-box-label{font-size:12px;color:var(--dd-text-light);font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}
.dayah-invoice-bank-name{font-size:18px;font-weight:700;color:var(--dd-primary)}
.dayah-invoice-bank-number{font-size:28px;font-weight:700;color:var(--dd-text-dark);letter-spacing:2px;margin:8px 0}
.dayah-invoice-bank-method{font-size:14px;color:var(--dd-text-light);margin-bottom:2px}
.dayah-invoice-bank-holder{font-size:14px;color:var(--dd-text)}

/* Amount box */
.dayah-invoice-amount-box{text-align:center;background:var(--dd-bg-cream);border-color:var(--dd-gold)}
.dayah-invoice-amount{font-family:var(--dd-font-serif);font-size:32px;font-weight:700;color:var(--dd-primary);margin:8px 0 12px}

/* QRIS invoice */
.dayah-invoice-qris{text-align:center;padding:16px;margin-bottom:12px}
.dayah-invoice-qris img{max-width:240px;width:100%;border-radius:8px}
.dayah-invoice-hint{font-size:13px;color:var(--dd-text-light);text-align:center;margin:0}

/* Note */
.dayah-invoice-note{font-size:13px;color:var(--dd-text-light);font-style:italic;text-align:center;padding:8px 0 20px;line-height:1.6}

/* Confirm / Upload proof section */
.dayah-invoice-confirm{background:var(--dd-bg-cream);border-radius:var(--dd-radius);padding:28px 24px;margin-bottom:20px;text-align:center}
.dayah-invoice-confirm h3{font-family:var(--dd-font-sans);font-size:14px;font-weight:700;letter-spacing:1px;color:var(--dd-primary);margin:0 0 8px;text-transform:uppercase}
.dayah-invoice-confirm>p{font-size:14px;color:var(--dd-text-light);margin:0 0 20px}

/* Proof dropzone */
.dayah-proof-dropzone{border:2px dashed var(--dd-border);border-radius:12px;padding:32px 20px;cursor:pointer;text-align:center;transition:all .2s;background:var(--dd-bg-card)}
.dayah-proof-dropzone:hover,.dayah-proof-dropzone.dragover{border-color:var(--dd-primary);background:#F0FAF5}
.dayah-proof-icon{font-size:32px;margin-bottom:8px}
.dayah-proof-dropzone p{font-size:14px;color:var(--dd-text);margin:0 0 4px;font-weight:600}
.dayah-proof-dropzone small{font-size:12px;color:var(--dd-text-light)}

/* Proof preview */
.dayah-proof-preview{text-align:center;position:relative;display:inline-block}
.dayah-proof-preview img{max-width:280px;width:100%;border-radius:8px;border:1px solid var(--dd-border)}
.dayah-proof-remove{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}

/* Invoice info */
.dayah-invoice-info{background:var(--dd-bg-card);border:1px solid var(--dd-border-light);border-radius:12px;padding:16px 20px;margin-top:20px}
.dayah-invoice-info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:14px}
.dayah-invoice-info-row:last-child{border-bottom:none}
.dayah-invoice-info-row span{color:var(--dd-text-light)}
.dayah-invoice-info-row strong{color:var(--dd-text-dark)}
.dayah-invoice-status-waiting{color:var(--dd-gold)!important}
.dayah-invoice-status-confirmed{color:var(--dd-success)!important}
.dayah-invoice-status-rejected{color:#E74C3C!important}