:root{--durian-gold:#f5c518;--durian-gold-light:#fde68a;--durian-gold-dark:#d97706;--durian-green:#10b981;--durian-green-dark:#047857;--durian-husk:#4b5563;--bg-color:#fef3c7;--text-color:#1f2937}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fef3c7;background-color:var(--bg-color);color:#1f2937;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}.App-main{flex:1 1;overflow-y:auto}.bottom-nav{background-color:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;height:60px;justify-content:space-around;left:0;position:fixed;right:0;z-index:1000}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{color:var(--durian-husk);flex:1 1;flex-direction:column;font-size:12px;height:100%;justify-content:center;text-decoration:none}.nav-item.active{color:var(--durian-green-dark);font-weight:700}.nav-item svg{margin-bottom:4px}.page-container{margin:0 auto;max-width:600px;padding:20px}.btn-primary{align-items:center;background-color:var(--durian-gold);border:none;border-radius:24px;box-shadow:0 4px 6px #0000001a;color:var(--durian-green-dark);cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;transition:transform .2s;width:100%}.btn-primary:active{transform:scale(.95)}.card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d;margin-bottom:20px;padding:20px}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.popup-content{background:#fff;margin:0;max-width:320px;padding:30px 20px;text-align:center;width:85%}.popup-icon{display:flex;justify-content:center;margin-bottom:15px}.popup-title{color:var(--durian-green-dark);font-size:1.3rem;margin-bottom:10px}.popup-message{color:var(--durian-husk);font-size:.95rem;line-height:1.5;margin-bottom:25px}.popup-btn{width:100%}.entrance-page{align-items:center;background:linear-gradient(135deg,#064e3b,#047857);display:flex;flex-direction:column;justify-content:center;margin:0;max-width:none;min-height:calc(100vh - 60px);overflow:hidden;padding:40px 20px;position:relative;text-align:center;width:100%}.entrance-bg-elements{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.blob{border-radius:50%;filter:blur(60px);opacity:.4;position:absolute}.blob-1{background:var(--durian-gold);height:300px;left:-10%;top:-10%;width:300px}.blob-2{background:#34d399;bottom:-10%;height:250px;right:-10%;width:250px}.content-wrapper{max-width:340px;position:relative;width:100%;z-index:1}.hero-section{margin-bottom:40px}.badge{background:#fde68a33;border:1px solid #fde68a4d;border-radius:20px;color:#fde68a;display:inline-block;font-size:.8rem;font-weight:700;padding:6px 12px}.badge,.title{margin-bottom:15px}.title{color:#fff;font-size:3rem;font-weight:800;line-height:1.1;text-shadow:0 4px 15px #0003}.subtitle{color:#d1fae5;font-size:1.05rem;line-height:1.5}.login-card,.welcome-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #00000026;color:#fff;padding:30px 20px}.icon-wrapper{align-items:center;background:#fff3;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.login-card h2,.welcome-card h2{font-size:1.5rem;margin-bottom:10px}.login-card p,.welcome-card p{color:#d1fae5;font-size:.95rem;margin-bottom:25px}.login-btn{background:linear-gradient(135deg,var(--durian-gold),#f59e0b);border:none;box-shadow:0 8px 20px #f59e0b4d;color:#78350f}.voucher-status{background-color:var(--durian-gold-light);border-radius:12px;color:var(--durian-green-dark);font-weight:700;gap:10px;margin-top:20px;padding:12px}.airdrop-overlay,.voucher-status{align-items:center;display:flex;justify-content:center}.airdrop-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.airdrop-content{background:linear-gradient(180deg,#fff,#fef3c7);border-radius:32px;box-shadow:0 20px 50px #0000004d,0 0 0 4px var(--durian-gold);max-width:320px;overflow:hidden;padding:40px 20px;position:relative;text-align:center;width:85%}.glow-effect{animation:rotate 10s linear infinite;background:radial-gradient(circle,#f5c51833 0,#0000 60%);bottom:-50%;left:-50%;position:absolute;right:-50%;top:-50%;z-index:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.durian-icon,.durian-icon-img{display:block;filter:drop-shadow(0 15px 15px rgba(0,0,0,.2));font-size:140px;height:140px;margin:0 auto 15px;position:relative;width:140px;z-index:1}.airdrop-content h2{color:var(--durian-green-dark);font-size:1.8rem;margin-bottom:10px;position:relative;z-index:1}.airdrop-content p{color:var(--durian-husk);font-weight:500;margin-bottom:30px;position:relative;z-index:1}.claim-btn{background:linear-gradient(135deg,var(--durian-green-dark),var(--durian-green));box-shadow:0 8px 20px #0478574d;color:#fff;position:relative;z-index:1}.orchard-page{display:flex;flex-direction:column}.header{margin-bottom:20px;text-align:center}.header h2{color:var(--durian-green-dark);margin-bottom:5px}.header p{color:var(--durian-husk);font-size:.9rem}.map-container{background:#d1fae5;border-radius:16px;box-shadow:0 4px 15px #0000000d;height:250px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.orchard-svg-map{height:100%;left:0;position:absolute;top:0;width:100%}.tree-marker{align-items:center;display:flex;flex-direction:column;gap:4px;position:absolute;transform:translate(-50%,-100%);z-index:10}.marker-1{left:35%;top:45%}.marker-2{left:75%;top:75%}.marker-pin{align-items:center;background-color:var(--durian-green-dark);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 10px #0003;display:flex;justify-content:center;padding:8px}.marker-pin.gold{background-color:var(--durian-gold-dark)}.tree-marker span{background:#fff;border-radius:12px;box-shadow:0 2px 5px #0000001a;color:var(--text-color);font-size:.75rem;font-weight:700;padding:4px 8px;white-space:nowrap}.scan-card{text-align:center}.pitstop-showcase{background:#fffdf7;border:2px solid #e5c26b;border-radius:16px;margin-bottom:20px}.pitstop-showcase-header{margin-bottom:14px;text-align:center}.pitstop-showcase-header h3{color:#5b3a1d;margin:0 0 4px}.pitstop-showcase-header p{color:#8b5e34;font-size:.9rem;font-weight:600;margin:0}.pitstop-track{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.pitstop-item{background:#f3f4f6;border-radius:10px;flex-direction:column;gap:6px;padding:6px 4px}.pitstop-icon,.pitstop-item{align-items:center;display:flex}.pitstop-icon{background:#e5e7eb;border-radius:50%;color:#6b7280;font-size:.9rem;font-weight:700;height:34px;justify-content:center;width:34px}.pitstop-item span{color:#6b7280;font-size:.72rem;font-weight:600;line-height:1.2}.pitstop-item.checked-in{background:#ecfdf5}.pitstop-item.checked-in .pitstop-icon{background:#047857;color:#fff}.pitstop-item.checked-in span{color:#065f46}.scan-card h3{color:var(--text-color);margin-bottom:10px}.scan-card p{color:var(--durian-husk);font-size:.9rem;margin-bottom:20px}.badge-card{background:linear-gradient(180deg,#fff 0,var(--durian-gold-light) 100%);border:2px solid var(--durian-gold);border-radius:24px;box-shadow:0 10px 25px #f5c51833;padding:30px 20px;text-align:center}.earned-badge-img{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 15px 25px rgba(0,0,0,.25));height:160px;margin:10px 0 20px;object-fit:contain;width:160px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.badge-title{color:var(--durian-green-dark);font-size:1.5rem;font-weight:800;margin-bottom:5px}.badge-card p{color:var(--durian-husk)}.badge-card .hint{color:var(--durian-green-dark);font-size:.85rem;font-weight:700;margin-top:15px}.reward-card{justify-content:space-between;overflow:hidden;padding:15px 20px;position:relative}.reward-card,.reward-info{align-items:center;display:flex}.reward-info{gap:15px;z-index:1}.reward-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:50px;object-fit:contain;width:50px}.grayscale{filter:grayscale(100%) opacity(.6)}.reward-info h3{color:var(--text-color);font-size:1.1rem;margin:0}.reward-info p{color:var(--durian-husk);font-size:.85rem;margin:0}.redeemed-text{color:var(--durian-green-dark)!important;font-weight:700}.small-btn{font-size:.9rem;padding:8px 16px;width:auto;z-index:1}.voucher-card{border-left:4px solid var(--durian-green)}.gift-card{border-left:4px solid var(--durian-gold)}.redeemed-card{background-color:#f9fafb;border:1px dashed #d1d5db;box-shadow:none}.stamp{border:3px solid #ef4444;border-radius:8px;color:#ef4444;font-size:1.2rem;font-weight:900;letter-spacing:2px;opacity:.7;padding:4px 12px;pointer-events:none;position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(-15deg);z-index:0}.chat-section{background:#f9fafb;border:1px solid #f3f4f6;border-radius:24px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;height:480px;overflow:hidden;padding:0}.chat-header{background:linear-gradient(135deg,var(--durian-green-dark),var(--durian-green));color:#fff;padding:20px}.chat-header-info{align-items:center;display:flex;gap:15px}.bot-avatar-bg{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 10px #0000001a;display:flex;height:44px;justify-content:center;width:44px}.chat-header-info h3{font-size:1.2rem;font-weight:700;margin:0 0 4px}.online-status{align-items:center;color:#a7f3d0;display:flex;font-size:.8rem;font-weight:500}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.message{display:flex;gap:10px;max-width:85%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.bot{align-self:flex-start}.message-avatar{align-items:center;background-color:#e5e7eb;border-radius:50%;box-shadow:0 2px 5px #0000000d;color:var(--durian-husk);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.message.bot .message-avatar{background-color:var(--durian-green-light);color:var(--durian-green-dark)}.message.user .message-avatar{background-color:var(--durian-gold-light);color:var(--durian-gold-dark)}.message-bubble{border-radius:20px;box-shadow:0 2px 8px #0000000a;font-size:.95rem;line-height:1.5;padding:12px 16px;white-space:pre-wrap}.message.bot .message-bubble{background-color:#fff;border-top-left-radius:4px;color:#374151}.message.user .message-bubble{background:linear-gradient(135deg,var(--durian-gold),#f59e0b);border-top-right-radius:4px;color:#78350f;font-weight:500}.typing-indicator span{animation:typing 1.4s infinite both;color:var(--durian-green);display:inline-block;font-size:1.5rem;line-height:.5}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.chat-input-area{background-color:#fff;border-top:1px solid #f3f4f6;display:flex;gap:12px;padding:15px 20px}.chat-input-area input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:24px;flex:1 1;font-size:.95rem;outline:none;padding:12px 20px;transition:all .2s}.chat-input-area input:focus{background:#fff;border-color:var(--durian-green);box-shadow:0 0 0 3px #10b9811a}.chat-input-area button{align-items:center;background:linear-gradient(135deg,var(--durian-green-dark),var(--durian-green));border:none;border-radius:50%;box-shadow:0 4px 10px #0478574d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:transform .2s,box-shadow .2s;width:44px}.chat-input-area button:active{transform:scale(.95)}.chat-input-area button:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed}.shop-page{display:flex;flex-direction:column}.points-card{background:linear-gradient(135deg,var(--durian-green-dark),var(--durian-green));border:none;color:#fff}.points-display{align-items:center;display:flex;gap:20px}.points-text{display:flex;flex-direction:column}.points-value{font-size:2rem;font-weight:700;line-height:1}.points-label{font-size:.9rem;opacity:.9}.payment-section h3{color:var(--durian-green-dark);margin-bottom:10px}.payment-section p{color:var(--durian-husk);font-size:.95rem;margin-bottom:20px}.mock-bill{background-color:#f9fafb;border-radius:12px;margin-bottom:20px;padding:15px}.bill-row{color:var(--text-color);display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:10px}.bill-row.total{border-top:1px dashed #d1d5db;font-size:1.1rem;font-weight:700;margin-bottom:0;margin-top:15px;padding-top:15px}.pay-btn{background-color:var(--durian-green-dark);color:#fff}.shake-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.shake-content{background-color:#fff;border-radius:24px;max-width:320px;padding:40px 20px;text-align:center;width:90%}.shake-content h2{color:var(--durian-green-dark);margin-bottom:10px}.shake-tree{font-size:100px;margin:30px 0;transform-origin:bottom center}.shake-instruction{color:var(--durian-husk);margin-bottom:20px}.prize-reveal{flex-direction:column}.prize-image-wrapper,.prize-reveal{align-items:center;display:flex;position:relative}.prize-image-wrapper{height:220px;justify-content:center;margin-bottom:20px;width:220px}.prize-glow{animation:pulse-glow 2s infinite alternate;background:radial-gradient(circle,#f5c51866 0,#0000 70%);height:100%;position:absolute;width:100%;z-index:0}@keyframes pulse-glow{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.prize-image{filter:drop-shadow(0 15px 30px rgba(0,0,0,.3));height:100%;object-fit:contain;position:relative;width:100%;z-index:1}.prize-reveal h2{color:var(--durian-green-dark);font-size:1.8rem;margin-top:10px;text-shadow:0 2px 4px #0000000d}.prize-reveal p{color:var(--durian-husk);font-weight:500;margin:5px 0}.prize-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--durian-gold-dark),#f59e0b);-webkit-background-clip:text;font-size:1.8rem;font-weight:900;letter-spacing:1px;margin-bottom:30px;text-transform:uppercase}.auth-modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:2.5rem;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-modal-icon{animation:bounce .6s ease-in-out;font-size:4rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-modal-title{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.auth-modal-message{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:2rem}.auth-modal-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:250px;padding:.875rem 2rem;transition:all .2s;width:100%}.auth-modal-button:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.auth-modal-button:active{transform:translateY(0)}@media (max-width:480px){.auth-modal-content{padding:2rem 1.5rem}.auth-modal-icon{font-size:3rem}.auth-modal-title{font-size:1.25rem}.auth-modal-message{font-size:.95rem}}
/*# sourceMappingURL=main.e228231b.css.map*/