feat: AIHR 智能人力资源管理系统初始提交

- 员工花名册管理（加密存储、导入导出）
- 薪酬管理（发薪批次、薪酬模版、加班费计算、工资条）
- 社保公积金（多城市配置、版本管理、基数调整）
- 解聘管理（6步流程、证据链、工作交接）
- AI 助手（合同审查、风险预测、RAG 知识库）
- Dashboard 仪表盘
- 设置与通知

frontend/src/components/ui/Input.tsx

@@ -0,0 +1,38 @@
+import { InputHTMLAttributes, SelectHTMLAttributes, forwardRef } from 'react'
+import clsx from 'clsx'
+
+export const Input = forwardRef<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>>(
+  function Input({ className, ...props }, ref) {
+    return (
+      <input
+        ref={ref}
+        className={clsx(
+          'w-full px-3 py-2 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent text-sm',
+          className,
+        )}
+        {...props}
+      />
+    )
+  }
+)
+
+export const Select = forwardRef<HTMLSelectElement, SelectHTMLAttributes<HTMLSelectElement>>(
+  function Select({ className, children, ...props }, ref) {
+    return (
+      <select
+        ref={ref}
+        className={clsx(
+          'w-full px-3 py-2 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent text-sm bg-white',
+          className,
+        )}
+        {...props}
+      >
+        {children}
+      </select>
+    )
+  }
+)
+
+export function Label({ children, className }: { children: React.ReactNode; className?: string }) {
+  return <label className={clsx('block text-sm font-medium text-gray-700 mb-1', className)}>{children}</label>
+}