Polish account header and sidebar logo

styles.css

@@ -233,6 +233,24 @@ button {
   border: 1px solid rgba(217, 119, 6, 0.12);
 }
 
+.sidebar-footer-logo {
+  display: grid;
+  gap: 12px;
+  padding: 14px;
+  background: linear-gradient(180deg, #d91f1f 0%, #c51f1f 100%);
+  border: 0;
+  color: white;
+}
+
+.sidebar-logo-image {
+  display: block;
+  width: 100%;
+  height: auto;
+  border-radius: 14px;
+  object-fit: cover;
+  background: white;
+}
+
 .sidebar-footer strong {
   display: block;
   margin-bottom: 6px;
@@ -303,6 +321,53 @@ button {
   flex-wrap: wrap;
 }
 
+.account-chip {
+  padding-right: 18px;
+  min-width: 172px;
+  justify-content: flex-start;
+  text-align: left;
+}
+
+.account-avatar {
+  display: inline-grid;
+  place-items: center;
+  width: 30px;
+  height: 30px;
+  border-radius: 999px;
+  color: white;
+  font-size: 0.72rem;
+  font-weight: 800;
+  letter-spacing: 0.08em;
+  background:
+    radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.3), transparent 36%),
+    linear-gradient(135deg, var(--brand), var(--brand-strong));
+  box-shadow: 0 8px 16px rgba(185, 28, 28, 0.22);
+}
+
+.account-copy {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  line-height: 1.05;
+  min-width: 0;
+}
+
+.account-copy strong {
+  font-size: 0.9rem;
+  font-weight: 800;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.account-copy small {
+  color: inherit;
+  opacity: 0.78;
+  font-size: 0.72rem;
+  font-weight: 600;
+  white-space: nowrap;
+}
+
 .search {
   display: flex;
   align-items: center;