@font-face{font-family:Inter;src:url('./fonts/inter-latin.woff2') format('woff2');font-weight:500 900;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url('./fonts/roboto-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Bootstrap Icons';src:url('./fonts/bootstrap-icons.woff2') format('woff2');font-display:block}
:root{--green:#163a2a;--gold:#e6b350;--text:#747474;--black:#0f1117;--card:#fff;--shadow:0 20px 25px -5px rgba(0,0,0,.03),0 10px 10px -5px rgba(0,0,0,.02)}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0;scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
body{color:var(--text);background:#f1f1f7;font:14px/24px Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button,a{color:inherit}
a{text-decoration:none;cursor:pointer}
button{border:0;cursor:pointer}
[hidden]{display:none!important}
.bi:before{display:inline-block;font-family:'Bootstrap Icons';font-style:normal;font-weight:400!important;line-height:1;vertical-align:-.125em}
.bi-house-fill:before{content:'\f424'}.bi-airplane:before{content:'\f7cd'}.bi-list-ul:before{content:'\f478'}.bi-list-stars:before{content:'\f476'}.bi-list:before{content:'\f479'}.bi-person-fill:before{content:'\f4da'}.bi-briefcase-fill:before{content:'\f1cb'}.bi-cash-coin:before{content:'\f632'}.bi-cash-stack:before{content:'\f246'}.bi-wallet-fill:before{content:'\f613'}.bi-menu-button-wide:before{content:'\f489'}.bi-card-checklist:before{content:'\f224'}.bi-wallet2:before{content:'\f615'}.bi-asterisk:before{content:'\f151'}.bi-shield-check:before{content:'\f52f'}.bi-box-arrow-right:before{content:'\f1c3'}.bi-person-circle:before{content:'\f4d7'}.bi-bank:before{content:'\f62e'}.bi-credit-card:before{content:'\f2dc'}.bi-award:before{content:'\f154'}.bi-star-fill:before{content:'\f586'}.bi-check-lg:before{content:'\f633'}.bi-x-lg:before{content:'\f659'}
#app{min-height:100vh}
.page{min-height:100vh;background:url('./login-bg.jpg') center/cover fixed no-repeat}
.page.no-footer{padding-bottom:30px}
.header-bar{position:fixed;z-index:98;top:max(8px,env(safe-area-inset-top));left:10px;right:10px;height:55px;display:flex;align-items:center;border-radius:20px;background:rgba(255,255,255,.85);box-shadow:0 0 15px rgba(0,0,0,.1);backdrop-filter:blur(10px)}
.header-bar a,.header-bar button{height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--black);font-size:16px}
.header-title{flex:1!important;justify-content:flex-start!important;font:700 14px/42px Inter,sans-serif!important}
.footer-bar{position:fixed;z-index:99;left:10px;right:10px;bottom:max(15px,env(safe-area-inset-bottom));height:60px;padding:0 10px;display:grid;grid-template-columns:repeat(4,1fr);border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 0 15px rgba(0,0,0,.1);backdrop-filter:blur(10px)}
.footer-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8d8d8d;font-size:10px;line-height:15px}
.footer-item .bi{font-size:15px;height:18px}
.footer-item.active .nav-circle{position:absolute;top:-18px;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--green);color:var(--gold);box-shadow:0 5px 14px rgba(0,0,0,.16);font-size:17px}
.footer-item.active span:last-child{margin-top:31px;color:var(--black)}
.page-content{min-height:100vh;padding:85px 0 60px}
.card{margin:0 15px 30px;border-radius:30px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.primary-btn{display:flex;align-items:center;justify-content:center;width:100%;height:44px;border-radius:10px;background:var(--green);box-shadow:0 10px 15px rgba(0,0,0,.12);color:var(--gold);font:700 12px/18px Inter,sans-serif;text-transform:uppercase}
.primary-btn:active{transform:scale(.99)}
.muted{color:#a3a3a3}.center{text-align:center}.strong{font-family:Inter,sans-serif;font-weight:700;color:var(--black)}

/* Authentication */
.auth-page{min-height:100vh;background:url('./login-bg.jpg') center/cover no-repeat;padding:48px 15px 30px}
.auth-logo{display:block;width:180px;height:180px;margin:0 auto 8px;border-radius:48px;object-fit:cover}
.auth-card{width:100%;max-width:520px;min-height:419px;margin:0 auto;padding:20px;border-radius:30px;background:#fff;box-shadow:var(--shadow)}
.auth-card h1{margin:0 0 32px;text-align:center;color:#111;font:800 32px/39px Inter,sans-serif}
.field{position:relative;margin-bottom:16px}
.field .bi{position:absolute;left:13px;top:19px;z-index:1;color:#7d7d7d;font-size:14px}
.field input,.field select{width:100%;height:53px;padding:0 15px 0 40px;border:1px solid #f0f0f0;border-radius:10px;outline:0;background:#fff;color:#111;font:12px/18px Roboto,sans-serif}
.field input:focus,.field select:focus{border-color:#9ec5fe;box-shadow:0 0 0 3px rgba(13,110,253,.13)}
.field label{position:absolute;left:12px;top:-11px;padding:0 4px;background:#fff;color:#111;font:700 11px/18px Inter,sans-serif;text-transform:uppercase}
.auth-card .primary-btn{margin-top:24px;border-radius:12px}
.auth-links{display:flex;justify-content:space-between;margin-top:16px;color:#555}
.auth-language{text-align:center;margin-top:6px}.auth-language h5{margin:0 0 8px;font:700 16px/24px Inter,sans-serif;color:#747474}
.language-row{display:flex;justify-content:space-around}.language-btn{background:none;padding:0}.language-btn img{display:block;width:42px;height:32px;object-fit:contain}
.register-page{height:100vh;min-height:610px;padding:0 15px;display:flex;align-items:center}.register-panel{width:100%;max-width:520px;min-height:455px;margin:0 auto 30px;padding:24px 20px;border-radius:30px;background:#fff;box-shadow:var(--shadow)}.register-panel h1{height:34px;margin:0;text-align:center;color:#111;font:800 30px/34px Inter,sans-serif}.register-panel>p{height:24px;margin:0 0 20px;text-align:center;font-size:13px;line-height:24px}.register-panel .field{margin-bottom:16px}.register-panel .field:nth-of-type(4){margin-bottom:24px}.register-submit{display:flex;align-items:center;justify-content:center;width:100%;height:44px;margin:0 0 16px;border-radius:10px;background:linear-gradient(#59a2ee,#478de0);box-shadow:0 10px 15px rgba(72,141,224,.3);color:#fff;font:700 12px/18px Inter,sans-serif;text-transform:uppercase}.register-login{display:block;height:25px;color:#777;font-size:12px;line-height:25px;text-align:center}

/* Home */
.home-content{padding-top:77px}
.hero-slider{height:230px;margin-bottom:0;position:relative;background:#fff}
.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity .55s}.hero-slide.active{opacity:1}
.quick-card{position:relative;z-index:2;height:105px;margin-top:-50px;display:grid;grid-template-columns:100px 90px 1fr;align-items:center;padding:9px 0 7px}
.quick-action{text-align:center;color:#111;font-size:12px;line-height:18px}
.quick-icon{width:45px;height:45px;margin:0 auto 2px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--green);color:var(--gold);box-shadow:0 5px 14px rgba(0,0,0,.16);font-size:17px}
.mini-progress{padding:0 15px 0 14px;text-align:center;color:#111;font:700 11px/17px Inter,sans-serif}
.progress-track{height:33px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(22,58,42,.09);overflow:hidden}.progress-fill{height:100%;min-width:0;border-radius:10px;background:var(--green);transition:width .45s ease}
.mini-progress .progress-track{height:35px;margin-bottom:3px}
.journey-card{height:198px;padding:20px 28px}.journey-card .primary-btn{height:42px;margin-bottom:16px}.image-marquee{overflow:hidden}.marquee-track{display:flex;width:max-content;will-change:transform;animation:image-marquee-scroll var(--marquee-duration) linear infinite}.marquee-set{display:flex;flex:none;gap:var(--marquee-gap);padding-right:var(--marquee-gap)}
.travel-strip{height:100px;margin:0 -28px;--marquee-gap:14px;--marquee-offset:-63px;--marquee-duration:22s}
.travel-strip img{width:91px;min-width:91px;height:100px;border-radius:10px;object-fit:cover;box-shadow:0 10px 15px rgba(0,0,0,.12)}
@keyframes image-marquee-scroll{from{transform:translate3d(var(--marquee-offset),0,0)}to{transform:translate3d(calc(-50% + var(--marquee-offset)),0,0)}}
.vip-card{position:relative;width:calc(100% - 30px);height:132px;margin:0 15px 30px;padding:8px 32px;border-radius:30px;background:linear-gradient(91deg,#7f6659 0%,#f6e1b0 100%);color:#fff;text-align:left}
.vip-card.account-vip{margin:31px -5px 16px;width:calc(100% + 10px);background:linear-gradient(91deg,#bcb4d6 0%,#ded9ec 100%)}
.vip-card h3{margin:0 0 3px;font:700 21px/27px Inter,sans-serif}.vip-card ul{margin:0;padding-left:21px;font-weight:700;line-height:24px}.vip-card img{position:absolute;right:18px;top:25px;width:82px;height:82px;object-fit:contain}

/* Optimize */
.balance-card{height:105px;display:grid;grid-template-columns:1fr 1fr;text-align:center;align-items:center}.balance-card strong{display:block;color:#111;font:700 16px/24px Inter,sans-serif}.balance-card span{display:block;margin-top:4px}
.optimize-card{height:230px;padding:20px}.optimize-strip{height:100px;margin:0 -20px 48px;--marquee-gap:15px;--marquee-offset:-63px;--marquee-duration:38s}.optimize-strip img{width:90px;min-width:90px;height:100px;border-radius:10px;object-fit:cover;box-shadow:0 10px 15px rgba(0,0,0,.12)}.optimize-card .primary-btn{width:calc(100% - 16px);height:43px;margin-left:8px}
.rating-card{height:106px;padding:20px}.rating-head{display:flex;justify-content:space-between;margin-bottom:7px;color:#111;font:700 18px/24px Inter,sans-serif}.rating-card .progress-track{height:35px}
.description-card{height:448px;padding:20px 28px 28px}.description-card h4{margin:0 0 25px;font-size:16px;font-weight:400}.description-card p{margin:0 0 26px;line-height:24px}

/* Orders */
.orders-card{min-height:123px;padding:0}.orders-content{margin:20px}.segmented{height:43px;padding:4px;display:grid;grid-template-columns:1fr 1fr;border-radius:20px;background:rgba(0,0,0,.07)}.segment{border-radius:20px;background:transparent;color:#111;font-weight:700}.segment.active{background:var(--green);color:var(--gold);box-shadow:0 3px 8px rgba(0,0,0,.12)}
.empty-state{padding:13px 0 2px;text-align:center;color:#999}.orders-list{display:flow-root;margin:16px 0 0}.order-item{margin-bottom:15px;padding:14px;border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.order-top{display:flex;gap:12px}.order-top img{width:72px;height:72px;border-radius:10px;object-fit:cover;background:#f4f4f4}.order-name{flex:1;color:#212529;font-weight:700;line-height:20px}.order-row{display:flex;justify-content:space-between;margin-top:8px;font-size:12px}.order-row strong{color:#111}.order-status{color:var(--green);font-weight:700}
.target-order-card{position:relative;height:200px;margin:0 15px 30px;border-radius:30px;background:#fff;box-shadow:var(--shadow);overflow:hidden;color:#fff}
.target-order-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.target-order-badge{position:absolute;z-index:2;right:0;top:24px;padding:8px;border-radius:0;background:linear-gradient(#fc6e51,#e9573f);box-shadow:0 4px 12px rgba(0,0,0,.18);color:#fff;font-size:10.5px;font-weight:700;line-height:10.5px}
.target-order-badge .bi{margin-right:6px}.target-order-bottom{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:4px 16px;background:#000;opacity:.8}
.target-order-bottom h4{display:flex;align-items:center;gap:7px;margin:0 0 5px;color:#fff;font:500 16px/23px Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target-order-bottom h4 span{overflow:hidden;text-overflow:ellipsis}.target-order-row{display:flex;justify-content:space-between;color:#fff;font-size:12px;line-height:24.6667px}.target-order-row strong{font-weight:500}

/* Account and forms */
.account-content{padding-top:133px}.account-card{min-height:720px;padding:0 20px 5px;overflow:visible;text-align:center}.account-avatar{width:110px;height:110px;margin:-44px auto 18px;object-fit:contain}.account-name{margin-bottom:30px}.referral{margin-bottom:20px}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 53px}.account-actions .primary-btn{height:42px;border-radius:15px;font-weight:900}
.account-list{border-top:1px solid #eee;text-align:left}.account-row{height:55px;display:flex;align-items:center;border-bottom:1px solid #eee;color:#212529}.account-row-icon{width:32px;height:32px;margin-right:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:14px}.account-row span:nth-child(2){flex:1}.chevron{color:#999}
.yellow{background:#ffbf27}.blue{background:#488de0}.green{background:#81c442}.red{background:#ee5146}.rose{background:#ca3a58}
.form-card{padding:22px 28px 36px}.form-title{display:flex;align-items:center;margin-bottom:22px;color:#111;font:700 20px/28px Inter,sans-serif}.form-title-icon{width:51px;height:51px;margin-right:17px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#fff;font-size:20px;box-shadow:0 8px 16px rgba(0,0,0,.12)}
.form-card .field{margin-bottom:16px}.form-card .primary-btn{margin-top:24px;background:linear-gradient(#59a2ee,#478de0);border-radius:10px}.amount-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 53px;margin:16px 0}.amount-btn{height:48px;border-radius:12px;background:#dce9fb;color:#4b89cc;box-shadow:0 10px 15px rgba(0,0,0,.08)}
.deposit-btn{margin-top:23px!important;background:linear-gradient(#ff6d55,#f55340)!important}.tip-box{position:relative;padding:16px;margin-bottom:16px;border:1px solid #f0d28a;border-radius:15px;background:#fff4d8}.tip-box strong{display:block;color:#111}.tip-box p{margin:0;color:#a9a18f}.balance-title{display:flex;gap:16px;margin:8px 16px 16px;color:#111;font:700 18px/31px Inter,sans-serif}
.vip-list-card{padding:16px 15px}.vip-tier{height:108px;margin-bottom:30px;padding:10px 30px;border-radius:30px;color:#fff}.vip-tier h3{margin:0 0 5px;font:700 20px/26px Inter,sans-serif}.vip-tier ul{margin:0;padding-left:18px;font-weight:700}.vip-tier:nth-child(8n+1){background:linear-gradient(91deg,#7f6659,#f6e1b0)}.vip-tier:nth-child(8n+2){background:linear-gradient(91deg,#aebbd2,#d9dfec)}.vip-tier:nth-child(8n+3){background:linear-gradient(91deg,#f4c44f,#fff0b5)}.vip-tier:nth-child(8n+4){background:linear-gradient(91deg,#b4c1dc,#dfe7f7)}.vip-tier:nth-child(8n+5){background:linear-gradient(91deg,#6da8ed,#d8effd)}.vip-tier:nth-child(8n+6){background:linear-gradient(91deg,#7d68d6,#e3dcff)}.vip-tier:nth-child(8n+7){background:linear-gradient(91deg,#4fa28d,#d2f0e7)}.vip-tier:nth-child(8n+8){background:linear-gradient(91deg,#d86969,#ffd8cc)}

.loader-screen{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.82)}
.loader-ring{width:31px;height:31px;border:4px solid transparent;border-top-color:#478de0;border-right-color:#478de0;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.feedback-layer{position:fixed;z-index:10001;inset:0;padding:20px;display:flex;align-items:center;justify-content:center;background:rgba(15,17,23,.38);backdrop-filter:blur(1px)}
.feedback-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:510px;min-height:210px;padding:34px 28px 28px;border-radius:4px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18);animation:feedback-in .18s ease-out}
.feedback-icon{width:88px;height:88px;margin-bottom:28px;display:flex;align-items:center;justify-content:center;border:5px solid #dcefd4;border-radius:50%;color:#a5dc86;font-size:45px}.feedback-error .feedback-icon{border-color:#f6d4d4;color:#e66b6b}
.feedback-card p{max-width:420px;margin:0;color:#555;text-align:center;font:400 20px/28px Roboto,Arial,sans-serif;overflow-wrap:anywhere}
@keyframes feedback-in{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
.modal-backdrop{position:fixed;z-index:1000;inset:0;padding:20px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.42)}
.modal-card{width:100%;max-width:380px;padding:20px;border-radius:25px;background:#fff}.modal-card img{display:block;width:110px;height:110px;margin:10px auto;border-radius:10px;object-fit:cover}.modal-card h3{text-align:center;color:#111}.modal-actions{display:flex;gap:12px;margin-top:18px}.modal-actions button{flex:1}.secondary-btn{height:44px;border-radius:10px;background:#eee;color:#333;font-weight:700}

/* Configurable business features */
button:disabled{cursor:not-allowed;opacity:.48}.feature-section{padding:20px}.feature-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.feature-heading h3{margin:0;color:#111;font:700 18px/24px Inter,sans-serif}.feature-heading a{color:#488de0}.feature-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #eee}.feature-row:first-of-type{border-top:0}.feature-row strong,.feature-row small{display:block}.feature-row strong{color:#111}.feature-row small{max-width:230px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-money{text-align:right}.feature-money b,.feature-money span{display:block}.feature-money b{color:#111}.feature-money span{color:#3b8f62}.feature-shortcut{display:flex;align-items:center;gap:16px;padding:18px 20px}.feature-shortcut>div{flex:1}.feature-shortcut strong,.feature-shortcut span{display:block}.feature-shortcut strong{color:#111}.feature-shortcut .primary-btn{width:125px}.task-detail,.high-task-card{padding:22px}.task-detail h2{margin:14px 0 8px;color:#111;font:700 23px/30px Inter,sans-serif}.task-detail p,.high-task-card p{margin:8px 0 18px}.task-badge{display:inline-block;padding:4px 10px;border-radius:20px;background:#fff0c9;color:#9a6c09;font-size:11px;font-weight:700}.task-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.task-numbers>div{padding:14px;border-radius:14px;background:#f6f7f9}.task-numbers small,.task-numbers strong{display:block}.task-numbers strong{margin-top:4px;color:#111;font-size:20px}.task-numbers>div:last-child strong{color:#238654}.five-stars{margin:18px 0;color:#ffbf27;text-align:center;font-size:28px;letter-spacing:4px}.success-panel{margin:18px 0;padding:14px;border-radius:12px;background:#edfff4;color:#197544;text-align:center}.card-wallet{display:flex;align-items:baseline;justify-content:center;gap:8px;padding:30px;background:linear-gradient(120deg,#163a2a,#315f4a);color:#fff}.card-wallet strong{color:#e6b350;font-size:48px}.page-heading{margin:0 22px 14px}.group-card{display:grid;grid-template-columns:70px 1fr;gap:14px;padding:18px}.group-count{width:70px;height:70px;border-radius:18px;background:#163a2a;color:#e6b350;display:flex;flex-direction:column;align-items:center;justify-content:center}.group-count strong{font-size:26px}.group-count span{font-size:11px}.group-info h3{margin:0;color:#111}.group-info p{margin:5px 0;color:#888;font-size:12px;line-height:18px}.group-info b{margin-right:12px;color:#333;font-size:11px}.group-card .primary-btn{grid-column:1/-1}.high-task-head{display:flex;align-items:center;justify-content:space-between}.high-task-card h3{margin:12px 0 6px;color:#111}.disclosure{padding:10px;border-radius:10px;background:#f5fff9;color:#2f6d49;font-size:12px}

@media(min-width:720px){.auth-card{max-width:384px}.account-card{max-width:520px;margin-left:auto;margin-right:auto}}