style(web): update styles

- app.css: update app-level styles
- global.css: update global styles
- backend-unavailable-view.css: update backend unavailable view styles
- login-view.css: update login view styles
- setup-view.css: update setup view styles
- travel-reimbursement-create-view.css: update travel form styles

web/src/assets/styles/app.css

@@ -1,12 +1,28 @@
-.app {
+.app-desktop-shell {
+  width: 100vw;
   min-height: 100dvh;
+  height: 100dvh;
+  overflow: hidden;
+  background: var(--bg);
+}
+
+.app-desktop-stage {
+  position: relative;
+  width: var(--desktop-stage-width, 100vw);
+  min-height: var(--desktop-stage-height, 100dvh);
+  transform: scale(var(--desktop-ui-scale, 1));
+  transform-origin: top left;
+}
+
+.app {
+  min-height: var(--desktop-stage-height, 100dvh);
   display: grid;
   grid-template-columns: 220px minmax(0, 1fr);
   background: var(--bg);
 }
 
 .boot-state {
-  min-height: 100dvh;
+  min-height: var(--desktop-stage-height, 100dvh);
   display: grid;
   place-items: center;
   padding: 24px;
@@ -74,7 +90,7 @@
   grid-template-rows: auto minmax(0, 1fr);
 }
 .main.chat-main {
-  height: 100dvh;
+  height: var(--desktop-stage-height, 100dvh);
   grid-template-rows: auto minmax(0, 1fr);
   overflow: hidden;
 }
@@ -84,7 +100,7 @@
 .main.audit-main,
 .main.employees-main,
 .main.settings-main {
-  height: 100dvh;
+  height: var(--desktop-stage-height, 100dvh);
   grid-template-rows: auto minmax(0, 1fr);
   overflow: hidden;
 }