feat(ui): finalize shared shells and loading states

web/src/assets/styles/app.css

@@ -69,68 +69,6 @@
   pointer-events: none;
 }
 
-.login-entry-card {
-  width: min(360px, calc(100% - 48px));
-  display: grid;
-  grid-template-columns: 42px minmax(0, 1fr);
-  gap: 12px 14px;
-  align-items: center;
-  padding: 22px 24px 20px;
-  border: 1px solid rgba(148, 163, 184, 0.26);
-  border-radius: 4px;
-  background: #fff;
-  box-shadow: 0 20px 46px rgba(15, 23, 42, 0.14);
-  animation: loginEntryCardIn 360ms cubic-bezier(0.16, 1, 0.3, 1) both;
-}
-
-.login-entry-mark {
-  width: 42px;
-  height: 42px;
-  display: inline-grid;
-  place-items: center;
-  border: 1px solid rgba(var(--theme-primary-rgb, 58, 124, 165), 0.2);
-  border-radius: 4px;
-  background: var(--theme-primary-soft);
-  color: var(--theme-primary-active);
-  font-size: 22px;
-}
-
-.login-entry-copy {
-  min-width: 0;
-  display: grid;
-  gap: 4px;
-}
-
-.login-entry-copy strong {
-  color: var(--ink);
-  font-size: 16px;
-  line-height: 1.35;
-  font-weight: 750;
-}
-
-.login-entry-copy span {
-  color: var(--muted);
-  font-size: 13px;
-  line-height: 1.45;
-}
-
-.login-entry-progress {
-  grid-column: 1 / -1;
-  height: 3px;
-  overflow: hidden;
-  background: #edf2f7;
-}
-
-.login-entry-progress::after {
-  content: '';
-  display: block;
-  width: 100%;
-  height: 100%;
-  background: var(--theme-primary);
-  transform-origin: left center;
-  animation: loginEntryProgress 840ms cubic-bezier(0.2, 0, 0, 1) both;
-}
-
 .login-entry-veil-enter-active {
   transition: opacity 180ms var(--ease);
 }
@@ -231,7 +169,6 @@
 .main.policies-main,
 .main.audit-main,
 .main.digital-employees-main,
-.main.logs-main,
 .main.employees-main,
 .main.settings-main {
   height: var(--desktop-stage-height, 100dvh);
@@ -250,7 +187,6 @@
 .workarea.policies-workarea,
 .workarea.audit-workarea,
 .workarea.digital-employees-workarea,
-.workarea.logs-workarea,
 .workarea.employees-workarea,
 .workarea.settings-workarea {
   min-height: 0;
@@ -267,28 +203,6 @@
   background: #fff;
 }
 
-@keyframes loginEntryCardIn {
-  from {
-    opacity: 0;
-    transform: scale3d(0.92, 0.92, 1);
-  }
-
-  to {
-    opacity: 1;
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes loginEntryProgress {
-  from {
-    transform: scaleX(0);
-  }
-
-  to {
-    transform: scaleX(1);
-  }
-}
-
 @keyframes loginEntrySidebarIn {
   from {
     opacity: 0;
@@ -401,8 +315,6 @@
     transition-duration: 120ms, 120ms !important;
   }
 
-  .login-entry-card,
-  .login-entry-progress::after,
   .app.login-entry-active .app-sidebar,
   .app.login-entry-active > .main {
     animation: none !important;