reworked site

web/style.css

@@ -11,6 +11,18 @@ body {
   line-height: 1.5;
 }
 
+.shell {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: #f0f2f5;
+}
+
+.shell-main {
+  flex: 1;
+  padding-bottom: 40px;
+}
+
 .container {
   max-width: 1200px;
   margin: 0 auto;
@@ -29,6 +41,12 @@ header {
   gap: 12px;
 }
 
+.site-header__subtitle {
+  margin: 0;
+  font-size: 13px;
+  color: #6b7280;
+}
+
 .page-toolbar {
   background: white;
   padding: 16px 18px;
@@ -61,6 +79,17 @@ header {
   flex-wrap: wrap;
 }
 
+.site-nav .btn {
+  border-radius: 999px;
+  padding-inline: 20px;
+}
+
+.site-nav .btn.nav-active {
+  background: #111827;
+  color: #ffffff;
+  border-color: #111827;
+}
+
 .header-controls {
   display: flex;
   flex-wrap: wrap;
@@ -155,6 +184,14 @@ header {
   transform: scale(0.95);
 }
 
+.app-view {
+  display: none;
+}
+
+.app-view--active {
+  display: block;
+}
+
 .control-group label {
   font-weight: 600;
 }