@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--primary:#0f6b4f;--primary-dark:#084b38;--primary-soft:#e9f5ef;--gold:#d5a52e;--ink:#18332a;--muted:#63766f;--line:#dfe8e3;--surface:#fff;--background:#f5f8f6;--danger:#c64040;--warning:#b7791f;--shadow:0 16px 45px #1446341a;color:var(--ink);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);min-width:320px;color:var(--ink);margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%}.container{width:min(1180px,100% - 40px);margin:0 auto}.narrow-container{width:min(760px,100% - 32px);margin:0 auto;padding:48px 0 80px}.page-container{padding:34px 0 80px}.page-background{background:linear-gradient(#f1f7f4 0,#f7f9f8 260px);min-height:70vh}h1,h2,h3,h4{margin-top:0;font-family:Manrope,sans-serif}h1{letter-spacing:-.04em}p{line-height:1.7}.muted{color:var(--muted)}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;border-bottom:1px solid #dce8e2e6;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:74px;display:flex}.brand{align-items:center;gap:11px;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--primary), #18916d);border-radius:14px;place-items:center;width:43px;height:43px;display:inline-grid;box-shadow:0 9px 22px #0f6b4f38}.brand span:last-child{line-height:1.15;display:grid}.brand strong{font-family:Manrope,sans-serif;font-size:15px}.brand small{color:var(--muted);margin-top:4px;font-size:11px}.main-nav{align-items:center;gap:8px;display:flex}.main-nav a{color:#39584d;border-radius:11px;align-items:center;gap:7px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.main-nav a:hover{background:var(--primary-soft);color:var(--primary)}.main-nav .nav-admin{background:var(--ink);color:#fff}.mobile-menu-button{color:var(--ink);background:#eef4f1;border:0;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:none}.hero-section{background:linear-gradient(135deg,#eff8f3 0%,#fffaf0 100%);position:relative;overflow:hidden}.hero-grid{z-index:2;grid-template-columns:1.25fr .75fr;align-items:center;gap:65px;min-height:610px;padding:65px 0;display:grid;position:relative}.hero-orb{filter:blur(1px);opacity:.6;border-radius:999px;position:absolute}.hero-orb-one{background:radial-gradient(circle,#26a6722e,#0000 68%);width:430px;height:430px;top:-120px;left:-120px}.hero-orb-two{background:radial-gradient(circle,#d5a52e2e,#0000 68%);width:380px;height:380px;bottom:-100px;right:-50px}.eyebrow{background:var(--primary-soft);color:var(--primary);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.hero-copy h1{max-width:760px;margin:20px 0 22px;font-size:clamp(42px,5vw,68px);line-height:1.03}.hero-copy h1 span{color:var(--primary)}.hero-copy>p{color:#557067;max-width:690px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:700;transition:all .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg, var(--primary), #158764);box-shadow:0 12px 26px #0f6b4f33}.button.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.button.full{width:100%}.button.compact{border-radius:10px;min-height:40px;padding:0 14px;font-size:13px}.large-button{min-height:54px;font-size:15px}.trust-row{color:#47665a;flex-wrap:wrap;gap:18px;margin-top:26px;font-size:13px;font-weight:600;display:flex}.trust-row span{align-items:center;gap:7px;display:inline-flex}.hero-card{color:#fff;background:linear-gradient(155deg,#0b513e,#0f7657 60%,#b98b24 150%);border-radius:30px;padding:42px;position:relative;overflow:hidden;box-shadow:0 28px 70px #084b3847}.hero-card:after{content:"";border:45px solid #ffffff0d;border-radius:50%;width:240px;height:240px;position:absolute;top:-70px;right:-90px}.hero-card-icon{background:#ffffff21;border-radius:22px;place-items:center;width:70px;height:70px;margin-bottom:28px;display:grid}.hero-card>span{color:#f4d88f;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800}.hero-card h2{margin:12px 0 35px;font-size:27px;line-height:1.45}.hero-card-stats{z-index:2;grid-template-columns:1fr 1fr;gap:14px;display:grid;position:relative}.hero-card-stats div{background:#ffffff1a;border-radius:17px;padding:18px;display:grid}.hero-card-stats strong{font-size:18px}.hero-card-stats small{opacity:.75;margin-top:4px}.stats-strip{border-bottom:1px solid var(--line);background:#fff}.stats-grid{grid-template-columns:repeat(4,1fr);display:grid}.stat-card{border-right:1px solid var(--line);align-items:center;gap:14px;min-height:115px;padding:20px;display:flex}.stat-card:last-child{border-right:0}.stat-card>span{width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:13px;place-items:center;display:grid}.stat-card div{display:grid}.stat-card strong{font-family:Manrope,sans-serif;font-size:18px}.stat-card small{color:var(--muted);margin-top:3px}.section{padding:82px 0}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px;display:flex}.section-heading.centered{text-align:center;justify-items:center;display:grid}.section-heading h2{margin:13px 0 8px;font-size:clamp(30px,4vw,43px)}.section-heading p{color:var(--muted);margin:0}.campaign-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.campaign-card{border:1px solid var(--line);background:#fff;border-radius:22px;transition:all .2s;overflow:hidden;box-shadow:0 10px 28px #2149390f}.campaign-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.campaign-cover{place-items:center;height:210px;display:grid;position:relative;overflow:hidden}.campaign-cover:before,.detail-cover:before,.mini-cover:before{content:"";z-index:1;background-image:radial-gradient(#ffffff2e 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.emerald-gold{color:#fff;background:linear-gradient(140deg,#0d6148,#168762 58%,#c89b31)}.blue-teal{color:#fff;background:linear-gradient(140deg,#174e72,#148580 70%,#65b8a7)}.maroon-gold{color:#fff;background:linear-gradient(140deg,#73363b,#99494f 68%,#d2a64b)}.cover-emblem{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#ffffff1f;border:1px solid #ffffff40;border-radius:30px;place-items:center;width:94px;height:94px;display:grid;position:relative}.cover-emblem.large{border-radius:40px;width:130px;height:130px}.campaign-image{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.cover-image-overlay{z-index:1;background:linear-gradient(#04261c14,#04261c59);position:absolute;inset:0}.cover-dots{z-index:4;justify-content:center;gap:7px;display:flex;position:absolute;bottom:16px;left:0;right:0}.cover-dots span{background:#ffffff8c;border-radius:999px;width:8px;height:8px}.cover-dots .active{background:#fff;width:22px}.campaign-status{z-index:3;color:var(--primary);background:#ffffffeb;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;position:absolute;top:15px;left:15px}.campaign-body{padding:22px}.campaign-meta{color:var(--muted);gap:7px;font-size:12px;display:grid}.campaign-meta span,.detail-meta span{align-items:center;gap:6px;display:inline-flex}.campaign-body h3{margin:15px 0 9px;font-size:20px;line-height:1.35}.campaign-body>p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.progress-block{margin-top:20px}.progress-label{justify-content:space-between;align-items:center;gap:15px;font-size:13px;display:flex}.progress-label span{color:var(--muted)}.progress-track{background:#e7efeb;border-radius:999px;height:9px;margin:9px 0;overflow:hidden}.progress-track.large{height:12px;margin:18px 0}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #3eaa7e, var(--gold));height:100%;display:block}.progress-foot{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.campaign-actions{grid-template-columns:1fr 1.35fr;gap:9px;margin-top:20px;display:grid}.how-section{background:#edf5f1;padding:82px 0}.steps-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.step-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:27px;position:relative}.step-number{color:#c8d6d0;font:800 25px Manrope;position:absolute;top:18px;right:18px}.step-icon{background:var(--primary-soft);width:48px;height:48px;color:var(--primary);border-radius:15px;place-items:center;display:grid}.step-card h3{margin:19px 0 7px}.step-card p{color:var(--muted);margin:0;font-size:14px}.site-footer{color:#eaf3ef;background:#102e24}.footer-grid{grid-template-columns:1.2fr .8fr;gap:70px;padding:55px 0;display:grid}.footer-brand .brand-mark{box-shadow:none;background:#ffffff1a}.footer-grid p{color:#a9c1b7;align-items:flex-start;gap:8px;max-width:600px;font-size:14px;display:flex}.footer-grid h4{color:#fff}.footer-bottom{text-align:center;color:#8eaaa0;border-top:1px solid #ffffff14;padding:18px;font-size:12px}.back-link{color:var(--primary);align-items:center;gap:7px;margin-bottom:22px;font-size:13px;font-weight:700;display:inline-flex}.campaign-detail-grid,.donation-page-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:26px;display:grid}.detail-cover{height:390px;box-shadow:var(--shadow);border-radius:24px;place-items:center;margin-bottom:24px;display:grid;position:relative;overflow:hidden}.content-card{border:1px solid var(--line);background:#fff;border-radius:21px;padding:28px;box-shadow:0 8px 28px #1e4a380d}.article-card{margin-bottom:24px}.article-card h1{margin:18px 0 15px;font-size:clamp(31px,4vw,48px)}.article-card>p{color:#4f675e;white-space:pre-line;font-size:16px}.detail-meta{color:var(--muted);flex-wrap:wrap;gap:18px;margin-bottom:22px;font-size:13px;display:flex}.sticky-card{position:sticky;top:100px}.big-amount{color:var(--primary);margin-top:18px;font:800 31px Manrope}.sticky-card>p{color:var(--muted);margin-top:5px}.sidebar-stats{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0;display:grid}.sidebar-stats div:last-child{grid-column:span 2}.sidebar-stats div{background:#f4f8f6;border-radius:13px;padding:13px;display:grid}.sidebar-stats strong{font-size:14px}.sidebar-stats small{color:var(--muted);margin-top:4px}.share-card{border:1px solid var(--line);background:#f7f9f8;border-radius:13px;margin-top:16px;padding:14px}.share-card-head{color:#38594d;align-items:center;gap:8px;margin-bottom:11px;font-size:13px;display:flex}.share-actions{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.share-button{color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-height:38px;font-size:12px;font-weight:800;display:inline-flex}.share-button.facebook{background:#1877f2}.share-button.whatsapp{background:#1f9d55}.share-button.x-share{background:#111}.share-button.copy-share{color:var(--primary);cursor:pointer;background:#eef4f1;border:1px solid #dbe9e2}.secure-note{color:#47665a;background:var(--primary-soft);border-radius:13px;align-items:flex-start;gap:9px;margin-top:17px;padding:13px;font-size:12px;line-height:1.5;display:flex}.card-heading{justify-content:space-between;align-items:end;display:flex}.card-heading h2{margin:13px 0 5px}.donor-list{margin-top:18px}.donor-item{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:start;gap:13px;padding:18px 0;display:grid}.donor-item:last-child{border-bottom:0}.donor-avatar,.mini-avatar{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:50%;place-items:center;display:grid}.donor-item div{display:grid}.donor-item small{color:var(--muted);margin-top:3px}.donor-item p{color:#5a7168;grid-column:2/-1;margin:8px 0 0;font-size:13px}.donor-item>strong{color:var(--primary);font-size:13px}.form-card h1{margin:16px 0 10px;font-size:clamp(29px,4vw,42px)}.form-section{border-top:1px solid var(--line);padding:28px 0}.form-section:first-of-type{margin-top:28px}.form-section-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.form-section-title>span{background:var(--primary);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.form-section-title h2{margin:0;font-size:18px}.amount-options{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px;display:grid}.amount-options button{border:1px solid var(--line);min-height:47px;color:var(--ink);background:#fff;border-radius:11px;font-weight:700}.amount-options button:hover,.amount-options button.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.form-grid{gap:14px;display:grid}.form-grid.two{grid-template-columns:1fr 1fr}.field{gap:7px;margin-bottom:14px;display:grid}.field>span{font-size:13px;font-weight:700}.field input,.field textarea,.field select,.filter-row select,.search-field{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:11px;outline:none}.field input,.field select{height:47px;padding:0 13px}.field textarea{resize:vertical;padding:12px 13px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f6b4f17}.field small{color:var(--muted);font-size:11px}.input-prefix{border:1px solid var(--line);border-radius:11px;display:flex;overflow:hidden}.input-prefix>span{background:#f0f5f2;place-items:center;width:48px;font-weight:700;display:grid}.input-prefix input{border:0;border-radius:0}.check-row{flex-wrap:wrap;gap:16px;display:flex}.check-row label{color:#466057;align-items:center;gap:7px;font-size:13px;display:inline-flex}.check-row input{accent-color:var(--primary)}.payment-method-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px;display:grid}.payment-method-tabs button{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:9px;height:54px;font-weight:700;display:inline-flex}.payment-method-tabs button.active{color:var(--primary);background:var(--primary-soft);border-color:var(--primary)}.payment-panel{border:1px solid var(--line);background:#f5f8f6;border-radius:15px;padding:18px}.qris-display{text-align:center;justify-items:center;display:grid}.qris-display img{aspect-ratio:1;object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:15px;width:min(310px,100%);padding:8px}.qris-display div{margin:12px 0;display:grid}.qris-display span{color:var(--muted);font-size:12px}.qris-display strong{margin:4px 0;font-size:18px}.qris-display small{color:var(--warning)}.bank-panel{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.bank-panel .field{grid-column:1/-1}.bank-logo{background:var(--primary);color:#fff;border-radius:13px;place-items:center;width:50px;height:50px;display:grid}.bank-panel>div{display:grid}.bank-panel div small{color:var(--muted)}.bank-panel div strong{letter-spacing:.03em;font-size:22px}.bank-panel button{color:var(--primary);background:#fff;border:0;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-weight:700;display:inline-flex}.payment-summary{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.payment-summary div{background:#fff7e6;border-radius:12px;padding:13px;display:grid}.payment-summary span{color:#876b28;font-size:11px}.payment-summary strong{margin-top:4px}.upload-zone{text-align:center;min-height:165px;color:var(--primary);cursor:pointer;background:#f8fbf9;border:2px dashed #b8ccc3;border-radius:15px;align-content:center;justify-items:center;gap:7px;padding:22px;display:grid}.upload-zone input{display:none}.upload-zone span{color:var(--muted);font-size:12px}.upload-zone.has-file{border-color:var(--primary);background:var(--primary-soft)}.form-disclaimer{text-align:center;color:var(--muted);font-size:11px}.order-summary h3{margin:16px 0;line-height:1.45}.mini-cover{border-radius:16px;place-items:center;height:150px;display:grid;position:relative;overflow:hidden}.mini-cover svg{z-index:2;position:relative}.summary-list{margin-top:18px}.summary-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:12px 0;display:flex}.summary-list>div:last-child{border-bottom:0}.summary-list span{color:var(--muted);font-size:13px}.summary-list strong{text-align:right;font-size:13px}.summary-list.detailed>div{padding:14px 0}.alert{border-radius:12px;align-items:flex-start;gap:9px;margin:14px 0;padding:13px 15px;font-size:13px;display:flex}.alert.error{color:#a12f2f;background:#fff0f0;border:1px solid #f3cccc}.alert.success{color:#216c49;background:#eaf8f0;border:1px solid #c8ead7}.alert.neutral{color:#486057;background:#f2f6f4}.alert p{margin:4px 0 0}.success-card{text-align:center;margin-top:30px;padding:45px}.success-icon{color:#fff;background:linear-gradient(135deg, var(--primary), #2da97c);border-radius:50%;place-items:center;width:86px;height:86px;margin:0 auto 20px;display:grid}.success-card h1{margin:15px 0 10px;font-size:38px}.success-card>p{color:var(--muted)}.reference-box{background:#f2f7f4;border-radius:15px;justify-items:center;margin:25px 0;padding:20px;display:grid}.reference-box small{color:var(--muted)}.reference-box strong{letter-spacing:.05em;margin:5px 0 10px;font:800 24px Manrope}.reference-box button{color:var(--primary);background:#fff;border:0;border-radius:9px;gap:6px;padding:8px 11px;font-weight:700;display:inline-flex}.success-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}.status-search-card h1{margin:16px 0 8px;font-size:38px}.status-search-card>p{color:var(--muted)}.status-result-card{margin-top:20px}.status-result-head{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.status-result-head div{display:grid}.status-result-head h2{margin:3px 0 0}.status-result-head small{color:var(--muted)}.status-icon{width:56px;height:56px;color:var(--warning);background:#fff5de;border-radius:16px;place-items:center;display:grid}.status-icon.verified{background:var(--primary-soft);color:var(--primary)}.status-icon.rejected{color:var(--danger);background:#fff0f0}.empty-state{text-align:center;min-height:190px;color:var(--muted);align-content:center;place-items:center;padding:25px;display:grid}.empty-state>span{width:54px;height:54px;color:var(--primary);background:var(--primary-soft);border-radius:16px;place-items:center;display:grid}.empty-state h3{color:var(--ink);margin:13px 0 3px}.empty-state p{margin:0;font-size:13px}.status-badge{white-space:nowrap;background:#fff1cf;border-radius:999px;width:fit-content;padding:6px 9px;font-weight:800;display:inline-flex;color:#725317!important;font-size:10px!important}.status-badge.verified,.status-badge.active{background:#dcf4e8;color:#16724d!important}.status-badge.rejected,.status-badge.cancelled{background:#ffe5e5;color:#a83232!important}.status-badge.income{background:#dcf4e8;color:#16724d!important}.status-badge.expense{background:#ffe5e5;color:#a83232!important}.status-badge.draft,.status-badge.archived{background:#e9eeeb;color:#5e6965!important}.status-badge.paused{background:#fff2c8;color:#82671f!important}.status-badge.completed{background:#e0f1fc;color:#285f82!important}.admin-login-page{background:linear-gradient(145deg,#082f24,#0f694d 62%,#b78824);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.login-decoration{background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:27px 27px;position:absolute;inset:0}.login-card{z-index:2;background:#fff;border-radius:25px;width:min(460px,100%);padding:38px;position:relative;box-shadow:0 30px 90px #00000042}.login-brand{margin-bottom:35px}.login-card h1{margin:15px 0 8px;font-size:34px}.login-card>p{color:var(--muted)}.demo-login{color:var(--muted);background:#f2f6f4;border-radius:11px;margin:18px 0;padding:13px;font-size:12px;display:grid}.demo-login strong{color:var(--ink)}.centered-link{justify-content:center;margin:18px 0 0;display:flex}.admin-shell{background:#f3f6f4;grid-template-columns:255px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#dcebe5;z-index:80;background:#12372b;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.admin-sidebar-head{border-bottom:1px solid #ffffff14;padding:22px 18px}.admin-sidebar .brand strong{color:#fff}.admin-sidebar .brand small{color:#8eb0a3}.admin-sidebar .brand-mark{width:39px;height:39px;box-shadow:none;background:#ffffff1a}.sidebar-close{display:none}.admin-nav{flex:1;padding:16px 11px}.admin-nav button{color:#a9c4ba;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;width:100%;min-height:44px;margin-bottom:4px;padding:0 12px;display:grid}.admin-nav button svg{width:19px}.admin-nav button:hover,.admin-nav button.active{color:#fff;background:#ffffff17}.admin-nav button b{color:#fff;background:#c18428;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:10px;display:grid}.admin-sidebar-foot{border-top:1px solid #ffffff14;padding:12px}.admin-sidebar-foot a,.admin-sidebar-foot button{color:#a9c4ba;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;min-height:42px;padding:0 12px;display:flex}.admin-sidebar-foot a:hover,.admin-sidebar-foot button:hover{color:#fff;background:#ffffff14}.admin-main{min-width:0}.admin-topbar{border-bottom:1px solid var(--line);z-index:45;background:#fff;align-items:center;gap:15px;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.admin-topbar>div{flex:1;display:grid}.admin-topbar strong{font-family:Manrope}.admin-topbar small{color:var(--muted);margin-top:2px}.admin-avatar{color:#fff;background:var(--primary);border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.admin-content{max-width:1500px;padding:28px}.admin-page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.admin-page-heading h1{margin-bottom:5px;font-size:29px}.admin-page-heading p{color:var(--muted);margin:0}.heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.admin-stat-card{border:1px solid var(--line);background:#fff;border-radius:17px;gap:13px;padding:20px;display:flex;box-shadow:0 5px 20px #1e4a380a}.admin-stat-card>span{height:44px;color:var(--primary);background:var(--primary-soft);border-radius:13px;flex:0 0 44px;place-items:center;display:grid}.admin-stat-card div{min-width:0;display:grid}.admin-stat-card small{color:var(--muted)}.admin-stat-card strong{overflow-wrap:anywhere;margin:4px 0;font:800 20px Manrope}.admin-stat-card p{color:#83928d;margin:0;font-size:11px}.admin-grid-two{grid-template-columns:1.15fr .85fr;gap:20px;margin-bottom:20px;display:grid}.admin-card{border:1px solid var(--line);background:#fff;border-radius:17px;margin-bottom:20px;padding:22px;box-shadow:0 5px 20px #1e4a380a}.admin-card.no-padding{padding:0;overflow:hidden}.admin-card h2{margin-bottom:16px;font-size:18px}.admin-card-head{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.admin-card-head h2{margin:0 0 4px}.admin-card-head p{color:var(--muted);margin:0;font-size:12px}.text-button{color:var(--primary);background:0 0;border:0;font-weight:700}.dashboard-campaign-list>div{margin-bottom:20px}.dashboard-campaign-list small{color:var(--muted)}.action-list button,.dashboard-quick-menu button{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:12px 0;display:grid}.action-list button:last-child{border-bottom:0}.dashboard-quick-menu{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dashboard-quick-menu button{border:1px solid var(--line);background:#fbfdfc;border-radius:14px;min-height:82px;padding:14px}.dashboard-quick-menu button:hover{background:#f6fbf8;border-color:#0f6b4f59}.action-list button>div,.dashboard-quick-menu button>div{display:grid}.action-list small,.dashboard-quick-menu small{color:var(--muted)}.action-icon{width:37px;height:37px;color:var(--warning);background:#fff4da;border-radius:11px;place-items:center;display:grid}.action-icon svg{width:18px}.responsive-table{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#6d7d77;text-transform:uppercase;letter-spacing:.07em;background:#f7f9f8;font-size:10px}th,td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 15px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fbfdfc}.table-title{align-items:center;gap:10px;min-width:190px;display:flex}.table-title>div{display:grid}.table-title small{color:var(--muted);margin-top:3px}.table-cover{border-radius:9px;flex:0 0 44px;place-items:center;width:44px;height:38px;display:grid}.table-cover img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.table-actions{gap:6px;display:flex}.table-actions a,.table-actions button,.icon-button{border:1px solid var(--line);color:#536c62;background:#fff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.table-actions svg,.icon-button svg{width:15px}.table-actions .danger,.icon-button.danger{color:var(--danger)}.icon-button:disabled{opacity:.35;cursor:default}.filter-row{grid-template-columns:1fr 210px;gap:12px;margin-bottom:18px;display:grid}.filter-row select{height:44px;padding:0 12px}.search-field{align-items:center;gap:8px;padding:0 12px;display:flex}.search-field input{border:0;outline:none;flex:1;height:42px}.finance-filter-row{grid-template-columns:minmax(260px,1fr) 240px 190px 190px;align-items:end;gap:12px;margin-bottom:8px;display:grid}.finance-search-field{min-height:47px;margin-bottom:14px}.cashflow-icon{border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.cashflow-icon.income{color:var(--primary);background:var(--primary-soft)}.cashflow-icon.expense{color:var(--danger);background:#fff0f0}.income-text{color:var(--primary)}.expense-text{color:var(--danger)}.finance-note-box{border:1px solid var(--line);background:#f7f9f8;border-radius:11px;margin-top:14px;padding:13px}.finance-note-box small{color:var(--muted);font-weight:700}.finance-note-box p{color:#405a50;margin:5px 0 0}.finance-campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.finance-campaign-card{border:1px solid var(--line);width:100%;min-height:210px;color:var(--ink);background:#fff;border-radius:17px;gap:12px;padding:18px;display:grid;box-shadow:0 5px 20px #1e4a380a}.finance-campaign-card:hover{border-color:#0f6b4f59;transform:translateY(-1px)}.finance-campaign-card>div{min-width:0}.finance-card-head{grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.finance-campaign-card strong{overflow-wrap:anywhere;line-height:1.35}.finance-campaign-card small{color:var(--muted);margin-top:3px}.finance-campaign-card p{color:#526b61;margin:0;font-size:13px;line-height:1.55}.finance-card-icon{width:45px;height:45px;color:var(--primary);background:var(--primary-soft);border-radius:14px;place-items:center;display:grid}.finance-card-icon.general{color:#7b5714;background:#fff3d6}.finance-card-numbers{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.finance-card-numbers span{background:#f7f9f8;border-radius:11px;min-width:0;padding:10px;display:grid}.finance-card-numbers b{overflow-wrap:anywhere;font-size:12px}.finance-card-more{color:#fff;background:var(--primary);border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-weight:800;display:inline-flex}.muted-danger{background:#7f8b86}.finance-mobile-head{grid-template-columns:auto 1fr;align-items:start;gap:12px;margin-bottom:18px;display:grid}.finance-mobile-head h1{overflow-wrap:anywhere;margin:0 0 4px;font-size:25px}.finance-mobile-head p{color:var(--muted);margin:0;font-size:13px}.finance-detail-summary{grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.finance-detail-summary>div{border:1px solid var(--line);background:#fff;border-radius:15px;padding:16px;display:grid}.finance-detail-summary small{color:var(--muted)}.finance-detail-summary strong{overflow-wrap:anywhere;margin-top:4px;font:800 20px Manrope}.finance-detail-summary span{color:var(--muted);margin-top:3px;font-size:12px}.finance-balance-card{color:#fff;background:linear-gradient(135deg, var(--primary), #158764)!important;border-color:#0000!important}.finance-balance-card small,.finance-balance-card span{color:#ffffffc7}.finance-quick-actions{grid-template-columns:1fr auto;gap:10px;margin-bottom:12px;display:grid}.finance-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.finance-tabs button,.finance-choice-grid button,.finance-chip-section button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;font-weight:800}.finance-tabs button{min-height:42px}.finance-tabs button.active,.finance-choice-grid button.active,.finance-chip-section button.active{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.finance-choice-grid{gap:9px;margin-bottom:14px;display:grid}.finance-choice-grid.two{grid-template-columns:repeat(2,1fr)}.finance-choice-grid.three{grid-template-columns:repeat(3,1fr)}.finance-choice-grid button{justify-content:center;align-items:center;gap:7px;min-height:48px;display:inline-flex}.finance-choice-grid button.active.expense{color:var(--danger);background:#fff0f0;border-color:#e1a3a3}.finance-chip-section{gap:8px;margin-bottom:14px;display:grid}.finance-chip-section>span{font-size:13px;font-weight:700}.finance-chip-section>div{flex-wrap:wrap;gap:8px;display:flex}.finance-chip-section button{min-height:38px;padding:0 12px}.finance-transaction-list{gap:10px;display:grid}.finance-transaction-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.finance-transaction-main{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px;display:grid}.finance-transaction-main div{min-width:0;display:grid}.finance-transaction-main strong{overflow-wrap:anywhere}.finance-transaction-main small{color:var(--muted);overflow-wrap:anywhere;margin-top:3px}.finance-transaction-main b{white-space:nowrap;font-size:13px}.finance-row-actions{border-top:1px solid var(--line);background:#f7f9f8;justify-content:flex-end;align-items:center;gap:8px;min-height:42px;padding:8px 12px;display:flex}.finance-row-actions span{color:var(--muted);margin-right:auto;font-size:11px}.finance-row-actions small{color:var(--muted);font-size:11px}.finance-row-actions button{border:1px solid var(--line);color:#536c62;background:#fff;border-radius:9px;align-items:center;gap:5px;min-height:30px;font-size:12px;font-weight:800;display:inline-flex}.finance-row-actions .danger{color:var(--danger)}.qris-admin-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.qris-admin-card{padding:14px}.qris-preview{aspect-ratio:1;background:#f5f8f6;border-radius:13px;place-items:center;display:grid;overflow:hidden}.qris-preview img{object-fit:contain;width:100%;height:100%}.qris-card-info{padding:15px 4px 4px}.qris-card-info h3{margin:9px 0 4px}.qris-card-info p,.qris-card-info small{color:var(--muted);margin:0}.qris-card-info b{color:var(--primary);background:var(--primary-soft);border-radius:999px;margin-left:6px;padding:4px 7px;font-size:9px}.status-dot{background:#aab6b1;border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.on{background:#28a46e}.card-actions{justify-content:space-between;margin-top:15px;display:flex}.qris-upload img{object-fit:contain;width:260px;max-height:320px}.media-admin-grid{grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;display:grid}.campaign-photo-upload{min-height:210px;overflow:hidden}.campaign-photo-upload img{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%}.media-remove{margin-top:8px}.gallery-admin-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.gallery-admin-item{aspect-ratio:16/9;background:#eef4f1;border-radius:9px;position:relative;overflow:hidden}.gallery-admin-item img{object-fit:cover;width:100%;height:100%;display:block}.gallery-admin-item button{color:#fff;background:#18332acc;border:0;border-radius:8px;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:5px;right:5px}.bank-admin-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.bank-admin-card{grid-template-columns:auto 1fr auto;align-items:center;gap:15px;display:grid}.bank-admin-icon{color:#fff;background:var(--primary);border-radius:15px;place-items:center;width:55px;height:55px;display:grid}.bank-admin-card h3{margin:4px 0}.bank-admin-card p{color:var(--muted);margin:3px 0 0}.bank-tags span{color:var(--primary);background:var(--primary-soft);border-radius:999px;margin-right:5px;padding:4px 7px;font-size:9px;font-weight:800;display:inline-block}.settings-grid{align-items:start}.color-input{grid-template-columns:55px 1fr;gap:8px;display:grid}.color-input input[type=color]{padding:4px}.danger-zone{border-color:#f1d3d3;justify-content:space-between;align-items:center;display:flex}.danger-zone h2{margin-bottom:4px}.danger-zone p{color:var(--muted);margin:0}.danger-button{color:#fff;background:var(--danger)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#081b15a3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:19px;width:min(580px,100%);max-height:calc(100vh - 40px);overflow:hidden;box-shadow:0 30px 80px #00000040}.modal.wide{width:min(900px,100%)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:68px;padding:0 22px;display:flex}.modal-head h2{margin:0;font-size:18px}.modal-head button{background:#f1f5f3;border:0;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.modal-body{max-height:calc(100vh - 108px);padding:22px;overflow-y:auto}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:20px;padding-top:18px;display:flex}.donation-detail-header{background:#f4f8f6;border-radius:13px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:16px;display:flex}.donation-detail-header div{display:grid}.donation-detail-header small{color:var(--muted)}.detail-info-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detail-info-grid div{border:1px solid var(--line);border-radius:11px;padding:12px;display:grid}.detail-info-grid small{color:var(--muted)}.detail-info-grid strong{margin-top:4px}.proof-section{margin:20px 0}.proof-section h3{font-size:15px}.proof-section img{object-fit:contain;border:1px solid var(--line);background:#f7f9f8;border-radius:13px;width:100%;max-height:450px}@media (width<=1100px){.hero-grid{grid-template-columns:1fr .8fr;gap:35px}.campaign-grid,.steps-grid,.admin-stats-grid,.qris-admin-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.mobile-menu-button{display:inline-flex}.main-nav{box-shadow:var(--shadow);border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px;display:none;position:absolute;top:74px;left:20px;right:20px}.main-nav.open{display:grid}.main-nav a{justify-content:flex-start}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:55px 0}.hero-card{max-width:600px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card:nth-child(2){border-right:0}.stat-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.campaign-detail-grid,.donation-page-grid{grid-template-columns:1fr}.sticky-card{position:static}.donation-sidebar{order:-1}.campaign-detail-grid .donation-sidebar{order:0}.footer-grid{grid-template-columns:1fr;gap:28px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{width:255px;transition:all .2s;position:fixed;left:-280px;box-shadow:20px 0 60px #00000040}.admin-sidebar.open{left:0}.admin-sidebar-head{justify-content:space-between;align-items:center;display:flex}.sidebar-close{color:#fff;background:#ffffff14;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.admin-grid-two,.media-admin-grid,.bank-admin-grid,.dashboard-quick-menu,.finance-campaign-grid{grid-template-columns:1fr}.finance-detail-summary{grid-template-columns:1fr 1fr}.finance-balance-card{grid-column:1/-1}}@media (width<=640px){.container{width:min(100% - 28px,1180px)}.header-inner{min-height:66px}.main-nav{top:66px;left:14px;right:14px}.hero-grid{padding:42px 0}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:15px}.hero-actions{display:grid}.hero-card{border-radius:22px;padding:28px}.hero-card h2{font-size:21px}.hero-card-stats,.stats-grid,.campaign-grid,.steps-grid{grid-template-columns:1fr}.stat-card{border-right:0;border-bottom:1px solid var(--line)}.stat-card:last-child{border-bottom:0}.section,.how-section{padding:58px 0}.section-heading h2{font-size:32px}.detail-cover{height:260px}.content-card{border-radius:17px;padding:20px}.article-card h1,.status-search-card h1{font-size:30px}.form-grid.two,.detail-info-grid{grid-template-columns:1fr}.amount-options{grid-template-columns:1fr 1fr}.payment-method-tabs,.payment-summary{grid-template-columns:1fr}.bank-panel{grid-template-columns:auto 1fr}.bank-panel>button{grid-column:span 2;justify-content:center}.success-card{padding:28px 20px}.success-card h1{font-size:30px}.success-actions{display:grid}.status-result-head{grid-template-columns:auto 1fr}.status-result-head>.status-badge{grid-column:1/-1}.admin-content{padding:18px 14px}.admin-topbar{padding:0 14px}.admin-topbar small{display:none}.admin-page-heading{flex-direction:column;align-items:stretch}.admin-page-heading .button{width:100%}.heading-actions{justify-content:stretch;display:grid}.admin-stats-grid,.qris-admin-grid{grid-template-columns:1fr}.gallery-admin-grid{grid-template-columns:repeat(2,1fr)}.filter-row,.finance-filter-row{grid-template-columns:1fr}.finance-home-heading{margin-bottom:15px}.finance-campaign-card{border-radius:14px;min-height:auto;padding:14px}.finance-card-head{grid-template-columns:auto 1fr}.finance-card-numbers{grid-template-columns:1fr}.finance-card-numbers span{grid-template-columns:1fr auto;align-items:center}.finance-card-numbers small{margin-top:0}.finance-detail-summary,.finance-quick-actions{grid-template-columns:1fr}.finance-tabs{gap:6px}.finance-tabs button{min-height:40px;font-size:12px}.finance-choice-grid.three{grid-template-columns:1fr}.finance-transaction-main{grid-template-columns:auto 1fr}.finance-transaction-main b{white-space:normal;grid-column:2}.finance-row-actions{flex-wrap:wrap;align-items:stretch}.finance-row-actions span{width:100%;margin-right:0}.finance-row-actions button{flex:1;justify-content:center}.bank-admin-card{grid-template-columns:auto 1fr}.bank-admin-card .card-actions{grid-column:1/-1}.danger-zone{flex-direction:column;align-items:stretch;gap:15px}.danger-zone .button{width:100%}.modal-backdrop{align-items:end;padding:0}.modal,.modal.wide{border-radius:20px 20px 0 0;width:100%;max-height:94vh}.modal-actions{display:grid}.login-card{padding:28px 22px}}.app-loading{text-align:center;background:radial-gradient(circle at top, #edf8f2, var(--background));min-height:100vh;color:var(--primary);align-content:center;place-items:center;gap:12px;padding:30px;display:grid}.app-loading p{max-width:560px;color:var(--muted);margin:0}.app-loading.error-screen svg{color:var(--danger);width:44px;height:44px}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button:disabled{opacity:.62;cursor:not-allowed}.server-status-card{justify-content:space-between;align-items:center;gap:24px;display:flex}.server-status-card h2{margin-bottom:6px}.server-status-card p{color:var(--muted);margin:0}.server-status-card .status-badge{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}@media (width<=640px){.server-status-card{flex-direction:column;align-items:flex-start}}