feat(aihr): align figma pages for release

mobile-uni/src/styles/base.css

@@ -12,8 +12,8 @@ page {
   --ink: #182230;
   --muted: #647083;
   --line: #dfe4ea;
-  --brand: #e70014;
-  --brand-pressed: #bd0010;
+  --brand: #e60012;
+  --brand-pressed: #b8000f;
   --knowledge: #315b8f;
   --success: #168243;
   --warning: #a86100;
@@ -52,12 +52,24 @@ button::after {
   border: 0;
 }
 
+button:focus-visible,
+input:focus-visible,
+textarea:focus-visible {
+  outline: 3px solid rgba(230, 0, 18, 0.35);
+  outline-offset: 2px;
+}
+
 .page {
   min-height: 100vh;
   padding: 22px 16px 96px;
 }
 
 .employee-page-shell {
+  --employee-bg: #f3f5f7;
+  --employee-bg-soft: #fafafa;
+  --employee-primary: #e60012;
+  --employee-primary-soft: #fff0f1;
+  --employee-card-shadow: 0 16px 40px rgba(230, 0, 18, 0.08);
   background: linear-gradient(180deg, var(--employee-bg-soft) 0%, var(--employee-bg) 100%);
 }
 
@@ -187,7 +199,11 @@ button::after {
 .primary-button[disabled],
 .secondary-button[disabled],
 .ghost-button[disabled] {
-  opacity: 0.55;
+  opacity: 1;
+  border-color: #e1e4e8;
+  background: #f1f2f4;
+  box-shadow: none;
+  color: #9aa0a8;
 }
 
 .input {