*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--navy:#0a1628;--navy-light:#112240;--green:#00c853;--green-dark:#009624;--green-light:#e8f5e9;--white:#fff;--gray-100:#f5f5f5;--gray-200:#eee;--gray-400:#bdbdbd;--gray-600:#757575;--gray-800:#424242;--red:#f44336;--orange:#ff9800;--shadow:0 2px 8px #0000001a;--shadow-md:0 4px 16px #00000026;--radius:16px;--radius-sm:8px}html,body,#root{background:var(--gray-100);height:100%;color:var(--gray-800);font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}.app{background:var(--white);max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:72px;position:relative}h1{font-size:1.8rem;font-weight:800;line-height:1.2}h2{font-size:1.4rem;font-weight:700}h3{font-size:1.1rem;font-weight:700}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 20px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--green);color:var(--navy)}.btn-primary:hover{background:var(--green-dark);color:var(--white)}.btn-secondary{background:var(--navy);color:var(--white)}.btn-secondary:hover{background:var(--navy-light)}.btn-outline{color:var(--navy);border:2px solid var(--navy);background:0 0}.btn-outline-green{color:var(--green-dark);border:2px solid var(--green);background:0 0}.btn-full{width:100%}.btn-sm{min-height:36px;padding:0 14px;font-size:.85rem}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.section{padding:20px 16px}.section-title{color:var(--navy);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:1.1rem;font-weight:800;display:flex}.section-title a{color:var(--green-dark);font-size:.85rem;font-weight:600;text-decoration:none}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-green{background:var(--green-light);color:var(--green-dark)}.badge-navy{background:var(--navy);color:var(--white)}.badge-red{color:var(--red);background:#ffebee}.badge-orange{color:var(--orange);background:#fff3e0}.input-group{margin-bottom:16px}.input-group label{color:var(--gray-600);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.input-field{border:2px solid var(--gray-200);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--gray-800);background:var(--white);padding:10px 14px;font-size:1rem;transition:border-color .15s}.input-field:focus{border-color:var(--green);outline:none}.divider{background:var(--gray-100);height:8px;margin:0 -16px}.scroll-row{scrollbar-width:none;gap:12px;padding:4px 0 12px;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.page-header{background:var(--navy);color:var(--white);z-index:100;align-items:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.page-header h2{color:var(--white);font-size:1.1rem}.back-btn{color:var(--white);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.steps{align-items:center;gap:0;padding:16px;display:flex}.step{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-circle{background:var(--gray-200);width:32px;height:32px;color:var(--gray-600);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.step.active .step-circle{background:var(--green);color:var(--navy)}.step.done .step-circle{background:var(--navy);color:var(--white)}.step-label{color:var(--gray-600);text-align:center;margin-top:4px;font-size:.7rem}.step.active .step-label{color:var(--green-dark);font-weight:700}.step-line{background:var(--gray-200);z-index:0;width:100%;height:2px;position:absolute;top:16px;left:50%}.step.done .step-line{background:var(--navy)}.loan-widget{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);border-radius:var(--radius);color:var(--white);margin:16px;padding:20px}.loan-widget h3{color:var(--green);margin-bottom:12px}.loan-result{border:1px solid var(--green);border-radius:var(--radius-sm);background:#00c85326;margin:12px 0;padding:12px}.loan-result .weekly{color:var(--green);font-size:1.6rem;font-weight:800}.loan-result .label{color:var(--gray-400);font-size:.8rem}.whatsapp-fab{z-index:200;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;text-decoration:none;transition:transform .2s;display:flex;position:fixed;bottom:84px;right:16px;box-shadow:0 4px 12px #25d36666}.whatsapp-fab:active{transform:scale(.92)}.bottom-nav{background:var(--white);border-top:1px solid var(--gray-200);z-index:300;width:100%;max-width:480px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 12px #00000014}.nav-item{color:var(--gray-400);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:56px;padding:8px 4px;font-size:.7rem;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.nav-item.active{color:var(--green-dark)}.nav-item svg{width:22px;height:22px}.hero{color:var(--white);background:#060e1f;padding:36px 20px 40px;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:radial-gradient(80% 60% at 110% 0,#00c8532e 0%,#0000 60%),radial-gradient(60% 50% at -10% 100%,#0064ff1f 0%,#0000 55%),linear-gradient(160deg,#0a1628 0%,#060e1f 60%,#0d1f0d 100%);position:absolute;inset:0}.hero:after{content:"";z-index:0;background-image:linear-gradient(#00c8530a 1px,#0000 1px),linear-gradient(90deg,#00c8530a 1px,#0000 1px);background-size:40px 40px;animation:20s linear infinite gridMove;position:absolute;inset:0}@keyframes gridMove{0%{background-position:0 0}to{background-position:40px 40px}}.hero>*{z-index:1;position:relative}.hero-orb{z-index:0;background:radial-gradient(circle,#00c85338 0%,#0000 70%);border-radius:50%;width:220px;height:220px;animation:4s ease-in-out infinite pulse;position:absolute;top:-60px;right:-60px}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.hero-orb2{z-index:0;background:radial-gradient(circle,#0050ff1f 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-80px;left:-40px}.hero-eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:1px;background:#00c8531f;border:1px solid #00c85359;border-radius:20px;align-items:center;gap:6px;margin-bottom:18px;padding:5px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.hero-eyebrow-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.hero h1{color:var(--white);letter-spacing:-.5px;margin-bottom:6px;font-size:2.4rem;font-weight:900;line-height:1.1}.hero h1 .highlight{color:var(--green);display:inline-block;position:relative}.hero h1 .highlight:after{content:"";background:var(--green);opacity:.5;border-radius:2px;width:100%;height:3px;position:absolute;bottom:2px;left:0}.hero-sub{color:#fff9;max-width:320px;margin-bottom:24px;font-size:.92rem;line-height:1.6}.hero-btns{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.btn-hero-primary{background:var(--green);color:var(--navy);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;min-height:48px;padding:0 24px;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 0 24px #00c85359}.btn-hero-primary:hover{transform:translateY(-1px);box-shadow:0 0 36px #00c8538c}.btn-hero-primary:active{transform:scale(.97)}.btn-hero-ghost{color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-hero-ghost:hover{background:#ffffff1f;border-color:#ffffff4d}.btn-hero-ghost:active{transform:scale(.97)}.hero-stats{border-top:1px solid #ffffff14;gap:0;margin-top:4px;padding-top:20px;display:flex}.hero-stat{text-align:center;border-right:1px solid #ffffff14;flex:1;padding:0 4px}.hero-stat:last-child{border-right:none}.hero-stat-value{color:var(--green);margin-bottom:3px;font-size:1.5rem;font-weight:900;line-height:1}.hero-stat-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:600}.hero-loan-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #00c85340;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;display:inline-flex}.hero-loan-badge-icon{background:#00c85326;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.hero-loan-badge-text{flex-direction:column;display:flex}.hero-loan-badge-title{color:var(--white);font-size:.82rem;font-weight:800}.hero-loan-badge-sub{color:#ffffff80;margin-top:1px;font-size:.72rem}.ticker-wrap{white-space:nowrap;background:#00c85314;border-bottom:1px solid #00c85326;padding:8px 0;overflow:hidden}.ticker-track{gap:0;animation:22s linear infinite ticker;display:inline-flex}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{color:var(--green);align-items:center;gap:6px;padding:0 20px;font-size:.78rem;font-weight:700;display:inline-flex}.ticker-dot{background:#00c85366;border-radius:50%;flex-shrink:0;width:4px;height:4px}.product-card{border-radius:var(--radius);width:220px;box-shadow:var(--shadow);background:var(--white);flex-shrink:0;overflow:hidden}.product-card-img{object-fit:cover;background:var(--gray-100);justify-content:center;align-items:center;width:100%;height:140px;font-size:3rem;display:flex}.product-card-body{padding:12px}.product-card-name{color:var(--navy);margin-bottom:4px;font-size:.9rem;font-weight:700;line-height:1.3}.product-card-price{color:var(--navy);margin-bottom:6px;font-size:1.1rem;font-weight:800}.product-card-loan{color:var(--green-dark);margin-bottom:10px;font-size:.8rem;font-weight:700}.product-card-btns{flex-direction:column;gap:6px;display:flex}.product-grid{grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 16px;display:grid}.product-grid-card{border-radius:var(--radius);box-shadow:var(--shadow);background:var(--white);overflow:hidden}.product-grid-img{object-fit:cover;background:var(--gray-100);justify-content:center;align-items:center;width:100%;height:120px;font-size:2.5rem;display:flex}.product-grid-body{padding:10px}.product-grid-name{color:var(--navy);margin-bottom:3px;font-size:.82rem;font-weight:700;line-height:1.3}.product-grid-price{color:var(--navy);margin-bottom:4px;font-size:1rem;font-weight:800}.product-grid-loan{color:var(--green-dark);margin-bottom:8px;font-size:.75rem;font-weight:700}.branch-card{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);border-radius:var(--radius);color:var(--white);margin:0 16px 20px;padding:20px}.branch-card h3{color:var(--green);margin-bottom:12px;font-size:1rem}.branch-info{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.branch-info-row{color:#ffffffd9;align-items:center;gap:8px;font-size:.9rem;display:flex}.branch-btns{gap:10px;display:flex}.trust-row{scrollbar-width:none;gap:8px;padding:0 16px 20px;display:flex;overflow-x:auto}.trust-row::-webkit-scrollbar{display:none}.trust-badge{background:var(--green-light);border-radius:var(--radius-sm);color:var(--green-dark);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;font-size:.8rem;font-weight:700;display:flex}.loan-flow-card{border-radius:var(--radius);box-shadow:var(--shadow);margin:16px;overflow:hidden}.loan-flow-body{padding:20px}.price-display{background:var(--green-light);border-radius:var(--radius-sm);text-align:center;margin-bottom:16px;padding:16px}.price-display .price{color:var(--navy);font-size:2rem;font-weight:800}.price-display .label{color:var(--gray-600);font-size:.85rem}.loan-item-card{border:1px solid var(--gray-200);border-radius:var(--radius-sm);margin-bottom:10px;padding:14px}.loan-item-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.loan-item-name{color:var(--navy);font-size:.95rem;font-weight:700}.loan-progress{background:var(--gray-200);border-radius:3px;height:6px;margin:10px 0;overflow:hidden}.loan-progress-bar{background:var(--green);border-radius:3px;height:100%;transition:width .3s}.filter-row{scrollbar-width:none;background:var(--white);z-index:50;border-bottom:1px solid var(--gray-200);gap:8px;padding:12px 16px;display:flex;position:sticky;top:56px;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-chip{border:2px solid var(--gray-200);background:var(--white);color:var(--gray-600);cursor:pointer;border-radius:20px;flex-shrink:0;min-height:36px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s}.filter-chip.active{background:var(--navy);color:var(--white);border-color:var(--navy)}.upload-area{border:2px dashed var(--gray-400);border-radius:var(--radius);text-align:center;cursor:pointer;padding:32px 20px;transition:border-color .15s}.upload-area:hover,.upload-area.active{border-color:var(--green);background:var(--green-light)}.upload-area p{color:var(--gray-600);margin-top:8px;font-size:.9rem}.valuation-result{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);border-radius:var(--radius);text-align:center;color:var(--white);margin:16px;padding:24px}.valuation-amount{color:var(--green);font-size:2.5rem;font-weight:800}.success-screen{text-align:center;padding:40px 24px}.success-icon{background:var(--green-light);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.success-code{background:var(--navy);color:var(--green);letter-spacing:4px;border-radius:var(--radius-sm);margin:16px 0;padding:16px 24px;font-family:monospace;font-size:2rem;font-weight:800}.topbar{-webkit-backdrop-filter:blur(12px);z-index:100;background:#060e1ff5;border-bottom:1px solid #00c8531a;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:sticky;top:0}.topbar-logo{color:var(--white);letter-spacing:-.5px;align-items:center;font-size:1.45rem;font-weight:900;line-height:1;display:flex}.topbar-logo span{color:var(--green)}.topbar-logo-dot{background:var(--green);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:2px;animation:1.4s ease-in-out infinite blink;display:inline-block}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-btn{color:var(--white);cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.topbar-loan-btn{background:var(--green);color:var(--navy);cursor:pointer;letter-spacing:.3px;border:none;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:800}.promo-banner{background:linear-gradient(90deg, var(--green) 0%, #00e676 100%);color:var(--navy);align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:700;display:flex}.empty-state{text-align:center;color:var(--gray-600);padding:40px 20px}.empty-state svg{opacity:.3;margin-bottom:12px}.overlay{z-index:400;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{background:var(--white);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:480px;padding:24px 20px;animation:.25s slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:var(--gray-200);border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.admin-topbar{z-index:100;background:#060e1f;border-bottom:1px solid #00c8531a;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.admin-menu-btn{cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.admin-bottom-nav{z-index:200;background:#fff;border-top:1px solid #eee;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000014}.admin-sidebar-logo{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:20px 16px;display:flex}@media (width>=769px){.admin-sidebar{background:#060e1f;flex-direction:column;flex-shrink:0;width:220px;height:100vh;position:sticky;top:0;display:flex!important}.admin-topbar,.admin-bottom-nav{display:none!important}}@media (width<=768px){.admin-sidebar{display:none!important}.admin-topbar,.admin-bottom-nav{display:flex!important}}.admin-sidebar{background:#060e1f;flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:none;position:sticky;top:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.admin-page{padding:20px 16px}@media (width>=769px){.admin-page{padding:28px}}.admin-stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}@media (width>=600px){.admin-stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}}.admin-two-col{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=600px){.admin-two-col{grid-template-columns:1fr 1fr;gap:20px}}.admin-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000f}.admin-table-wrap table{border-collapse:collapse;width:100%;min-width:600px}.admin-desktop-topbar{background:#f5f5f5;border-bottom:1px solid #eee;justify-content:flex-end;align-items:center;display:none}@media (width>=769px){.admin-desktop-topbar{display:flex}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.img-tappable{cursor:zoom-in;position:relative}.img-tappable:after{content:"🔍";color:#fff;pointer-events:none;opacity:.8;background:#00000073;border-radius:20px;padding:2px 6px;font-size:.75rem;position:absolute;bottom:6px;right:6px}[data-dark=true] .admin-page{background:#111827}[data-dark=true] .admin-page h1,[data-dark=true] .admin-page h2,[data-dark=true] .admin-page h3{color:#fff!important}[data-dark=true] .admin-page p,[data-dark=true] .admin-page span,[data-dark=true] .admin-page div{color:#e2e8f0}[data-dark=true] div[style*="background: #fff"],[data-dark=true] div[style*="background: rgb(255, 255, 255)"]{color:#f1f5f9!important;background:#1e293b!important;box-shadow:0 2px 8px #0006!important}[data-dark=true] div[style*="font-size: 1.8rem"],[data-dark=true] div[style*="fontWeight: 900"]{color:#fff!important}[data-dark=true] div[style*="font-size: 0.78rem"][style*="color: #757575"],[data-dark=true] div[style*="fontSize: 0.78rem"],[data-dark=true] div[style*="color: #9e9e9e"],[data-dark=true] div[style*="color: #757575"],[data-dark=true] span[style*="color: #757575"]{color:#94a3b8!important}[data-dark=true] span[style*="color: #424242"],[data-dark=true] div[style*="color: #424242"]{color:#cbd5e1!important}[data-dark=true] div[style*="color: #0a1628"],[data-dark=true] span[style*="color: #0a1628"]{color:#f1f5f9!important}[data-dark=true] .admin-table-wrap{background:#1e293b;border-radius:12px}[data-dark=true] table{background:#1e293b}[data-dark=true] thead tr{background:#0f172a!important}[data-dark=true] th{letter-spacing:.5px;color:#7dd3fc!important}[data-dark=true] td{color:#e2e8f0!important;border-color:#334155!important}[data-dark=true] tr{border-color:#334155!important}[data-dark=true] tr:hover{background:#334155!important}[data-dark=true] td[style*="color: #0a1628"]{color:#f1f5f9!important}[data-dark=true] td[style*="color: #757575"]{color:#94a3b8!important}[data-dark=true] td[style*="color: #9e9e9e"]{color:#64748b!important}[data-dark=true] .input-field{color:#f1f5f9!important;background:#334155!important;border-color:#475569!important}[data-dark=true] .input-field::placeholder{color:#64748b!important}[data-dark=true] .input-field:focus{border-color:#00c853!important}[data-dark=true] .input-group label{color:#94a3b8!important}[data-dark=true] .filter-chip{color:#94a3b8!important;background:#334155!important;border-color:#475569!important}[data-dark=true] .filter-chip.active{color:#0f172a!important;background:#f1f5f9!important;border-color:#f1f5f9!important}[data-dark=true] div[style*="border-bottom: 1px solid #f5f5f5"],[data-dark=true] div[style*="borderBottom: 1px solid #f5f5f5"]{border-color:#334155!important}[data-dark=true] .btn-outline{color:#e2e8f0!important;border-color:#475569!important}