@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--gcash-blue:#005ce6;--gcash-blue-dark:#0046b8;--gcash-blue-light:#ebf3ff;--gcash-blue-border:#cbe0ff;--bg-app:#f4f7fc;--bg-card:#fff;--border-subtle:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--success:#10b981;--success-bg:#ecfdf5;--success-border:#a7f3d0;--warning:#f59e0b;--warning-bg:#fffbeb;--warning-border:#fde68a;--danger:#ef4444;--danger-bg:#fef2f2;--shadow-sm:0 1px 3px #0000000d;--shadow-card:0 4px 12px #005ce60f, 0 1px 3px #0000000a;--shadow-hover:0 8px 20px #005ce61f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .15s ease-in-out}input,textarea,select{outline:none;font-family:inherit}.minimal-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:box-shadow .2s,border-color .2s}.minimal-card:hover{border-color:#cbd5e1}.btn-gcash{background:var(--gcash-blue);color:#fff;border-radius:var(--radius-sm);padding:10px 18px;font-weight:600;box-shadow:0 3px 10px #005ce633}.btn-gcash:hover{background:var(--gcash-blue-dark);box-shadow:0 4px 14px #005ce64d}.btn-ghost{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-sm);padding:8px 14px;font-weight:600}.btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-pending{background:var(--warning-bg);color:#d97706;border:1px solid var(--warning-border)}.badge-approved{background:var(--success-bg);color:#059669;border:1px solid var(--success-border)}.badge-declined{background:var(--danger-bg);color:#dc2626;border:1px solid #fecaca}.badge-gcash{background:var(--gcash-blue-light);color:var(--gcash-blue);border:1px solid var(--gcash-blue-border)}.custom-table{border-collapse:collapse;width:100%}.custom-table th{text-align:left;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:#f8fafc;padding:12px 16px;font-size:.75rem;font-weight:700}.custom-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);padding:14px 16px;font-size:.875rem}.custom-table tr:hover td{background:#f8fafc}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999999;background:#0f172aa6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:88vh;color:var(--text-main);background:#fff;margin:auto;padding:28px;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000059}@media (width<=1024px){.responsive-grid{grid-template-columns:1fr!important}}@media (width<=768px){body{font-size:14px}main{padding:16px 12px 60px!important}.responsive-grid{grid-template-columns:1fr!important;gap:16px!important}.responsive-flex-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.scrollable-tabs-container{-webkit-overflow-scrolling:touch;white-space:nowrap!important;flex-wrap:nowrap!important;justify-content:flex-start!important;padding-bottom:4px!important;overflow-x:auto!important}.scrollable-tabs-container::-webkit-scrollbar{display:none}.scrollable-tabs-container button{flex-shrink:0!important}.custom-table{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.modal-content{max-width:95vw!important;margin:auto 10px!important;padding:20px!important}}@media (width<=480px){.badge{padding:2px 6px;font-size:.65rem}}.checkout-wrapper{background:#f4f7fc;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}@media (width<=600px){.checkout-wrapper{padding:12px 8px!important}}.footer-container{text-align:center;color:#64748b;box-sizing:border-box;background:#fff;border-top:1px solid #e2e8f0;width:100%;padding:24px 20px;font-size:.8rem}.footer-link{color:#64748b;font-weight:600;text-decoration:none;transition:color .15s}.footer-link:hover{color:#005ce6}.legal-section p{margin-top:4px;margin-bottom:0}.legal-section section{border-bottom:1px solid #f1f5f9;padding-bottom:16px}.legal-section section:last-child{border-bottom:none;padding-bottom:0}.cta-banner{text-align:left;border:1px solid #cbe0ff;border-radius:24px;justify-content:space-between;align-items:center;padding:40px 48px;display:flex;position:relative;box-shadow:0 20px 40px -15px #005ce633;background:linear-gradient(135deg,#005ce6 0%,#003896 100%)!important;margin-top:120px!important;overflow:visible!important}.cta-banner-text{z-index:2;color:#fff;flex:1;max-width:500px}.cta-banner-title{color:#fff;font-size:1.9rem;font-weight:900;margin:0 0 8px!important}.cta-banner-subtitle{color:#ebf3ff;font-size:1rem;line-height:1.6;margin:0 0 24px!important}.cta-banner-btn{color:#005ce6;cursor:pointer;background:#fff;border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #005ce64d}.cta-banner-btn:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 20px #005ce680}.cta-banner-image-container{z-index:5;pointer-events:none;justify-content:center;align-items:flex-end;width:330px;height:290px;display:flex;position:absolute;bottom:0;right:24px}.cta-banner-img{object-fit:contain;width:100%;height:122%;transform:translateY(6px)}@media (width<=768px){.cta-banner{text-align:center;flex-direction:column;min-height:380px;margin-top:60px;padding:28px 20px 0!important;overflow:hidden!important}.cta-banner-text{z-index:2;flex-direction:column;align-items:center;max-width:100%;padding-bottom:0;display:flex;position:relative}.cta-banner-title{font-size:1.5rem}.cta-banner-subtitle{font-size:.875rem;margin-bottom:16px!important}.cta-banner-btn{margin-bottom:220px}.cta-banner-image-container{width:200px;height:210px;bottom:0;right:50%;transform:translate(50%)!important}.cta-banner-img{object-fit:contain;object-position:bottom center;height:100%;transform:translateY(0)}}