@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=DM+Sans:wght@300;400;500;600&display=swap);:root{--blue:#1a3a6b;--blue-mid:#1e4d99;--blue-light:#2d6bc4;--blue-pale:#e8f0fb;--gold:#c9973a;--gold-light:#f0c060;--gold-pale:#fdf6e8;--white:#fff;--gray-100:#f7f8fa;--gray-200:#eef0f4;--gray-400:#9ba3b5;--gray-600:#5c6478;--gray-800:#2c3040;--success:#1a9e5c;--danger:#d63a3a;--warning:#e0820a;--shadow:0 2px 16px #1a3a6b1a;--shadow-lg:0 8px 32px #1a3a6b29;--radius:14px;--radius-sm:8px;--bottom-nav-h:64px;--font-display:"Playfair Display",serif;--font-body:"DM Sans",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:#f7f8fa;background:var(--gray-100);color:#2c3040;color:var(--gray-800);font-family:DM Sans,sans-serif;font-family:var(--font-body);margin:0 auto;max-width:480px;position:relative}.page,body{min-height:100vh}.page{padding-bottom:80px;padding-bottom:calc(var(--bottom-nav-h) + 16px)}.page-content{padding:0 16px 24px}.topbar{align-items:center;background:linear-gradient(135deg,#1a3a6b,#1e4d99);background:linear-gradient(135deg,var(--blue) 0,var(--blue-mid) 100%);color:#fff;display:flex;justify-content:space-between;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.topbar-logo{font-family:Playfair Display,serif;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:.5px}.topbar-logo span{color:#f0c060;color:var(--gold-light)}.topbar-actions{gap:10px}.topbar-actions,.topbar-icon{align-items:center;display:flex}.topbar-icon{background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:36px;justify-content:center;width:36px}.bottom-nav{background:#fff;background:var(--white);border-top:1px solid #eef0f4;border-top:1px solid var(--gray-200);bottom:0;box-shadow:0 -4px 20px #1a3a6b14;display:flex;height:64px;height:var(--bottom-nav-h);left:50%;max-width:480px;position:fixed;transform:translateX(-50%);width:100%;z-index:200}.nav-item{align-items:center;background:#0000;border:none;color:#9ba3b5;color:var(--gray-400);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:500;gap:3px;justify-content:center;text-decoration:none;transition:color .2s}.nav-item.active{color:#1e4d99;color:var(--blue-mid)}.nav-item .nav-icon{font-size:22px}.nav-item-center{position:relative;top:-14px}.nav-item-center .nav-bubble{align-items:center;background:linear-gradient(135deg,#1e4d99,#2d6bc4);background:linear-gradient(135deg,var(--blue-mid),var(--blue-light));border-radius:50%;box-shadow:0 4px 16px #1e4d9966;color:#fff;display:flex;font-size:24px;height:52px;justify-content:center;width:52px}.card{background:#fff;background:var(--white);border-radius:14px;border-radius:var(--radius);box-shadow:0 2px 16px #1a3a6b1a;box-shadow:var(--shadow);margin-bottom:14px;padding:18px}.card-gold{background:linear-gradient(135deg,#c9973a,#f0c060);background:linear-gradient(135deg,var(--gold) 0,var(--gold-light) 100%);color:#fff}.card-blue{background:linear-gradient(135deg,#1a3a6b,#1e4d99);background:linear-gradient(135deg,var(--blue) 0,var(--blue-mid) 100%);color:#fff}.balance-card{border-radius:14px;border-radius:var(--radius);margin-bottom:12px;overflow:hidden;padding:22px 20px;position:relative}.balance-card:after{background:#ffffff14;border-radius:50%;content:"";height:100px;position:absolute;right:-20px;top:-20px;width:100px}.balance-label{font-size:13px;margin-bottom:6px;opacity:.85}.balance-amount{color:#fff;font-family:Playfair Display,serif;font-family:var(--font-display);font-size:32px;font-weight:700}.balance-amount .currency{font-size:16px;font-weight:400;margin-right:4px;opacity:.9}.quick-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.quick-action{align-items:center;color:#2c3040;color:var(--gray-800);cursor:pointer;display:flex;flex-direction:column;gap:6px;text-decoration:none}.quick-action-icon{align-items:center;background:#e8f0fb;background:var(--blue-pale);border-radius:14px;display:flex;font-size:22px;height:52px;justify-content:center;width:52px}.quick-action-label{color:#5c6478;color:var(--gray-600);font-size:11px;font-weight:500;text-align:center}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:15px;font-weight:600;gap:6px;justify-content:center;padding:13px 20px;transition:all .2s;width:100%}.btn-primary{background:linear-gradient(135deg,#1e4d99,#2d6bc4);background:linear-gradient(135deg,var(--blue-mid),var(--blue-light));color:#fff}.btn-primary:hover{box-shadow:0 4px 16px #1e4d9959;opacity:.9;transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,#c9973a,#f0c060);background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff}.btn-outline{background:#0000;border:2px solid #1e4d99;border:2px solid var(--blue-mid);color:#1e4d99;color:var(--blue-mid)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-sm{border-radius:8px;font-size:13px;padding:8px 14px;width:auto}.form-group{margin-bottom:14px}.form-label{color:#5c6478;color:var(--gray-600);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-control{background:#fff;background:var(--white);border:1.5px solid #eef0f4;border:1.5px solid var(--gray-200);border-radius:10px;color:#2c3040;color:var(--gray-800);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:15px;outline:none;padding:12px 14px;transition:border-color .2s;width:100%}.form-control:focus{border-color:#1e4d99;border-color:var(--blue-mid)}.form-control::placeholder{color:#9ba3b5;color:var(--gray-400)}select.form-control{-webkit-appearance:none;appearance:none}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-title{color:#2c3040;color:var(--gray-800);font-size:16px;font-weight:600}.section-link{color:#1e4d99;color:var(--blue-mid);font-size:13px;font-weight:500;text-decoration:none}.product-card{background:#fff;border-radius:14px;border-radius:var(--radius);box-shadow:0 2px 16px #1a3a6b1a;box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}.product-img{align-items:center;background:linear-gradient(135deg,#e8f0fb,#fdf6e8);background:linear-gradient(135deg,var(--blue-pale),var(--gold-pale));display:flex;font-size:48px;height:140px;justify-content:center;object-fit:cover;width:100%}.product-body{padding:14px}.product-name{font-size:16px;font-weight:600;margin-bottom:8px}.product-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.product-stat{background:#f7f8fa;background:var(--gray-100);border-radius:8px;padding:8px 4px;text-align:center}.product-stat-val{color:#1e4d99;color:var(--blue-mid);font-size:15px;font-weight:700}.product-stat-label{color:#9ba3b5;color:var(--gray-400);font-size:10px;margin-top:2px}.tx-item{align-items:center;border-bottom:1px solid #eef0f4;border-bottom:1px solid var(--gray-200);display:flex;gap:12px;padding:12px 0}.tx-item:last-child{border-bottom:none}.tx-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.tx-icon-green{background:#e6f9f0}.tx-icon-red{background:#fef2f2}.tx-icon-gold{background:#fdf6e8;background:var(--gold-pale)}.tx-info{flex:1 1}.tx-type{font-size:14px;font-weight:500}.tx-date{color:#9ba3b5;color:var(--gray-400);font-size:12px;margin-top:2px}.tx-amount{font-size:15px;font-weight:700}.tx-amount.credit{color:#1a9e5c;color:var(--success)}.tx-amount.debit{color:#d63a3a;color:var(--danger)}.badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.badge-pending{background:#fff3e0;color:#e0820a;color:var(--warning)}.badge-completed{background:#e8f9f0;color:#1a9e5c;color:var(--success)}.badge-rejected{background:#fef2f2;color:#d63a3a;color:var(--danger)}.banner-slider{border-radius:14px;border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.banner-slide{align-items:flex-end;background:linear-gradient(135deg,#1a3a6b,#2d6bc4);background:linear-gradient(135deg,var(--blue) 0,var(--blue-light) 100%);color:#fff;display:flex;height:160px;overflow:hidden;padding:16px;position:relative;width:100%}.banner-slide-title{font-family:Playfair Display,serif;font-family:var(--font-display);font-size:20px;font-weight:700}.banner-slide-sub{font-size:13px;margin-top:4px;opacity:.85}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-box{background:#fff;border-radius:18px;max-width:400px;padding:28px 22px;position:relative;width:100%}.modal-title{background:linear-gradient(135deg,#1e4d99,#2d6bc4);background:linear-gradient(135deg,var(--blue-mid),var(--blue-light));border-radius:10px;color:#fff;font-family:Playfair Display,serif;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:16px;padding:10px 16px;text-align:center}.modal-close{background:#eef0f4;background:var(--gray-200);border:none;border-radius:50%;cursor:pointer;font-size:16px;height:28px;justify-content:center;position:absolute;right:14px;top:14px;width:28px}.modal-close,.team-level{align-items:center;display:flex}.team-level{background:#f7f8fa;background:var(--gray-100);border-radius:12px;gap:14px;margin-bottom:10px;padding:14px}.level-badge{align-items:center;border:2.5px solid;border-radius:50%;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:44px;justify-content:center;width:44px}.level-1{border-color:#c9973a;border-color:var(--gold);color:#c9973a;color:var(--gold)}.level-2{border-color:#9ba3b5;border-color:var(--gray-400);color:#9ba3b5;color:var(--gray-400)}.level-3{border-color:#2d6bc4;border-color:var(--blue-light);color:#2d6bc4;color:var(--blue-light)}.auth-page{display:flex;flex-direction:column;min-height:100vh}.auth-header{background:linear-gradient(150deg,#1a3a6b,#1e4d99 60%,#2d6bc4);background:linear-gradient(150deg,var(--blue) 0,var(--blue-mid) 60%,var(--blue-light) 100%);color:#fff;padding:48px 24px 36px;text-align:center}.auth-logo{font-family:Playfair Display,serif;font-family:var(--font-display);font-size:32px;font-weight:700}.auth-logo span{color:#f0c060;color:var(--gold-light)}.auth-tagline{font-size:14px;margin-top:6px;opacity:.85}.auth-body{background:#fff;border-radius:24px 24px 0 0;flex:1 1;margin-top:-20px;padding:28px 24px}.back-header{background:linear-gradient(135deg,#1a3a6b,#1e4d99);background:linear-gradient(135deg,var(--blue) 0,var(--blue-mid) 100%);gap:12px;padding:14px 16px}.back-btn,.back-header{align-items:center;color:#fff;display:flex}.back-btn{background:#ffffff26;border:none;border-radius:50%;cursor:pointer;font-size:18px;height:34px;justify-content:center;width:34px}.back-header-title{font-size:17px;font-weight:600}.loading-spinner{align-items:center;color:#1e4d99;color:var(--blue-mid);display:flex;font-size:14px;gap:10px;justify-content:center;min-height:200px}.spinner{animation:spin .7s linear infinite;border:3px solid #e8f0fb;border-top-color:#1e4d99;border:3px solid var(--blue-pale);border-radius:50%;border-top-color:var(--blue-mid);height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#9ba3b5;color:var(--gray-400);padding:40px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-text{font-size:14px}.alert{align-items:flex-start;border-radius:10px;display:flex;font-size:13px;gap:8px;margin-bottom:14px;padding:12px 14px}.alert-info{background:#e8f0fb;background:var(--blue-pale);color:#1a3a6b;color:var(--blue)}.alert-gold{background:#fdf6e8;background:var(--gold-pale);color:#7a4f0a}.ref-box{background:linear-gradient(135deg,#1a3a6b,#2d6bc4);background:linear-gradient(135deg,var(--blue),var(--blue-light));border-radius:14px;border-radius:var(--radius);color:#fff;margin-bottom:12px;padding:16px}.ref-box-label{font-size:12px;margin-bottom:4px;opacity:.8}.ref-box-value{font-size:14px;font-weight:600;word-break:break-all}.ref-copy-btn{background:#c9973a;background:var(--gold);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:8px;padding:6px 14px}.whatsapp-fab{align-items:center;background:#25d366;border-radius:50%;bottom:80px;box-shadow:0 4px 16px #25d36666;color:#fff;display:flex;font-size:26px;height:52px;justify-content:center;position:fixed;right:16px;text-decoration:none;width:52px;z-index:300}
/*# sourceMappingURL=main.0c463855.css.map*/