diff --git a/public/assets/css/app.css b/public/assets/css/app.css
index c1d5ac2..e464671 100644
--- a/public/assets/css/app.css
+++ b/public/assets/css/app.css
@@ -208,13 +208,27 @@ body {
   background: var(--panel);
   border: 1px solid var(--line);
   border-radius: 16px;
-  padding: 16px 24px;
+  padding: 10px 18px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 16px;
   box-shadow: var(--shadow);
+  min-height: 64px;
 }
+.topbar::before {
+  content: "";
+  position: absolute;
+  inset: -1px;
+  border-radius: 16px;
+  padding: 1px;
+  background: linear-gradient(135deg, rgba(255, 107, 74, 0.35), rgba(15, 180, 164, 0.25), rgba(255, 107, 74, 0.2));
+  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+  pointer-events: none;
+}
+.topbar { position: relative; }
 .page-title {
   margin: 0;
   font-size: 1.25rem;