:root{--ddb-primary:#0f6f9f;--ddb-primary-dark:#095273;--ddb-accent:#21a179;--ddb-text:#173042;--ddb-muted:#667784;--ddb-line:#dfe8ed;--ddb-bg:#f4f8fa;--ddb-white:#fff;--ddb-danger:#b42318;--ddb-warning:#a15c00;--ddb-radius:18px;--ddb-shadow:0 16px 44px rgba(21,57,76,.10)}
.ddb-campaign-grid{display:grid;grid-template-columns:repeat(var(--ddb-cols,3),minmax(0,1fr));gap:24px}.ddb-campaign-card,.ddb-donation-box,.ddb-progress-box,.ddb-zakat-calculator,.ddb-status-box,.ddb-donors{box-sizing:border-box;background:var(--ddb-white);border:1px solid var(--ddb-line);border-radius:var(--ddb-radius);box-shadow:var(--ddb-shadow);overflow:hidden}.ddb-card-image{display:block;position:relative;aspect-ratio:16/10;background:#dfeef4}.ddb-card-image img{width:100%;height:100%;object-fit:cover}.ddb-image-placeholder{display:grid;height:100%;place-items:center;font-weight:700;color:var(--ddb-primary)}.ddb-type-badge{position:absolute;left:16px;top:16px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.94);font-size:12px;font-weight:700;color:var(--ddb-primary)}.ddb-card-body{padding:20px}.ddb-card-body h3{font-size:21px;line-height:1.3;margin:0 0 10px}.ddb-card-body h3 a{color:var(--ddb-text);text-decoration:none}.ddb-card-body p{color:var(--ddb-muted);margin:0 0 16px}.ddb-card-meta,.ddb-progress-numbers,.ddb-progress-caption{display:flex;align-items:center;justify-content:space-between;gap:16px}.ddb-card-meta{margin-top:12px}.ddb-card-meta strong{color:var(--ddb-primary)}.ddb-card-meta span,.ddb-card-body small,.ddb-progress-caption{color:var(--ddb-muted)}.ddb-progress{height:9px;background:#e8f0f3;border-radius:999px;overflow:hidden}.ddb-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--ddb-primary),var(--ddb-accent));border-radius:inherit}.ddb-progress-large{height:13px;margin:20px 0 8px}.ddb-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid var(--ddb-line);border-radius:12px;background:#fff;color:var(--ddb-text);font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:.2s ease}.ddb-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(23,48,66,.12)}.ddb-button-primary{background:var(--ddb-primary);border-color:var(--ddb-primary);color:#fff}.ddb-button-primary:hover{background:var(--ddb-primary-dark);color:#fff}.ddb-button-block{display:flex;width:100%;box-sizing:border-box;margin-top:16px}.ddb-progress-box,.ddb-donation-box,.ddb-zakat-calculator,.ddb-status-box,.ddb-donors{padding:26px}.ddb-progress-numbers strong{display:block;font-size:24px;color:var(--ddb-text)}.ddb-progress-numbers span{display:block;color:var(--ddb-muted);font-size:13px}.ddb-donation-box h2,.ddb-zakat-calculator h2,.ddb-status-box h2{margin:0 0 22px;color:var(--ddb-text)}.ddb-field{margin:0 0 16px}.ddb-field label{display:block;margin:0 0 7px;font-weight:700;color:var(--ddb-text)}.ddb-field input,.ddb-field textarea,.ddb-field select{width:100%;box-sizing:border-box;border:1px solid #cbd9df;border-radius:11px;padding:12px 13px;background:#fff;color:var(--ddb-text);font:inherit}.ddb-field input:focus,.ddb-field textarea:focus{outline:3px solid rgba(15,111,159,.12);border-color:var(--ddb-primary)}.ddb-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ddb-money-input{display:flex;align-items:center;border:1px solid #cbd9df;border-radius:11px;overflow:hidden}.ddb-money-input span{padding:0 13px;font-weight:800;color:var(--ddb-primary)}.ddb-money-input input{border:0;border-left:1px solid #e2e9ed;border-radius:0}.ddb-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.ddb-presets button{padding:9px 12px;border:1px solid var(--ddb-line);background:#fff;border-radius:999px;cursor:pointer;color:var(--ddb-primary);font-weight:700}.ddb-checkbox{display:flex;align-items:center;gap:8px;margin:8px 0 18px}.ddb-payment-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ddb-payment-group-title{grid-column:1/-1;margin-top:7px;font-weight:800;color:var(--ddb-text)}.ddb-channel{position:relative}.ddb-channel>input{position:absolute;opacity:0;pointer-events:none}.ddb-channel>span{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:13px;border:1px solid var(--ddb-line);border-radius:13px;cursor:pointer;height:100%;box-sizing:border-box}.ddb-channel img,.ddb-bank-mark{grid-row:1/3;width:38px;height:38px;object-fit:contain;border-radius:9px;background:#eef6f9;display:grid;place-items:center;font-size:11px;font-weight:900;color:var(--ddb-primary)}.ddb-channel strong{font-size:14px}.ddb-channel small{color:var(--ddb-muted)}.ddb-channel input:checked+span{border-color:var(--ddb-primary);box-shadow:0 0 0 3px rgba(15,111,159,.11);background:#f5fbfd}.ddb-package-options{display:grid;gap:10px}.ddb-package-option{position:relative}.ddb-package-option input{position:absolute;opacity:0}.ddb-package-option span{display:grid;grid-template-columns:1fr auto;gap:4px 15px;padding:14px;border:1px solid var(--ddb-line);border-radius:13px;cursor:pointer}.ddb-package-option input:checked+span{border-color:var(--ddb-primary);background:#f5fbfd}.ddb-package-option em{font-style:normal;font-weight:800;color:var(--ddb-primary)}.ddb-package-option small{grid-column:1/-1;color:var(--ddb-muted)}.ddb-package-option.is-sold-out{opacity:.48}.ddb-total-preview,.ddb-exact-amount{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;background:var(--ddb-bg);border-radius:12px;margin-bottom:16px}.ddb-total-preview strong,.ddb-exact-amount strong{font-size:20px;color:var(--ddb-primary)}.ddb-secure-note,.ddb-disclaimer{display:block;margin-top:12px;color:var(--ddb-muted);line-height:1.5}.ddb-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.ddb-form-message{min-height:20px;margin:10px 0;font-weight:700}.ddb-form-message.is-error{color:var(--ddb-danger)}.ddb-form-message.is-success{color:var(--ddb-accent)}.ddb-alert{padding:13px 15px;border-radius:11px;background:#eef7fb;color:var(--ddb-text);margin:0 0 16px}.ddb-alert-error{background:#fff1f0;color:var(--ddb-danger)}.ddb-alert-warning{background:#fff7e8;color:var(--ddb-warning)}.ddb-manual-accounts{display:grid;gap:12px}.ddb-bank-card{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--ddb-line);border-radius:14px;background:#fff}.ddb-bank-card>div{min-width:0;flex:1}.ddb-bank-card strong,.ddb-bank-card code,.ddb-bank-card small{display:block}.ddb-bank-card code{font-size:20px;font-weight:900;color:var(--ddb-text);background:transparent;padding:3px 0}.ddb-bank-card small{color:var(--ddb-muted)}.ddb-copy{border:1px solid var(--ddb-line);background:#fff;color:var(--ddb-primary);border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:700}.ddb-manual-instructions{background:var(--ddb-bg);padding:18px;border-radius:14px;margin:16px 0}.ddb-status-box{max-width:720px;margin:30px auto}.ddb-status-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e9f5f9;color:var(--ddb-primary);font-size:26px;font-weight:900}.ddb-status-paid .ddb-status-icon{background:#e9f8f1;color:var(--ddb-accent)}.ddb-status-box dl{display:grid;grid-template-columns:minmax(110px,35%) 1fr;gap:10px 16px;margin:20px 0}.ddb-status-box dt{color:var(--ddb-muted)}.ddb-status-box dd{margin:0;font-weight:700;color:var(--ddb-text)}.ddb-qr{display:block;max-width:230px;margin:18px auto}.ddb-donors article{padding:14px 0;border-top:1px solid var(--ddb-line)}.ddb-donors article>div{display:flex;justify-content:space-between;gap:15px}.ddb-donors p{color:var(--ddb-muted)}.ddb-public-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ddb-public-stats>div{text-align:center;padding:22px;border-radius:16px;background:#fff;border:1px solid var(--ddb-line);box-shadow:var(--ddb-shadow)}.ddb-public-stats strong{display:block;font-size:24px;color:var(--ddb-primary)}.ddb-public-stats span{color:var(--ddb-muted)}.ddb-zakat-tabs{display:flex;gap:8px;margin-bottom:18px}.ddb-zakat-tabs button{border:1px solid var(--ddb-line);padding:10px 13px;background:#fff;border-radius:10px;cursor:pointer}.ddb-zakat-tabs button.is-active{background:var(--ddb-primary);color:#fff}.ddb-zakat-panel{display:none}.ddb-zakat-panel.is-active{display:block}.ddb-zakat-result{display:grid;grid-template-columns:1fr auto;gap:7px 20px;padding:16px;background:var(--ddb-bg);border-radius:13px}.ddb-zakat-result strong{color:var(--ddb-primary)}.ddb-zakat-result small{grid-column:1/-1;color:var(--ddb-muted)}
@media(max-width:820px){.ddb-campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ddb-payment-channels{grid-template-columns:1fr}.ddb-public-stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ddb-campaign-grid,.ddb-fields-grid,.ddb-public-stats{grid-template-columns:1fr}.ddb-donation-box,.ddb-progress-box,.ddb-zakat-calculator,.ddb-status-box,.ddb-donors{padding:19px}.ddb-status-box dl{grid-template-columns:1fr}.ddb-status-box dt{margin-top:7px}.ddb-progress-numbers strong{font-size:19px}.ddb-exact-amount{align-items:flex-start;flex-direction:column}}
@media print{.ddb-button,.ddb-manual-confirm-form{display:none!important}.ddb-status-box{box-shadow:none;border:0}}