Feature: improve loan flow and add games quick dashboard

styles.css

@@ -33,6 +33,15 @@ body {
   box-shadow: var(--shadow);
 }
 
+.games-toggle-btn {
+  position: fixed;
+  top: 4.4rem;
+  right: 1rem;
+  z-index: 30;
+  background: #1e725b;
+  box-shadow: var(--shadow);
+}
+
 .tools-drawer {
   position: fixed;
   top: 0;
@@ -53,6 +62,26 @@ body {
   transform: translateX(0);
 }
 
+.games-drawer {
+  position: fixed;
+  top: 0;
+  right: 0;
+  width: min(360px, 92vw);
+  height: 100vh;
+  background: #f9fff9;
+  border-left: 1px solid var(--border);
+  box-shadow: -8px 0 24px rgba(17, 36, 57, 0.14);
+  padding: 1rem;
+  transform: translateX(102%);
+  transition: transform 180ms ease;
+  z-index: 41;
+  overflow: auto;
+}
+
+.games-drawer.open {
+  transform: translateX(0);
+}
+
 .tools-header {
   display: flex;
   align-items: center;
@@ -75,6 +104,32 @@ body {
   font-size: 0.9rem;
 }
 
+.quick-stats {
+  display: grid;
+  gap: 0.7rem;
+}
+
+.stat-card {
+  margin: 0;
+  padding: 0.75rem;
+  border: 1px solid #d2e2d9;
+  border-radius: 12px;
+  background: #ffffff;
+}
+
+.stat-label {
+  margin: 0 0 0.35rem;
+  font-size: 0.86rem;
+  color: var(--muted);
+}
+
+.stat-value {
+  margin: 0;
+  font-size: 1.5rem;
+  font-weight: 700;
+  color: #184537;
+}
+
 .storage-state {
   margin: 0 0 0.9rem;
   font-size: 0.88rem;
@@ -217,6 +272,10 @@ h1 {
   background: #f9fbff;
 }
 
+.games-actions-bar {
+  margin-bottom: 0.8rem;
+}
+
 .quick-search-results {
   margin-top: 0.65rem;
   display: grid;
@@ -442,6 +501,12 @@ button {
     right: 1rem;
   }
 
+  .games-toggle-btn {
+    top: auto;
+    bottom: 4.4rem;
+    right: 1rem;
+  }
+
   .game-card {
     align-items: flex-start;
     flex-direction: column;