@import "https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800;900&display=swap";
html,body{background:var(--color-bg-primary);color:var(--color-text-secondary);transition:background-color var(--transition-theme),color var(--transition-theme)}.cl-primary{color:#ee0979}.cl-blue{color:#495aff}.cl-green{color:#2a9d8f}.cl-yellow2{color:#c5990c}.cl-black{color:#07222f}.cl-red{color:#fd005d}.bg-primary{background:#ee0979}.bg-blue{background:#495aff}.bg-green{background:#2a9d8f}.bg-black{background:#07222f}.bg-black2{background:#06151d}.bg-red{background:#fd005d}*{box-sizing:border-box;outline:none;margin:0;padding:0}html,body{width:100%;min-height:100vh;margin:0;padding:0;font-family:Jost,sans-serif;font-size:16px;font-weight:400;overflow-x:hidden}.container,.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (max-width:767px){html,body{width:100vw;max-width:100%}.container,.container-fluid{max-width:100%}}a{color:inherit;text-decoration:none;transition:all .3s}a:hover{text-decoration:none}button{box-shadow:none;border:0;outline:none;text-decoration:none!important}button:focus{box-shadow:none!important}h1,h2,h3,h4,h5,h6{font-family:Open Sans,sans-serif}button,a:hover,a:focus,a:visited{text-decoration:none;transition:all .3s;outline:none!important}input,button,select,textarea{outline:none}ul,li{margin:0;padding:0;list-style:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;max-width:100%;display:inline-block}.mar-0{margin:0}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}.mr-60{margin-right:60px}.pad-0{padding:0}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}.pt-60{padding-top:60px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}.pb-60{padding-bottom:60px}.ml-auto{margin-left:auto}.ml-10{margin-left:10px}.ml-20{margin-left:20px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.centered{text-align:center}.text-right{text-align:right}.bttn-mid{cursor:pointer;border-radius:5px;padding:14px 30px;font-size:16px;font-weight:600;transition:all .4s;display:inline-block;position:relative}.bttn-mid svg{margin-right:5px;font-size:16px;position:relative;top:-2px}.bttn-small{cursor:pointer;border-radius:5px;padding:10px 25px;font-size:14px;font-weight:600;transition:all .4s;display:inline-block;position:relative}.bttn-small svg{margin-right:5px;font-size:16px;position:relative;top:-2px}.btn-fill{color:#ee0979;background:#fff}.btn-fill:hover{color:#fff;background:#ee0979;box-shadow:0 8px 8px #07222f0d}.bttn-mid.btn-emt{padding:12px 41px}.btn-emt{color:#fff;background:0 0;border:2px solid #fff;box-shadow:0 0 16px 4px #0000000d}.btn-emt:hover{color:#07222f;box-shadow:none;background:#ffc300;border:2px solid #0000}.btn-wht{color:#ee0979;background:#fff;box-shadow:0 0 16px 4px #0000000d}.btn-wht:hover{color:#fff;background:#ee0979}.btn-blue{color:#fff;background:#495aff;box-shadow:0 0 16px 4px #0000000d}.btn-blue:hover{color:#07222fe6;background:#ffc300}.btn-ylo{color:#0d3b66;background:#ffc300;box-shadow:0 0 16px 4px #0000000d}.btn-ylo:hover{color:#ffffffe6;background:#495aff}.btn-grey{color:#fff;background:#585858;box-shadow:0 0 16px 4px #0000000d}.btn-grey:hover{color:#ffffffe6;background:#495aff}.btn-gdnt{color:#fff;background:linear-gradient(90deg,#495aff 100%,#0d3b66 100%);box-shadow:0 0 16px 4px #0000000d}.btn-gdnt:hover{color:#fff;background-image:linear-gradient(90deg,#ff6a00 0%,#ee0979 100%)}.btn-grad{color:#fff;background-image:linear-gradient(270deg,#ff6a00 0%,#ee0979 100%)}.btn-grad:hover{color:#fff;background-image:linear-gradient(90deg,#ff6a00 0%,#ee0979 100%)}.mb-80{margin-bottom:80px}.section-padding{padding:80px 0}.section-padding-2{padding:80px 0 50px}.section-title{margin-bottom:40px}.section-title h2{margin-bottom:15px;font-family:Jost,sans-serif;font-size:42px;font-weight:400}.input-box{color:#ffffffb3;background:#07222f;border:2px solid #ffffff40;border-radius:4px;height:55px;padding:0 10px}.status{color:#fff;white-space:nowrap;border-radius:4px;margin-left:5px;padding:2px 7px;font-size:12px;font-weight:700}.status.info{color:#07222f;background:#ffc300}.basic-card{box-sizing:border-box;overflow:initial;background:#06151d padding-box padding-box;border:3px solid #ffffff1c;border-radius:10px;padding:25px;position:relative}.basic-card .box-title{color:#fff;border-bottom:2px dotted #ffffff40;margin-bottom:15px;padding-bottom:12px;font-size:22px;font-weight:500}.basic-card p{margin-bottom:20px}.basic-card .nav-tabs{border-bottom:2px solid #ffffff40}.basic-card .nav-tabs .nav-item{color:#fff;margin-right:15px;padding:0 0 10px;font-size:16px;font-weight:500}.basic-card .nav-tabs .nav-link{background:0 0;border:0;border-bottom:3px solid #0000}.basic-card .nav-tabs .active{border:0;border-bottom:3px solid #ee0979}.dark-overlay{z-index:0;position:relative;background-size:cover!important}.dark-overlay:after{content:"";z-index:-1;opacity:.8;background:linear-gradient(90deg,#3b50e6 0%,#5f158e 100%);width:100%;height:100%;position:absolute;top:0;left:0}.blue-overlay{z-index:0;position:relative;background-size:cover!important}.blue-overlay:after{content:"";z-index:-1;opacity:.7;background:#495aff;width:100%;height:100%;position:absolute;top:0;left:0}.blue-overlay-2{z-index:0;position:relative;background-size:cover!important}.blue-overlay-2:after{content:"";z-index:-1;opacity:.7;background:#0d3b66;width:100%;height:100%;position:absolute;top:0;left:0}.totopbtn{color:#fff;font-size:12px}.totopbtn svg{color:#07222f;background:#ffc300;border-radius:50%;font-size:35px}.text-left{text-align:left}.input,.select-search__input{color:#ffffffb3;background:#07222f;border:2px solid #ffffff40;border-radius:4px;width:100%;height:55px;margin-bottom:20px;padding:0 10px}.select-search__select{background:#0d3b66;border:1px solid #ffffff40;border-radius:4px;width:100%;padding:0}.select-search__option{clear:both;color:#fff;text-align:left;background-color:#0000;border:0;width:100%;padding:.25rem 1rem;font-weight:400;text-decoration:none;display:block}.select-search__row:nth-child(21){border-bottom:2px solid #9e9a9a}.service-unavailable-backdrop{z-index:1040;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.service-unavailable-backdrop .backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1;background:#000000b3;position:absolute;inset:0}.service-unavailable-modal{z-index:1050;width:100%;max-width:500px;max-height:80vh;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.service-unavailable-modal .modal-content{background:#0d1b2a;border:2px solid #ffffff1a;border-radius:8px;box-shadow:0 10px 40px #00000080}.service-unavailable-modal .modal-content .modal-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:15px;padding:25px 25px 15px;display:flex}.service-unavailable-modal .modal-content .modal-header .error-icon{color:#ff6b6b;flex-shrink:0;font-size:32px}.service-unavailable-modal .modal-content .modal-header h3{color:#fff;margin:0;font-size:24px;font-weight:600}.service-unavailable-modal .modal-content .modal-body{color:#fffc;padding:25px}.service-unavailable-modal .modal-content .modal-body p{margin-bottom:15px;font-size:15px;line-height:1.6}.service-unavailable-modal .modal-content .modal-body p:last-child{margin-bottom:0}.service-unavailable-modal .modal-content .modal-body p strong{color:#fff;font-weight:600}.service-unavailable-modal .modal-content .modal-footer{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:10px;padding:20px 25px;display:flex}.service-unavailable-modal .modal-content .modal-footer .btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.service-unavailable-modal .modal-content .modal-footer .btn svg{font-size:18px}.service-unavailable-modal .modal-content .modal-footer .btn.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.service-unavailable-modal .modal-content .modal-footer .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #6366f166}.service-unavailable-modal .modal-content .modal-footer .btn.btn-primary:active{transform:translateY(0)}.service-unavailable-modal .modal-content .modal-footer .btn.btn-secondary{color:#fffc;background:0 0;border:1px solid #fff3}.service-unavailable-modal .modal-content .modal-footer .btn.btn-secondary:hover{background:#ffffff1a;border-color:#fff6}@media (max-width:640px){.service-unavailable-modal{max-width:90vw;max-height:90vh}.service-unavailable-modal .modal-content .modal-header{text-align:center;flex-direction:column;padding:20px 20px 12px}.service-unavailable-modal .modal-content .modal-header h3{font-size:20px}.service-unavailable-modal .modal-content .modal-body{padding:20px}.service-unavailable-modal .modal-content .modal-body p{font-size:14px}.service-unavailable-modal .modal-content .modal-footer{flex-direction:column;padding:15px 20px}.service-unavailable-modal .modal-content .modal-footer .btn{justify-content:center;width:100%}}#nprogress{pointer-events:none}#nprogress .bar{z-index:1031;background:#c63434;width:100%;height:2.3px;position:fixed;top:0;left:0}#nprogress .peg{opacity:1;width:100px;height:100%;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px);box-shadow:0 0 10px #c63434,0 0 5px #c63434}#nprogress .spinner{display:none}.user-header{z-index:2;background:var(--color-bg-secondary,#07222f);border-bottom:1px solid var(--color-border,#ffffff17);-webkit-backdrop-filter:blur(12px);padding:6px 0;transition:all .3s ease-in;position:sticky;top:0;left:95px;right:0}@media (max-width:767px){.user-header{padding:8px 0;left:0}}.user-header .navbar{min-height:auto;padding:0}.user-header .brand-logo{display:none}@media (max-width:767px){.user-header .brand-logo{display:block}}.user-header .brand-logo img{width:500px;height:auto}.user-header .nav-toggle{padding:6px 10px;font-size:14px}.user-header .nav-toggle svg{font-size:18px}.user-header .dashboard-log .bttn-small{padding:6px 12px;font-size:13px}.user-header .dashboard-log .bttn-small svg{font-size:16px}.sidebar{z-index:3;background:#0d3b66;border-right:1px solid #ffffff17;border-radius:0;width:230px;height:100%;transition:width .3s,transform .3s;position:fixed;top:0;bottom:0;left:0;overflow:visible}.sidebar .menu{height:calc(100% - 80px);overflow-y:auto}.sidebar.collapsed{width:70px}.sidebar.collapsed .brand-logo{padding:0 5px}.sidebar.collapsed .brand-logo img{width:100%;max-width:50px}.sidebar.collapsed .menu{padding:0 5px}.sidebar.collapsed .menu ul li a{justify-content:center;padding:12px 8px}.sidebar.collapsed .menu ul li a svg{margin-right:0;font-size:22px}.sidebar.collapsed .menu ul li a span,.sidebar.collapsed .copyright{display:none}.sidebar.collapsed .collapse-btn{left:52px}@media (max-width:767px){.sidebar.collapsed{width:230px}.sidebar.collapsed .menu ul li a span{display:inline}.sidebar.collapsed .menu ul li a svg{margin-right:5px}}.sidebar .collapse-btn{color:#fff;border:3px solid var(--color-bg-primary,#07222f);cursor:pointer;z-index:100;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:fixed;top:50%;left:212px;transform:translateY(-50%);box-shadow:0 4px 12px #f9731666,0 0 0 2px #f9731633}.sidebar .collapse-btn svg{font-size:20px}.sidebar .collapse-btn:hover{background:linear-gradient(135deg,#fb923c 0%,#f97316 100%);transform:translateY(-50%)scale(1.15);box-shadow:0 4px 16px #f9731699,0 0 0 3px #f9731666,0 0 25px #f973164d}@media (max-width:767px){.sidebar .collapse-btn{display:none}.sidebar.s-hidden{transform:translate(-250px)}.sidebar.s-visible{transform:translate(0)}}.sidebar .closeBtn{background:#fd005d;display:none;position:absolute;top:35px;right:-20px}@media (max-width:767px){.sidebar .closeBtn{display:flex}}.sidebar .brand-logo{text-align:center;max-height:5lvh;margin-top:15px;margin-bottom:10px;padding:0 15px;display:block;overflow:hidden}.sidebar .brand-logo img{width:100%;max-width:160px;height:auto}.sidebar .menu{margin-top:0;padding:15px 8px}.sidebar .menu ul li{margin-bottom:4px;padding:0}.sidebar .menu ul li:last-child{margin-bottom:0}.sidebar .menu ul li a{color:#ffffffb3;border-left:3px solid #0000;border-radius:8px;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.sidebar .menu ul li a svg{flex-shrink:0;margin-right:10px;font-size:18px;display:inline-block}@media (max-width:767px){.sidebar .menu ul li a svg{margin-bottom:0;font-size:22px}}.sidebar .menu ul li a span{font-size:13px;font-weight:500}@media (max-width:767px){.sidebar .menu ul li.active a{color:#f97316;background:0 0}}.sidebar .copyright{text-align:center;background:#07222f;padding:10px 0;font-size:14px;display:none;position:absolute;bottom:0;left:0;right:0}@media (max-width:767px){.sidebar .copyright{display:none}}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{border-radius:20px;box-shadow:inset 0 0 5px #fff}.sidebar::-webkit-scrollbar-thumb{background:#495aff;border-radius:20px}.sidebar::-webkit-scrollbar-thumb:hover{background:#2a9d8f}.backdrop{z-index:2;background:#07222f;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:hidden}@media (max-width:767px){.backdrop.s-hidden{opacity:0;display:none}.backdrop.s-visible{opacity:.8;display:block}}.content-body{margin-top:0;margin-bottom:30px;margin-left:240px;transition:margin-left .3s}@media (max-width:767px){.content-body{margin-bottom:80px;margin-left:0}}body.sidebar-collapsed .content-body{margin-left:80px}@media (max-width:767px){body.sidebar-collapsed .content-body{margin-left:0}}body.sidebar-collapsed .user-header{left:70px}@media (max-width:767px){body.sidebar-collapsed .user-header{left:0}.content-body .welcome-status{margin-bottom:30px}}.content-body .welcome-status ul li{margin-bottom:12px;position:relative}.content-body .welcome-status ul li:last-child{margin-bottom:0}.content-body .welcome-status ul li a{color:#ffffffb3;background:#07222f;border-radius:5px;padding:6px 10px;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;display:inline-block}.content-body .welcome-status ul li a svg{text-align:center;color:#fff;border-radius:50%;width:15px;height:15px;margin-right:7px;font-size:14px;line-height:15px}.content-body .welcome-status ul li a svg.check{background:#495aff}.content-body .welcome-status ul li a svg.cross{background:#fd005d}.main-wrapper{z-index:1;margin-top:70px;transition:all .25s ease-in;position:relative;overflow:auto}.wallet-box .currency-amount{display:flex}.wallet-box .currency-amount label,.wallet-box .currency-amount select{color:#ffffffb3;background:#07222f;border:2px solid #ffffff40;border-radius:4px;height:55px;padding:0 10px}.wallet-box .currency-amount label{border-radius:4px 0 0 4px;width:70%;font-family:Open Sans,sans-serif;font-size:18px;font-weight:600;line-height:52px}.wallet-box .currency-amount .currency-select{border-left:0;border-radius:0 4px 4px 0;width:30%}.wallet-box .currency-amount .currency-select option{color:#ffffffb3}.wallet-box .bttns{margin-top:25px}.wallet-box .bttns a{margin-right:10px}@media (max-width:767px){.refferal-box{margin-bottom:30px}}.refferal-box .refferal-form{flex-wrap:nowrap;display:flex}.refferal-box .refferal-form .input-text{color:#ffffff80;border-right:0;border-radius:4px 0 0 4px;flex:80%;height:55px;font-size:20px;font-weight:400}.refferal-box .refferal-form button{color:#07222f;background:#ffc300;border-left:0;border-radius:0 4px 4px 0;flex:20%;height:55px;font-size:26px;font-weight:500}.tradeCoin{-webkit-overflow-scrolling:touch;max-height:500px;overflow:hidden auto}@media (max-width:767px){.tradeCoin{max-height:300px;margin-bottom:30px}}.tradeCoin .single-coin{cursor:pointer;background:#0d3b66;border-radius:6px;margin-bottom:15px;padding:20px 15px;transition:all .3s}.tradeCoin .single-coin:hover{background:#f973161a;border:1px solid #f973164d}.tradeCoin .single-coin.active{background:linear-gradient(135deg,#f9731633 0%,#ea580c26 100%);border:2px solid #f9731680;box-shadow:0 4px 12px #f9731633}.tradeCoin .single-coin .coin-title{margin-bottom:5px;margin-right:10px;display:block}.tradeCoin .single-coin .coin-title img{width:22px;margin-right:5px;position:relative;top:-3px}.tradeCoin .single-coin .coin-title h5{margin-bottom:0;font-size:17px;font-weight:700}.tradeCoin .single-coin h4{color:#fff;margin-bottom:0;font-size:15px;font-weight:600;display:inline-block}.tradeCoin .single-coin h4 .status{border-radius:4px;margin-left:5px;padding:2px 7px;font-size:12px}.tradeCoin .single-coin h4 .status.danger{background:#fd005d}.tradeCoin .single-coin h4 .status.success{background:#2a9d8f}.tradeCoin .single-coin .statistic{width:35px;height:auto;margin-left:5px}.tradeCoin::-webkit-scrollbar{width:5px}.tradeCoin::-webkit-scrollbar-track{border-radius:20px;box-shadow:inset 0 0 5px #fff}.tradeCoin::-webkit-scrollbar-thumb{background:#495aff;border-radius:20px}.tradeCoin::-webkit-scrollbar-thumb:hover{background:#2a9d8f}.table{color:#ffffffb3;background:#495aff33;border:0;border-radius:10px;margin-bottom:0}.table thead{color:#ffffffb3;background:#0d3b66e6;border:0}.table thead tr th{text-transform:uppercase;letter-spacing:1px;color:#fff;background:#0d3b66e6;border:0;padding:20px 15px;font-size:14px;font-weight:500}.table tbody tr th{vertical-align:middle;padding:20px}.table tbody tr td{vertical-align:middle;color:#ffffffb3;background:#07222fe6;border-bottom:1px solid #cccccc21;padding:25px 15px;font-size:16px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr td strong{font-weight:600}.table tbody tr td svg{font-size:26px}.table tbody tr td span{font-size:14px;font-weight:300}.table tbody tr:hover td{color:#fff}.exchange-box .currency-amount{margin-bottom:15px;display:flex}.exchange-box .currency-amount input,.exchange-box .currency-amount select{color:#ffffffb3;background:#07222f;border:2px solid #ffffff40;border-radius:4px;height:55px;padding:0 10px}.exchange-box .currency-amount input{border-radius:0 4px 4px 0;width:50%;font-family:Open Sans,sans-serif;font-size:18px;font-weight:600;line-height:52px}.exchange-box .currency-amount select{border-left:2px solid #ffffff40!important}.exchange-box .currency-amount .currency-select{border-left:0;border-right:0;border-radius:4px 0 0 4px;width:50%}.exchange-box .currency-amount .currency-select option{color:#ffffffb3}.exchange-box .rates .single{background:#07222f;border-radius:6px;flex-direction:row;justify-content:space-between;margin-bottom:10px;padding:5px 15px;display:flex}.exchange-box .rates .single .name{font-weight:600}.exchange-box .rates .single .value{color:#495aff}.exchange-box .bttns{margin-top:25px}.exchange-box .bttns a{margin-right:10px}.exchange-box p{margin-bottom:10px}.deposit-box .currency-amount input,.deposit-box .currency-amount select,.deposit-box .agent-box input,.deposit-box .agent-box select{color:#ffffffb3;background:#07222f;border:2px solid #ffffff40;border-radius:4px;height:55px;padding:0 10px}.deposit-box .currency-amount input,.deposit-box .agent-box input{width:100%;font-family:Open Sans,sans-serif;font-size:16px;font-weight:500;line-height:52px}.deposit-box .currency-amount input::placeholder,.deposit-box .agent-box input::placeholder{color:#ffffffb3}.deposit-box .currency-amount .currency-select,.deposit-box .agent-box .currency-select{width:100%}.deposit-box .currency-amount .currency-select option,.deposit-box .agent-box .currency-select option{color:#ffffffb3}.deposit-box .currency-amount .dropdown,.deposit-box .currency-amount .agent-list-parent,.deposit-box .agent-box .dropdown,.deposit-box .agent-box .agent-list-parent{width:100%}.deposit-box .currency-amount .dropdown button:not(.remove-defaults),.deposit-box .currency-amount .agent-list-parent button:not(.remove-defaults),.deposit-box .agent-box .dropdown button:not(.remove-defaults),.deposit-box .agent-box .agent-list-parent button:not(.remove-defaults){color:#ffffffb3;text-align:left;background:#07222f;border:2px solid #ffffff40;border-radius:4px;width:100%;height:55px;padding:0 10px}.deposit-box .currency-amount .dropdown button:not(.remove-defaults) img,.deposit-box .currency-amount .agent-list-parent button:not(.remove-defaults) img,.deposit-box .agent-box .dropdown button:not(.remove-defaults) img,.deposit-box .agent-box .agent-list-parent button:not(.remove-defaults) img{width:20px;margin-right:10px}.deposit-box .currency-amount .dropdown button:not(.remove-defaults).dropdown-toggle:after,.deposit-box .currency-amount .agent-list-parent button:not(.remove-defaults).dropdown-toggle:after,.deposit-box .agent-box .dropdown button:not(.remove-defaults).dropdown-toggle:after,.deposit-box .agent-box .agent-list-parent button:not(.remove-defaults).dropdown-toggle:after{position:absolute;top:50%;right:15px;transform:translateY(-50%)}.deposit-box .currency-amount .dropdown .dropdown-menu,.deposit-box .currency-amount .dropdown .agent-list,.deposit-box .currency-amount .agent-list-parent .dropdown-menu,.deposit-box .currency-amount .agent-list-parent .agent-list,.deposit-box .agent-box .dropdown .dropdown-menu,.deposit-box .agent-box .dropdown .agent-list,.deposit-box .agent-box .agent-list-parent .dropdown-menu,.deposit-box .agent-box .agent-list-parent .agent-list{background:#0d3b66;border:1px solid #ffffff40;border-radius:4px;width:100%;padding:0}.deposit-box .currency-amount .dropdown .dropdown-menu .dropdown-item,.deposit-box .currency-amount .dropdown .dropdown-menu .agent-item,.deposit-box .currency-amount .dropdown .agent-list .dropdown-item,.deposit-box .currency-amount .dropdown .agent-list .agent-item,.deposit-box .currency-amount .agent-list-parent .dropdown-menu .dropdown-item,.deposit-box .currency-amount .agent-list-parent .dropdown-menu .agent-item,.deposit-box .currency-amount .agent-list-parent .agent-list .dropdown-item,.deposit-box .currency-amount .agent-list-parent .agent-list .agent-item,.deposit-box .agent-box .dropdown .dropdown-menu .dropdown-item,.deposit-box .agent-box .dropdown .dropdown-menu .agent-item,.deposit-box .agent-box .dropdown .agent-list .dropdown-item,.deposit-box .agent-box .dropdown .agent-list .agent-item,.deposit-box .agent-box .agent-list-parent .dropdown-menu .dropdown-item,.deposit-box .agent-box .agent-list-parent .dropdown-menu .agent-item,.deposit-box .agent-box .agent-list-parent .agent-list .dropdown-item,.deposit-box .agent-box .agent-list-parent .agent-list .agent-item{color:#fff;background-color:#0000;padding:10px 15px;transition:all .2s}.deposit-box .currency-amount .dropdown .dropdown-menu .dropdown-item img,.deposit-box .currency-amount .dropdown .dropdown-menu .agent-item img,.deposit-box .currency-amount .dropdown .agent-list .dropdown-item img,.deposit-box .currency-amount .dropdown .agent-list .agent-item img,.deposit-box .currency-amount .agent-list-parent .dropdown-menu .dropdown-item img,.deposit-box .currency-amount .agent-list-parent .dropdown-menu .agent-item img,.deposit-box .currency-amount .agent-list-parent .agent-list .dropdown-item img,.deposit-box .currency-amount .agent-list-parent .agent-list .agent-item img,.deposit-box .agent-box .dropdown .dropdown-menu .dropdown-item img,.deposit-box .agent-box .dropdown .dropdown-menu .agent-item img,.deposit-box .agent-box .dropdown .agent-list .dropdown-item img,.deposit-box .agent-box .dropdown .agent-list .agent-item img,.deposit-box .agent-box .agent-list-parent .dropdown-menu .dropdown-item img,.deposit-box .agent-box .agent-list-parent .dropdown-menu .agent-item img,.deposit-box .agent-box .agent-list-parent .agent-list .dropdown-item img,.deposit-box .agent-box .agent-list-parent .agent-list .agent-item img{width:20px;margin-right:10px}.deposit-box .currency-amount .dropdown .dropdown-menu .dropdown-item:hover,.deposit-box .currency-amount .dropdown .dropdown-menu .agent-item:hover,.deposit-box .currency-amount .dropdown .agent-list .dropdown-item:hover,.deposit-box .currency-amount .dropdown .agent-list .agent-item:hover,.deposit-box .currency-amount .agent-list-parent .dropdown-menu .dropdown-item:hover,.deposit-box .currency-amount .agent-list-parent .dropdown-menu .agent-item:hover,.deposit-box .currency-amount .agent-list-parent .agent-list .dropdown-item:hover,.deposit-box .currency-amount .agent-list-parent .agent-list .agent-item:hover,.deposit-box .agent-box .dropdown .dropdown-menu .dropdown-item:hover,.deposit-box .agent-box .dropdown .dropdown-menu .agent-item:hover,.deposit-box .agent-box .dropdown .agent-list .dropdown-item:hover,.deposit-box .agent-box .dropdown .agent-list .agent-item:hover,.deposit-box .agent-box .agent-list-parent .dropdown-menu .dropdown-item:hover,.deposit-box .agent-box .agent-list-parent .dropdown-menu .agent-item:hover,.deposit-box .agent-box .agent-list-parent .agent-list .dropdown-item:hover,.deposit-box .agent-box .agent-list-parent .agent-list .agent-item:hover{color:#f97316;background:#f9731626}.deposit-box .currency-amount .dropdown .dropdown-menu .dropdown-item.active,.deposit-box .currency-amount .dropdown .dropdown-menu .dropdown-item:active,.deposit-box .currency-amount .dropdown .dropdown-menu .agent-item.active,.deposit-box .currency-amount .dropdown .dropdown-menu .agent-item:active,.deposit-box .currency-amount .dropdown .agent-list .dropdown-item.active,.deposit-box .currency-amount .dropdown .agent-list .dropdown-item:active,.deposit-box .currency-amount .dropdown .agent-list .agent-item.active,.deposit-box .currency-amount .dropdown .agent-list .agent-item:active,.deposit-box .currency-amount .agent-list-parent .dropdown-menu .dropdown-item.active,.deposit-box .currency-amount .agent-list-parent .dropdown-menu .dropdown-item:active,.deposit-box .currency-amount .agent-list-parent .dropdown-menu .agent-item.active,.deposit-box .currency-amount .agent-list-parent .dropdown-menu .agent-item:active,.deposit-box .currency-amount .agent-list-parent .agent-list .dropdown-item.active,.deposit-box .currency-amount .agent-list-parent .agent-list .dropdown-item:active,.deposit-box .currency-amount .agent-list-parent .agent-list .agent-item.active,.deposit-box .currency-amount .agent-list-parent .agent-list .agent-item:active,.deposit-box .agent-box .dropdown .dropdown-menu .dropdown-item.active,.deposit-box .agent-box .dropdown .dropdown-menu .dropdown-item:active,.deposit-box .agent-box .dropdown .dropdown-menu .agent-item.active,.deposit-box .agent-box .dropdown .dropdown-menu .agent-item:active,.deposit-box .agent-box .dropdown .agent-list .dropdown-item.active,.deposit-box .agent-box .dropdown .agent-list .dropdown-item:active,.deposit-box .agent-box .dropdown .agent-list .agent-item.active,.deposit-box .agent-box .dropdown .agent-list .agent-item:active,.deposit-box .agent-box .agent-list-parent .dropdown-menu .dropdown-item.active,.deposit-box .agent-box .agent-list-parent .dropdown-menu .dropdown-item:active,.deposit-box .agent-box .agent-list-parent .dropdown-menu .agent-item.active,.deposit-box .agent-box .agent-list-parent .dropdown-menu .agent-item:active,.deposit-box .agent-box .agent-list-parent .agent-list .dropdown-item.active,.deposit-box .agent-box .agent-list-parent .agent-list .dropdown-item:active,.deposit-box .agent-box .agent-list-parent .agent-list .agent-item.active,.deposit-box .agent-box .agent-list-parent .agent-list .agent-item:active{color:#f97316;background:#f9731640}.deposit-box .currency-amount label,.deposit-box .agent-box label{margin-bottom:7px;display:block}.deposit-box .currency-amount .available-balance,.deposit-box .agent-box .available-balance{margin-top:5px;font-size:12px}.deposit-box .currency-amount .available-balance span,.deposit-box .agent-box .available-balance span{color:#fff}.deposit-box .currency-amount{margin-bottom:15px}.deposit-box .agent-box{margin-top:16px}.deposit-box .agent-box .agent-list-parent{display:block}.deposit-box .agent-box .agent-list-parent .agent-list{max-height:800px;overflow-y:auto}.deposit-box .agent-box .agent-list-parent .agent-list .agent-item{cursor:pointer}.deposit-box .agent-box .select-method{align-items:center;display:flex}.deposit-box .agent-box .select-method label,.deposit-box .agent-box .select-method select{color:#ffffffb3;background:#07222f;border:2px solid #ffffff40;border-radius:4px;height:55px;padding:0 10px}.deposit-box .agent-box .select-method .currency-select{border-left:0;border-radius:0 4px 4px 0;width:30%}.deposit-box .agent-box .select-method .currency-select option{color:#ffffffb3}.deposit-box .agent-box .dropdown-toggle.force-override{border-radius:24px!important;height:36px!important}.deposit-box .agent-box .dropdown-menu.force-override{background-color:#07222f;border-radius:8px;min-width:80px}.deposit-box .agent-box .dropdown-menu.force-override .dropdown-item{height:36px;padding:5px 8px;transition:all .2s}.deposit-box .agent-box .dropdown-menu.force-override .dropdown-item:hover{color:#f97316;background:#f9731626}.deposit-box .agent-box .dropdown-menu.force-override .dropdown-item.active,.deposit-box .agent-box .dropdown-menu.force-override .dropdown-item:active{color:#f97316;background:#f9731640}.rates .single{background:#07222f;border-radius:6px;flex-direction:row;justify-content:space-between;margin-bottom:10px;padding:5px 15px;display:flex}.rates .single .name{font-weight:600}.rates .single .value{color:#495aff}.dropdown{width:100%}.dropdown .dropdown-menu{background:#0d3b66;border:1px solid #ffffff40;border-radius:4px;width:100%;padding:0}.dropdown .dropdown-menu .dropdown-item{color:#fff;padding:10px 15px}.dropdown .dropdown-menu .dropdown-item img{width:20px;margin-right:10px}.dropdown .dropdown-menu .dropdown-item:hover{background:#06151d}.dropdown .dropdown-menu .dropdown-item svg{margin-right:5px}.settings-box .single-profile{margin-bottom:25px}.settings-box .single-profile label{margin-bottom:7px;display:block}.settings-box .single-profile input[type=text],.settings-box .single-profile input[type=password],.settings-box .single-profile input[type=number],.settings-box .single-profile input[type=date],.settings-box .single-profile textarea,.settings-box .single-profile input[type=email]{color:#ffffffb3;background:#07222f;border:2px solid #ffffff40;border-radius:4px;width:100%;height:55px;padding:0 10px;font-size:16px;font-weight:500;line-height:52px}.settings-box .single-profile input[type=number]{appearance:textfield}.settings-box .single-profile input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.settings-box .single-profile input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.settings-box .single-profile input[type=number]{margin:0}.settings-box .single-account-linked{margin-bottom:30px}.settings-box .single-account-linked .input-group{color:#fff;background:0 0;height:55px}.settings-box .single-account-linked .input-group .input-group-text{color:#ffffffb3;background:#07222f;border:2px solid #ffffff40;border-right:0;justify-content:center;width:55px;font-size:20px;display:flex}.settings-box .single-account-linked .input-group .form-control{color:#ffffffb3;box-shadow:none;background:0 0;border:2px solid #ffffff40}.transaction-steps{border-radius:4px;flex-direction:row;justify-content:space-around;align-items:center;height:55px;margin-bottom:40px;display:flex}@media (max-width:767px){.transaction-steps{display:inherit;height:auto}}.transaction-steps .single-step{color:#fff;opacity:.5;background:#495aff;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;margin-right:40px;display:flex;position:relative}@media (max-width:767px){.transaction-steps .single-step{height:55px;margin-bottom:15px}}.transaction-steps .single-step:after{content:"";z-index:1;border-top:25px solid #0000;border-bottom:25px solid #0000;border-left:20px solid #495aff;width:18px;height:55px;display:block;position:absolute;top:0;right:-18px}.transaction-steps .single-step span{color:#fff;text-align:center;cursor:default;background:#06151d;border-radius:50%;width:20px;height:20px;margin-right:5px;font-size:16px;line-height:18px;display:inline-block}.transaction-steps .single-step.active{opacity:1;background:#495aff}.site-auth{background:#0d3b66;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;margin:40px 0;padding:30px;display:flex}.site-auth form{width:100%}.site-auth .logo a{width:50px;height:auto;margin-bottom:20px;display:block}.site-auth h3{margin-bottom:30px;font-size:24px;font-weight:700}.site-auth .box-input{border:2px solid #fff3;border-radius:4px;width:100%;height:55px;margin-bottom:20px;padding:0 15px}.site-auth .form-bottom{flex-direction:row;justify-content:space-between;width:100%;display:flex}.site-header-top{background:#06151d;padding:10px 0}.site-header-top p{margin-bottom:0;font-size:14px;display:inline-block}.site-header-top p a{color:#fff;margin-right:10px}.site-header-top p a:hover{color:#ee0979}.site-header-top p a svg{margin-right:5px}.site-header-top .top-nav{float:right}.site-header-top .top-nav ul li{margin-left:15px;display:inline-block}.site-header-top .top-nav ul li a{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.site-header-top .top-nav ul li a:hover{color:#ee0979}.site-header{z-index:100;background:var(--color-bg-secondary,white);border-bottom:1px solid var(--color-border,#ffffff14);-webkit-backdrop-filter:blur(12px);width:100%;padding:8px 0;position:sticky;top:0;left:0}.site-header .navbar{min-height:auto;padding:0}.site-header .site-logo img{height:50px}@media (max-width:767px){.site-header .site-logo img{height:40px}}.site-header .navbar-toggler{background:var(--color-bg-hover,#495aff1a);border-radius:var(--radius-md,8px);border:0;padding:8px;position:relative;top:0;right:0}.site-header .navbar-toggler:focus{box-shadow:none}@media (max-width:991px){.site-header .navbar-collapse{background:var(--color-bg-secondary,white);border-radius:0 0 var(--radius-lg,12px)var(--radius-lg,12px);margin-top:8px;padding:16px;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 32px #0003}.site-header .navbar-collapse.hide{display:none}.site-header .navbar-collapse.show{display:block}}.site-header .mainmenu{align-items:center}.site-header .mainmenu .nav-link{color:var(--color-text-primary,#0d3b66);border-radius:var(--radius-md,8px);margin-left:16px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}@media (max-width:991px){.site-header .mainmenu .nav-link{margin-bottom:4px;margin-left:0;padding:12px 16px;display:block}}.site-header .mainmenu .nav-link:hover{color:var(--color-accent-primary,#ffc300);background:var(--color-bg-hover,#f973161a)}.site-header .mainmenu .nav-link:focus,.site-header .mainmenu .nav-link.active{color:var(--color-accent-primary,#ffc300)}@media (max-width:991px){.site-header .mainmenu{flex-direction:column;align-items:stretch;width:100%}}.site-header .header-btn{margin-left:24px;padding:8px 16px;font-size:14px}@media (max-width:991px){.site-header .header-btn{text-align:center;justify-content:center;width:100%;margin-top:8px;margin-left:0}}.banner{background-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:120px 0;position:relative}.banner .banner-content{color:#fff}.banner .banner-content h2{margin-bottom:20px;font-family:Jost,sans-serif;font-size:62px;font-weight:500}@media (max-width:991px){.banner .banner-content h2{font-size:42px}}.banner .banner-content p{margin-bottom:30px;font-family:Open Sans,sans-serif;font-size:20px}@media (max-width:991px){.banner .banner-content{margin-bottom:30px}}.banner .banner-content.img{text-align:right}@media (max-width:767px){.banner .banner-content.img{text-align:left}}@media (max-width:450px){.banner .banner-content.img{text-align:center}}.banner .banner-content.img img{width:230px}.banner .borders .singleBorder{z-index:0;background:#ffffff14;width:1px;height:100%;position:absolute;top:0}.banner .borders .one{left:20%}.banner .borders .two{left:40%}.banner .borders .three{left:60%}.banner .borders .four{left:80%}.features{padding:80px 0 50px}.features .row>*{flex-direction:column;display:flex}.features .single-features-box{text-align:center;cursor:default;z-index:0;background:#0c3548;border-radius:4px;flex:1;margin-bottom:30px;padding:45px 30px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 16px 4px #00000008}.features .single-features-box .h2,.features .single-features-box h2{font-size:16px}.features .single-features-box .img{margin-bottom:25px}.features .single-features-box .img img{width:50px}.features .single-features-box .content{color:#fff9}.features .single-features-box .content h3{color:#ffffffe6;margin-bottom:20px;font-size:22px;font-weight:500}.features .single-features-box .content p{margin-bottom:0}.features .single-features-box:hover{box-shadow:0 0 16px 4px #0000001a}.faq-area{background:#0d3b66;border-radius:10px;padding:15px}.faq-area .faq-body{color:#fff;background:#07222f}.faq-area .faq-body .faq-row{border-bottom:2px solid #ffffff14;padding:10px 20px}.faq-area .faq-body .faq-row .row-title .row-title-text{color:#fffc;font-size:20px}.styles_faq-row-wrapper__3vA1D .styles_row-body__1NvUo .styles_faq-row__2YF3c .styles_row-title__1YiiY .styles_icon-wrapper__2cftw svg{fill:#bdbdbd!important}.howitworks{color:#ffffff80;padding:80px 0 0}.howitworks .single-howitworks{flex-direction:column;justify-content:center;align-items:flex-start;height:100%;display:flex}.howitworks .single-howitworks h3{margin-bottom:20px;font-size:36px;font-weight:300}.howitworks .single-howitworks p{font-size:18px;font-weight:400}.footer{color:#ffffffb3;background:#06151d;border-color:#ffffff12;border-top-style:solid;border-top-width:1px;padding:35px 0}.footer .copyright p{margin-bottom:0}@media (max-width:991px){.footer .copyright p{text-align:center}}.footer .footer-menu{float:right}@media (max-width:991px){.footer .footer-menu{float:none;text-align:center;margin-bottom:30px}.footer .footer-menu ul li{margin:0 10px}}.footer .footer-menu ul li{margin-left:20px;display:inline-block}.footer .footer-menu ul li a{color:#ffffffb3;font-size:16px;font-weight:400;position:relative}.footer .footer-menu ul li a:before{content:"";background:#fff;width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:0}.footer .footer-menu ul li a:hover{color:#fff}.footer .footer-menu ul li a:hover:before{color:#fff;width:100%}.single-available-balance{color:#fff;background:#0d3b664d;border-radius:10px;margin-bottom:30px;padding:30px;display:block}.single-available-balance img{width:20px;margin-right:5px;display:inline-block}.single-available-balance h4{font-size:18px;font-weight:700;display:inline-block}.single-available-balance p{margin-bottom:0}.single-available-balance:hover{color:#fff;background:#495aff}.nav-pills .nav-link{color:#ffffffb3;background:#0d3b66;border:1px solid #0000;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.nav-pills .nav-link.active,.nav-pills .btn-grad.active{color:#fff;border:2px solid #f9731680;transform:translateY(-2px);box-shadow:0 4px 12px #f973164d,0 0 20px #f9731633;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important}.single-contact-box{color:#fff9;text-align:center;border:2px solid #ffffff17;border-radius:6px;margin-bottom:30px;padding:40px}.single-contact-box svg{color:#ffc300;margin-bottom:10px;font-size:40px;display:inline-block}.single-contact-box h4{margin-bottom:20px;font-size:24px;font-weight:400}.single-contact-box p{margin-bottom:0;font-size:16px}.single-contact-box p:last-child{margin-bottom:0}.site-form form input,.site-form form textarea{color:#fff;text-indent:15px;background:0 0;border:2px solid #ffffff1a;border-radius:4px;width:100%;margin-bottom:15px;font-family:Jost,sans-serif;font-size:16px}.site-form form input:focus,.site-form form textarea:focus{border:2px solid #fff3}.site-form form input::placeholder,.site-form form textarea::placeholder{color:#fff6}.site-form form input{height:55px}.site-form form textarea{text-indent:0;padding:10px 15px}.about-content{padding-left:30px}#solutions .row>*{flex-direction:column;display:flex}.single-solutions{color:#ffffff80;text-align:center;cursor:default;background:#ffffff1a;border-radius:6px;flex:1;margin-bottom:30px;padding:20px;transition:all .4s;box-shadow:0 0 16px 4px #0000000d}.single-solutions .solutions-img{margin-bottom:20px}.single-solutions .solutions-img img{width:100%}.single-solutions .solutions-title h3{color:#fff;margin-bottom:10px;font-size:22px;font-weight:500;display:block}.single-solutions .solutions-title h2{font-size:16px}.single-solutions .solutions-title p{margin-bottom:0}.single-solutions:hover{transform:translateY(-8px)}.single-why-choose{text-align:center;color:#ffffff80;margin-bottom:60px;padding:0 20px}.single-why-choose .icon{margin-bottom:20px;display:inline-block;position:relative}.single-why-choose .icon:after{content:"";z-index:0;background:#ffc3000d;border-radius:50%;width:40px;height:40px;position:absolute;top:-20px;left:-10px}.single-why-choose .icon svg{z-index:1;color:#ffc300;font-size:40px;position:relative}.single-why-choose .title h3{color:#fff;margin-bottom:10px;font-size:22px;font-weight:500}.single-why-choose .title p{margin-bottom:0}.site-breadcrumb{color:#fff;text-align:center;padding:60px 0}.site-breadcrumb h4{margin-bottom:0;font-family:Jost,sans-serif;font-size:28px}.site-default-content .single{margin-bottom:40px}.site-default-content .single h5{margin-bottom:10px;font-size:20px}.transaction-success{text-align:center;padding:15px 0}.transaction-success h2{color:#fff;margin-top:20px;margin-bottom:10px}.payment-method{margin-top:15px}.gateway{color:#fff;background:#0d3b66;border-radius:4px;min-width:180px;height:70px;margin:5px;font-weight:700;overflow:hidden}.gateway.active{background:#495aff}.gateway img{filter:brightness(0)invert();width:120px;max-width:100%}.dropdown-kyc{justify-content:space-between;align-items:center;min-width:250px;display:flex}.dropdown-method{justify-content:space-between;align-items:center;min-width:100%;display:flex}#documentSelector .dropdown-menu{width:250px}.kyc-upload-button{color:#fff;background:0 0;border:4px dashed #495aff;border-radius:4px;width:500px;max-width:100%;height:250px}.kyc-upload-button img,.kyc-upload-button .image-item{height:100%}.kyc-upload-button-selfie{color:#fff;background:0 0;border:4px dashed #495aff;border-radius:4px;width:250px;max-width:100%;height:250px}.kyc-upload-button-selfie img,.kyc-upload-button-selfie .image-item{height:100%}.linked-card{background:#0d3b66;border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:25px;display:flex}.linked-card h4{color:#fff}.linked-card h5{margin-bottom:0}.linked-card .action button{background:0 0;margin-left:15px;font-size:36px}.linked-card .action button:hover{transform:scale(1.1)}.linked-card .action button:first-child{color:#495aff}.linked-card .action button:last-child{color:#fd005d}.react-confirm-alert-overlay{background:#303030e6}.react-confirm-alert-blur{width:100%;height:100vh;position:absolute}.react-confirm-alert-body h1{font-size:24px;font-weight:700}.react-confirm-alert-button-group button{background:#0d3b66;width:100%;padding:12px 20px}.react-confirm-alert-button-group button:hover{background:#495aff}.closeBtn{color:#fff;background:#495aff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:30px;display:flex}.closeBtn span{height:50px}.closeBtn:hover{color:#07222f;background:#ffc300}.closeBtn .sr-only{display:none}.modal-content{background:#0d3b66}.modal-header{border-bottom:0}.modal-header .close{color:#fff;background:#495aff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:30px;display:flex}.modal-header .close span{height:50px}.modal-header .close:hover{color:#07222f;background:#ffc300}.modal-header .close .sr-only{display:none}.modal-footer{border-top:0}.tab-wrapper.active{display:block}.tab-wrapper.not-active{display:none}.checkout-cont{margin-top:70px}@media (min-width:1400px){.checkout-cont .container,.checkout-cont .container-lg,.checkout-cont .container-md,.checkout-cont .container-sm,.checkout-cont .container-xl,.checkout-cont .container-xxl{max-width:900px}}.filter{flex-wrap:wrap;gap:15px;margin-bottom:15px;display:flex}@media (max-width:767px){.filter{display:inherit}}.filter .filter-box{align-items:center;margin-right:15px;display:flex}@media (max-width:767px){.filter .filter-box{margin-bottom:15px}}.filter .filter-box select{color:#fff;background:#07222f;border-radius:4px;min-width:100px;padding:5px}@media (max-width:767px){.filter .filter-box select{width:100%}}.filter .filter-box input{color:#fff;background:#07222f;border:1px solid #585858;border-radius:4px;min-width:100px;padding:5px}@media (max-width:767px){.filter .filter-box input{width:100%}}.filter .filter-box p{margin-bottom:0;margin-right:10px}.action-btn{color:#fff;text-align:center;white-space:nowrap;background:#495aff;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:40px;height:40px;padding:0 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.action-btn svg{flex-shrink:0;min-width:18px;min-height:18px;width:18px!important;height:18px!important;display:inline-block!important}.action-btn span{display:inline-block}.action-btn:hover{color:#07222f;background:#ffc300}.action-btn.warning{color:#07222f;background:#ffc300}.details-table tbody tr td{padding:15px}.details-table .head-td{text-transform:uppercase;letter-spacing:1px;color:#fff;background:#0d3b66;width:50%;font-weight:500}.editor-header{align-items:center;margin-bottom:20px;display:flex}.editor-header h2{margin:0}.editor-header button{color:#fff;background:#495aff;border-radius:50%;align-items:center;margin-right:15px;padding:8px;font-size:28px;display:flex}.editor-header button:hover{color:#07222f;background:#ffc300}.editor-header button:active{background:#c5990c}.single-profile select{color:#fff;background:#07222f;border-radius:4px;width:100%;padding:5px}.method-field{justify-content:space-between;align-items:center;display:flex}.method-field .single-profile{flex-direction:column;justify-content:center;width:100%;padding:0 15px;display:flex}.method-field .single-profile select{padding:15px 10px}.method-field .single-profile.toggler{align-items:center;width:30%}.method-field .action{justify-content:center;align-items:center;width:30%;display:flex}.btn-new{width:100%;margin-bottom:20px}.new-btn{width:250px}.menu-builder{cursor:grab;background:#0d3b66;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px;display:flex}.menu-builder p{margin-bottom:0}.menu-builder .builder-content{align-items:center;display:flex}.menu-builder .builder-content svg{margin-right:10px}.page-title{color:#fff;text-align:center;background:#0d3b66;padding:80px 0}.block-add{color:#fff;background:#0d3b66;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100px;padding:10px;font-size:16px;display:flex}.block-add svg{font-size:35px}.block-add:hover{color:#07222f;background:#ffc300}.component-wrapper{grid-gap:10px;grid-template-columns:50% 50%;justify-items:stretch;display:grid}.dashboard-tiles{background-color:#0d3b66;border-color:#495aff;margin-bottom:20px}.dashboard-tiles p{margin-bottom:0}.image-field{display:flex}.image-field label{margin-left:10px}.image-field .inputFile{display:none}.image-field .image-preview-icon{align-items:center;width:60px;height:50px;display:flex}.image-field .image-preview-icon img{width:80%}.nav-toggle{color:#fff;background:0 0;font-size:35px;display:none}@media (max-width:767px){.nav-toggle{display:inherit}}.nav-toggle span{display:none}.pagination{margin-top:20px}@media (max-width:767px){.pagination{overflow:scroll hidden}}.pagination .page-item .page-link{color:#fff;background:#0d3b66;border-color:#1a4c7a;transition:all .2s}.pagination .page-item .page-link:hover{color:#f97316;background:#f973161a;border-color:#f973164d}.pagination .page-item.active .page-link{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-color:#f97316;box-shadow:0 2px 8px #f973164d}.account-type-selector{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.account-type-selector .selector-item{color:#fff;background:#07222f;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;width:32%;padding:20px 0;display:flex}.account-type-selector .selector-item.active{color:#07222f;background:#ffc300}.account-type-selector .selector-item p{margin-bottom:0;font-size:16px}.account-type-selector .selector-item svg{margin-right:10px;font-size:28px}.lng-switch-cont{justify-content:flex-end;width:100%;display:flex}.btn-lang{color:#fff;background:#07222f;border:2px solid #0d3b66}.navbar-toggler-svg svg{width:24px;height:auto;color:var(--color-text-primary,#0d3b66)}.table>:not(:first-child){border-top:0}.react-tel-input input{box-shadow:none!important;outline:none!important;padding-left:70px!important}.react-tel-input input:focus{background-color:inherit!important;color:inherit!important}.react-tel-input .selected-flag{width:60px;height:100%;padding:0 0 0 20px}.checkoutv2{margin-top:70px}@media (min-width:1400px){.checkoutv2 .container,.checkoutv2 .container-lg,.checkoutv2 .container-md,.checkoutv2 .container-sm,.checkoutv2 .container-xl,.checkoutv2 .container-xxl{max-width:600px}}.logo-container{justify-content:center;gap:20px;margin-bottom:20px;display:flex}.checkout-auth{background:0 0;margin:0;padding:0}.otp-input-checkout{margin-bottom:20px}.otp-input-checkout div{width:100%}.otp-input-checkout div input{border:3px solid #0000;border-radius:10px;margin:0 10px;padding:20px 0;font-size:22px;transition:all .3s;width:100%!important}.otp-input-checkout div input:focus{border-color:#2a9d8f}.margin-5px{margin:5px}.padding-top-8px{padding-top:8px}.margin-l-8px{margin-left:8px}.border-0px-important{border-width:0!important}.flex{display:flex}.flex-1{flex:1}.show-box>input{align-items:center;margin-right:7px}.export_cont{justify-content:flex-end;padding:5px;display:flex}.ql-toolbar{background:#fff}.rmsc{--rmsc-main:#4285f4;--rmsc-gray:#aaa;--rmsc-p:10px;--rmsc-radius:4px;--rmsc-h:38px;color:#fff;--rmsc-hover:#0d3b66!important;--rmsc-selected:#495aff!important;--rmsc-border:#ffffff40!important;--rmsc-bg:#07222f!important}.theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);width:40px;height:40px;color:var(--color-accent-primary);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex}.theme-toggle svg{width:20px;height:20px}.theme-toggle:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow-orange);transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.theme-toggle-wrapper{align-items:center;display:flex}.user-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px)}.sidebar{background:var(--gradient-surface,var(--color-bg-secondary));border-right:1px solid var(--color-border)}.sidebar .menu ul li a{color:var(--color-text-secondary);transition:all var(--transition-normal);border-radius:var(--radius-md);border-left:3px solid #0000}.sidebar .menu ul li a:hover{color:#f97316;background:#f973161a;border-left-color:#f97316}.sidebar .menu ul li.active a{color:#f97316;background:linear-gradient(90deg,#f9731626 0%,#0000 100%);border-left-color:#f97316}.sidebar .menu ul li.active a svg{color:#f97316}.sidebar .copyright{background:var(--color-bg-primary);color:var(--color-text-muted)}.sidebar::-webkit-scrollbar-track{background:var(--color-bg-primary)}.sidebar::-webkit-scrollbar-thumb{background:var(--color-accent-secondary)}.basic-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.basic-card .box-title{color:var(--color-text-primary);border-bottom-color:var(--color-border)}.basic-card p{color:var(--color-text-secondary)}.basic-card .nav-tabs{border-bottom-color:var(--color-border)}.basic-card .nav-tabs .nav-item{color:var(--color-text-primary)}.table{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.table thead{background:var(--color-bg-tertiary)}.table thead tr th{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}.table tbody tr td{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-bottom-color:var(--color-border)}.table tbody tr:hover td{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-blue{background:var(--gradient-blue,var(--color-accent-secondary));color:#fff;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);border:none}.btn-blue:hover{background:var(--gradient-orange,var(--color-accent-primary));color:#fff;box-shadow:var(--shadow-glow-orange);transform:translateY(-2px)}.btn-ylo,.btn-primary-action{background:var(--gradient-orange,var(--color-accent-primary));color:#fff;transition:all var(--transition-normal);border:none}.btn-ylo:hover,.btn-primary-action:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow-orange);transform:translateY(-2px)}.btn-secondary-action{background:var(--gradient-blue,var(--color-accent-secondary));color:#fff;transition:all var(--transition-normal);border:none}.btn-secondary-action:hover{box-shadow:var(--shadow-glow-blue);transform:translateY(-2px)}.bttn-small,.bttn-mid{transition:all var(--transition-normal)}.bttn-small:hover,.bttn-mid:hover{transform:translateY(-1px)}.btn-grad{color:#fff;background:var(--gradient-brand)!important}.btn-grad:hover{box-shadow:var(--shadow-glow-orange)}.input,.input-box,.box-input,input[type=text]:not(.modern-input),input[type=password]:not(.modern-input),input[type=email]:not(.modern-input),input[type=number]:not(.modern-input),input[type=date]:not(.modern-input),textarea:not(.modern-input),select:not(.modern-input){border-radius:var(--radius-md);transition:all var(--transition-normal);background:var(--color-bg-primary)!important;color:var(--color-text-secondary)!important;border:2px solid var(--color-border-light)!important}.input::placeholder,.input-box::placeholder,.box-input::placeholder,input[type=text]:not(.modern-input)::placeholder,input[type=password]:not(.modern-input)::placeholder,input[type=email]:not(.modern-input)::placeholder,input[type=number]:not(.modern-input)::placeholder,input[type=date]:not(.modern-input)::placeholder,textarea:not(.modern-input)::placeholder,select:not(.modern-input)::placeholder{color:var(--color-text-muted)!important}.input:focus,.input-box:focus,.box-input:focus,input[type=text]:not(.modern-input):focus,input[type=password]:not(.modern-input):focus,input[type=email]:not(.modern-input):focus,input[type=number]:not(.modern-input):focus,input[type=date]:not(.modern-input):focus,textarea:not(.modern-input):focus,select:not(.modern-input):focus{outline:none;border-color:#f97316!important;box-shadow:0 0 0 3px #f9731626!important}.auth-container input.modern-input{color:#2d3748!important;background:#f7fafc!important;border:2px solid #e2e8f0!important}.auth-container input.modern-input::placeholder{color:#a0aec0!important}.auth-container input.modern-input:focus{background:#fff!important;border-color:#f97316!important;box-shadow:0 0 0 3px #f9731626,0 8px 20px #f973161a!important}.dropdown-menu{box-shadow:var(--shadow-lg);background:var(--color-bg-tertiary)!important;border:1px solid var(--color-border-light)!important}.dropdown-menu .dropdown-item{transition:all var(--transition-fast);color:var(--color-text-secondary)!important}.dropdown-menu .dropdown-item:hover{background:var(--color-bg-hover)!important;color:var(--color-text-primary)!important}.modal-content{background:var(--color-bg-tertiary);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.modal-header{border-bottom-color:var(--color-border)}.modal-footer{border-top-color:var(--color-border)}.content-body .welcome-status ul li a{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.content-body .welcome-status ul li a:hover{color:var(--color-text-primary)}.site-auth{background:var(--color-bg-tertiary);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.site-auth h3{color:var(--color-text-primary)}.site-auth .box-input{border-color:var(--color-border-light)}.site-auth .form-bottom a{color:var(--color-text-secondary)}.site-auth .form-bottom a:hover{color:var(--color-yellow-400,#ffc300)}.status.success{background:var(--color-success)}.status.danger{background:var(--color-error)}.status.info{background:var(--color-warning);color:var(--color-bg-primary)}.pagination .page-item .page-link{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-fast)}.pagination .page-item .page-link:hover{background:var(--color-bg-hover);color:var(--color-accent-secondary)}.pagination .page-item.active .page-link{background:var(--gradient-orange,var(--color-accent-primary));color:#fff;border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow-orange)}.filter .filter-box select,.filter .filter-box input{background:var(--color-bg-primary);color:var(--color-text-secondary);border-color:var(--color-border)}.wallet-box .currency-amount label,.wallet-box .currency-amount select,.wallet-box .currency-amount input,.exchange-box .currency-amount label,.exchange-box .currency-amount select,.exchange-box .currency-amount input,.deposit-box .currency-amount label,.deposit-box .currency-amount select,.deposit-box .currency-amount input{background:var(--color-bg-primary);color:var(--color-text-secondary);border-color:var(--color-border-light)}.wallet-box .rates .single,.exchange-box .rates .single,.deposit-box .rates .single{background:var(--color-bg-primary);border-radius:var(--radius-md)}.wallet-box .rates .single .name,.exchange-box .rates .single .name,.deposit-box .rates .single .name{color:var(--color-text-secondary)}.wallet-box .rates .single .value,.exchange-box .rates .single .value,.deposit-box .rates .single .value{color:var(--color-accent-secondary);font-weight:600}.settings-box .single-profile label{color:var(--color-text-secondary)}.settings-box .single-profile input,.settings-box .single-profile textarea,.settings-box .single-profile select,.settings-box .single-account-linked .input-group .input-group-text{background:var(--color-bg-primary);color:var(--color-text-secondary);border-color:var(--color-border-light)}.linked-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.linked-card h4,.linked-card h5{color:var(--color-text-primary)}.dashboard-tiles{background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.dashboard-tiles p{color:var(--color-text-secondary)}.single-available-balance{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.single-available-balance h4{color:var(--color-text-primary)}.single-available-balance p{color:var(--color-text-secondary)}.single-available-balance:hover{background:var(--gradient-blue,var(--color-accent-secondary));border-color:var(--color-accent-secondary);box-shadow:var(--shadow-glow-blue);transform:translateY(-2px)}.single-available-balance:hover h4,.single-available-balance:hover p{color:#fff}.tradeCoin .single-coin{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-normal)}.tradeCoin .single-coin.active{background:var(--gradient-blue,var(--color-accent-secondary));border-color:var(--color-accent-secondary);box-shadow:var(--shadow-glow-blue)}.tradeCoin .single-coin .coin-title h5,.tradeCoin .single-coin h4{color:var(--color-text-primary)}.tradeCoin .single-coin:hover:not(.active){border-color:var(--color-accent-secondary);transform:translate(4px)}.transaction-steps .single-step{background:var(--color-bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-normal)}.transaction-steps .single-step.active{background:var(--gradient-blue,var(--color-accent-secondary));box-shadow:var(--shadow-glow-blue)}.transaction-steps .single-step span{background:var(--color-bg-secondary)}.transaction-steps .single-step.active span{background:var(--gradient-orange,var(--color-accent-primary))}.transaction-steps .single-step:after{border-left-color:var(--color-bg-tertiary)}.transaction-steps .single-step.active:after{border-left-color:var(--color-accent-secondary)}.nav-pills .nav-link{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-normal);border:1px solid #0000;font-weight:500}.nav-pills .nav-link:hover:not(.active){color:#f97316;background:#f973161a;border-color:#f973164d}.nav-pills .nav-link.active{color:#fff;border-color:#f9731680;transform:translateY(-2px);box-shadow:0 4px 12px #f973164d,0 0 20px #f9731633;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important}.nav-tabs{border-bottom:1px solid var(--color-border)}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{color:var(--color-text-secondary);background:0 0;border:1px solid #0000;border-radius:8px 8px 0 0;padding:10px 20px;font-weight:500;transition:all .2s}.nav-tabs .nav-link:hover:not(.active){color:#f97316;background:#f973160d;border-color:#0000}.nav-tabs .nav-link.active{color:#f97316;background:var(--color-bg-secondary);border-color:var(--color-border)var(--color-border)var(--color-bg-secondary);position:relative}.nav-tabs .nav-link.active:after{content:"";background:#f97316;height:2px;position:absolute;bottom:-1px;left:0;right:0}.faq-area{background:var(--color-bg-tertiary)}.faq-area .faq-body{background:var(--color-bg-primary)}.faq-area .faq-body .faq-row{border-bottom-color:var(--color-border)}.faq-area .faq-body .faq-row .row-title-text{color:var(--color-text-primary)}.faq-area .faq-body .faq-row .row-content-text{color:var(--color-text-secondary)!important}.backdrop{background:var(--color-bg-primary)}.btn-lang{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border)}.react-tel-input .form-control{background:var(--color-bg-primary)!important;color:var(--color-text-secondary)!important;border-color:var(--color-border-light)!important}.react-tel-input .flag-dropdown{background:var(--color-bg-primary)!important;border-color:var(--color-border-light)!important}.react-tel-input .country-list{background:var(--color-bg-tertiary)!important}.react-tel-input .country-list .country:hover{background:var(--color-bg-hover)!important}.react-tel-input .country-list .country-name{color:var(--color-text-primary)!important}.rmsc{--rmsc-bg:var(--color-bg-primary)!important;--rmsc-hover:var(--color-bg-hover)!important;--rmsc-selected:var(--color-blue-500)!important;--rmsc-border:var(--color-border-light)!important}.ql-toolbar{background:var(--color-bg-secondary);border-color:var(--color-border)!important}.ql-container{background:var(--color-bg-primary);border-color:var(--color-border)!important}.action-btn{background:var(--gradient-blue,var(--color-accent-secondary));border-radius:var(--radius-md);transition:all var(--transition-normal)}.action-btn:hover{background:var(--gradient-orange,var(--color-accent-primary));color:#fff;box-shadow:var(--shadow-glow-orange);transform:scale(1.05)}.action-btn.danger{background:var(--color-error)}.action-btn.danger:hover{background:var(--color-red-600);box-shadow:0 0 15px #ef444466}.action-btn.success{background:var(--color-success)}.action-btn.success:hover{background:var(--color-green-600);box-shadow:0 0 15px #22c55e66}.react-confirm-alert-body{background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.react-confirm-alert-body h1{color:var(--color-text-primary)}.react-confirm-alert-button-group button{background:var(--gradient-blue,var(--color-accent-secondary));border-radius:var(--radius-md);transition:all var(--transition-normal)}.react-confirm-alert-button-group button:hover{box-shadow:var(--shadow-glow-blue);transform:translateY(-2px)}.react-confirm-alert-button-group button:first-child{background:var(--color-error)}.react-confirm-alert-button-group button:first-child:hover{box-shadow:0 0 15px #ef444466}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary)}a{color:var(--color-accent-secondary);transition:color var(--transition-fast)}a:hover{color:var(--color-accent-primary)}.gateway{background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all var(--transition-normal)}.gateway.active{background:var(--gradient-blue,var(--color-accent-secondary));border-color:var(--color-accent-secondary);box-shadow:var(--shadow-glow-blue)}.gateway:hover:not(.active){border-color:var(--color-accent-secondary)}.closeBtn{background:var(--gradient-blue,var(--color-accent-secondary));transition:all var(--transition-normal)}.closeBtn:hover{background:var(--gradient-orange,var(--color-accent-primary));transform:rotate(90deg)}.status{border-radius:var(--radius-full);padding:4px 10px;font-weight:600}.status.success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.status.danger{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.status.info{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.status.pending{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}
.sms-container .sms-nav-container{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid #ffffff1a;border-radius:16px;margin:20px;padding:25px 30px;box-shadow:0 10px 40px #00000026}.sms-container .sms-nav-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.sms-container .sms-nav-btn{background:var(--btn-color,#3b82f6);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:10px;min-width:160px;padding:18px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #0003}.sms-container .sms-nav-btn:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.sms-container .sms-nav-btn:hover .btn-icon{transform:scale(1.1)}.sms-container .sms-nav-btn.active{background:linear-gradient(135deg,var(--btn-color,#3b82f6)0%,#fff3);border:2px solid #ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #0006}.sms-container .sms-nav-btn:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.sms-container .sms-nav-btn .btn-icon{color:#fff;filter:drop-shadow(0 2px 4px #0003);font-size:28px;transition:transform .3s}.sms-container .sms-nav-btn .btn-text{opacity:1;text-align:center;font-size:13px;font-weight:600;line-height:1.2;transition:all .3s;display:block;transform:translateY(0)}.sms-container .sms-nav-btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sms-container .sms-nav-btn:active:before{width:300px;height:300px}.sms-container .sms-nav-btn[style*="--btn-color: #3b82f6"]{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.sms-container .sms-nav-btn[style*="--btn-color: #10b981"]{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.sms-container .sms-nav-btn[style*="--btn-color: #f59e0b"]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.sms-container .sms-nav-btn[style*="--btn-color: #8b5cf6"]{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.sms-container .sms-nav-btn[style*="--btn-color: #ef4444"]{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.sms-container .sms-nav-btn[style*="--btn-color: #06b6d4"]{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}@media (max-width:768px){.sms-container .sms-nav-container{margin:15px;padding:20px}.sms-container .sms-nav-buttons{flex-direction:column;gap:15px}.sms-container .sms-nav-btn{flex-direction:row;justify-content:flex-start;gap:12px;width:100%;min-width:auto;padding:14px 16px}.sms-container .sms-nav-btn .btn-text{opacity:1;font-size:14px;transform:translateY(0)}.sms-container .sms-nav-btn .btn-icon{font-size:20px}}@media (max-width:480px){.sms-container .sms-nav-container{margin:10px;padding:15px}.sms-container .sms-nav-btn{padding:12px 14px}.sms-container .sms-nav-btn .btn-text{font-size:13px}.sms-container .sms-nav-btn .btn-icon{font-size:18px}}.sms-container .sms-nav-btn{animation:.6s ease-out fadeInUp}.sms-container .sms-nav-btn:first-child{animation-delay:.1s}.sms-container .sms-nav-btn:nth-child(2){animation-delay:.2s}.sms-container .sms-nav-btn:nth-child(3){animation-delay:.3s}.sms-container .sms-nav-btn:nth-child(4){animation-delay:.4s}.sms-container .sms-nav-btn:nth-child(5){animation-delay:.5s}.sms-container .sms-nav-btn:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sms-container .sms-nav-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sms-container .sms-nav-btn:disabled:hover{box-shadow:none;transform:none}@media (prefers-contrast:more){.sms-container .sms-nav-btn{border-width:3px}.sms-container .sms-nav-btn.active{border-width:4px}}@media (prefers-reduced-motion:reduce){.sms-container .sms-nav-btn{transition:none}.sms-container .sms-nav-btn:hover{transform:none}.sms-container .sms-nav-btn .btn-icon,.sms-container .sms-nav-btn .btn-text{transition:none}}
@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(2.5)}}@keyframes blink-red{0%,to{color:var(--color-error);opacity:1}50%{color:var(--color-error);opacity:.6}}.inactivity-warning-modal.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.inactivity-warning-modal .modal-content{border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);overflow:hidden}.inactivity-warning-modal .modal-body{z-index:1;position:relative}.inactivity-warning-modal .icon-container{justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto;display:inline-flex;position:relative}.inactivity-warning-modal .icon-container i{transition:all var(--transition-normal);color:var(--color-warning)}.inactivity-warning-modal .icon-container .pulse-ring{background:var(--color-warning-bg);z-index:0;border-radius:50%;width:60px;height:60px;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inactivity-warning-modal .icon-container .pulse-ring.urgent{background:var(--color-error-bg);animation-duration:1s}.inactivity-warning-modal h4{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:-.5px;font-weight:700}.inactivity-warning-modal p.text-muted{font-size:1.05rem;line-height:1.6;color:var(--color-text-secondary)!important}.inactivity-warning-modal .timer-container{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.inactivity-warning-modal .timer-container .timer-text{letter-spacing:-1px;color:var(--color-text-primary);transition:color var(--transition-normal);font-family:Roboto Mono,Courier New,monospace;font-weight:700}.inactivity-warning-modal .timer-container .timer-text.blink{animation:1s infinite blink-red}.inactivity-warning-modal .timer-container .custom-progress{background-color:var(--color-bg-primary);border-radius:10px;overflow:hidden;box-shadow:inset 0 1px 2px #0003}.inactivity-warning-modal .timer-container .custom-progress .progress-bar{transition:width 1s linear,background-color var(--transition-normal);background:var(--gradient-orange)}.inactivity-warning-modal .timer-container .custom-progress .progress-bar.bg-warning{background:var(--color-warning)!important}.inactivity-warning-modal .timer-container .custom-progress .progress-bar.bg-danger{background:var(--color-error)!important}.inactivity-warning-modal .modal-footer{border-top:none;padding-top:0}.inactivity-warning-modal .modal-footer .btn{border-radius:var(--radius-lg);letter-spacing:.3px;transition:all var(--transition-normal);border:none;padding:12px 24px;font-size:1rem;font-weight:600}.inactivity-warning-modal .modal-footer .btn:hover{transform:translateY(-2px)}.inactivity-warning-modal .modal-footer .btn:active{transform:translateY(0)}.inactivity-warning-modal .modal-footer .btn-outline-secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.inactivity-warning-modal .modal-footer .btn-outline-secondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-accent-secondary);box-shadow:var(--shadow-glow-blue)}.inactivity-warning-modal .modal-footer .btn-primary{background:var(--gradient-orange);color:#fff;box-shadow:var(--shadow-glow-orange)}.inactivity-warning-modal .modal-footer .btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 25px #f9731680}
.badge-masspay{color:#fff;background-color:#6c757d;border-radius:.25rem;padding:.35em .65em;font-size:.85em;font-weight:600}.badge-masspay-success{color:#fff;background-color:#28a745;border-radius:.25rem;padding:.35em .65em;font-size:.85em;font-weight:600}.badge-masspay-scheduled{color:#000;background-color:#ffc107;border-radius:.25rem;padding:.35em .65em;font-size:.85em;font-weight:600}.badge-masspay-pending{color:#fff;background-color:#17a2b8;border-radius:.25rem;padding:.35em .65em;font-size:.85em;font-weight:600}.badge-masspay-failed{color:#fff;background-color:#dc3545;border-radius:.25rem;padding:.35em .65em;font-size:.85em;font-weight:600}.btn-masspay{color:#fff;background-color:#fa7f25;border-color:#fa7f25;font-weight:600}.btn-masspay:hover{color:#fff;background-color:#e56f15;border-color:#e56f15}.btn-masspay:disabled{color:#666;background-color:#ccc;border-color:#ccc}.mass-payment-table{font-size:.9rem}.mass-payment-table th{color:#fff;background-color:#fa7f25;font-weight:600}.masspay-empty-message{color:#6c757d;font-style:italic}.masspay-title{color:#fa7f25}.mass-payment-form-card{border-radius:12px;transition:all .3s;box-shadow:0 4px 6px #0000001a}.mass-payment-form-card:hover{box-shadow:0 6px 12px #00000026}.budget-progress-container{background:#f8f9fa;border-radius:8px;margin-top:10px;padding:15px}.alert-upcoming-payment{border-left:4px solid #ffc107;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.balance-badge{border-radius:6px;padding:8px 12px;font-size:.95rem}.form-section-header{color:#495057;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.calendar-input{border:2px solid #dee2e6;border-radius:8px;padding:10px;transition:border-color .3s}.calendar-input:focus{border-color:#fa7f25;box-shadow:0 0 0 .2rem #fa7f2540}.payment-summary-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:20px;padding:20px}.payment-summary-item{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.payment-summary-item:last-child{border-bottom:none}.btn-masspay-submit{background:linear-gradient(135deg,#fa7f25 0%,#e56f15 100%);border:none;border-radius:8px;padding:12px 24px;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 6px #fa7f254d}.btn-masspay-submit:hover{transform:translateY(-2px);box-shadow:0 6px 12px #fa7f2566}.btn-masspay-submit:active{transform:translateY(0)}.warning-icon-pulse{animation:1.5s infinite pulse-warning}@keyframes pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stat-card{background:#fff;border-radius:10px;align-items:center;gap:12px;padding:15px;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000001a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.stat-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-total .stat-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.stat-scheduled .stat-icon{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.stat-success .stat-icon{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.stat-failed .stat-icon{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.stat-content{flex:1}.stat-label{color:#6c757d;margin-bottom:4px;font-size:.85rem}.stat-value{color:#212529;font-size:1.5rem;font-weight:700}.bg-gradient-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.mass-payment-list-card{border-radius:12px;overflow:hidden}.mass-payment-list-card .card-header{border-bottom:none;padding:20px}.input-group-text{background-color:#f8f9fa;border-right:none}.form-control:focus+.input-group-text,.input-group-text+.form-control:focus{border-color:#fa7f25}.table-responsive{border-radius:0 0 12px 12px}.mass-payment-table tbody tr{transition:all .2s}.mass-payment-table tbody tr:hover{background-color:#f8f9fa;transform:scale(1.01)}.badge-masspay,.badge-masspay-success,.badge-masspay-scheduled,.badge-masspay-pending,.badge-masspay-failed{align-items:center;gap:4px;display:inline-flex}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mass-payment-table tbody tr{animation:.3s slideIn}.masspay-empty-message{padding:60px 20px!important}.masspay-empty-message svg{opacity:.3}@media (max-width:768px){.stat-card{padding:12px}.stat-icon{width:40px;height:40px}.stat-value{font-size:1.25rem}}
:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#8b5cf6;--accent:#ec4899;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-sunset:linear-gradient(135deg,#fa709a 0%,#fee140 100%);--gradient-ocean:linear-gradient(135deg,#2e3192 0%,#1bffff 100%);--gradient-fire:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-success:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);--gradient-royal:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--gradient-gold:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);--glass-bg:#ffffff14;--glass-border:#ffffff2e;--glass-shadow:0 8px 32px 0 #1f26875e;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--shadow-xl:0 12px 48px #0003;--shadow-2xl:0 20px 60px #0000004d;--shadow-glow:0 0 40px #6366f166;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:50px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--transition-bounce:.5s cubic-bezier(.68,-.55,.265,1.55)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.error-container{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.error-container:before{content:"";background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:200%;height:200%;animation:30s linear infinite rotateBackground;position:absolute;top:-50%;left:-50%}@keyframes rotateBackground{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-content{text-align:center;border-radius:var(--radius-2xl);width:100%;max-width:480px;box-shadow:var(--shadow-2xl);z-index:1;background:#fff;padding:60px 40px;animation:.6s cubic-bezier(.4,0,.2,1) fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-icon-wrapper{margin-bottom:30px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.error-content h2{color:#1e293b;margin-bottom:16px;font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:700}.error-content p{color:#64748b;margin-bottom:32px;font-size:1rem;line-height:1.6}.bttn-mid{background:var(--gradient-royal);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);border:none;padding:16px 36px;font-size:1rem;font-weight:600;position:relative;overflow:hidden}.bttn-mid:before{content:"";width:100%;height:100%;transition:left var(--transition-slow);background:linear-gradient(90deg,#0000,#ffffff4d,#0000);position:absolute;top:0;left:-100%}.bttn-mid:hover:before{left:100%}.bttn-mid:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.payment-link-container{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.payment-link-container:before{content:"";background:radial-gradient(circle at 30%,#6366f126 0%,#0000 50%),radial-gradient(circle at 70%,#8b5cf626 0%,#0000 50%);width:200%;height:200%;animation:40s linear infinite rotateBackground;position:absolute;top:-50%;left:-50%}.floating-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shape{filter:blur(60px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.shape-1{background:var(--gradient-royal);width:400px;height:400px;animation-delay:0s;top:-200px;left:-200px}.shape-2{background:var(--gradient-fire);width:300px;height:300px;animation-delay:5s;bottom:-150px;right:-150px}.shape-3{background:var(--gradient-ocean);width:250px;height:250px;animation-delay:10s;top:50%;right:-125px}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.payment-link-card{border-radius:var(--radius-2xl);width:100%;max-width:600px;box-shadow:var(--shadow-2xl);z-index:1;background:#fff;animation:.8s cubic-bezier(.4,0,.2,1) cardEntrance;position:relative;overflow:hidden}@keyframes cardEntrance{0%{opacity:0;transform:translateY(50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.transaction-status-banner{border-bottom:1px solid #e2e8f0;align-items:center;gap:24px;padding:28px 32px;animation:.5s cubic-bezier(.4,0,.2,1) slideDown;display:flex;position:relative;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.transaction-status-banner:before{content:"";width:4px;height:100%;animation:2s ease-in-out infinite statusPulse;position:absolute;top:0;left:0}.transaction-status-banner.status-success{background:linear-gradient(90deg,#10b98114 0%,#fff0 100%)}.transaction-status-banner.status-success:before{background:var(--gradient-success)}.transaction-status-banner.status-failed{background:linear-gradient(90deg,#ef444414 0%,#fff0 100%)}.transaction-status-banner.status-failed:before{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.transaction-status-banner.status-pending{background:linear-gradient(90deg,#f59e0b14 0%,#fff0 100%)}.transaction-status-banner.status-pending:before{background:var(--gradient-gold)}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.6}}.transaction-status-banner .status-icon{font-size:48px;animation:.6s cubic-bezier(.68,-.55,.265,1.55) iconBounce}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.transaction-status-banner .status-content h3{color:#1e293b;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700}.transaction-status-banner .status-content p{color:#64748b;margin:0 0 12px;font-size:.95rem}.transaction-status-banner .status-content small{color:#94a3b8;font-size:.85rem}.retry-btn,.refresh-btn{border-radius:var(--radius-md);color:#475569;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;border:2px solid #e2e8f0;margin-top:12px;padding:10px 24px;font-weight:600}.retry-btn:hover,.refresh-btn:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md);background:#f8fafc;transform:translateY(-2px)}.payment-header{text-align:center;color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);padding:48px 40px;position:relative;overflow:hidden}.header-background{position:absolute;inset:0;overflow:hidden}.gradient-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:15s ease-in-out infinite orbFloat;position:absolute}.orb-1{background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);width:300px;height:300px;top:-150px;left:-150px}.orb-2{background:radial-gradient(circle,#8b5cf666 0%,#0000 70%);width:250px;height:250px;animation-delay:7s;bottom:-125px;right:-125px}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.header-content{z-index:1;position:relative}.payment-image{margin-bottom:24px;animation:.8s cubic-bezier(.4,0,.2,1) imageEntrance;display:inline-block;position:relative}@keyframes imageEntrance{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.payment-image img{object-fit:cover;width:100px;height:100px;transition:all var(--transition-base);border:4px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 24px #00000026}.payment-image:hover img{transform:scale(1.05)rotate(2deg);box-shadow:0 12px 32px #00000040}.image-glow{filter:blur(20px);z-index:-1;opacity:0;transition:opacity var(--transition-base);background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);border-radius:20px;position:absolute;inset:-10px}.payment-image:hover .image-glow{opacity:1}.type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-pill);transition:all var(--transition-base);background:#fff3;border:1px solid #ffffff4d;align-items:center;gap:8px;margin:16px 0;padding:8px 20px;font-size:.875rem;font-weight:600;animation:.6s cubic-bezier(.4,0,.2,1) .2s both badgeEntrance;display:inline-flex;box-shadow:0 4px 12px #0000001a}@keyframes badgeEntrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.type-badge:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.badge-icon{font-size:1.1rem}.page-title{text-shadow:0 2px 8px #0000001a;margin:20px 0 12px;font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;animation:.6s cubic-bezier(.4,0,.2,1) .3s both titleEntrance}@keyframes titleEntrance{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.description{color:#ffffffe6;max-width:480px;margin:0 auto;font-size:1rem;line-height:1.6;animation:.6s cubic-bezier(.4,0,.2,1) .4s both descriptionEntrance}@keyframes descriptionEntrance{0%{opacity:0}to{opacity:1}}.merchant-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-pill);background:#ffffff26;border:1px solid #fff3;align-items:center;gap:8px;margin-top:24px;padding:10px 20px;font-size:.9rem;animation:.6s cubic-bezier(.4,0,.2,1) .5s both merchantEntrance;display:inline-flex;box-shadow:0 4px 12px #0000001a}@keyframes merchantEntrance{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.merchant-label{opacity:.9}.merchant-name{font-weight:700}.payment-form{background:#fff;padding:40px}.form-stepper{justify-content:space-between;align-items:flex-start;margin-bottom:36px;padding:0 10px;display:flex;position:relative}.step-item{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-circle{color:#94a3b8;width:40px;height:40px;transition:all var(--transition-base);z-index:2;background:#fff;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex;position:relative}.step-name{color:#94a3b8;transition:all var(--transition-base);margin-top:10px;font-size:.85rem;font-weight:600}.step-item.active .step-circle{border-color:var(--primary);background:var(--gradient-royal);color:#fff;box-shadow:0 0 0 4px #6366f133,var(--shadow-md);animation:.4s cubic-bezier(.68,-.55,.265,1.55) stepActivate}@keyframes stepActivate{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.step-item.active .step-name{color:#1e293b}.step-connector{z-index:1;width:100%;height:2px;transition:all var(--transition-base);background:#e2e8f0;position:absolute;top:19px;left:50%}.step-item:first-child .step-connector{left:50%}.step-item:last-child .step-connector{display:none}.step-item.active .step-connector{background:var(--gradient-royal)}.form-group{margin-bottom:24px;animation:.4s cubic-bezier(.4,0,.2,1) formGroupEntrance}@keyframes formGroupEntrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group label{color:#1e293b;align-items:center;gap:10px;margin-bottom:10px;font-size:.95rem;font-weight:600;display:flex}.label-icon{color:var(--primary);font-size:1.1rem}.required{color:#ef4444;margin-left:auto}.form-group input,.form-group select{border-radius:var(--radius-md);width:100%;transition:all var(--transition-base);color:#1e293b;background:#fff;border:2px solid #e2e8f0;padding:14px 16px;font-size:15px;font-weight:500}.form-group input::placeholder{color:#94a3b8}.form-group input:hover,.form-group select:hover{border-color:#cbd5e1}.form-group input:focus,.form-group select:focus{border-color:var(--primary);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #6366f11a}.amount-input-wrapper{position:relative}.currency-badge{color:#475569;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);padding:6px 14px;font-size:.9rem;font-weight:700;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.country-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231e293b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;padding-right:45px}.country-select option{color:#1e293b;background:#fff;padding:12px}.form-hint{color:#64748b;margin-top:8px;font-size:.85rem;line-height:1.5;display:block}.form-hint-limits{color:#3b82f6;font-weight:600}.form-hint-error{color:#ef4444;font-weight:600;animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.input-error{background:#ef44440d!important;border-color:#ef4444!important}.payment-method-group{margin-bottom:36px}.payment-methods-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;display:grid}.payment-method-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;color:#f1f5f9;background:linear-gradient(135deg,#1e293bf2 0%,#0f172af2 100%);border:3px solid #334155b3;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:145px;padding:24px 18px;font-size:.95rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.payment-method-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);transition:opacity .4s;position:absolute;inset:0}.payment-method-btn:hover{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-color:#3b82f6cc;transform:translateY(-6px)scale(1.02);box-shadow:0 16px 32px #0006,inset 0 0 0 1px #3b82f64d}.payment-method-btn:hover:before{opacity:1}.payment-method-btn.active{background:linear-gradient(135deg,#3b82f640,#8b5cf640);border-color:#3b82f6;animation:2s ease-in-out infinite activeGlow;transform:translateY(-4px)scale(1.03);box-shadow:0 0 0 5px #3b82f640,0 12px 28px #3b82f666,inset 0 0 0 1px #3b82f680}@keyframes activeGlow{0%,to{box-shadow:0 0 0 5px #3b82f640,0 12px 28px #3b82f666}50%{box-shadow:0 0 0 5px #3b82f659,0 12px 28px #3b82f680}}.method-logo{z-index:1;background:#fff;border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;padding:12px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 8px 20px #00000040}.payment-method-btn:hover .method-logo{transform:scale(1.15)rotate(5deg);box-shadow:0 12px 28px #00000059}.payment-method-btn.active .method-logo{animation:2s ease-in-out infinite logoFloat;transform:scale(1.1)}@keyframes logoFloat{0%,to{transform:scale(1.1)translateY(0)}50%{transform:scale(1.15)translateY(-5px)}}.method-logo img{object-fit:contain;max-width:100%;max-height:100%}.method-name{text-align:center;z-index:1;line-height:1.4;position:relative}.check-mark{color:#3b82f6;z-index:2;filter:drop-shadow(0 2px 8px #3b82f699);font-size:1.8rem;animation:.5s cubic-bezier(.68,-.55,.265,1.55) checkmark-pop;position:absolute;top:14px;right:14px}@keyframes checkmark-pop{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}.no-gateways-message{text-align:center;color:#cbd5e1;background:#1e293b80;border:3px dashed #334155b3;border-radius:20px;grid-column:1/-1;padding:48px 28px}.no-gateways-icon{opacity:.6;margin-bottom:20px;font-size:3.5rem}.no-gateways-message p{margin:0;font-size:1.05rem;font-weight:600}.transactions-section{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px}.transactions-list{flex-direction:column;gap:12px;display:flex}.transaction-item{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.transaction-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.trx-date{color:#64748b;font-size:.9rem}.trx-amount{color:#1e293b;font-weight:600}.trx-status{border-radius:var(--radius-sm);text-transform:uppercase;padding:4px 8px;font-size:.8rem;font-weight:600}.trx-status.status-success{color:#166534;background:#dcfce7}.trx-status.status-failed{color:#dc2626;background:#fef2f2}.trx-status.status-pending{color:#d97706;background:#fef3c7}.trx-delete-btn{color:#dc2626;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #fca5a5;margin-left:auto;padding:6px 12px;font-size:1.1rem}.trx-delete-btn:hover:not(:disabled){box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);border-color:#dc2626;transform:translateY(-2px)scale(1.05)}.trx-delete-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.trx-delete-btn:disabled{opacity:.5;cursor:not-allowed}.form-navigation{justify-content:space-between;align-items:center;gap:16px;margin-top:40px;display:flex}.nav-button{cursor:pointer;border:none;border-radius:16px;align-items:center;gap:10px;padding:18px 36px;font-size:1.05rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex}.back-button{color:#cbd5e1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#33415580;border:2px solid #334155cc}.back-button:hover{color:#fff;background:#334155e6;border-color:#475569;transform:translate(-4px);box-shadow:0 8px 20px #0000004d}.submit-button{background:var(--gradient-royal);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:auto;padding:18px 40px;font-size:1.05rem;font-weight:800;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #3b82f666}.submit-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:hover:not(:disabled){transform:translateY(-4px)scale(1.02);box-shadow:0 12px 32px #3b82f680}.submit-button:active:not(:disabled){transform:translateY(-2px)scale(.98)}.submit-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;background:linear-gradient(135deg,#475569,#64748b);transform:none}.payment-footer{text-align:center;background:linear-gradient(#0f172acc,#0f172af2);border-top:1px solid #33415599;padding:42px 50px;position:relative}.payment-footer:before{content:"";background:linear-gradient(90deg,#0000,#3b82f680,#0000);height:1px;position:absolute;top:0;left:0;right:0}.security-badges{flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:32px;display:flex}.security-badge{border-radius:var(--radius-pill);color:#34d399;transition:all var(--transition-base);background:#10b9812e;border:1px solid #10b98166;align-items:center;gap:12px;padding:14px 24px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 4px 12px #10b98126}.security-badge:hover{background:#10b98140;transform:translateY(-2px);box-shadow:0 8px 20px #10b98140}.security-badge svg{filter:drop-shadow(0 2px 4px #10b9814d)}.footer-logo{opacity:.9;max-width:110px;transition:opacity var(--transition-base);margin-bottom:18px}.footer-logo:hover{opacity:1}.footer-text{color:#cbd5e1;margin:0 0 8px;font-size:.95rem;font-weight:600}.footer-subtext{color:#94a3b8;margin:0;font-size:.85rem}@media (max-width:768px){.payment-link-container{padding:0}.payment-link-card{border-radius:0;max-width:100%;min-height:100vh;animation:none}.payment-header{padding:45px 28px}.page-title{font-size:2.2rem}.description{font-size:1rem}.payment-form{padding:35px 24px}.form-stepper{padding:0 5px}.step-circle{width:42px;height:42px;font-size:1rem}.step-name{font-size:.8rem}.payment-methods-grid{grid-template-columns:1fr;gap:16px}.payment-method-btn{min-height:120px;padding:20px 16px}.method-logo{width:56px;height:56px}.nav-button,.submit-button{padding:16px 28px;font-size:.95rem}.form-navigation{gap:12px}.payment-footer{padding:32px 24px}.security-badges{gap:12px}.security-badge{padding:10px 18px;font-size:.8rem}}@media (max-width:480px){.page-title{font-size:1.8rem}.payment-image img{width:110px;height:110px}.type-badge{padding:10px 20px;font-size:.85rem}.form-group input,.form-group select{padding:16px 18px;font-size:15px}.step-connector{height:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.floating-shapes,.payment-footer,.form-navigation{display:none}.payment-link-card{box-shadow:none;border:1px solid #000}.payment-header{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#6366f1}}