diff --git a/css/main.css b/css/main.css
index fe7cfb8..af7c4b6 100644
--- a/css/main.css
+++ b/css/main.css
@@ -555,7 +555,7 @@ details[open] > summary .icon {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  grid-template-columns: 1fr auto;
+  grid-template-columns: 1fr auto auto;
 }
 
 #subpage_container {
@@ -622,7 +622,6 @@ details[open] > summary .icon {
       -ms-flex-align: start;
           align-items: flex-start;
   color: inherit;
-  cursor: pointer;
   grid-template-columns: auto minmax(0, 1fr) auto;
 }
 .activity-card__icon {
@@ -636,12 +635,12 @@ details[open] > summary .icon {
           justify-content: center;
   padding: 0.5rem;
   border-radius: 0.8rem;
-  background-color: rgba(var(--text-color), 0.06);
+  background-color: var(--accent-color--light);
 }
 .activity-card__icon .icon {
   height: 1.3rem;
   width: 1.3rem;
-  fill: rgba(var(--text-color), 0.8);
+  fill: var(--accent-color);
 }
 .activity-card__title {
   font-size: 0.95rem;
@@ -664,6 +663,40 @@ details[open] > summary .icon {
   padding: 1rem 1.5rem;
 }
 
+#user_accounts {
+  margin-top: 1.5rem;
+  display: grid;
+  gap: 1rem;
+  padding-bottom: 5rem;
+  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
+}
+
+.activity-card--account {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  gap: 1.5rem;
+  padding: 1.5rem;
+  background-color: var(--foreground-color);
+  border: solid thin rgba(var(--text-color), 0.2);
+  grid-template-columns: minmax(0, 1fr);
+}
+.activity-card--account .activity-card__icon {
+  padding: 0;
+  margin-bottom: 0.5rem;
+  background-color: transparent;
+}
+.activity-card--account .activity-card__type {
+  font-size: 0.9rem;
+  color: rgba(var(--text-color), 0.6);
+  font-weight: 500;
+}
+.activity-card--account .activity-card__amount {
+  margin-top: 0.3rem;
+  font-size: 1.3rem;
+}
+
 .activity-card--request {
   grid-template-areas: "icon . amount" "icon time .";
 }
@@ -687,7 +720,7 @@ details[open] > summary .icon {
   font-weight: 500;
   color: rgba(0, 0, 0, 0.7);
 }
-.status-tag:not(:empty).success {
+.status-tag:not(:empty).success, .status-tag:not(:empty).active {
   color: var(--green);
   background-color: rgba(0, 230, 118, 0.1);
 }
@@ -699,6 +732,10 @@ details[open] > summary .icon {
   color: var(--yellow);
   background-color: rgba(255, 252, 75, 0.1);
 }
+.status-tag:not(:empty).closed {
+  color: rgba(var(--text-color), 0.7);
+  background-color: rgba(var(--text-color), 0.06);
+}
 
 .activity-card--response {
   grid-template-areas: "icon . time" "icon description description";
@@ -751,8 +788,8 @@ details[open] > summary .icon {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  padding: 1.5rem;
   height: 15rem;
+  padding-bottom: 3rem;
   margin: 1.5rem 0;
 }
 
@@ -768,7 +805,7 @@ details[open] > summary .icon {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  margin-top: 1rem;
+  margin-bottom: 1rem;
 }
 
 .legend {
@@ -785,15 +822,15 @@ details[open] > summary .icon {
 .legend::before {
   content: "";
   margin-right: 0.5rem;
-  width: 1.5rem;
-  height: 0.5rem;
-  border-radius: 0.5rem;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 25%;
 }
 .legend:nth-of-type(1)::before {
   background-color: var(--green);
 }
 .legend:nth-of-type(2)::before {
-  background-color: var(--yellow);
+  background-color: #ffbb61;
 }
 
 .balance-card {
diff --git a/css/main.min.css b/css/main.min.css
index 14b6300..5ad0b76 100644
--- a/css/main.min.css
+++ b/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem, 1.2vmax, 3rem)}html,body{height:100%;scroll-behavior:smooth}body{color:rgba(var(--text-color), 1);background:rgba(var(--background-color), 1)}body,body *{--accent-color: #2672ff;--accent-color--light: rgba(38, 114, 255, 0.06);--text-color: 36, 36, 36;--background-color: 247, 250, 255;--foreground-color: rgb(250, 252, 255);--danger-color: rgb(255, 75, 75);--green: #1cad59;--yellow: #f3a600;scrollbar-width:thin}body[data-theme=dark],body[data-theme=dark] *{--accent-color: rgb(170, 190, 255);--accent-color--light: rgba(231, 239, 255, 0.06);--text-color: 230, 230, 230;--text-color-light: 170, 170, 170;--background-color: 10, 10, 10;--foreground-color: rgb(20, 20, 20);--danger-color: rgb(255, 106, 106);--green: #00E676;--yellow: #ffd13a}p{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{-webkit-box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset;box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.button{padding:.4rem .6rem;border-radius:.3rem;font-weight:500;font-size:.8rem;border:solid thin rgba(var(--text-color), 0.5)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-button{--border-radius: 0.5rem;--padding: 0.8rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}ul{list-style:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide-completely{display:none !important}.no-transformations{-webkit-transform:none !important;transform:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.text-center{text-align:center}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-right{margin-left:auto}.align-self-center{-ms-flex-item-align:center;align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.stretch{-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;justify-items:stretch}.stretch>*{width:100%}.ripple{position:absolute;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);background:rgba(var(--text-color), 0.16);pointer-events:none}.interact{position:relative;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;-webkit-tap-highlight-color:transparent}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon{height:1.2rem;width:1.2rem}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}button:active,.button:active,.interact:active,.nav-item:active{-webkit-transform:scale(0.96);transform:scale(0.96)}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){-ms-flex-line-pack:start;align-content:flex-start}#logo{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}#logo h4{text-transform:capitalize;font-size:1rem;font-weight:600}#logo #main_logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.card{padding:1rem;border-radius:.5rem;background-color:var(--accent-color--light)}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}#sign_in,#sign_up{place-items:center}#sign_in section,#sign_up section{width:min(24rem, 100%)}#sign_in sm-form,#sign_up sm-form{margin:2rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem }#sign_up .h2{margin-bottom:.5rem}#sign_up .card{margin:1.5rem 0}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#loading{place-content:center;text-align:center}#loading sm-spinner{margin-bottom:1.5rem}#homepage{height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0, 1fr);grid-template-areas:"main-header" "subpages" "main-nav"}#main_nav{grid-area:main-nav;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.nav-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.8rem;border-radius:.5rem;color:inherit;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.nav-item--active .icon{fill:var(--accent-color)}.nav-item--active .nav-item__title{color:var(--accent-color)}#main_header{grid-area:main-header;padding:1.5rem;display:grid;gap:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:1fr auto}#subpage_container{grid-area:subpages;overflow-y:auto}#dashboard{display:grid;gap:1.5rem;padding:0 1.5rem}#quick_actions_container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.5rem;margin:2rem 0}.quick-action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.quick-action__icon{padding:1rem;border-radius:1rem;background-color:var(--accent-color--light);margin-bottom:.8rem}.quick-action__icon .icon{height:1.5rem;width:1.5rem;fill:var(--accent-color)}.quick-action__title{font-size:.8rem;font-weight:500}#recent_transactions_container{display:grid;margin:1.5rem 0;padding-bottom:5rem}.activity-card{display:grid;padding:1rem 0;gap:.4rem 1rem;border-radius:.5rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:inherit;cursor:pointer;grid-template-columns:auto minmax(0, 1fr) auto}.activity-card__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.5rem;border-radius:.8rem;background-color:rgba(var(--text-color), 0.06)}.activity-card__icon .icon{height:1.3rem;width:1.3rem;fill:rgba(var(--text-color), 0.8)}.activity-card__title{font-size:.95rem;font-weight:500}.activity-card__title::first-letter{text-transform:uppercase}.activity-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}#notifications,#transactions{padding-bottom:5rem}#notifications .activity-card,#transactions .activity-card{padding:1rem 1.5rem}.activity-card--request{grid-template-areas:"icon . amount" "icon time ."}.activity-card--request .activity-card__icon{grid-area:icon}.activity-card--request .activity-card__time{grid-area:time}.activity-card--request .activity-card__amount{grid-area:amount;text-align:end}.status-tag:not(:empty){text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;border-radius:.2rem;padding:.3rem .4rem;font-weight:500;color:rgba(0,0,0,.7)}.status-tag:not(:empty).success{color:var(--green);background-color:rgba(0,230,118,.1)}.status-tag:not(:empty).failed{color:var(--danger-color);background-color:rgba(255,75,75,.1)}.status-tag:not(:empty).pending{color:var(--yellow);background-color:rgba(255,252,75,.1)}.activity-card--response{grid-template-areas:"icon . time" "icon description description"}.activity-card--response .activity-card__icon{grid-area:icon}.activity-card--response .activity-card__description{grid-area:description;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.activity-card--response .activity-card__time{grid-area:time}.success .icon{fill:var(--green)}.pending .icon{fill:var(--yellow)}.failed .icon{fill:var(--danger-color)}#user_section{display:grid;-ms-flex-line-pack:start;align-content:flex-start;gap:2rem;overflow-y:auto;padding:1.5rem;grid-template-columns:minmax(0, 1fr)}#user_section h4{margin-bottom:1rem}#account_chart_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1.5rem;height:15rem;margin:1.5rem 0}#chart_legend{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1rem}.legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.8rem;margin-right:1rem;margin-bottom:1rem}.legend::before{content:"";margin-right:.5rem;width:1.5rem;height:.5rem;border-radius:.5rem}.legend:nth-of-type(1)::before{background-color:var(--green)}.legend:nth-of-type(2)::before{background-color:var(--yellow)}.balance-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon ." "icon .";padding:1rem 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.3rem 1rem;border-radius:.5rem}.balance-card__icon{grid-area:icon;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.5rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.8rem}.balance-card__amount{font-size:1rem;font-weight:700}#transaction{gap:1.5rem 0;padding:1.5rem 0;-ms-flex-line-pack:start;align-content:flex-start}#transaction_top{position:relative;-ms-flex-line-pack:start;align-content:flex-start}#transaction_detail__icon{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:var(--accent-color);border-radius:40%;padding:1rem;aspect-ratio:1/1}#transaction_detail__icon .icon{height:2rem;width:2rem;fill:rgba(var(--background-color), 1)}#transaction_detail__amount{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.8rem;font-weight:700}#transaction_detail__amount::before{font-weight:500;font-size:1rem;-ms-flex-item-align:start;align-self:flex-start;content:"₹"}#transaction_detail__time{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-right:1rem}@media screen and (max-width: 640px){sm-button{--padding: 1rem}#dashboard{padding:0 1.5rem}#main_nav{border-radius:1rem 1rem 0 0;background-color:var(--foreground-color)}.nav-item{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.nav-item__title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.7rem;font-weight:500;color:rgba(var(--text-color), 0.8);margin-top:.3rem}#transaction_top{text-align:center}#transaction_detail__status{justify-self:center}#transaction_detail__icon{justify-self:center}#transaction_detail__amount{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 640px){#confirmation_popup,#prompt_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 80vw 1fr}#homepage{background-color:var(--foreground-color);grid-template-rows:auto 1fr;grid-template-columns:auto minmax(0, 1fr);grid-template-areas:"main-header main-header user-section" "main-nav subpages user-section"}#main_nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 1rem}#main_nav::after{position:absolute;right:0;content:"";width:1px;background-color:rgba(var(--text-color), 0.3);height:80%}.nav-item--active{background-color:var(--accent-color--light)}.nav-item:not(:last-of-type){margin-bottom:.5rem}.nav-item:last-of-type{margin-top:auto;margin-bottom:1.5rem}.nav-item__title{display:none}#user_section{grid-area:user-section;background-color:rgba(var(--background-color), 1)}#transaction_top{overflow:hidden;padding:1.8rem;border-radius:.5rem;background-color:var(--foreground-color);-webkit-box-shadow:0 1rem 1.5rem -0.8rem rgba(0,0,0,.1);box-shadow:0 1rem 1.5rem -0.8rem rgba(0,0,0,.1)}#transaction_detail__status{justify-self:flex-start}#transaction_detail__icon{justify-self:flex-start}}@media screen and (max-width: 1024px){#user_section{position:fixed;background-color:rgba(var(--background-color), 1);z-index:2;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media screen and (min-width: 1024px){.card{padding:2rem}#homepage{grid-template-columns:14rem minmax(0, 1fr) 24rem}.nav-item__title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.9rem;font-weight:500;color:rgba(var(--text-color), 0.8);margin-left:.5rem}#transaction section{display:grid;grid-template-columns:18rem minmax(0, 1fr)}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.nav-item,.interact{-webkit-transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,transform .3s;transition:background-color .3s,transform .3s,-webkit-transform .3s}.nav-item:hover,.interact:hover{background-color:var(--accent-color--light)}}
\ No newline at end of file
+*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto",sans-serif}:root{font-size:clamp(1rem, 1.2vmax, 3rem)}html,body{height:100%;scroll-behavior:smooth}body{color:rgba(var(--text-color), 1);background:rgba(var(--background-color), 1)}body,body *{--accent-color: #2672ff;--accent-color--light: rgba(38, 114, 255, 0.06);--text-color: 36, 36, 36;--background-color: 247, 250, 255;--foreground-color: rgb(250, 252, 255);--danger-color: rgb(255, 75, 75);--green: #1cad59;--yellow: #f3a600;scrollbar-width:thin}body[data-theme=dark],body[data-theme=dark] *{--accent-color: rgb(170, 190, 255);--accent-color--light: rgba(231, 239, 255, 0.06);--text-color: 230, 230, 230;--text-color-light: 170, 170, 170;--background-color: 10, 10, 10;--foreground-color: rgb(20, 20, 20);--danger-color: rgb(255, 106, 106);--green: #00E676;--yellow: #ffd13a}p{font-size:.9rem;max-width:70ch;line-height:1.7;color:rgba(var(--text-color), 0.8)}p:not(:last-of-type){margin-bottom:1.5rem}a:where([class]){color:inherit;text-decoration:none}a:where([class]):focus-visible{-webkit-box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset;box-shadow:0 0 0 .1rem rgba(var(--text-color), 1) inset}a{color:var(--accent-color)}button,.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border:none;background-color:transparent;overflow:hidden;color:inherit;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.button{padding:.4rem .6rem;border-radius:.3rem;font-weight:500;font-size:.8rem;border:solid thin rgba(var(--text-color), 0.5)}button:disabled{opacity:.5}a:-webkit-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:-moz-any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}a:any-link:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-button{--border-radius: 0.5rem;--padding: 0.8rem 1rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color), 1)}sm-button[disabled] .icon{fill:rgba(var(--text-color), 0.6)}ul{list-style:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.grid{display:grid}.hide{opacity:0;pointer-events:none}.hide-completely{display:none !important}.no-transformations{-webkit-transform:none !important;transform:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.text-center{text-align:center}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-right{margin-left:auto}.align-self-center{-ms-flex-item-align:center;align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.stretch{-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;justify-items:stretch}.stretch>*{width:100%}.ripple{position:absolute;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);background:rgba(var(--text-color), 0.16);pointer-events:none}.interact{position:relative;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;-webkit-tap-highlight-color:transparent}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8)}.button__icon{height:1.2rem;width:1.2rem}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.icon-button{padding:.6rem;border-radius:.8rem;background-color:var(--accent-color--light)}.icon-button .icon{fill:var(--accent-color)}#confirmation_popup,#prompt_popup{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}button:active,.button:active,.interact:active,.nav-item:active{-webkit-transform:scale(0.96);transform:scale(0.96)}#main_page{padding:1.5rem}#main_page>section:nth-of-type(1){-ms-flex-line-pack:start;align-content:flex-start}#logo{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;grid-template-columns:auto 1fr;gap:0 .3rem;margin-right:1rem}#logo h4{text-transform:capitalize;font-size:1rem;font-weight:600}#logo #main_logo{height:1.4rem;width:1.4rem;fill:rgba(var(--text-color), 1);stroke:none}details summary{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details[open]>summary{margin-bottom:1rem}details[open]>summary .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.card{padding:1rem;border-radius:.5rem;background-color:var(--accent-color--light)}.page-layout{display:grid;grid-template-columns:1.5rem minmax(0, 1fr) 1.5rem}.page-layout>*{grid-column:2/3}.page{height:100%}#sign_in,#sign_up{place-items:center}#sign_in section,#sign_up section{width:min(24rem, 100%)}#sign_in sm-form,#sign_up sm-form{margin:2rem 0}#sign_up sm-copy{font-size:.9rem;--button-border-radius: 0.5rem }#sign_up .h2{margin-bottom:.5rem}#sign_up .card{margin:1.5rem 0}#sign_up h5{font-weight:500;color:rgba(var(--text-color), 0.8)}#loading{place-content:center;text-align:center}#loading sm-spinner{margin-bottom:1.5rem}#homepage{height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0, 1fr);grid-template-areas:"main-header" "subpages" "main-nav"}#main_nav{grid-area:main-nav;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.nav-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.8rem;border-radius:.5rem;color:inherit;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.nav-item--active .icon{fill:var(--accent-color)}.nav-item--active .nav-item__title{color:var(--accent-color)}#main_header{grid-area:main-header;padding:1.5rem;display:grid;gap:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:1fr auto auto}#subpage_container{grid-area:subpages;overflow-y:auto}#dashboard{display:grid;gap:1.5rem;padding:0 1.5rem}#quick_actions_container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.5rem;margin:2rem 0}.quick-action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.quick-action__icon{padding:1rem;border-radius:1rem;background-color:var(--accent-color--light);margin-bottom:.8rem}.quick-action__icon .icon{height:1.5rem;width:1.5rem;fill:var(--accent-color)}.quick-action__title{font-size:.8rem;font-weight:500}#recent_transactions_container{display:grid;margin:1.5rem 0;padding-bottom:5rem}.activity-card{display:grid;padding:1rem 0;gap:.4rem 1rem;border-radius:.5rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:inherit;grid-template-columns:auto minmax(0, 1fr) auto}.activity-card__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.5rem;border-radius:.8rem;background-color:var(--accent-color--light)}.activity-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.activity-card__title{font-size:.95rem;font-weight:500}.activity-card__title::first-letter{text-transform:uppercase}.activity-card__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}#notifications,#transactions{padding-bottom:5rem}#notifications .activity-card,#transactions .activity-card{padding:1rem 1.5rem}#user_accounts{margin-top:1.5rem;display:grid;gap:1rem;padding-bottom:5rem;grid-template-columns:repeat(auto-fill, minmax(12rem, 1fr))}.activity-card--account{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;gap:1.5rem;padding:1.5rem;background-color:var(--foreground-color);border:solid thin rgba(var(--text-color), 0.2);grid-template-columns:minmax(0, 1fr)}.activity-card--account .activity-card__icon{padding:0;margin-bottom:.5rem;background-color:transparent}.activity-card--account .activity-card__type{font-size:.9rem;color:rgba(var(--text-color), 0.6);font-weight:500}.activity-card--account .activity-card__amount{margin-top:.3rem;font-size:1.3rem}.activity-card--request{grid-template-areas:"icon . amount" "icon time ."}.activity-card--request .activity-card__icon{grid-area:icon}.activity-card--request .activity-card__time{grid-area:time}.activity-card--request .activity-card__amount{grid-area:amount;text-align:end}.status-tag:not(:empty){text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;border-radius:.2rem;padding:.3rem .4rem;font-weight:500;color:rgba(0,0,0,.7)}.status-tag:not(:empty).success,.status-tag:not(:empty).active{color:var(--green);background-color:rgba(0,230,118,.1)}.status-tag:not(:empty).failed{color:var(--danger-color);background-color:rgba(255,75,75,.1)}.status-tag:not(:empty).pending{color:var(--yellow);background-color:rgba(255,252,75,.1)}.status-tag:not(:empty).closed{color:rgba(var(--text-color), 0.7);background-color:rgba(var(--text-color), 0.06)}.activity-card--response{grid-template-areas:"icon . time" "icon description description"}.activity-card--response .activity-card__icon{grid-area:icon}.activity-card--response .activity-card__description{grid-area:description;font-size:.8rem;color:rgba(var(--text-color), 0.8)}.activity-card--response .activity-card__time{grid-area:time}.success .icon{fill:var(--green)}.pending .icon{fill:var(--yellow)}.failed .icon{fill:var(--danger-color)}#user_section{display:grid;-ms-flex-line-pack:start;align-content:flex-start;gap:2rem;overflow-y:auto;padding:1.5rem;grid-template-columns:minmax(0, 1fr)}#user_section h4{margin-bottom:1rem}#account_chart_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:15rem;padding-bottom:3rem;margin:1.5rem 0}#chart_legend{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem}.legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.8rem;margin-right:1rem;margin-bottom:1rem}.legend::before{content:"";margin-right:.5rem;width:1rem;height:1rem;border-radius:25%}.legend:nth-of-type(1)::before{background-color:var(--green)}.legend:nth-of-type(2)::before{background-color:#ffbb61}.balance-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon ." "icon .";padding:1rem 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.3rem 1rem;border-radius:.5rem}.balance-card__icon{grid-area:icon;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.5rem;border-radius:.8rem;background-color:var(--accent-color--light)}.balance-card__icon .icon{height:1.3rem;width:1.3rem;fill:var(--accent-color)}.balance-card__token{font-size:.8rem}.balance-card__amount{font-size:1rem;font-weight:700}#transaction{gap:1.5rem 0;padding:1.5rem 0;-ms-flex-line-pack:start;align-content:flex-start}#transaction_top{position:relative;-ms-flex-line-pack:start;align-content:flex-start}#transaction_detail__icon{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:var(--accent-color);border-radius:40%;padding:1rem;aspect-ratio:1/1}#transaction_detail__icon .icon{height:2rem;width:2rem;fill:rgba(var(--background-color), 1)}#transaction_detail__amount{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.8rem;font-weight:700}#transaction_detail__amount::before{font-weight:500;font-size:1rem;-ms-flex-item-align:start;align-self:flex-start;content:"₹"}#transaction_detail__time{font-size:.8rem;color:rgba(var(--text-color), 0.8);margin-right:1rem}@media screen and (max-width: 640px){sm-button{--padding: 1rem}#dashboard{padding:0 1.5rem}#main_nav{border-radius:1rem 1rem 0 0;background-color:var(--foreground-color)}.nav-item{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.nav-item__title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.7rem;font-weight:500;color:rgba(var(--text-color), 0.8);margin-top:.3rem}#transaction_top{text-align:center}#transaction_detail__status{justify-self:center}#transaction_detail__icon{justify-self:center}#transaction_detail__amount{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 640px){#confirmation_popup,#prompt_popup{--width: 24rem}.page-layout{grid-template-columns:1fr 80vw 1fr}#homepage{background-color:var(--foreground-color);grid-template-rows:auto 1fr;grid-template-columns:auto minmax(0, 1fr);grid-template-areas:"main-header main-header user-section" "main-nav subpages user-section"}#main_nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 1rem}#main_nav::after{position:absolute;right:0;content:"";width:1px;background-color:rgba(var(--text-color), 0.3);height:80%}.nav-item--active{background-color:var(--accent-color--light)}.nav-item:not(:last-of-type){margin-bottom:.5rem}.nav-item:last-of-type{margin-top:auto;margin-bottom:1.5rem}.nav-item__title{display:none}#user_section{grid-area:user-section;background-color:rgba(var(--background-color), 1)}#transaction_top{overflow:hidden;padding:1.8rem;border-radius:.5rem;background-color:var(--foreground-color);-webkit-box-shadow:0 1rem 1.5rem -0.8rem rgba(0,0,0,.1);box-shadow:0 1rem 1.5rem -0.8rem rgba(0,0,0,.1)}#transaction_detail__status{justify-self:flex-start}#transaction_detail__icon{justify-self:flex-start}}@media screen and (max-width: 1024px){#user_section{position:fixed;background-color:rgba(var(--background-color), 1);z-index:2;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media screen and (min-width: 1024px){.card{padding:2rem}#homepage{grid-template-columns:14rem minmax(0, 1fr) 24rem}.nav-item__title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.9rem;font-weight:500;color:rgba(var(--text-color), 0.8);margin-left:.5rem}#transaction section{display:grid;grid-template-columns:18rem minmax(0, 1fr)}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.nav-item,.interact{-webkit-transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,transform .3s;transition:background-color .3s,transform .3s,-webkit-transform .3s}.nav-item:hover,.interact:hover{background-color:var(--accent-color--light)}}
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
index e30eac0..84f7a70 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -497,7 +497,7 @@ details {
     display: grid;
     gap: 1rem;
     align-items: center;
-    grid-template-columns: 1fr auto;
+    grid-template-columns: 1fr auto auto;
 }
 #subpage_container{
     grid-area: subpages;
@@ -546,7 +546,6 @@ details {
     border-radius: 0.5rem;
     align-items: flex-start;
     color: inherit;
-    cursor: pointer;
     grid-template-columns: auto minmax(0, 1fr) auto;
     &__icon{
         display: flex;
@@ -554,11 +553,11 @@ details {
         justify-content: center;
         padding: 0.5rem;
         border-radius: 0.8rem;
-        background-color: rgba(var(--text-color), 0.06);
+        background-color: var(--accent-color--light);
         .icon{
             height: 1.3rem;
             width: 1.3rem;
-            fill: rgba(var(--text-color), 0.8);
+            fill: var(--accent-color);
         }
     }
     &__title{
@@ -580,6 +579,35 @@ details {
         padding: 1rem 1.5rem;
     }
 }
+#user_accounts{
+    margin-top: 1.5rem;
+    display: grid;
+    gap: 1rem;
+    padding-bottom: 5rem;
+    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
+}
+.activity-card--account{
+    user-select: none;
+    gap: 1.5rem;
+    padding: 1.5rem;
+    background-color: var(--foreground-color);
+    border: solid thin rgba(var(--text-color), 0.2);
+    grid-template-columns: minmax(0, 1fr);
+    .activity-card__icon{
+        padding: 0;
+        margin-bottom: 0.5rem;
+        background-color: transparent;
+    }
+    .activity-card__type{
+        font-size: 0.9rem;
+        color: rgba(var(--text-color), 0.6);
+        font-weight: 500;
+    }
+    .activity-card__amount{
+        margin-top: 0.3rem;
+        font-size: 1.3rem;
+    }
+}
 .activity-card--request{
     grid-template-areas: 'icon . amount' 'icon time .';
     .activity-card__icon{
@@ -601,7 +629,8 @@ details {
     padding: 0.3rem 0.4rem;
     font-weight: 500;
     color: rgba($color: #000000, $alpha: 0.7);
-    &.success{
+    &.success,
+    &.active{
         color: var(--green);
         background-color: rgb(0, 230, 118, 0.1);
     }
@@ -613,6 +642,10 @@ details {
         color: var(--yellow);
         background-color: rgba(255, 252, 75, 0.1);
     }
+    &.closed{
+        color: rgba(var(--text-color), 0.7);
+        background-color: rgba(var(--text-color), 0.06);
+    }
 }
 .activity-card--response{
     grid-template-areas: 'icon . time' 'icon description description';
@@ -658,8 +691,8 @@ details {
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding: 1.5rem;
     height: 15rem;
+    padding-bottom: 3rem;
     margin: 1.5rem 0;
 }
 #chart_legend {
@@ -667,7 +700,7 @@ details {
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
-    margin-top: 1rem;
+    margin-bottom: 1rem;
 }
 
 .legend {
@@ -679,9 +712,9 @@ details {
     &::before {
         content: '';
         margin-right: 0.5rem;
-        width: 1.5rem;
-        height: 0.5rem;
-        border-radius: 0.5rem;
+        width: 1rem;
+        height: 1rem;
+        border-radius: 25%;
     }
     &:nth-of-type(1){
         &::before{
@@ -690,7 +723,7 @@ details {
     }
     &:nth-of-type(2){
         &::before{
-            background-color: var(--yellow);
+            background-color: rgb(255, 187, 97);
         }
     }
 }
diff --git a/index.html b/index.html
index 57625b5..1bf7141 100644
--- a/index.html
+++ b/index.html
@@ -111,6 +111,11 @@
                 </div>
             </div>
             <theme-toggle></theme-toggle>
+            <button class="icon-button">
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 20 20" fill="currentColor">
+                    <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd" />
+                </svg>
+            </button>
         </header>
         <nav id="main_nav">
             <a href="#/homepage/dashboard" class="nav-item nav-item--active">
@@ -176,12 +181,11 @@
                             <svg xmlns="http://www.w3.org/2000/svg" class="icon button__icon--left" viewBox="0 0 20 20" fill="currentColor">
                                 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z" clip-rule="evenodd" />
                               </svg>
-                              Recent transactions
+                              Accounts
                         </h4>
-                        <a href="#/homepage/transactions" class="button">See all</a>
                     </div>
-                    <div id="recent_transactions_container" class="observe-empty-state"></div>
-                    <p class="empty-state">No transactions so far. Confirmed transactions will be shown here.</p>
+                    <div id="user_accounts" class="observe-empty-state"></div>
+                    <p class="empty-state">No accounts so far.</p>
                 </section>
             </div>
             <div id="notifications" class="sub-page hide-completely">
@@ -209,11 +213,11 @@
                     </button>
                 </h4>
                 <div id="account_chart_container">
-                    <canvas id="account_summary_chart"></canvas>
                     <div id="chart_legend">
                         <div class="legend">Deposit</div>
                         <div class="legend">Loan</div>
                     </div>
+                    <canvas id="account_summary_chart"></canvas>
                 </div>
                 <div class="balance-card">
                     <div class="balance-card__icon">
@@ -287,13 +291,26 @@
         </a>
     </template>
     <template id="response_template">
-        <a class="activity-card activity-card--response interact">
+        <a class="activity-card activity-card--response">
             <div class="activity-card__icon"></div>
             <div class="activity-card__title"></div>
             <p class="activity-card__description"></p>
             <time class="activity-card__time"></time>
         </a>
     </template>
+    <template id="account_template">
+        <a class="activity-card activity-card--account interact">
+            <div class="flex align-start space-between">
+                <div class="activity-card__icon"></div>
+                <span class="activity-card__status status-tag"></span>
+            </div>
+            <div class="grid">
+                <div class="activity-card__type"></div>
+                <h4 class="activity-card__amount"></h4>
+            </div>
+            <time class="activity-card__time"></time>
+        </a>
+    </template>
     <script id="ui_utils">
         // Global variables
         const appPages = ['sign_in', 'sign_up', 'homepage', 'transaction'];
@@ -562,6 +579,7 @@
 
         let responseLoader
         let requestLoader
+        let accountLoader
         let accountChart
         async function showPage(targetPage, options = {}) {
             const { firstLoad, hashChange } = options
@@ -626,9 +644,17 @@
                     })
             }
             if(subPageId){
+                getRef('all_responses_list').innerHTML = ''
+                getRef('all_requests_list').innerHTML = ''
                 switch (subPageId) {
                     case 'dashboard': 
-                        renderRecentTransactions()
+                        // renderRecentTransactions()
+                        if(pagesData.openedSubPages.includes(subPageId)){
+                            accountLoader.reset()
+                        }else{
+                            accountLoader = new LazyLoader('#user_accounts', bank_app.accounts.reverse(), render.accountCard, {batchSize: 10})
+                            accountLoader.init()
+                        }
                         refreshBalance()
                     break;
                     case 'notifications': 
@@ -823,13 +849,36 @@
                     </svg>
                     `
                 }
-                // card.setAttribute('href', `#/transaction?requestID=${requestID}`)
                 card.querySelector('.activity-card__icon').innerHTML = icon
                 card.querySelector('.activity-card__icon').classList.add(status)
                 card.querySelector('.activity-card__title').textContent = `${action} ${status === 'success' ? 'approved': 'failed'}`
                 card.querySelector('.activity-card__description').textContent = `Your request for ${action} of ${amount} was ${status === 'success' ? 'successful': 'rejected'}`
                 card.querySelector('.activity-card__time').textContent = getFormatedTime(timestamp, true)
                 return card
+            },
+            accountCard(accountDetails = {}){
+                const {type, status, openTime, closeTime = 0, amount, netAmt} = accountDetails
+                const card = getRef('account_template').content.cloneNode(true).firstElementChild
+                let icon 
+                switch(type){
+                    case 'deposit':
+                        icon = `
+                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><rect fill="none" height="24" width="24"/><g><path d="M19.83,7.5l-2.27-2.27c0.07-0.42,0.18-0.81,0.32-1.15C17.96,3.9,18,3.71,18,3.5C18,2.67,17.33,2,16.5,2 c-1.64,0-3.09,0.79-4,2l-5,0C4.46,4,2,6.46,2,9.5S4.5,21,4.5,21l5.5,0v-2h2v2l5.5,0l1.68-5.59L22,14.47V7.5H19.83z M13,9H8V7h5V9z M16,11c-0.55,0-1-0.45-1-1c0-0.55,0.45-1,1-1s1,0.45,1,1C17,10.55,16.55,11,16,11z"/></g></svg>
+                        `
+                    break
+                    case 'loan':
+                        icon = `
+                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.65,8.5H10.42a5.18,5.18,0,0,0-4,1.95L3.75,13.74a5,5,0,0,0-.68,5.31l0,0h0a5.07,5.07,0,0,0,4.5,2.73h7.88A5.08,5.08,0,0,0,20,19.05h0a5.39,5.39,0,0,0,.43-1.2,4.91,4.91,0,0,0-1-4.06l-2.66-3.34A5.17,5.17,0,0,0,12.65,8.5Z"/><path d="M9.71,6.59h3.94A2.94,2.94,0,0,0,16,5.39h0a1.13,1.13,0,0,0-.23-1.57,1.11,1.11,0,0,0-.95-.18h0a1.2,1.2,0,0,1-.92-.18l-.28-.21a3.64,3.64,0,0,0-4.22,0h0a1.18,1.18,0,0,1-1,.16L8.2,3.35a1.13,1.13,0,0,0-1.36.84A1.17,1.17,0,0,0,7,5H7A3.18,3.18,0,0,0,9.71,6.59Z"/></svg>
+                        `
+                    break
+                }
+                card.querySelector('.activity-card__icon').innerHTML = icon
+                card.querySelector('.activity-card__type').textContent = type
+                card.querySelector('.activity-card__time').textContent = getFormatedTime(parseInt(openTime))
+                card.querySelector('.activity-card__amount').textContent = `₹${amount}`
+                card.querySelector('.activity-card__status').classList.add(status)
+                card.querySelector('.activity-card__status').textContent = status
+                return card
             }
         }
         function getSignedIn(){
@@ -985,9 +1034,10 @@
         }
 
         document.querySelector('theme-toggle').addEventListener('themechange', e => {
-            selectGraphColors()
-            accountChart.data.datasets[0].backgroundColor = selectGraphColors()
-            accountChart.update()
+            if(accountChart){
+                accountChart.data.datasets[0].backgroundColor = selectGraphColors()
+                accountChart.update()
+            }
         })
 
         function renderChart(params) {
@@ -1001,8 +1051,7 @@
                         label: 'Account summary',
                         data: [depositTotal, loanTotal],
                         backgroundColor: selectGraphColors(),
-                        hoverOffset: 4,
-                        borderWidth: 0
+                        borderWidth: 0,
                     }]
                 },
                 options: {
@@ -1039,7 +1088,7 @@
     <script id="onLoadStartUp">
         const requestResponsePairs = {}
         function onLoadStartUp() {
-
+            
             //floDapps.addStartUpFunction('Sample', Promised Function)
             //floDapps.setAppObjectStores({sampleObs1:{}, sampleObs2:{options{autoIncrement:true, keyPath:'SampleKey'}, Indexes:{sampleIndex:{}}}})
             floDapps.setCustomPrivKeyInput(getSignedIn)
@@ -1070,7 +1119,6 @@
                     }else{
                         showPage(window.location.hash)
                     }
-                    
                 })
                 .catch(error => console.error(error))
             }).catch(error => console.error(error));