@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;font-family:Geist,sans-serif;font-weight:500;color-scheme:dark;-webkit-tap-highlight-color:rgba(0,0,0,0)}@font-face{font-family:Inter;src:url(/assets/inter-c8O0ljhh.ttf) format("truetype"),url(/assets/inter-italic-B-9PvMw6.ttf) format("truetype")}@font-face{font-family:Geist;src:url(/assets/geist-variable-Is3Hx2nx.ttf) format("truetype")}@font-face{font-family:OCR;src:url(/assets/ocr-a-MW58J5VJ.ttf) format("truetype")}body{background-color:#0d1b2a;color:#e0e1dd}#app{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.router-wrapper{position:absolute;top:60px;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto}.router-wrapper.locked{overflow-y:hidden}.page{padding:1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;max-width:900px;width:calc(100% - 4rem);margin:4rem 0;background-color:#1b263b;border-radius:15px}.dashboard-router{opacity:1}.dashboard-router .wrapper{width:300px;height:400px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.dashboard-router .wrapper .body{max-height:calc(100% - 2rem)}.dashboard-router .wrapper .top-bar button{align-self:flex-start}.route-enter-active,.route-leave-active{transition:opacity .3s ease-out,transform .3s ease-out;position:absolute}.route-enter-from{opacity:0;transform:scale(.9)}.route-leave-to{opacity:0;transform:translateY(20px)}.popup-enter-active,.popup-leave-active{transition:opacity .2s ease-out}.popup-enter-active .wrapper,.popup-leave-active .wrapper{transition:opacity .2s ease-out,transform .2s ease-out}.popup-enter-from{opacity:0}.popup-enter-from .wrapper{transform:scale(.9)}.popup-leave-to{opacity:0}.popup-leave-to .wrapper{transform:translateY(20px)}.user-popup-enter-active,.user-popup-leave-active{transition:opacity .15s ease-out,transform .15s ease-out}.user-popup-enter-from{opacity:0;transform:translateY(-20px) scale(.9)}.user-popup-leave-to{opacity:0;transform:translateY(20px)}.warning-enter-active,.warning-leave-active{transition:opacity .4s ease-out}.warning-enter-from,.warning-leave-to{opacity:0}.loading-enter-active,.loading-leave-active{transition:opacity .2s ease-out}.loading-enter-from,.loading-leave-to{opacity:0}.loading{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0d1b2acc;z-index:100}.loader{width:48px;height:48px;border-radius:50%;display:inline-block;border-top:3px solid #fff;border-right:3px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.warning{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border:1px solid #415a77;border-radius:15px;padding:1rem;gap:.5rem;color:#e0e1ddb3}.warning .icon{flex-shrink:0;align-self:flex-start}.warning strong{color:#e0e1dd}.error{background-color:#ff00001a;border:1px solid rgba(255,0,0,.5);color:#e0e1dd;font-size:.9rem;padding:15px}.warn{background-color:#ffcc001a;border:1px solid rgba(255,204,0,.5);color:#e0e1dd;font-size:.9rem;padding:15px}header{position:absolute;top:0;left:0;right:0;height:60px;padding:1rem;background-color:#0d1b2a;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;width:100%;border-bottom:2px solid #415a77}header a{text-decoration:none;color:#e0e1dd}header .logged-out,header .logged-in{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex-grow:1}header .logged-out a,header .logged-in a{color:#e0e1dd;padding:.5rem 1rem;border-radius:10px;text-decoration:none}header .logged-out a:hover,header .logged-in a:hover{background-color:#e0e1dd33}header .logged-out a:last-child,header .logged-in a:last-child{background-color:#415a77;font-weight:600;color:#e0e1dd;margin-left:.5rem}header .logged-out a:last-child:hover,header .logged-in a:last-child:hover{background-color:#415a77cc}header .logged-in .user{background-color:transparent;border:2px solid #778da9;color:#e0e1dd;border-radius:50%;width:35px;height:35px;cursor:pointer;position:relative}header .logged-in .user .user-menu{cursor:default;position:absolute;background-color:#415a77;width:250px;border-radius:15px;padding:1rem;top:100%;right:0;z-index:2;box-shadow:#0000003d 0 3px 8px}header .logged-in .user .user-menu .profile{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid #778da9;margin:0 -1rem;padding:0 1rem .5rem}header .logged-in .user .user-menu .profile .avatar{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#778da9;border-radius:50%;width:40px;height:40px;flex-grow:0;flex-shrink:0;color:#e0e1dd}header .logged-in .user .user-menu .profile .info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;flex-grow:1}header .logged-in .user .user-menu .profile .info h5{font-size:1rem;font-weight:500;color:#e0e1dd}header .logged-in .user .user-menu .profile .info p{font-size:.9rem;color:#e0e1ddb3}header .logged-in .user .user-menu .options{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;margin:0 -1rem;padding-top:.5rem}header .logged-in .user .user-menu .options .option{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;background-color:transparent;border:none;padding:.5rem 1rem;border-radius:0;cursor:pointer}header .logged-in .user .user-menu .options .option:hover{background-color:#e0e1dd33}header .logged-in .user .user-menu .options .option .icon-container .icon{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#e0e1dd}header .logged-in .user .user-menu .options .option span{font-size:.9rem;color:#e0e1dd;text-align:left}footer{width:100%;background-color:#778da9;position:absolute;bottom:0}.home caption{opacity:.9;display:block;text-align:right}.register,.login,.dashboard-router{gap:1rem;max-width:500px;max-height:fit-content}.register form,.login form,.dashboard-router form{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:5px}.register form .input-container,.login form .input-container,.dashboard-router form .input-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;position:relative;height:60px;width:100%}.register form .input-container *,.login form .input-container *,.dashboard-router form .input-container *{position:absolute}.register form .input-container label,.login form .input-container label,.dashboard-router form .input-container label{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:.7px 0 0;margin:15px 10px;font-size:.8rem;color:#778da9;transition:transform .15s ease-out,font-size .15s ease-out;cursor:text}.register form .input-container input,.login form .input-container input,.dashboard-router form .input-container input{border-radius:0;background-color:transparent;border:none;border-bottom:2px solid #415a77;color:#e0e1dd;padding:20px 10px 10px;width:100%}.register form .input-container input::placeholder,.login form .input-container input::placeholder,.dashboard-router form .input-container input::placeholder{color:transparent;font-size:.8rem}.register form .input-container input.currency-input::placeholder,.login form .input-container input.currency-input::placeholder,.dashboard-router form .input-container input.currency-input::placeholder{color:#e0e1dd80}.register form .input-container input:focus,.login form .input-container input:focus,.dashboard-router form .input-container input:focus{outline:none;border-color:#778da9}.register form .input-container input:focus+label,.register form .input-container input:not(:placeholder-shown)+label,.register form .input-container input.currency-input+label,.login form .input-container input:focus+label,.login form .input-container input:not(:placeholder-shown)+label,.login form .input-container input.currency-input+label,.dashboard-router form .input-container input:focus+label,.dashboard-router form .input-container input:not(:placeholder-shown)+label,.dashboard-router form .input-container input.currency-input+label{transform:translateY(-15px);font-size:.7rem;color:#778da9}.register form select,.login form select,.dashboard-router form select{background-color:transparent;border:none;border-bottom:2px solid #415a77;padding:10px 5px;color:#e0e1dd}.register form select:focus,.login form select:focus,.dashboard-router form select:focus{outline:none;border-color:#778da9}.register form .remember,.login form .remember,.dashboard-router form .remember{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:25px;width:fit-content;position:relative;cursor:pointer;font-size:.8rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.register form .remember .label,.login form .remember .label,.dashboard-router form .remember .label{padding:10px 15px 10px 30px;border-radius:50px;z-index:1}.register form .remember:hover input~.checkmark,.login form .remember:hover input~.checkmark,.dashboard-router form .remember:hover input~.checkmark{background-color:#415a77b3}.register form .remember input,.login form .remember input,.dashboard-router form .remember input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.register form .remember input:checked~.checkmark,.login form .remember input:checked~.checkmark,.dashboard-router form .remember input:checked~.checkmark{background-color:#778da9}.register form .remember input:checked~.checkmark:after,.login form .remember input:checked~.checkmark:after,.dashboard-router form .remember input:checked~.checkmark:after{display:block}.register form .remember .checkmark,.login form .remember .checkmark,.dashboard-router form .remember .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#415a77;border-radius:5px}.register form .remember .checkmark:after,.login form .remember .checkmark:after,.dashboard-router form .remember .checkmark:after{content:"";position:absolute;display:none;left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.register form button,.login form button,.dashboard-router form button{background-color:#778da9;color:#fff;padding:10px;border:none;cursor:pointer;margin-top:10px;border-radius:10px}.register form button.mid-button,.login form button.mid-button,.dashboard-router form button.mid-button{opacity:.7;cursor:not-allowed}.register form caption,.login form caption,.dashboard-router form caption{text-align:right;font-size:.8rem;color:#778da9}.register form caption a,.login form caption a,.dashboard-router form caption a{color:#e0e1dd;text-decoration:none}.register form caption a:hover,.login form caption a:hover,.dashboard-router form caption a:hover{text-decoration:underline}.dashboard{gap:1rem}.dashboard .top-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dashboard .top-row a{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;background-color:#415a77;color:#e0e1dd;padding:.5rem 1rem;border-radius:10px;text-decoration:none}.dashboard .top-row a:hover{opacity:.9}.dashboard .card{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;height:200px;overflow-x:auto;padding-left:5px;margin-left:-5px;-webkit-mask-image:linear-gradient(to right,transparent,#0d1b2a 5px,#0d1b2a 80%,transparent);mask-image:linear-gradient(to right,transparent,#0d1b2a 5px,#0d1b2a 80%,transparent)}.dashboard .card a{border-radius:50%;border:none;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:transparent;margin-right:2.5rem}.dashboard .card a svg{color:#778da9}.dashboard .card a:hover{opacity:.7}.dashboard .card a:active{transform:scale(.9)}.dashboard .card .container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;background:#778da9;background:-moz-linear-gradient(320deg,rgb(119,141,169) 0%,rgb(224,225,221) 100%);background:-webkit-linear-gradient(320deg,rgb(119,141,169) 0%,rgb(224,225,221) 100%);background:linear-gradient(320deg,#778da9,#e0e1dd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#778da9",endColorstr="#e0e1dd",GradientType=1);color:#0d1b2a;height:100%;width:100%;max-width:300px;border-radius:15px;flex-shrink:0;padding:1rem}.dashboard .card .container.skeleton{opacity:.7;border:3px dashed #415a77;background-color:#0d1b2a;background-image:linear-gradient(135deg,#1b263b,#0d1b2a);color:#e0e1dd}.dashboard .card .container.skeleton .number{background-color:#e0e1dd1a}.dashboard .card .container span{font-family:OCR,sans-serif}.dashboard .card .container span.number{margin-top:1rem;font-size:1.3rem;background-color:#1b263b1a;width:calc(100% + 2rem);padding:.7rem 1rem}.dashboard .card .container span.expiry{font-size:1.1rem;align-self:flex-end}.dashboard .card .container span.holder{text-transform:uppercase;font-size:1.1rem}.dashboard .card .container .bottom-row{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dashboard .card .container .bottom-row span:last-child{font-size:1.1rem;font-weight:400;opacity:.7}.dashboard .card .container .chip-container{background-color:#1b263b66;position:absolute;top:20px;left:20px;height:40px;width:50px;border-radius:10px;opacity:.75}.dashboard .card .container .chip{color:#1b263b}.dashboard .transactions{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;background-color:#0d1b2a;border-radius:15px;padding:1rem}.dashboard .transactions h3{font-weight:600}.dashboard .transactions .empty{color:#e0e1dd;font-size:1.1rem;font-weight:400;opacity:.7}.dashboard .transactions .transaction{text-decoration:none;color:#e0e1dd;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;margin:0 -1rem;font-size:1.1rem;font-weight:400;padding:.7rem 1rem}.dashboard .transactions .transaction:hover{opacity:.9}.dashboard .transactions .transaction .icon{align-self:flex-start;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px;flex-shrink:0;flex-grow:0}.dashboard .transactions .transaction .icon svg{color:#e0e1dd}.dashboard .transactions .transaction .icon .subtraction{transform:translate(6px)}.dashboard .transactions .transaction .icon .addition{transform:translate(-6px)}.dashboard .transactions .transaction .amount{flex-shrink:0;flex-grow:0;padding:.2rem}.dashboard .transactions .transaction .amount.addition{color:#0d1b2a;background-color:#72d577;border-radius:5px}.dashboard .transactions .transaction .description{max-height:85px;overflow:hidden;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.dashboard .transactions .transaction .description span{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;color:#e0e1dd;font-size:1.1rem}.dashboard .transactions .transaction .description span caption{font-size:.8rem;opacity:.9}.dashboard .transactions .transaction .description p{font-weight:400;font-size:1rem;opacity:.7}.dashboard .transactions .transaction:not(:last-child){border-bottom:1px solid #415a77}.dashboard .dashboard-router{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:100%;max-height:100%;z-index:2;background-color:#0d1b2a80;display:flex;flex-direction:column;justify-content:center;align-items:center}.dashboard .dashboard-router .wrapper{z-index:3;background-color:#1b263b;border-radius:15px;padding:1rem;position:relative}.dashboard .dashboard-router .wrapper .top-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dashboard .dashboard-router .wrapper .top-bar button{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:transparent;border:none;border-radius:50%;padding:.5rem;margin:-.5rem -.5rem 0 0;cursor:pointer;color:#e0e1dd}.dashboard .dashboard-router .wrapper .currency-input{padding:20px 10px 10px 18px}.dashboard .dashboard-router .wrapper .input-container:nth-child(2):after{content:"₣";position:absolute;padding:20px 10px 10px;color:#e0e1dd;font-size:.8rem}.welcome-message .wrapper .body{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;color:#e0e1dde6}.welcome-message .wrapper .body .uname,.welcome-message .wrapper .body .acc{font-weight:600;background-color:#415a77;padding:.1rem .3rem;border-radius:5px;color:#e0e1dd;white-space:nowrap}.welcome-message .wrapper .body caption{align-self:flex-end}.welcome-message .wrapper .body button{background-color:#778da9;color:#fff;padding:10px;border:none;cursor:pointer;border-radius:10px}.transaction-view .body{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.transaction-view .body .amount{font-size:1.8rem;font-weight:500;color:#e0e1dd;border-bottom:1px solid rgba(119,141,169,.3);width:calc(100% + 2rem);margin:0 -1rem 1rem;padding:0rem 1rem .7rem}.transaction-view .body .amount.addition{color:#72d577}.transaction-view .body .info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem}.transaction-view .body .info caption{color:#e0e1ddb3;text-align:left}.transaction-view .body .info .description{background-color:#0d1b2a;border-radius:10px;padding:.5rem}.transaction-view .body .info .description h4{font-size:1.1rem;font-weight:500;color:#e0e1dd}.transaction-view .body .info .description p{font-size:1rem;color:#e0e1ddb3}.dashboard .dashboard-router.card-issue .wrapper .body,.dashboard .dashboard-router.transfer .wrapper .body,.dashboard .dashboard-router.welcome-message .wrapper .body{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:1rem;overflow-y:visible;flex-shrink:1}.dashboard .dashboard-router.card-issue .wrapper .body .text-wrapper,.dashboard .dashboard-router.transfer .wrapper .body .text-wrapper,.dashboard .dashboard-router.welcome-message .wrapper .body .text-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;overflow-y:auto;flex:100;padding-bottom:1.2rem;-webkit-mask-image:linear-gradient(to bottom,transparent,#0d1b2a 5px,#0d1b2a 80%,transparent);mask-image:linear-gradient(to bottom,transparent,#0d1b2a 5px,#0d1b2a 80%,transparent)}.dashboard .dashboard-router.card-issue .wrapper .body.card-details .paragraph,.dashboard .dashboard-router.transfer .wrapper .body.card-details .paragraph,.dashboard .dashboard-router.welcome-message .wrapper .body.card-details .paragraph{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.dashboard .dashboard-router.card-issue .wrapper .body.card-details .paragraph button,.dashboard .dashboard-router.transfer .wrapper .body.card-details .paragraph button,.dashboard .dashboard-router.welcome-message .wrapper .body.card-details .paragraph button{background-color:transparent;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:50%;padding:.5rem;cursor:pointer;border:none}.dashboard .dashboard-router.card-issue .wrapper .body.card-details .paragraph .card-value,.dashboard .dashboard-router.transfer .wrapper .body.card-details .paragraph .card-value,.dashboard .dashboard-router.welcome-message .wrapper .body.card-details .paragraph .card-value{background-color:#415a77;border-radius:10px;padding:.5rem;font-family:OCR,sans-serif}.dashboard .dashboard-router.card-issue .wrapper .body.card-details .paragraph .card-value.hidden,.dashboard .dashboard-router.transfer .wrapper .body.card-details .paragraph .card-value.hidden,.dashboard .dashboard-router.welcome-message .wrapper .body.card-details .paragraph .card-value.hidden{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dashboard .dashboard-router.card-issue .wrapper .body .bottom,.dashboard .dashboard-router.transfer .wrapper .body .bottom,.dashboard .dashboard-router.welcome-message .wrapper .body .bottom{flex:1 0 auto;bottom:1rem;left:1rem;right:1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-grow:1;z-index:4}.dashboard .dashboard-router.card-issue .wrapper .body .bottom button,.dashboard .dashboard-router.transfer .wrapper .body .bottom button,.dashboard .dashboard-router.welcome-message .wrapper .body .bottom button{z-index:4;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.3rem;font-size:.9rem;background-color:#778da9;color:#fff;padding:10px;border:none;cursor:pointer;border-radius:10px;align-self:stretch}.dashboard .dashboard-router.transfer .wrapper{gap:1rem}.dashboard .dashboard-router.transfer .wrapper .body{flex-grow:1}.dashboard .dashboard-router.transfer .wrapper .body .bottom{justify-content:flex-end}.dashboard .dashboard-router.welcome-message .wrapper .body{max-height:calc(100% - 4rem)}@media screen and (max-width: 500px){.transactions .transaction caption{display:none}.page{width:calc(100% - 1rem)}.login,.register{width:calc(100% - 2rem)}.dashboard .dashboard-router .wrapper{width:100vw;height:100vh;border-radius:15px 15px 0 0;justify-content:flex-start;gap:3rem}.dashboard .dashboard-router .wrapper .text-wrapper{max-height:100%!important}.dashboard .dashboard-router.welcome-message .body{flex:1}.dashboard .dashboard-router.welcome-message .bottom{flex:0}.dashboard .dashboard-router.card-issue .wrapper .body{justify-content:space-between;flex:2}.dashboard .dashboard-router.card-issue .wrapper .body .text-wrapper{padding-bottom:2rem}}@media screen and (max-width: 430px){.dashboard .dashboard-router.card-issue .wrapper .body{max-height:calc(100vh - 8rem)}.dashboard .dashboard-router.card-issue .wrapper .body .text-wrapper{padding-bottom:4rem}}svg[data-v-76aa6b74]{transform:rotate(var(--r, 0deg)) scale(var(--sx, 1),var(--sy, 1))}path[data-v-76aa6b74]{fill:currentColor}