refactor: 分離 CSS 為模組化檔案

- 建立 styles 目錄
- 分離 CSS 為 5 個模組：
  * base.css - CSS 變數、Reset、全域樣式
  * layout.css - 容器、Header、模組切換器
  * components.css - 按鈕、表單、卡片、Toast、Modal
  * modules.css - 模組專屬樣式（預留）
  * utilities.css - 工具類別與響應式設計

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

styles/modules.css

@@ -0,0 +1,27 @@
+/**
+ * Modules Styles - 模組專屬樣式
+ * 包含各個頁籤/模組的特定樣式需求
+ */
+
+/* ==================== 崗位基礎資料模組 ==================== */
+/* (目前使用共用元件，無特殊樣式) */
+
+/* ==================== 職務基礎資料模組 ==================== */
+/* (目前使用共用元件，無特殊樣式) */
+
+/* ==================== 部門職責模組 ==================== */
+/* (目前使用共用元件，無特殊樣式) */
+
+/* ==================== 崗位描述模組 ==================== */
+/* (目前使用共用元件，無特殊樣式) */
+
+/* ==================== 崗位清單模組 ==================== */
+/* (目前使用共用元件，無特殊樣式) */
+
+/* ==================== 管理者頁面模組 ==================== */
+/* (目前使用共用元件，無特殊樣式) */
+
+/*
+ * 注意：如果未來各模組需要特定樣式，可在此添加
+ * 例如：特殊的表格樣式、卡片佈局等
+ */