@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f4f7f7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}li{list-style:none}@media (width>=375px){:root{font-size:17px}}@media (width>=768px){.balance-container{display:flex}.balance-container .balance-card{margin-left:0}}@media (width>=1024px){.wrapper{width:calc(100% - 250px);margin-left:250px}.container{max-width:1440px;margin-inline:auto;display:flex}}@media (width>=480px) and (width<=767px){.balance-container{margin-inline:2rem}}.fa-regular{color:#005bcb;font-size:1.95rem}.header{border-bottom:.5px solid #9d9ea01a;justify-content:space-between;align-items:center;padding-block:1rem;padding-inline:1.5rem;display:flex}h1{font-size:1.7rem}@media (width>=1024px){.header{display:none}}.transaction-table{background-color:#fff;border-radius:15px;margin-block:1.4rem;margin-inline:1rem;box-shadow:0 0 25px #0000000a,0 4px 12px #00000005}.table-top{justify-content:space-around;align-items:center;padding:1rem 1.3rem;display:flex}.icons{gap:.5rem;font-size:1rem;display:flex}.icons i{color:#1a1d1f;border:1px solid #c0bebe;border-radius:5px;padding:.5rem}.table-wrapper{overflow-x:scroll}th:first-child{padding-right:50px}th,td{color:#747781;max-width:max-content;padding-block:1em;padding-inline:1.6rem;font-size:.95rem;font-weight:400}th{border-block:.8px solid #9d9ea01a}td{color:#1a1d1f}.credit-amount{color:green}.credit,.debit{text-align:center;background-color:#e9eaee;border-radius:15px;padding-block:.4rem;padding-inline:.8rem;font-size:.84rem}.credit{color:green;background-color:#d2e9cc}.table-bottom{color:#011fca;border-top:.8px solid #9d9ea01a;justify-content:center;max-width:max-content;margin-inline:auto;padding-block:1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.date{min-width:10rem;padding-right:0;line-height:1.7}.date span{font-size:.8rem}@media (width>=480px) and (width<=767px){.table-wrapper{justify-content:center;display:flex}.table-top{justify-content:center;gap:4rem}.transaction-table{margin-inline:3rem}}@media (width>=768px){td,.date{padding-inline:5rem}td:first-child{padding-left:1.5rem;padding-right:2rem}th:first-child{padding-left:2rem;padding-right:5rem}.icons{gap:1rem;padding-left:2rem}.table-wrapper{justify-content:center;display:flex}.table-top{justify-content:center;gap:16rem}}@media (width>=1200px){td,.date{padding-inline:8rem}.table-top{gap:30rem}td:first-child,th:first-child{padding-inline:5rem}}@media (hover:hover) and (pointer:fine){.icons i:hover{background-color:#bfbfc3}.table-bottom:hover{text-decoration:underline}}@media (width>=528px){.table-wrapper{overflow-x:hidden}}.quick-transfer-card{background-color:#fff;border-radius:15px;margin-block:1.4rem;margin-inline:1rem;padding:1.5rem;box-shadow:0 0 25px #0000000a,0 4px 12px #00000005}.transfer-card-top{align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}h2{font-size:1.5rem}label{color:#414755;margin-block:1.8rem;font-size:.75rem;font-weight:500}p{color:#414755;font-size:.75rem;font-weight:500}select,input{color:#2e2e2e;border:1px solid #c0bebe;border-radius:5px;width:99%;margin-block:.4rem 1rem;padding-block:.9rem;padding-inline:1rem;font-size:.9rem;font-weight:600}input{font-size:1rem}button{background-color:#e9eaee;border:none;border-radius:5px;margin-top:1rem;padding:.8rem 2.1rem;font-size:1rem;font-weight:700}.credit-button{color:#fff;background-color:#002fcb;margin-right:1rem}.buttons{justify-content:space-around;display:flex}@media (hover:hover) and (pointer:fine){button:hover{background-color:#d1d1d2}.credit-button:hover{background-color:#3c60d5}select:hover{border:1px solid #002fcb}}@media (width>=480px) and (width<=767px){select,input{width:85%}.buttons{justify-content:flex-start;gap:4rem}button{font-size:1.1rem}}.accounts-card-top{justify-content:space-between;align-items:center;padding:1.3rem;display:flex}.accounts-card-top h2{font-size:1.5rem}span a{color:#005bcb;align-items:center;gap:6px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.card,.add-card{margin-inline:1rem;margin-right:0;background-color:#fff;border-radius:15px;min-width:19rem;margin-block:1.4rem;padding:1.5rem;box-shadow:0 0 25px #0000000a,0 4px 12px #00000005}.account-card-wrapper{display:flex;overflow-x:scroll}.account-card-wrapper svg{background-color:#d3ecfa;border-radius:50%;padding:.6rem}.card-header{align-items:center;gap:1.2rem;margin-bottom:1rem;display:flex}.card-body{padding-block:.5rem}.account-holder,.card-number{font-size:1.1rem}.account-type{font-size:.9rem}.account-type,.card-number{color:#414755}.account-holder{font-weight:500}.account-balance{color:#000;margin-block:.7rem .1rem;font-size:1.7rem;font-weight:600}.active{border:2px solid #005bcb}.active svg{fill:#005bcb}.add-card{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin-right:1rem;display:flex}@media (hover:hover) and (pointer:fine){.accounts-card svg{fill:#39393c}.card:hover{transition:transform .2s ease-in-out;transform:translateY(-5px)}.card:hover svg{fill:#005bcb}.add-card:hover{border:1px solid #9b9ea3;transition:transform .2s ease-in-out;transform:translateY(-5px)}.add-card:hover svg{fill:#005bcb}span a:hover svg{fill:#005bcb}span a:hover{border-bottom:2px solid #005bcb}}.balance-card{background-color:#fff;border-radius:15px;margin-block:1.4rem;margin-inline:1rem;padding:1.5rem;box-shadow:0 0 25px #0000000a,0 4px 12px #00000005}.balance-card .card-header{color:#414755;justify-content:space-between;font-size:.8rem;font-weight:600}.card-header>p{font-size:.86rem}.badge{color:#085fa7;background-color:#d3ecfa;border-radius:15px;padding:.2rem .7rem}.details-wrap{flex-flow:column wrap;display:flex}.amount{color:#181b24;border-bottom:1px solid #8181811a;margin-bottom:1rem;padding-block:.3rem 1.5rem;font-size:2.8rem}.amount span{color:#414755;font-size:1.7rem}.details p{color:#181b24;max-width:max-content;margin-block:.6rem 1.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1rem}.details label{font-size:.8rem;font-weight:500}@media (width>=500px){.balance-card{text-wrap:wrap;flex:3;margin-right:1rem;padding-bottom:0}.details-wrap{flex-wrap:wrap;column-gap:.5rem;max-height:15rem}}@media (width>=768px){.balance-card{text-wrap:wrap;flex:1;margin-right:1rem;padding-bottom:0}.details-wrap{flex-wrap:wrap;column-gap:1.5rem;max-height:15rem}.details p{margin-bottom:1.5rem}}.menu{background-color:#ebeef7;flex-direction:column;align-items:center;width:250px;min-height:1500px;font-size:1.15rem;display:none;position:fixed;top:0;left:0}.menu-header h2{color:#005bcb;padding:1.4em 1.4em 1em;font-size:1.3em}.welcome-text{font-size:.8em;font-weight:600}.verified-text{color:#414755;font-size:.67em}.profile{padding-bottom:.99rem;border-bottom:.5px solid #9d9ea04d;align-items:center;gap:.7em;margin-bottom:2rem;padding-inline:1.8rem;display:flex}.profile-image{height:2.5rem}.profile-image img{border-radius:50%;max-width:100%;max-height:100%}.menu-body{align-self:flex-start;margin-left:1rem}.menu li{padding-left:.8rem;padding-right:3rem;border-top-left-radius:10px;border-bottom-left-radius:10px;justify-content:stretch;align-items:center;gap:1rem;margin-block:.6rem;padding-block:.5rem;display:flex}.dashboard p{color:#005bcb}.dashboard{background-color:#cae2fe;border-right:5px solid #005bcb}.menu-body p{font-size:.9rem;font-weight:600}@media (width>=1024px){.menu{display:block}}.menu li:hover{background-color:#d1d4dd}.dashboard{pointer-events:none}