@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap);:root{--brand-primary:#55104d;--brand-secondary:#f29a07;--brand-accent:#7a2a7a;--brand-danger:#ef4444;--brand-warning:#d97706;--brand-success:#16a34a;--brand-info:#a855f7;--bg-base:#f4f6fa;--bg-surface:#fff;--bg-card:#f9f7fc;--bg-elevated:#f1ecf7;--bg-hover:#f3eafb;--bg-active:#e9ddf6;--border-subtle:#55104d0f;--border-default:#55104d1a;--border-strong:#55104d2e;--text-primary:#2a1833;--text-secondary:#55104d;--text-muted:#909aad;--text-inverse:#fff;--dashboard-kpi-bg:#55104d0a;--dashboard-chart-1:#55104dd1;--dashboard-chart-2:#55104d94;--dashboard-chart-3:#55104d57;--dashboard-grid-line:#55104d14;--dashboard-bar-1:#55104de6;--dashboard-bar-2:#55104dbf;--dashboard-bar-3:#55104d99;--dashboard-bar-4:#55104d73;--dashboard-online:#16a34a;--dashboard-warning:#d97706;--dashboard-offline:#ef4444;--dashboard-success-bg:#16a34a1a;--dashboard-danger-bg:#ef444414;--shadow-sm:0 1px 3px #55104d14;--shadow-md:0 4px 16px #55104d1a;--shadow-lg:0 8px 32px #55104d1f;--shadow-glow-green:0 0 20px #55104d1a;--shadow-glow-gold:0 0 20px #f29a071a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{background:#f4f6fa;background:var(--bg-base);color:#2a1833;color:var(--text-primary);font-family:Space Grotesk,sans-serif;line-height:1.5;min-height:100vh;overflow-x:hidden}button{cursor:pointer}button,input{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#55104d2e;background:var(--border-strong);border-radius:99px}.portal-root{-webkit-backdrop-filter:blur(88px);backdrop-filter:blur(88px);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.portal-root:before{background:url(https://dev.rezoivoire.net/wp-content/uploads/2018/11/mantongouine.jpg) no-repeat 50%/cover;bottom:0;content:"";filter:blur(4px);height:100%;left:0;opacity:.95;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:0}.portal-root>*{position:relative;z-index:1}.portal-root:after{animation:blobFloat 15s ease-in-out infinite reverse;background:radial-gradient(circle,#f5a6230d 0,#0000 70%);border-radius:50%;bottom:-150px;content:"";height:500px;left:-150px;pointer-events:none;position:fixed;width:500px}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.05)}66%{transform:translate(-15px,15px) scale(.97)}}.portal-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-image:var();border-bottom:1px solid #55104d0f;border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:16px 24px;position:sticky;top:0;z-index:50}.portal-header,.portal-logo{align-items:center;display:flex}.portal-logo{gap:12px}.portal-logo-icon{align-items:center;background:linear-gradient(135deg,#00c89633,#00c8960f);border:1px solid #00c8964d;border-radius:11px;box-shadow:0 0 20px #55104d1a;box-shadow:var(--shadow-glow-green);display:flex;height:42px;justify-content:center;width:42px}.portal-logo-text{line-height:1.2}.portal-logo-title{font-size:.92rem;font-weight:700}.portal-logo-sub{color:#909aad;color:var(--text-muted);font-size:.68rem}.network-status{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:99px;color:#16a34a;color:var(--brand-success);display:flex;font-size:.75rem;font-weight:600;gap:7px;padding:5px 14px}.portal-main{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:32px 20px 48px;position:relative;z-index:1}.portal-container{max-width:480px;width:100%}.card{background:#fffdfd;border:1px solid #55104d0f;border:1px solid var(--border-subtle);border-radius:24px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.card-body{padding:28px}.card-header-section{padding:24px 28px 0}.page-tabs{background:#f1ecf7;background:var(--bg-elevated);border-bottom:1px solid #55104d0f;border-bottom:1px solid var(--border-subtle);border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;gap:0;overflow:hidden}.page-tab{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex:1 1;font-size:.82rem;font-weight:600;gap:7px;justify-content:center;padding:16px 12px;position:relative;transition:all .25s ease;transition:all var(--transition-base)}.page-tab.active{background:#f9f7fc;background:var(--bg-card);color:#55104d;color:var(--brand-primary)}.page-tab.active:after{background:#55104d;background:var(--brand-primary);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.page-tab:hover:not(.active){background:#f3eafb;background:var(--bg-hover);color:#2a1833;color:var(--text-primary)}.plan-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.plan-card{background:#f1ecf7;background:var(--bg-elevated);border:2px solid #55104d1a;border:2px solid var(--border-default);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:14px 10px;position:relative;text-align:center;transition:all .25s ease;transition:all var(--transition-base)}.plan-card:before{background:#55104d;background:var(--plan-color,var(--brand-primary));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .25s ease;transition:transform var(--transition-base)}.plan-card.selected{background:#00c89614;background:var(--plan-bg,#00c89614);border-color:#55104d;border-color:var(--plan-color,var(--brand-primary));box-shadow:0 0 0 3px #00c8961f;box-shadow:0 0 0 3px var(--plan-glow,#00c8961f)}.plan-card.selected:before{transform:scaleX(1)}.plan-card:hover:not(.selected){background:#f3eafb;background:var(--bg-hover);border-color:#55104d2e;border-color:var(--border-strong)}.plan-badge{background:#f29a07;background:var(--brand-secondary);border-radius:0 10px 0 10px;border-radius:0 var(--radius-md) 0 var(--radius-md);color:#000;font-size:.55rem;font-weight:800;letter-spacing:.05em;padding:2px 7px;position:absolute;right:-1px;top:-1px}.plan-badge,.plan-name{text-transform:uppercase}.plan-name{color:#55104d;color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-bottom:6px}.plan-price{color:#2a1833;color:var(--text-primary);font-size:1.35rem;font-weight:800;letter-spacing:-.02em;line-height:1;margin-bottom:2px}.plan-currency{color:#909aad;color:var(--text-muted);display:block;font-size:.65rem;font-weight:600;margin-bottom:6px}.plan-duration{color:#55104d;color:var(--text-secondary);font-size:.7rem;font-weight:500}.plan-speed{color:#909aad;color:var(--text-muted);font-size:.65rem;margin-top:4px}.payment-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:20px}.payment-card{align-items:center;background:#f1ecf7;background:var(--bg-elevated);border:2px solid #55104d1a;border:2px solid var(--border-default);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;overflow:hidden;padding:12px;position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.payment-card.selected{background:#00c89614;background:var(--pm-bg,#00c89614);border-color:#55104d;border-color:var(--pm-color,var(--brand-primary))}.payment-card:hover:not(.selected){background:#f3eafb;background:var(--bg-hover);border-color:#55104d2e;border-color:var(--border-strong)}.payment-card.full-width{grid-column:span 2}.pm-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1.2rem;font-size:.7rem;font-weight:800;height:36px;justify-content:center;width:36px}.pm-info{flex:1 1;min-width:0}.pm-name{font-size:.8rem;font-weight:600}.pm-desc{color:#909aad;color:var(--text-muted);font-size:.67rem}.pm-check{align-items:center;border:2px solid #55104d1a;border:2px solid var(--border-default);border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:18px}.payment-card.selected .pm-check{background:#55104d;background:var(--pm-color,var(--brand-primary));border-color:#55104d;border-color:var(--pm-color,var(--brand-primary))}.form-group{margin-bottom:16px}.form-label{align-items:center;color:#55104d;color:var(--text-secondary);display:flex;font-size:.78rem;font-weight:600;gap:6px;letter-spacing:.04em;margin-bottom:7px;text-transform:uppercase}.form-input{background:#f1ecf7;background:var(--bg-elevated);border:1.5px solid #55104d1a;border:1.5px solid var(--border-default);border-radius:10px;border-radius:var(--radius-md);color:#2a1833;color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none;padding:13px 16px;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.form-input:focus{background:#e9ddf6;background:var(--bg-active);border-color:#55104d;border-color:var(--brand-primary);box-shadow:0 0 0 3px #00c8961f}.form-input::placeholder{color:#909aad;color:var(--text-muted)}.form-input.voucher-input{font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;letter-spacing:.15em;padding:18px;text-align:center;text-transform:uppercase}.form-input.phone-input{padding-left:60px}.phone-prefix{color:#55104d;color:var(--text-secondary);font-size:.85rem;font-weight:600;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper{position:relative}.input-icon{color:#909aad;color:var(--text-muted);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.01em;padding:14px 24px;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:#55104d;background:var(--brand-primary);box-shadow:0 4px 14px #00c89640;color:#fff}.btn-primary:hover:not(:disabled){background:#d97706;box-shadow:0 0 20px #55104d1a;box-shadow:var(--shadow-glow-green);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#f1ecf7;background:var(--bg-elevated);border:1.5px solid #55104d1a;border:1.5px solid var(--border-default);color:#2a1833;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#f3eafb;background:var(--bg-hover);border-color:#55104d2e;border-color:var(--border-strong)}.btn-ghost{background:#0000;color:#55104d;color:var(--text-secondary);font-size:.82rem;padding:10px 16px}.btn-ghost:hover{background:#f3eafb;background:var(--bg-hover);color:#2a1833;color:var(--text-primary)}.btn-sm{font-size:.82rem;padding:9px 18px}.voucher-display{background:linear-gradient(135deg,#00c8961a,#00c89608);border:1.5px solid #00c8964d;border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;padding:24px;position:relative;text-align:center}.voucher-display:before{background:repeating-linear-gradient(-45deg,#0000,#0000 10px,#00c89605 0,#00c89605 20px);content:"";inset:0;position:absolute}.voucher-code{color:#55104d;color:var(--brand-primary);font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:800;letter-spacing:.2em;position:relative;text-shadow:0 0 20px #00c89666;z-index:1}.status-screen{align-items:center;display:flex;flex-direction:column;gap:16px;padding:40px 28px;text-align:center}.status-icon-wrap{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.status-icon-wrap.success{background:#10b98126;box-shadow:0 0 0 12px #10b9810f,0 0 0 24px #10b98108}.status-icon-wrap.error{background:#ef444426;box-shadow:0 0 0 12px #ef44440f,0 0 0 24px #ef444408}.status-icon-wrap.loading{background:#6366f126;box-shadow:0 0 0 12px #6366f10f}.status-title{font-size:1.3rem;font-weight:700;letter-spacing:-.01em}.status-subtitle{color:#55104d;color:var(--text-secondary);font-size:.85rem;line-height:1.6;max-width:320px}.session-info{background:#f1ecf7;background:var(--bg-elevated);border:1px solid #55104d1a;border:1px solid var(--border-default);border-radius:16px;border-radius:var(--radius-lg);margin-top:16px;padding:20px}.session-row{align-items:center;border-bottom:1px solid #55104d0f;border-bottom:1px solid var(--border-subtle);display:flex;font-size:.83rem;justify-content:space-between;padding:8px 0}.session-row:last-child{border-bottom:none}.session-row-label{color:#909aad;color:var(--text-muted)}.session-row-value{color:#2a1833;color:var(--text-primary);font-weight:600}.steps{justify-content:center;margin-bottom:28px}.step,.steps{gap:0}.step,.step-dot,.steps{align-items:center;display:flex}.step-dot{background:#f1ecf7;background:var(--bg-elevated);border:2px solid #55104d1a;border:2px solid var(--border-default);border-radius:50%;color:#909aad;color:var(--text-muted);font-size:.72rem;font-weight:700;height:28px;justify-content:center;position:relative;transition:all .25s ease;transition:all var(--transition-base);width:28px;z-index:1}.step-dot.active{background:#55104d;background:var(--brand-primary);border-color:#55104d;border-color:var(--brand-primary);box-shadow:0 0 0 4px #00c89626;color:#fff}.step-dot.done{background:#16a34a;background:var(--brand-success);border-color:#16a34a;border-color:var(--brand-success);color:#fff}.step-line{background:#55104d1a;background:var(--border-default);height:2px;transition:background .25s ease;transition:background var(--transition-base);width:40px}.step-line.done{background:#16a34a;background:var(--brand-success)}.step-label{color:#909aad;color:var(--text-muted);font-size:.65rem;font-weight:500;margin-top:4px;text-align:center;white-space:nowrap}.steps-labels{display:flex;justify-content:space-between;margin-bottom:24px;margin-top:6px;padding:0 4px}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:3px 10px}.badge-success{background:#10b98126;border:1px solid #10b98140;color:#16a34a;color:var(--brand-success)}.badge-error{background:#ef444426;border:1px solid #ef444440;color:#ef4444;color:var(--brand-danger)}.badge-warning{background:#f59e0b26;border:1px solid #f59e0b40;color:#d97706;color:var(--brand-warning)}.badge-info{background:#6366f126;border:1px solid #6366f140;color:#a855f7;color:var(--brand-info)}.badge-green{background:#00c8961f;border:1px solid #00c89640;color:#55104d;color:var(--brand-primary)}.pulse-dot{display:inline-block;height:8px;position:relative;width:8px}.pulse-dot,.pulse-dot:after{background:#16a34a;background:var(--brand-success);border-radius:50%}.pulse-dot:after{animation:pulse 2s ease-out infinite;content:"";inset:-3px;opacity:.3;position:absolute}@keyframes pulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.divider{align-items:center;display:flex;gap:12px;margin:20px 0}.divider-line{background:#55104d0f;background:var(--border-subtle);flex:1 1;height:1px}.divider-text{color:#909aad;color:var(--text-muted);font-size:.72rem;font-weight:500;white-space:nowrap}.dialog-backdrop{align-items:center;animation:dialogFadeIn .16s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c121c80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:420}.dialog-card{animation:dialogRiseIn .22s ease;background:#fff;background:var(--bg-surface);border:1px solid #55104d1a;border:1px solid var(--border-default);border-radius:18px;box-shadow:0 24px 56px #0f172a4d;padding:18px;width:min(460px,100%)}.dialog-card.success{border-top:4px solid #16a34a;border-top:4px solid var(--brand-success)}.dialog-card.error{border-top:4px solid #ef4444;border-top:4px solid var(--brand-danger)}.dialog-card.warning{border-top:4px solid #d97706;border-top:4px solid var(--brand-warning)}.dialog-card.info{border-top:4px solid #a855f7;border-top:4px solid var(--brand-info)}.dialog-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.dialog-title-wrap{align-items:center;display:flex;gap:12px}.dialog-title{color:#2a1833;color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0}.dialog-icon{align-items:center;border:1px solid #0000;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.dialog-icon.success{background:#16a34a26;border-color:#16a34a38;color:#16a34a;color:var(--brand-success)}.dialog-icon.error{background:#ef444426;border-color:#ef44443d;color:#ef4444;color:var(--brand-danger)}.dialog-icon.warning{background:#d9770629;border-color:#d977063d;color:#d97706;color:var(--brand-warning)}.dialog-icon.info{background:#a855f729;border-color:#a855f73d;color:#a855f7;color:var(--brand-info)}.dialog-close{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #55104d1a;border:1px solid var(--border-default);border-radius:10px;color:#909aad;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:34px}.dialog-close:hover{background:#f3eafb;background:var(--bg-hover);border-color:#55104d2e;border-color:var(--border-strong);color:#2a1833;color:var(--text-primary)}.dialog-message{color:#55104d;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:14px 0 0}.dialog-actions{display:flex;justify-content:flex-end;margin-top:20px}.dialog-btn{border-radius:12px;font-size:.85rem;font-weight:700;height:40px;min-width:120px;padding:0 18px;width:auto}.dialog-btn:hover{transform:translateY(-1px)}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogRiseIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.spinner{animation:spin .8s linear infinite;border:3px solid #55104d1a;border-top-color:#55104d;border:3px solid var(--border-default);border-radius:50%;border-top-color:var(--brand-primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.info-box{align-items:flex-start;border-radius:10px;border-radius:var(--radius-md);display:flex;font-size:.8rem;gap:10px;line-height:1.5;padding:13px 15px}.info-box.green{background:#00c89605;border:1px solid #f4f6fa;color:#55104d}.info-box.yellow{background:#f9f7fc;border:1px solid #f4f6fa;color:#000}.info-box.blue{background:#55104d1a;border:1px solid #6366f133;color:#fff}.portal-footer{border-top:1px solid #55104d0f;border-top:1px solid var(--border-subtle);padding:20px 24px;position:relative;text-align:center;z-index:1}.portal-footer p{color:#909aad;color:var(--text-muted);font-size:.72rem}.portal-footer a{color:#55104d;color:var(--brand-primary)}.amount-display{background:linear-gradient(135deg,#f5a6231a,#f5a62308);border:1.5px solid #f5a62340;border-radius:16px;border-radius:var(--radius-lg);margin-bottom:20px;padding:20px;text-align:center}.amount-value{color:#f29a07;color:var(--brand-secondary);font-size:2.5rem;font-weight:800;letter-spacing:-.03em;line-height:1}.amount-currency{color:#909aad;color:var(--text-muted);font-size:.85rem;font-weight:500;margin-top:4px}.otp-group{display:flex;gap:8px;justify-content:center}.otp-input{background:#f1ecf7;background:var(--bg-elevated);border:2px solid #55104d1a;border:2px solid var(--border-default);border-radius:10px;border-radius:var(--radius-md);color:#2a1833;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;height:56px;outline:none;text-align:center;transition:all .15s ease;transition:all var(--transition-fast);width:48px}.otp-input:focus{background:#e9ddf6;background:var(--bg-active);border-color:#55104d;border-color:var(--brand-primary);box-shadow:0 0 0 3px #00c8961f}.network-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;border:1px solid #e9ddf6;border:1px solid var(--bg-active);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:16px;margin-bottom:24px;padding:20px}@media (max-width:480px){.portal-main{padding:20px 12px 40px}.portal-logo-title{display:none;font-size:.92rem;font-weight:700}.portal-logo-sub{color:#909aad;color:var(--text-muted);display:none;font-size:.68rem}.portal-logo-image{height:36px;width:36px}.card-body{padding:20px}.plan-grid{gap:8px;grid-template-columns:1fr 1fr}.plan-card:last-child{grid-column:span 2}.payment-grid{grid-template-columns:1fr}.payment-card.full-width{grid-column:span 1}.voucher-code{font-size:1.5rem;letter-spacing:.12em}.amount-value{font-size:2rem}.dialog-backdrop{align-items:flex-end;padding:12px}.dialog-card{border-radius:16px 16px 12px 12px;padding:14px;width:100%}.dialog-title{font-size:.94rem}.dialog-message{font-size:.84rem}.dialog-icon{height:36px;width:36px}.dialog-btn{height:40px;width:100%}}@media (max-width:360px){.plan-grid{grid-template-columns:1fr}.plan-card:last-child{grid-column:span 1}.portal-header{padding:12px 16px}.network-status span{display:none}.dialog-card{padding:12px}.dialog-head{gap:8px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.animate-fadeInUp{animation:fadeInUp .4s ease both}.animate-scaleIn{animation:scaleIn .3s ease both}.animate-fadeIn{animation:fadeIn .3s ease both}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}
/*# sourceMappingURL=main.cdf97fe3.css.map*/