@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);.accounts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1.5rem;background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif}.accounts .header-section{margin-bottom:2rem}.accounts .title-content{margin-bottom:2rem}.accounts .title-content,.accounts .title-content .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.accounts .title-content .title{font-size:1.75rem;font-weight:600;color:#1f2a44;letter-spacing:-.025em}.accounts .title-content .title .title-icon{margin-right:.75rem;color:#3b82f6;font-size:1.5rem;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.accounts .title-content .title:hover .title-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.accounts .scroll-content{height:calc(100vh - 250px);padding:.75rem;overflow:hidden;background:#fff;border-radius:.75rem;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.1)}.accounts .scroll-content scrollbar{--scrollbar-thumb:#94a3b8;--scrollbar-track:#f1f5f9;--scrollbar-width:8px;--scrollbar-border-radius:4px}.accounts .scroll-content .account-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:.5rem}.accounts .scroll-content ::v-deep(.account-item){position:relative;background:#fff;border-radius:1rem;padding:1.5rem;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.accounts .scroll-content ::v-deep(.account-item):hover{-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem);-webkit-box-shadow:0 10px 15px rgba(0,0,0,.1);box-shadow:0 10px 15px rgba(0,0,0,.1);border-color:#bfdbfe;background:#fff}.accounts .scroll-content ::v-deep(.account-item):hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:.25rem;background:-webkit-gradient(linear,left top,right top,from(#3b82f6),to(#93c5fd));background:linear-gradient(90deg,#3b82f6,#93c5fd);opacity:.8;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.accounts .scroll-content ::v-deep(.account-item):hover .account-icon,.accounts .scroll-content ::v-deep(.account-item):hover .balance-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.accounts .scroll-content ::v-deep(.account-item) .account-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1.25rem}.accounts .scroll-content ::v-deep(.account-item) .account-header h4{font-size:1.125rem;font-weight:600;color:#1f2a44;letter-spacing:-.015em;line-height:1.4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.accounts .scroll-content ::v-deep(.account-item) .account-header h4 .account-icon{margin-right:.5rem;color:#3b82f6;font-size:1.25rem;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.accounts .scroll-content ::v-deep(.account-item) .account-header .balance{font-weight:700;color:#16a34a;font-size:1.125rem;background:#f0fdf4;padding:.25rem .75rem;border-radius:.375rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.accounts .scroll-content ::v-deep(.account-item) .account-header .balance .balance-icon{margin-right:.5rem;color:#16a34a;font-size:1rem;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.accounts .scroll-content ::v-deep(.account-item) .account-details{font-size:.875rem;color:#6b7280;line-height:1.6;opacity:.9}.accounts .col-lg-4 .advert-wrapper{background:#fff;border-radius:.75rem;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.1);padding:1.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease}.accounts .col-lg-4 .advert-wrapper:hover{-webkit-box-shadow:0 10px 15px rgba(0,0,0,.1);box-shadow:0 10px 15px rgba(0,0,0,.1)}@media (max-width:992px){.accounts{padding:1rem}.accounts .header-section,.accounts .title-content{margin-bottom:1.5rem}.accounts .title-content .title{font-size:1.5rem}.accounts .title-content .title .title-icon{font-size:1.25rem}.accounts .scroll-content{height:auto;padding:.5rem}.accounts .account-list{grid-template-columns:1fr;gap:1rem}}@media (max-width:576px){.accounts{padding:.75rem}.accounts .title-content .title{font-size:1.25rem}.accounts .title-content .title .title-icon{font-size:1rem}.accounts .scroll-content ::v-deep(.account-item){padding:1rem}.accounts .scroll-content ::v-deep(.account-item) .account-header .balance,.accounts .scroll-content ::v-deep(.account-item) .account-header h4,.accounts .scroll-content ::v-deep(.account-item) .account-header h4 .account-icon{font-size:1rem}.accounts .scroll-content ::v-deep(.account-item) .account-header .balance .balance-icon{font-size:.875rem}}