@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--primary:#059669;--primary-hover:#047857;--primary-light:#10b981;--primary-subtle:#0596691a;--primary-glow:#05966940;--accent-amber:#d97706;--accent-amber-light:#f59e0b;--accent-blue:#2563eb;--accent-blue-light:#3b82f6;--accent-cyan:#0891b2;--accent-rose:#e11d48;--bg-kiosk:#f8fafc;--bg-gradient-start:#fff;--bg-gradient-end:#f1f5f9;--surface-kiosk:#fff;--surface-kiosk-elevated:#fff;--surface-kiosk-hover:#f8fafc;--surface-card:#fff;--surface-muted:#f1f5f9;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-emerald:#059669;--glass-border:#0f172a14;--glass-border-hover:#0f172a29;--glass-border-active:#05966966;--radius-2xl:24px;--radius-xl:18px;--radius-lg:14px;--radius-md:10px;--radius-sm:6px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 14px -2px #0f172a14, 0 2px 6px -1px #0f172a0a;--shadow-lg:0 12px 28px -6px #0f172a1f, 0 4px 12px -2px #0f172a0f;--shadow-glow-emerald:0 8px 24px -4px #0596694d;--glass-bg:#fffffff2;--glass-bg-subtle:#fffc}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-kiosk);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;margin:0;font-family:Plus Jakarta Sans,Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}input,textarea{-webkit-user-select:text;user-select:text}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary-subtle);color:var(--primary)}.kiosk-app{width:100vw;height:100vh;color:var(--text-main);box-sizing:border-box;background:radial-gradient(at 85% -15%,#05966914 0%,#0000 55%),radial-gradient(at 15% 115%,#0284c714 0%,#0000 50%),linear-gradient(#fff 0%,#f8fafc 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.kiosk-app:before{content:"";filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#0596690d 0%,#0000 70%);width:450px;height:450px;position:absolute;top:10%;right:10%}.kiosk-header{z-index:10;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);background:#ffffffeb;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:relative;box-shadow:0 1px 4px #00000008}.brand-section{align-items:center;gap:16px;display:flex}.brand-logo-badge{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 14px #05966947}.brand-info{flex-direction:column;display:flex}.brand-title{letter-spacing:-.4px;color:#0f172a;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:22px;font-weight:800;display:flex}.brand-verified-pill{border-radius:var(--radius-full);color:#059669;background:#0596691a;border:1px solid #05966940;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.brand-subtitle{color:var(--text-secondary);font-size:12px;font-weight:500}.header-clock-section{text-align:center;flex-direction:column;align-items:center;display:flex}.clock-time{color:#0f172a;letter-spacing:.5px;font-family:Outfit,monospace;font-size:24px;font-weight:800}.clock-date{color:var(--text-secondary);font-size:12px;font-weight:600}.header-actions{align-items:center;gap:12px;display:flex}.status-pill{border-radius:var(--radius-full);color:#059669;background:#05966914;border:1px solid #05966933;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.status-dot-pulse{background:#059669;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 8px #05966999}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.header-btn{border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.header-btn:hover,.header-btn:active{color:#0f172a;background:#f8fafc;border-color:#0f172a33;transform:translateY(-1px)}.kiosk-body{z-index:1;flex:1;gap:24px;padding:20px 28px 14px;display:flex;position:relative;overflow:hidden}.kiosk-left{flex-direction:column;flex:1;gap:16px;height:100%;display:flex}.kiosk-right{width:var(--video-panel-w,43vw);flex-direction:column;flex:none;height:100%;display:flex}.campaign-slider-card{border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#059669 0%,#0284c7 100%);border:none;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.slider-media-wrap{width:100%;height:100%;position:absolute;inset:0}.slider-bg-image{object-fit:cover;width:100%;height:100%;animation:.6s fadeInImage}.slider-overlay-gradient{z-index:2;background:linear-gradient(#0f172a00 35%,#0f172a73 70%,#0f172abf 100%);position:absolute;inset:0}.slider-content-layer{z-index:3;flex-direction:column;gap:10px;margin-top:auto;padding:24px 28px;display:flex;position:relative}.campaign-tag-row{align-items:center;gap:10px;display:flex}.campaign-badge{color:#0f172a;text-transform:uppercase;letter-spacing:.6px;border-radius:var(--radius-full);background:#fff;border:none;padding:4px 12px;font-size:11px;font-weight:800;box-shadow:0 2px 8px #0000002e}.campaign-title{letter-spacing:-.4px;color:#fff;font-family:Outfit,sans-serif;font-size:26px;font-weight:800;line-height:1.25}.campaign-desc{color:#e2e8f0;max-width:95%;font-size:14px;line-height:1.4}.campaign-progress-bar-wrap{margin-top:2px}.progress-info-row{justify-content:space-between;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.progress-label-collected{color:#34d399}.progress-label-target{color:#cbd5e1}.progress-track{border-radius:var(--radius-full);background:#ffffff29;width:100%;height:7px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#10b981 0%,#34d399 100%);height:100%}.slider-footer-controls{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.slider-dots{gap:6px;display:flex}.slider-dot{border-radius:var(--radius-full);cursor:pointer;background:#ffffff59;border:none;width:8px;height:8px;padding:0;transition:all .25s}.slider-dot.active{background:#10b981;width:24px}.btn-slider-donate{color:#34d399;border-radius:var(--radius-full);cursor:pointer;background:#10b98140;border:1px solid #34d39973;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn-slider-donate:hover{color:#000;background:#10b981}.menu-grid{flex:1.15;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:14px;display:grid}.pillar-action-card{border-radius:var(--radius-xl);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#059669 0%,#0284c7 100%);border:none;outline:none;flex-direction:column;justify-content:space-between;padding:16px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.pillar-action-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)scale(1.01)}.pillar-action-card:active{transform:scale(.98)}.pillar-cover-image{object-fit:cover;z-index:1;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.pillar-action-card:hover .pillar-cover-image{transform:scale(1.05)}.pillar-scrim-overlay{z-index:2;background:linear-gradient(#0f172a4d 0%,#0f172a73 50%,#0f172abf 100%);position:absolute;inset:0}.pillar-card-content{z-index:3;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.pillar-card-top{justify-content:space-between;align-items:center;display:flex}.pillar-badge{letter-spacing:.6px;border-radius:var(--radius-full);text-transform:uppercase;border:none;padding:3px 9px;font-size:10px;font-weight:800;box-shadow:0 2px 6px #0000002e;color:#0f172a!important;background:#fff!important}.badge-pilar-1,.badge-pilar-2,.badge-pilar-3,.badge-pilar-4{border:none;color:#0f172a!important;background:#fff!important}.pillar-tag-text{color:#e2e8f0;text-shadow:0 1px 4px #0009;font-size:11px;font-weight:600}.pillar-title{color:#fff;text-shadow:0 2px 8px #000000b3;margin:0;font-family:Outfit,sans-serif;font-size:20px;font-weight:800;line-height:1.25}.pillar-cta-row{color:#fff;border-radius:var(--radius-full);background:#059669;align-self:flex-end;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #00000040}.in-place-donation-card{border-radius:var(--radius-2xl);border:1px solid var(--glass-border);width:100%;height:100%;box-shadow:var(--shadow-md);background:#fff;flex-direction:column;animation:.25s fadeIn;display:flex;position:relative;overflow:hidden}.media-hub-card{border-radius:var(--radius-2xl);border:1px solid var(--glass-border);height:100%;box-shadow:var(--shadow-md);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.media-hub-header{border-bottom:1px solid var(--glass-border);background:#fff;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.media-tabs{gap:6px;display:flex}.media-tab-btn{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.media-tab-btn.active{background:var(--surface-muted);color:#0f172a}.media-hub-content{background:#000;flex:1;position:relative;overflow:hidden}.video-player{object-fit:cover;background:#0f172a;width:100%;height:100%}.video-player.fit-contain{object-fit:contain}.kiosk-left{min-width:0}.template-cover{text-align:center;color:#fff;background:radial-gradient(circle at 20% 15%,#ffffff2e 0%,#0000 45%),linear-gradient(135deg,#059669 0%,#0284c7 100%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.template-cover-logo{background:#fff;border-radius:18px;width:auto;height:72px;margin-bottom:8px;padding:12px 18px;box-shadow:0 8px 24px #0000002e}.template-cover-title{letter-spacing:-.4px;font-family:Outfit,sans-serif;font-size:28px;font-weight:800}.template-cover-sub{opacity:.9;max-width:80%;font-size:14px}.template-cover.compact .template-cover-logo{height:52px}.video-overlay-info{pointer-events:none;z-index:5;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:14px;left:14px;right:14px}.video-badge-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);color:#fff;background:#0f172abf;border:1px solid #ffffff26;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.video-bottom-hud{z-index:5;background:linear-gradient(#0000 0%,#000000d9 100%);justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-caption{color:#fff;font-size:13px;font-weight:600}.video-control-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);cursor:pointer;pointer-events:auto;background:#fff3;border:1px solid #ffffff4d;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.video-control-btn:hover{background:#ffffff59}.impact-showcase-view{box-sizing:border-box;background:#fff;flex-direction:column;justify-content:space-between;height:100%;padding:22px;display:flex}.impact-title{color:#0f172a;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.impact-desc{color:var(--text-secondary);font-size:13px}.pillar-transparency-list{flex-direction:column;gap:12px;margin:14px 0;display:flex}.pillar-transparency-row{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#f8fafc;padding:12px 14px}.ptr-header{color:#0f172a;justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.trust-badges-row{border-radius:var(--radius-md);border:1px solid var(--glass-border);color:var(--text-secondary);background:#f8fafc;justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.kiosk-footer-ticker{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--glass-border);box-sizing:border-box;background:#fffffff2;align-items:center;height:42px;padding:8px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 -1px 3px #00000005}.ticker-label-badge{color:#059669;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;background:#0596691a;border:1px solid #05966940;flex-shrink:0;align-items:center;gap:6px;margin-right:16px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.ticker-marquee-wrapper{white-space:nowrap;flex:1;overflow:hidden}.ticker-track{white-space:nowrap;color:var(--text-secondary);font-size:13px;font-weight:500;animation:35s linear infinite marqueeTrack;display:inline-block}.ticker-track:hover{animation-play-state:paused}.ticker-highlight{color:#0f172a;font-weight:700}.ticker-divider{color:#cbd5e1;margin:0 16px}@keyframes marqueeTrack{0%{transform:translate(0)}to{transform:translate(-50%)}}.glass-overlay{-webkit-backdrop-filter:blur(16px);z-index:1000;box-sizing:border-box;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-2xl);background:#fff;border:1px solid #0f172a1f;flex-direction:column;width:100%;max-width:660px;max-height:92vh;animation:.3s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #0000004d}.modal-header{border-bottom:1px solid var(--glass-border);background:#fff;justify-content:space-between;align-items:center;padding:20px 26px 16px;display:flex}.modal-header-text{flex-direction:column;display:flex}.modal-title{color:#0f172a;letter-spacing:-.4px;margin:0;font-family:Outfit,sans-serif;font-size:24px;font-weight:800}.modal-subtitle{color:var(--text-secondary);margin-top:2px;font-size:13px}.modal-close-btn{border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;background:#f1f5f9;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.modal-pillar-banner{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#f1f5f9;margin-bottom:18px;padding:12px 16px}.mpb-title{color:#0f172a;font-size:15px;font-weight:800}.mpb-desc{color:var(--text-secondary);margin-top:2px;font-size:12px}.btn-show-qris-action{border-radius:var(--radius-xl);cursor:pointer;color:#065f46;background:#f0fdf4;border:1.5px solid #10b981;align-items:center;gap:14px;width:100%;margin-bottom:12px;padding:13px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #10b9811a}.btn-show-qris-action:hover{background:#dcfce7;border-color:#059669;transform:translateY(-2px);box-shadow:0 4px 14px #10b9812e}.show-qris-icon-wrap{color:#fff;background:#10b981;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 2px 6px #10b9814d}.show-qris-btn-label{color:#064e3b;text-align:left;flex:1;font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.btn-direct-qris-card{border-radius:var(--radius-xl);cursor:pointer;text-align:left;color:#065f46;background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border:1.5px solid #10b981;align-items:center;gap:14px;width:100%;margin-bottom:12px;padding:14px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #10b9811a}.btn-direct-qris-card:hover{background:linear-gradient(135deg,#d1fae5 0%,#dcfce7 100%);border-color:#059669;transform:translateY(-2px);box-shadow:0 4px 14px #10b98133}.direct-qris-icon-wrap{color:#fff;background:#10b981;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.direct-qris-text{flex:1}.direct-qris-title{color:#064e3b;margin-bottom:2px;font-size:15px;font-weight:800}.direct-qris-subtitle{color:#047857;font-size:12px;line-height:1.35}.flow-divider-text{text-align:center;color:#94a3b8;letter-spacing:.8px;align-items:center;margin:10px 0 16px;font-size:11px;font-weight:700;display:flex}.flow-divider-text:before,.flow-divider-text:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.flow-divider-text:not(:empty):before{margin-right:.75em}.flow-divider-text:not(:empty):after{margin-left:.75em}.btn-preset:hover,.btn-preset.active{color:#059669;background:#05966914;border-color:#059669;transform:translateY(-2px)}.nominal-display-box{border-radius:var(--radius-xl);background:#f1f5f9;border:2px solid #0596694d;flex-direction:column;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex}.nominal-currency-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:12px;font-weight:700}.nominal-amount-value{color:#0f172a;letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:42px;font-weight:800}.touch-numpad{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.numpad-key{color:#0f172a;border-radius:var(--radius-md);cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;justify-content:center;align-items:center;padding:12px;font-family:Outfit,sans-serif;font-size:20px;font-weight:700;transition:all .15s;display:flex}.numpad-key:hover{background:#edf2f7}.numpad-key:active{background:#05966933;transform:scale(.96)}.numpad-key-action{color:var(--text-secondary);font-size:14px;font-weight:700}.donor-name-label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.donor-input-field{border-radius:var(--radius-md);color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #cbd5e1;outline:none;width:100%;padding:12px 16px;font-size:14px;font-weight:500}.donor-input-field:focus{border-color:var(--primary);background:#fff}.modal-actions-row{gap:12px;display:flex}.modal-footer-fixed{border-top:1px solid var(--glass-border);z-index:10;background:#fff;flex-shrink:0;gap:12px;padding:12px 20px;display:flex;box-shadow:0 -2px 10px #00000008}.btn-primary-action{color:#fff;border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-glow-emerald);background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-family:Outfit,sans-serif;font-size:18px;font-weight:800;transition:all .2s;display:flex}.btn-primary-action:hover{background:linear-gradient(135deg,#10b981 0%,#059669 100%);transform:translateY(-2px)}.btn-secondary-action{color:#475569;border-radius:var(--radius-xl);cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;padding:16px 22px;font-size:15px;font-weight:700;transition:all .2s}.btn-secondary-action:hover{color:#0f172a;background:#e2e8f0}.qris-display-center{text-align:center;flex-direction:column;align-items:center;padding:12px 16px 20px;display:flex}.qris-timer-chip{color:#475569;font-feature-settings:"tnum";background:#f1f5f9;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-flex}.qris-standee-container{flex-direction:column;align-items:center;width:100%;max-width:380px;margin:0 auto;display:flex}.qris-standard-plate{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;align-items:center;width:100%;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 16px 36px -10px #0f172a1a,0 0 1px #0000000d}.qris-plate-header{box-sizing:border-box;background:#dc2626;justify-content:space-between;align-items:center;width:100%;padding:10px 18px;display:flex}.qris-plate-logo{letter-spacing:-.5px;align-items:baseline;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-size:26px;font-weight:900;line-height:1;display:flex}.qris-red-txt{color:#fff}.qris-black-txt{color:#1e293b;background:#fff;border-radius:4px;margin-left:2px;padding:0 4px}.qris-national-label{color:#fff;flex-direction:column;align-items:flex-end;line-height:1.15;display:flex}.qris-national-label span{letter-spacing:.6px;font-size:11px;font-weight:800}.qris-national-label small{opacity:.9;letter-spacing:.4px;font-size:9px;font-weight:600}.qris-code-box{background:#fff;justify-content:center;align-items:center;padding:22px;display:flex}.qris-plate-footer{box-sizing:border-box;text-align:center;background:#fafafa;border-top:1px solid #f1f5f9;width:100%;padding:12px 16px 16px}.qris-merchant-title{color:#0f172a;letter-spacing:.5px;font-family:Outfit,sans-serif;font-size:16px;font-weight:800}.qris-nmid-meta{color:#64748b;letter-spacing:.2px;margin-top:3px;font-size:11px;font-weight:600}.qris-amount-terminal-display{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-top:16px;padding:10px 18px;display:flex}.qatd-label{color:#64748b;letter-spacing:.8px;font-size:11px;font-weight:800}.qatd-value{color:#0f172a;font-family:Outfit,sans-serif;font-size:22px;font-weight:800}.btn-back-qris{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-top:18px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s}.btn-back-qris:hover{color:#0f172a;background:#e2e8f0}.success-card-view{text-align:center;flex-direction:column;align-items:center;padding:16px 0;display:flex}.success-badge-circle{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:16px;animation:.45s cubic-bezier(.16,1,.3,1) scaleSmoothIn;display:flex;box-shadow:0 8px 30px #05966959}.digital-receipt-slip{border-radius:var(--radius-lg);box-sizing:border-box;text-align:left;background:#f8fafc;border:1px dashed #cbd5e1;width:100%;max-width:440px;margin:16px 0;padding:18px 24px}.receipt-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.receipt-row:last-child{border-bottom:none}.receipt-doa-box{border-radius:var(--radius-md);color:#047857;text-align:center;background:#05966914;border:1px solid #05966933;margin-top:14px;padding:12px 16px;font-size:13px;font-style:italic;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInImage{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.94)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes scaleSmoothIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.kiosk-app.is-portrait .kiosk-header{padding:10px 18px}.kiosk-app.is-portrait .brand-logo-img{height:38px!important}.kiosk-app.is-portrait .brand-title{font-size:19px!important}.kiosk-app.is-portrait .clock-time{font-size:20px}.kiosk-app.is-portrait .clock-date{font-size:11px}.kiosk-app.is-portrait .header-btn{padding:6px 10px;font-size:12px}.kiosk-body.is-portrait-layout{flex-direction:column;gap:12px;padding:12px 18px 8px;overflow:hidden}.kiosk-body.is-portrait-layout .kiosk-left{flex-direction:column;flex:1.25;gap:10px;height:auto;min-height:0;display:flex;width:100%!important}.kiosk-body.is-portrait-layout .campaign-slider-card{border-radius:var(--radius-xl);flex:1;min-height:140px;max-height:250px}.kiosk-body.is-portrait-layout .template-cover{gap:6px;padding:14px}.kiosk-body.is-portrait-layout .template-cover-logo{border-radius:12px;height:44px;margin-bottom:4px;padding:6px 12px}.kiosk-body.is-portrait-layout .template-cover-title{font-size:18px}.kiosk-body.is-portrait-layout .template-cover-sub{font-size:12px}.kiosk-body.is-portrait-layout .slider-content-layer{gap:6px;padding:14px 18px}.kiosk-body.is-portrait-layout .campaign-title{font-size:20px;line-height:1.25}.kiosk-body.is-portrait-layout .campaign-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.kiosk-body.is-portrait-layout .slider-dots{gap:6px}.kiosk-body.is-portrait-layout .slider-dot{width:7px;height:7px}.kiosk-body.is-portrait-layout .slider-dot.active{width:20px}.kiosk-body.is-portrait-layout .menu-grid{flex:1.35;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;min-height:190px;display:grid}.kiosk-body.is-portrait-layout .pillar-action-card{border-radius:var(--radius-xl);min-height:90px;padding:12px 14px}.kiosk-body.is-portrait-layout .pillar-card-content{flex-direction:column;justify-content:space-between;gap:4px;height:100%;display:flex}.kiosk-body.is-portrait-layout .pillar-badge{padding:2px 7px;font-size:9px}.kiosk-body.is-portrait-layout .pillar-tag-text{font-size:10px}.kiosk-body.is-portrait-layout .pillar-title{margin:2px 0;font-size:16px;line-height:1.2}.kiosk-body.is-portrait-layout .pillar-cta-row{gap:4px;padding:5px 12px;font-size:11px}.kiosk-body.is-portrait-layout .kiosk-right{flex-direction:column;flex:1;height:auto;min-height:0;display:flex;width:100%!important}.kiosk-body.is-portrait-layout .media-hub-card{border-radius:var(--radius-xl);height:100%;overflow:hidden}.kiosk-body.is-portrait-layout .media-hub-header{padding:8px 14px}.kiosk-body.is-portrait-layout .media-tab-btn{padding:5px 10px;font-size:12px}.kiosk-body.is-portrait-layout .media-hub-content{background:#000;flex:1;min-height:0}.kiosk-body.is-portrait-layout .video-player{object-fit:cover;background:#000;width:100%;height:100%}.kiosk-body.is-portrait-layout .video-player.fit-contain{object-fit:contain}.kiosk-body.is-portrait-layout .video-bottom-hud{padding:8px 14px}.kiosk-body.is-portrait-layout .video-control-btn{padding:5px 10px;font-size:11px}.kiosk-body.is-portrait-layout .impact-showcase-view{padding:14px 16px;overflow-y:auto}.kiosk-body.is-portrait-layout .impact-title{font-size:18px}.kiosk-body.is-portrait-layout .pillar-transparency-list{gap:8px;margin:8px 0}.kiosk-body.is-portrait-layout .pillar-transparency-row{padding:10px 12px}.in-place-donation-card{border-radius:var(--radius-xl);flex-direction:column;height:100%;max-height:100%;display:flex;overflow:hidden}.modal-header{flex-shrink:0;padding:10px 16px}.modal-title{font-size:18px}.modal-body-scrollable{flex:1;padding:8px 16px 4px;overflow-y:auto}.donor-name-container{margin-bottom:6px}.donor-name-label{margin-bottom:3px;font-size:11px;display:block}.donor-input-field{border-radius:var(--radius-md);padding:7px 12px;font-size:13px}.btn-show-qris-action{border-radius:var(--radius-lg);gap:10px;margin-bottom:6px;padding:7px 12px}.show-qris-icon-wrap{border-radius:8px;width:30px;height:30px}.show-qris-btn-label{font-size:13px;font-weight:700}.flow-divider-text{letter-spacing:.5px;margin:4px 0 6px;font-size:10px}.nominal-display-box{border-radius:var(--radius-lg);margin-bottom:6px;padding:6px 12px}.nominal-currency-label{font-size:10px}.nominal-amount-value{font-size:24px;line-height:1.15}.touch-numpad{gap:5px;margin-bottom:2px}.numpad-key{border-radius:var(--radius-sm);min-height:36px;padding:7px 4px;font-size:17px}.modal-footer-fixed{border-top:1px solid var(--glass-border);z-index:10;background:#fff;flex-shrink:0;gap:10px;padding:8px 16px}.btn-primary-action{border-radius:var(--radius-lg);padding:10px 16px;font-size:14px}.btn-secondary-action{border-radius:var(--radius-lg);padding:10px 14px;font-size:13px}.qris-display-center{padding:6px 12px 10px}.qris-standee-container{max-width:290px}.qris-plate-header{padding:7px 12px}.qris-plate-logo{font-size:20px}.qris-code-box{padding:10px}.qris-code-box svg{width:175px!important;max-width:175px!important;height:175px!important;max-height:175px!important}.qris-plate-footer{padding:6px 10px 8px}.qris-merchant-title{font-size:13px}.qris-amount-terminal-display{margin-top:6px;padding:6px 12px}.qatd-value{font-size:18px}.btn-back-qris{margin-top:8px;padding:8px 14px;font-size:12px}.kiosk-app.is-portrait .kiosk-footer-ticker{height:38px;padding:6px 16px}.kiosk-app.is-portrait .ticker-label-badge{margin-right:10px;padding:2px 8px;font-size:10px}.kiosk-app.is-portrait .ticker-track{font-size:12px}@media (orientation:portrait),(aspect-ratio<=1){.kiosk-header{padding:10px 18px}.brand-logo-img{height:38px!important}.brand-title{font-size:19px!important}.clock-time{font-size:20px}.clock-date{font-size:11px}.header-btn{padding:6px 10px;font-size:12px}.kiosk-body{flex-direction:column;gap:12px;padding:12px 18px 8px;overflow:hidden}.kiosk-left{flex-direction:column;flex:1.25;gap:10px;height:auto;min-height:0;display:flex;width:100%!important}.campaign-slider-card{border-radius:var(--radius-xl);flex:1;min-height:140px;max-height:250px}.template-cover{gap:6px;padding:14px}.template-cover-logo{border-radius:12px;height:44px;margin-bottom:4px;padding:6px 12px}.template-cover-title{font-size:18px}.template-cover-sub{font-size:12px}.slider-content-layer{gap:6px;padding:14px 18px}.campaign-title{font-size:20px;line-height:1.25}.campaign-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.slider-dots{gap:6px}.slider-dot{width:7px;height:7px}.slider-dot.active{width:20px}.menu-grid{flex:1.35;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;min-height:190px;display:grid}.pillar-action-card{border-radius:var(--radius-xl);min-height:90px;padding:12px 14px}.pillar-card-content{flex-direction:column;justify-content:space-between;gap:4px;height:100%;display:flex}.pillar-badge{padding:2px 7px;font-size:9px}.pillar-tag-text{font-size:10px}.pillar-title{margin:2px 0;font-size:16px;line-height:1.2}.pillar-cta-row{gap:4px;padding:5px 12px;font-size:11px}.kiosk-right{flex-direction:column;flex:1;height:auto;min-height:0;display:flex;width:100%!important}.media-hub-card{border-radius:var(--radius-xl);height:100%;overflow:hidden}.media-hub-header{padding:8px 14px}.media-tab-btn{padding:5px 10px;font-size:12px}.media-hub-content{background:#000;flex:1;min-height:0}.video-player{object-fit:cover;background:#000;width:100%;height:100%}.video-player.fit-contain{object-fit:contain}.video-bottom-hud{padding:8px 14px}.video-control-btn{padding:5px 10px;font-size:11px}.impact-showcase-view{padding:14px 16px;overflow-y:auto}.impact-title{font-size:18px}.pillar-transparency-list{gap:8px;margin:8px 0}.pillar-transparency-row{padding:10px 12px}.in-place-donation-card{border-radius:var(--radius-xl);flex-direction:column;height:100%;max-height:100%;display:flex;overflow:hidden}.modal-header{flex-shrink:0;padding:10px 16px}.modal-title{font-size:18px}.modal-body-scrollable{flex:1;padding:8px 16px 4px;overflow-y:auto}.donor-name-container{margin-bottom:6px}.donor-name-label{margin-bottom:3px;font-size:11px;display:block}.donor-input-field{border-radius:var(--radius-md);padding:7px 12px;font-size:13px}.btn-show-qris-action{border-radius:var(--radius-lg);gap:10px;margin-bottom:6px;padding:7px 12px}.show-qris-icon-wrap{border-radius:8px;width:30px;height:30px}.show-qris-btn-label{font-size:13px;font-weight:700}.flow-divider-text{letter-spacing:.5px;margin:4px 0 6px;font-size:10px}.nominal-display-box{border-radius:var(--radius-lg);margin-bottom:6px;padding:6px 12px}.nominal-currency-label{font-size:10px}.nominal-amount-value{font-size:24px;line-height:1.15}.touch-numpad{gap:5px;margin-bottom:2px}.numpad-key{border-radius:var(--radius-sm);min-height:36px;padding:7px 4px;font-size:17px}.modal-footer-fixed{border-top:1px solid var(--glass-border);z-index:10;background:#fff;flex-shrink:0;gap:10px;padding:8px 16px}.btn-primary-action{border-radius:var(--radius-lg);padding:10px 16px;font-size:14px}.btn-secondary-action{border-radius:var(--radius-lg);padding:10px 14px;font-size:13px}.qris-display-center{padding:6px 12px 10px}.qris-standee-container{max-width:290px}.qris-plate-header{padding:7px 12px}.qris-plate-logo{font-size:20px}.qris-code-box{padding:10px}.qris-code-box svg{width:175px!important;max-width:175px!important;height:175px!important;max-height:175px!important}.qris-plate-footer{padding:6px 10px 8px}.qris-merchant-title{font-size:13px}.qris-amount-terminal-display{margin-top:6px;padding:6px 12px}.qatd-value{font-size:18px}.btn-back-qris{margin-top:8px;padding:8px 14px;font-size:12px}.kiosk-footer-ticker{height:38px;padding:6px 16px}.ticker-label-badge{margin-right:10px;padding:2px 8px;font-size:10px}.ticker-track{font-size:12px}}@media (orientation:portrait) and (height>=1200px){.brand-logo-img{height:46px!important}.brand-title{font-size:24px!important}.clock-time{font-size:26px}.clock-date{font-size:13px}.campaign-slider-card{max-height:320px}.campaign-title{font-size:26px}.campaign-desc{font-size:15px}.pillar-title{font-size:21px}.pillar-action-card{padding:18px 20px}.pillar-cta-row{padding:8px 16px;font-size:13px}.qris-standee-container{max-width:360px}.qris-code-box svg{width:230px!important;max-width:230px!important;height:230px!important;max-height:230px!important}}