links

frontend/src/styles/auth/login.css

@@ -1,14 +1,57 @@
+
 .login-screen {
   min-height: 100vh;
   min-height: 100dvh;
   height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   background: var(--bg);
   padding: 2rem;
 }
 
+.login-screen__inner {
+  min-height: calc(100vh - 4rem);
+  min-height: calc(100dvh - 4rem);
+  max-width: 24rem;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 1.75rem;
+}
+
+.login-screen__content {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1.75rem;
+}
+
+.login-screen__brand {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.65rem;
+  text-align: center;
+}
+
+.login-screen__brand img {
+  width: 5.5rem;
+  height: 5.5rem;
+  border-radius: 1rem;
+  border: none;
+  background: transparent;
+  padding: 0;
+  box-shadow: none;
+}
+
+.login-screen__brand h1 {
+  margin: 0;
+  font-size: 2.35rem;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+}
+
 .login-card {
   width: min(340px, 100%);
   background: var(--surface);
@@ -20,12 +63,6 @@
   gap: 1rem;
 }
 
-.login-card h1 {
-  margin: 0;
-  font-size: 1.6rem;
-  font-weight: 600;
-}
-
 .login-card p {
   margin: 0;
   color: var(--muted);

frontend/src/styles/base/theme.css

@@ -1,7 +1,7 @@
 :root {
   color-scheme: light dark;
 
-  --neutral-hue: 145deg;
+  --neutral-hue: 35deg;
   --surface-hue-shift: 6deg;
   --foreground-hue-offset: 20deg;
   --accent-hue-offset: 0deg;

frontend/src/styles/detail/detail-panels.css

@@ -7,7 +7,7 @@
   min-height: 100dvh;
   height: 100%;
   height: 100%;
-  background: var(--bg);
+  background: var(--surface);
   box-shadow: 0 0 24px var(--shadow-soft);
   border-left: 1px solid var(--border);
   display: flex;

frontend/src/styles/sidebar/sidebar.css

@@ -189,13 +189,45 @@
 }
 
 .sidebar__footer {
-  margin-top: auto;
-  padding: 0.75rem 1rem 1rem;
-  border-top: 1px solid var(--border);
+  border-top: 1px solid var(--border-muted, var(--border));
   background: var(--surface-subtle);
+  padding: 0.6rem 0.85rem;
   display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
+  gap: 0.35rem;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  color: var(--muted);
+}
+
+.sidebar__footer-link {
+  display: inline-flex;
+  flex: 1 1 0;
+  align-items: center;
+  justify-content: center;
+  gap: 0.25rem;
+  font-size: 0.83rem;
+  color: inherit;
+  text-decoration: none;
+  padding: 0.2rem 0.35rem;
+  border-radius: 999px;
+  transition:
+    color 0.12s ease,
+    background-color 0.12s ease;
+}
+
+.sidebar__footer-link:visited {
+  color: inherit;
+}
+
+.sidebar__footer-link:hover,
+.sidebar__footer-link:focus-visible {
+  color: var(--sidebar-fg, var(--fg));
+  background-color: color-mix(in srgb, var(--surface-overlay) 20%, transparent);
+}
+
+.sidebar__footer-link .icon {
+  flex-shrink: 0;
 }
 
 .sidebar__title {