@cyberskill/design 1.1.1 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (353) hide show
  1. package/DESIGN.md +25 -3
  2. package/README.md +3 -3
  3. package/SKILL.md +3 -3
  4. package/VERSION +1 -1
  5. package/_ds_bundle.js +819 -416
  6. package/_ds_manifest.json +1 -1
  7. package/_esm/cs.mjs +18 -4
  8. package/_esm/react.d.ts +2 -0
  9. package/_esm/react.mjs +1 -0
  10. package/base/a11y.css +18 -0
  11. package/base/ai.css +2 -2
  12. package/base/collections.css +8 -3
  13. package/base/components.css +11 -2
  14. package/base/controls.css +61 -48
  15. package/base/data.css +3 -3
  16. package/base/feedback.css +5 -0
  17. package/base/forms.css +9 -3
  18. package/base/glass.css +6 -0
  19. package/base/navigation.css +8 -2
  20. package/base/reset.css +1 -1
  21. package/base/responsive.css +25 -0
  22. package/base/shell.css +7 -1
  23. package/components/_i18n/i18n.js +13 -1
  24. package/components/_i18n/strings.js +52 -3
  25. package/components/ai/ConfidenceMeter.jsx +8 -6
  26. package/components/data/Watermark.jsx +11 -3
  27. package/components/datatable/DataGrid.jsx +10 -1
  28. package/components/dialog/Dialog.jsx +13 -45
  29. package/components/feedback/ProgressBar.jsx +4 -2
  30. package/components/forms/Cascader.jsx +69 -6
  31. package/components/forms/Editor.jsx +37 -2
  32. package/components/forms/FileUpload.jsx +22 -8
  33. package/components/forms/Switch.jsx +16 -2
  34. package/components/forms/TimePicker.jsx +3 -1
  35. package/components/icon/Icon.jsx +1 -0
  36. package/components/navigation/CommandPalette.jsx +22 -7
  37. package/components/navigation/Toolbar.jsx +2 -1
  38. package/components/overlays/AlertDialog.jsx +19 -49
  39. package/components/overlays/Drawer.jsx +24 -20
  40. package/components/overlays/OverlayManager.d.ts +40 -0
  41. package/components/overlays/OverlayManager.jsx +214 -0
  42. package/components/overlays/OverlayManager.prompt.md +12 -0
  43. package/components/overlays/Tour.jsx +14 -7
  44. package/dist/styles.min.css +2004 -0
  45. package/docs/benchmark-rubric.md +1 -1
  46. package/docs/ci-cd.md +3 -1
  47. package/docs/consuming.md +6 -6
  48. package/docs/conventions.md +4 -4
  49. package/docs/decisions/container-query-migration.md +18 -0
  50. package/docs/decisions/overlay-manager-design.md +101 -0
  51. package/docs/decisions.md +5 -5
  52. package/docs/design-styles.md +1 -1
  53. package/docs/plans/cyberskill-design-system-audit-and-12-month-evolution-plan.md +1490 -0
  54. package/docs/quality-gates.md +20 -8
  55. package/docs/release-notes.md +2 -2
  56. package/docs/status/data/status-feed.json +1 -1
  57. package/docs/status/index.html +9 -5
  58. package/docs/status/status-legacy.html +12 -7
  59. package/docs/sync.md +1 -1
  60. package/docs/tasks/_state/commit-links.yaml +14 -0
  61. package/docs/vi/benchmark-rubric.md +1 -1
  62. package/docs/vi/ci-cd.md +3 -1
  63. package/docs/vi/consuming.md +6 -6
  64. package/docs/vi/conventions.md +2 -2
  65. package/docs/vi/decisions.md +4 -4
  66. package/docs/vi/quality-gates.md +21 -9
  67. package/docs/vi/release-notes.md +2 -2
  68. package/docs/vi/sync.md +1 -1
  69. package/guidelines/atomic-view.html +11 -7
  70. package/llms.txt +2 -2
  71. package/package.json +14 -6
  72. package/templates/_ds-base.canonical.js +55 -0
  73. package/templates/ai-cluster-demo.html +2 -2
  74. package/templates/app-shell/AppShell.dc.html +5 -3
  75. package/templates/app-shell/ds-base.js +33 -1
  76. package/templates/app-shell/support.js +13 -20
  77. package/templates/article/Article.dc.html +5 -1
  78. package/templates/article/ds-base.js +33 -1
  79. package/templates/article/support.js +13 -20
  80. package/templates/auth/Auth.dc.html +10 -5
  81. package/templates/auth/content-schema.json +12 -0
  82. package/templates/auth/ds-base.js +33 -1
  83. package/templates/auth/support.js +13 -20
  84. package/templates/bod-deck/BodDeck.dc.html +11 -10
  85. package/templates/bod-deck/ds-base.js +33 -1
  86. package/templates/bod-deck/support.js +13 -20
  87. package/templates/bod-investor-update/BodInvestorUpdate.dc.html +4 -3
  88. package/templates/bod-investor-update/ds-base.js +33 -1
  89. package/templates/bod-investor-update/support.js +13 -20
  90. package/templates/bod-memo/BodMemo.dc.html +6 -5
  91. package/templates/bod-memo/ds-base.js +33 -1
  92. package/templates/bod-memo/support.js +13 -20
  93. package/templates/bod-minutes/BodMinutes.dc.html +2 -1
  94. package/templates/bod-minutes/ds-base.js +33 -1
  95. package/templates/bod-minutes/support.js +13 -20
  96. package/templates/bod-report/BodReport.dc.html +3 -2
  97. package/templates/bod-report/ds-base.js +33 -1
  98. package/templates/bod-report/support.js +13 -20
  99. package/templates/bod-resolution/BodResolution.dc.html +5 -4
  100. package/templates/bod-resolution/ds-base.js +33 -1
  101. package/templates/bod-resolution/support.js +13 -20
  102. package/templates/culture-event-invite/CultureEventInvite.dc.html +3 -2
  103. package/templates/culture-event-invite/ds-base.js +33 -1
  104. package/templates/culture-event-invite/support.js +13 -20
  105. package/templates/dashboard/Dashboard.dc.html +7 -3
  106. package/templates/dashboard/ds-base.js +33 -1
  107. package/templates/dashboard/support.js +13 -20
  108. package/templates/delivery-change-note/DeliveryChangeNote.dc.html +2 -1
  109. package/templates/delivery-change-note/ds-base.js +33 -1
  110. package/templates/delivery-change-note/support.js +13 -20
  111. package/templates/delivery-kickoff/DeliveryKickoff.dc.html +3 -2
  112. package/templates/delivery-kickoff/ds-base.js +33 -1
  113. package/templates/delivery-kickoff/support.js +13 -20
  114. package/templates/delivery-qbr-deck/DeliveryQbrDeck.dc.html +6 -5
  115. package/templates/delivery-qbr-deck/ds-base.js +33 -1
  116. package/templates/delivery-qbr-deck/support.js +13 -20
  117. package/templates/delivery-runbook/DeliveryRunbook.dc.html +3 -2
  118. package/templates/delivery-runbook/ds-base.js +33 -1
  119. package/templates/delivery-runbook/support.js +13 -20
  120. package/templates/delivery-status-email/DeliveryStatusEmail.dc.html +3 -2
  121. package/templates/delivery-status-email/ds-base.js +33 -1
  122. package/templates/delivery-status-email/support.js +13 -20
  123. package/templates/doc-style-guide/DocStyleGuide.dc.html +67 -64
  124. package/templates/doc-style-guide/ds-base.js +33 -1
  125. package/templates/doc-style-guide/support.js +13 -20
  126. package/templates/doc-suite-index/DocSuiteIndex.dc.html +46 -45
  127. package/templates/doc-suite-index/ds-base.js +33 -1
  128. package/templates/doc-suite-index/support.js +13 -20
  129. package/templates/doc-templates/DocTemplates.dc.html +42 -41
  130. package/templates/doc-templates/ds-base.js +33 -1
  131. package/templates/doc-templates/support.js +13 -20
  132. package/templates/email/Email.dc.html +3 -2
  133. package/templates/email/ds-base.js +33 -1
  134. package/templates/email/support.js +13 -20
  135. package/templates/finance-dunning-email/FinanceDunningEmail.dc.html +4 -3
  136. package/templates/finance-dunning-email/ds-base.js +33 -1
  137. package/templates/finance-dunning-email/support.js +13 -20
  138. package/templates/finance-expense-report/FinanceExpenseReport.dc.html +4 -3
  139. package/templates/finance-expense-report/ds-base.js +33 -1
  140. package/templates/finance-expense-report/support.js +13 -20
  141. package/templates/finance-invoice/FinanceInvoice.dc.html +4 -3
  142. package/templates/finance-invoice/ds-base.js +33 -1
  143. package/templates/finance-invoice/support.js +13 -20
  144. package/templates/finance-quote/FinanceQuote.dc.html +4 -3
  145. package/templates/finance-quote/ds-base.js +33 -1
  146. package/templates/finance-quote/support.js +13 -20
  147. package/templates/hr-announcement/HrAnnouncement.dc.html +5 -4
  148. package/templates/hr-announcement/ds-base.js +33 -1
  149. package/templates/hr-announcement/support.js +13 -20
  150. package/templates/hr-interview-kit/HrInterviewKit.dc.html +4 -3
  151. package/templates/hr-interview-kit/ds-base.js +33 -1
  152. package/templates/hr-interview-kit/support.js +13 -20
  153. package/templates/hr-offboarding/HrOffboarding.dc.html +2 -1
  154. package/templates/hr-offboarding/ds-base.js +33 -1
  155. package/templates/hr-offboarding/support.js +13 -20
  156. package/templates/hr-performance-review/HrPerformanceReview.dc.html +2 -1
  157. package/templates/hr-performance-review/ds-base.js +33 -1
  158. package/templates/hr-performance-review/support.js +13 -20
  159. package/templates/hr-pip/HrPip.dc.html +2 -1
  160. package/templates/hr-pip/ds-base.js +33 -1
  161. package/templates/hr-pip/support.js +13 -20
  162. package/templates/kitchen-sink.html +9 -4
  163. package/templates/legal-msa/LegalMsa.dc.html +2 -1
  164. package/templates/legal-msa/ds-base.js +33 -1
  165. package/templates/legal-msa/support.js +13 -20
  166. package/templates/legal-sow/LegalSow.dc.html +2 -1
  167. package/templates/legal-sow/ds-base.js +33 -1
  168. package/templates/legal-sow/support.js +13 -20
  169. package/templates/marketing-campaign-brief/MarketingCampaignBrief.dc.html +3 -2
  170. package/templates/marketing-campaign-brief/ds-base.js +33 -1
  171. package/templates/marketing-campaign-brief/support.js +13 -20
  172. package/templates/marketing-case-study/MarketingCaseStudy.dc.html +5 -4
  173. package/templates/marketing-case-study/ds-base.js +33 -1
  174. package/templates/marketing-case-study/support.js +13 -20
  175. package/templates/marketing-launch/MarketingLaunch.dc.html +6 -5
  176. package/templates/marketing-launch/ds-base.js +33 -1
  177. package/templates/marketing-launch/support.js +13 -20
  178. package/templates/marketing-newsletter/MarketingNewsletter.dc.html +13 -12
  179. package/templates/marketing-newsletter/ds-base.js +33 -1
  180. package/templates/marketing-newsletter/support.js +13 -20
  181. package/templates/marketing-page/MarketingPage.dc.html +17 -12
  182. package/templates/marketing-page/ds-base.js +33 -1
  183. package/templates/marketing-page/support.js +13 -20
  184. package/templates/marketing-press-release/MarketingPressRelease.dc.html +2 -1
  185. package/templates/marketing-press-release/ds-base.js +33 -1
  186. package/templates/marketing-press-release/support.js +13 -20
  187. package/templates/marketing-social-kit/MarketingSocialKit.dc.html +5 -4
  188. package/templates/marketing-social-kit/ds-base.js +33 -1
  189. package/templates/marketing-social-kit/support.js +13 -20
  190. package/templates/sales-one-pager/SalesOnePager.dc.html +5 -4
  191. package/templates/sales-one-pager/ds-base.js +33 -1
  192. package/templates/sales-one-pager/support.js +13 -20
  193. package/templates/sales-proposal-deck/SalesProposalDeck.dc.html +7 -6
  194. package/templates/sales-proposal-deck/ds-base.js +33 -1
  195. package/templates/sales-proposal-deck/support.js +13 -20
  196. package/templates/settings/Settings.dc.html +5 -1
  197. package/templates/settings/ds-base.js +33 -1
  198. package/templates/settings/support.js +13 -20
  199. package/templates/slide-deck/SlideDeck.dc.html +5 -4
  200. package/templates/slide-deck/ds-base.js +33 -1
  201. package/templates/slide-deck/support.js +13 -20
  202. package/templates/team-meeting-agenda/TeamMeetingAgenda.dc.html +2 -1
  203. package/templates/team-meeting-agenda/ds-base.js +33 -1
  204. package/templates/team-meeting-agenda/support.js +13 -20
  205. package/templates/tech-incident-report/TechIncidentReport.dc.html +3 -2
  206. package/templates/tech-incident-report/ds-base.js +33 -1
  207. package/templates/tech-incident-report/support.js +13 -20
  208. package/templates/tech-release-notes/TechReleaseNotes.dc.html +6 -5
  209. package/templates/tech-release-notes/ds-base.js +33 -1
  210. package/templates/tech-release-notes/support.js +13 -20
  211. package/templates/tech-retro/TechRetro.dc.html +4 -3
  212. package/templates/tech-retro/ds-base.js +33 -1
  213. package/templates/tech-retro/support.js +13 -20
  214. package/templates/tech-rfc/TechRfc.dc.html +3 -2
  215. package/templates/tech-rfc/ds-base.js +33 -1
  216. package/templates/tech-rfc/support.js +13 -20
  217. package/templates/vn-appointment-transfer/VnAppointmentTransfer.dc.html +36 -35
  218. package/templates/vn-appointment-transfer/ds-base.js +33 -1
  219. package/templates/vn-appointment-transfer/support.js +13 -20
  220. package/templates/vn-certificate-of-employment/VnCertificateOfEmployment.dc.html +27 -26
  221. package/templates/vn-certificate-of-employment/ds-base.js +33 -1
  222. package/templates/vn-certificate-of-employment/support.js +13 -20
  223. package/templates/vn-code-of-conduct/VnCodeOfConduct.dc.html +44 -43
  224. package/templates/vn-code-of-conduct/ds-base.js +33 -1
  225. package/templates/vn-code-of-conduct/support.js +13 -20
  226. package/templates/vn-compensation-regulation/VnCompensationRegulation.dc.html +53 -52
  227. package/templates/vn-compensation-regulation/ds-base.js +33 -1
  228. package/templates/vn-compensation-regulation/support.js +13 -20
  229. package/templates/vn-contract-amendment/VnContractAmendment.dc.html +41 -40
  230. package/templates/vn-contract-amendment/ds-base.js +33 -1
  231. package/templates/vn-contract-amendment/support.js +13 -20
  232. package/templates/vn-contractor-agreement/VnContractorAgreement.dc.html +50 -49
  233. package/templates/vn-contractor-agreement/ds-base.js +33 -1
  234. package/templates/vn-contractor-agreement/support.js +13 -20
  235. package/templates/vn-data-protection-policy/VnDataProtectionPolicy.dc.html +54 -53
  236. package/templates/vn-data-protection-policy/ds-base.js +33 -1
  237. package/templates/vn-data-protection-policy/support.js +13 -20
  238. package/templates/vn-disciplinary-case-file/VnDisciplinaryCaseFile.dc.html +72 -71
  239. package/templates/vn-disciplinary-case-file/ds-base.js +33 -1
  240. package/templates/vn-disciplinary-case-file/support.js +13 -20
  241. package/templates/vn-disciplinary-schedule/VnDisciplinarySchedule.dc.html +21 -20
  242. package/templates/vn-disciplinary-schedule/ds-base.js +33 -1
  243. package/templates/vn-disciplinary-schedule/support.js +13 -20
  244. package/templates/vn-employee-request/VnEmployeeRequest.dc.html +54 -53
  245. package/templates/vn-employee-request/ds-base.js +33 -1
  246. package/templates/vn-employee-request/support.js +13 -20
  247. package/templates/vn-exit-handover/VnExitHandover.dc.html +122 -121
  248. package/templates/vn-exit-handover/ds-base.js +33 -1
  249. package/templates/vn-exit-handover/support.js +13 -20
  250. package/templates/vn-foreign-employee-pack/VnForeignEmployeePack.dc.html +31 -30
  251. package/templates/vn-foreign-employee-pack/ds-base.js +33 -1
  252. package/templates/vn-foreign-employee-pack/support.js +13 -20
  253. package/templates/vn-grassroots-democracy/VnGrassrootsDemocracy.dc.html +54 -53
  254. package/templates/vn-grassroots-democracy/ds-base.js +33 -1
  255. package/templates/vn-grassroots-democracy/support.js +13 -20
  256. package/templates/vn-infosec-policy/VnInfosecPolicy.dc.html +50 -49
  257. package/templates/vn-infosec-policy/ds-base.js +33 -1
  258. package/templates/vn-infosec-policy/support.js +13 -20
  259. package/templates/vn-internal-labor-regulations/VnInternalLaborRegulations.dc.html +84 -83
  260. package/templates/vn-internal-labor-regulations/ds-base.js +33 -1
  261. package/templates/vn-internal-labor-regulations/support.js +13 -20
  262. package/templates/vn-internship-agreement/VnInternshipAgreement.dc.html +44 -43
  263. package/templates/vn-internship-agreement/ds-base.js +33 -1
  264. package/templates/vn-internship-agreement/support.js +13 -20
  265. package/templates/vn-job-description/VnJobDescription.dc.html +28 -27
  266. package/templates/vn-job-description/ds-base.js +33 -1
  267. package/templates/vn-job-description/support.js +13 -20
  268. package/templates/vn-labor-contract/VnLaborContract.dc.html +109 -108
  269. package/templates/vn-labor-contract/ds-base.js +33 -1
  270. package/templates/vn-labor-contract/support.js +13 -20
  271. package/templates/vn-labour-management-book/VnLabourManagementBook.dc.html +32 -31
  272. package/templates/vn-labour-management-book/ds-base.js +33 -1
  273. package/templates/vn-labour-management-book/support.js +13 -20
  274. package/templates/vn-mutual-nda/VnMutualNda.dc.html +45 -44
  275. package/templates/vn-mutual-nda/ds-base.js +33 -1
  276. package/templates/vn-mutual-nda/support.js +13 -20
  277. package/templates/vn-ndnca-ip/VnNdncaIp.dc.html +73 -72
  278. package/templates/vn-ndnca-ip/ds-base.js +33 -1
  279. package/templates/vn-ndnca-ip/support.js +13 -20
  280. package/templates/vn-offer-letter/VnOfferLetter.dc.html +32 -31
  281. package/templates/vn-offer-letter/ds-base.js +33 -1
  282. package/templates/vn-offer-letter/support.js +13 -20
  283. package/templates/vn-onboarding-checklist/VnOnboardingChecklist.dc.html +16 -15
  284. package/templates/vn-onboarding-checklist/ds-base.js +33 -1
  285. package/templates/vn-onboarding-checklist/support.js +13 -20
  286. package/templates/vn-pdpl-consent/VnPdplConsent.dc.html +43 -42
  287. package/templates/vn-pdpl-consent/ds-base.js +33 -1
  288. package/templates/vn-pdpl-consent/support.js +13 -20
  289. package/templates/vn-performance-evaluation-regulation/VnPerformanceEvaluationRegulation.dc.html +65 -64
  290. package/templates/vn-performance-evaluation-regulation/ds-base.js +33 -1
  291. package/templates/vn-performance-evaluation-regulation/support.js +13 -20
  292. package/templates/vn-performance-review-form/VnPerformanceReviewForm.dc.html +49 -48
  293. package/templates/vn-performance-review-form/ds-base.js +33 -1
  294. package/templates/vn-performance-review-form/support.js +13 -20
  295. package/templates/vn-phantom-stock/VnPhantomStock.dc.html +41 -40
  296. package/templates/vn-phantom-stock/ds-base.js +33 -1
  297. package/templates/vn-phantom-stock/support.js +13 -20
  298. package/templates/vn-probation-contract/VnProbationContract.dc.html +56 -55
  299. package/templates/vn-probation-contract/ds-base.js +33 -1
  300. package/templates/vn-probation-contract/support.js +13 -20
  301. package/templates/vn-receipt-acknowledgement/VnReceiptAcknowledgement.dc.html +28 -27
  302. package/templates/vn-receipt-acknowledgement/ds-base.js +33 -1
  303. package/templates/vn-receipt-acknowledgement/support.js +13 -20
  304. package/templates/vn-remote-work-policy/VnRemoteWorkPolicy.dc.html +44 -43
  305. package/templates/vn-remote-work-policy/ds-base.js +33 -1
  306. package/templates/vn-remote-work-policy/support.js +13 -20
  307. package/templates/vn-resignation-letter/VnResignationLetter.dc.html +20 -19
  308. package/templates/vn-resignation-letter/ds-base.js +33 -1
  309. package/templates/vn-resignation-letter/support.js +13 -20
  310. package/templates/vn-salary-scale/VnSalaryScale.dc.html +39 -38
  311. package/templates/vn-salary-scale/ds-base.js +33 -1
  312. package/templates/vn-salary-scale/support.js +13 -20
  313. package/templates/vn-sow-appendix/VnSowAppendix.dc.html +21 -20
  314. package/templates/vn-sow-appendix/ds-base.js +33 -1
  315. package/templates/vn-sow-appendix/support.js +13 -20
  316. package/templates/vn-termination-decision/VnTerminationDecision.dc.html +25 -24
  317. package/templates/vn-termination-decision/ds-base.js +33 -1
  318. package/templates/vn-termination-decision/support.js +13 -20
  319. package/templates/vn-total-rewards-appendix/VnTotalRewardsAppendix.dc.html +63 -62
  320. package/templates/vn-total-rewards-appendix/ds-base.js +33 -1
  321. package/templates/vn-total-rewards-appendix/support.js +13 -20
  322. package/templates/vn-training-commitment/VnTrainingCommitment.dc.html +39 -38
  323. package/templates/vn-training-commitment/ds-base.js +33 -1
  324. package/templates/vn-training-commitment/support.js +13 -20
  325. package/templates/vn-travel-expense-policy/VnTravelExpensePolicy.dc.html +50 -49
  326. package/templates/vn-travel-expense-policy/ds-base.js +33 -1
  327. package/templates/vn-travel-expense-policy/support.js +13 -20
  328. package/tokens/colors.css +19 -1
  329. package/tokens/component-tokens.css +1 -0
  330. package/tokens/elements.css +35 -2
  331. package/tokens/elevation.css +8 -2
  332. package/tokens/native/CSTokens.kt +35 -1
  333. package/tokens/native/CSTokens.swift +35 -1
  334. package/tokens/native/cs_tokens.dart +35 -1
  335. package/tokens/provenance.json +12 -12
  336. package/tokens/spacing.css +2 -0
  337. package/tokens/tokens.dtcg.json +111 -3
  338. package/tokens/tokens.js +46 -6
  339. package/tokens/tokens.json +45 -5
  340. package/tokens/typography.css +2 -0
  341. package/ui_kits/deck/index.html +4 -0
  342. package/ui_kits/status-hub/StatusHub.jsx +30 -4
  343. package/ui_kits/status-hub/index.html +3 -3
  344. package/ui_kits/status-hub/login.html +4 -0
  345. package/ui_kits/status-hub/project.html +4 -0
  346. package/ui_kits/status-hub/settings.html +35 -13
  347. package/ui_kits/status-hub/status.css +5 -1
  348. package/ui_kits/website/Website.jsx +25 -3
  349. package/ui_kits/website/careers.html +4 -0
  350. package/ui_kits/website/chat.html +5 -3
  351. package/ui_kits/website/index.html +3 -3
  352. package/ui_kits/website/site.css +2 -2
  353. package/ui_kits/website/work.html +4 -0
package/templates/vn-compensation-regulation/VnCompensationRegulation.dc.html CHANGED
@@ -1,6 +1,7 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
+ <title>HR Suite · Quy chế Lương, Thưởng & Phúc lợi — Compensation & Reward Regulation · CyberSkill</title>
4
5
  <meta charset="utf-8">
5
6
  <meta name="viewport" content="width=device-width, initial-scale=1">
6
7
  <meta name="omelette-owns-print" content="1">
@@ -13,97 +14,97 @@
13
14
  <script src="./ds-base.js"></script>
14
15
  <style>@page{size:A4;margin:23mm 20mm 20mm 20mm}@media print{html,body{background:#fff!important}.cs-desk{background:#fff!important;padding:0!important;min-height:0!important}.cs-sheet{box-shadow:none!important;border:none!important;max-width:none!important;border-radius:0!important;padding:0!important}.cs-avoid{break-inside:avoid}}</style>
15
16
  </helmet>
16
- <div lang="vi" data-cs-element="{{ elAttr }}" data-cs-variant="{{ vaAttr }}" class="cs-desk" style="background:#efe6d8;min-height:100vh;padding:40px 16px;font-family:var(--cs-font-family-ui);color:#1A1614">
17
+ <div lang="vi" data-cs-element="{{ elAttr }}" data-cs-variant="{{ vaAttr }}" class="cs-desk" style="background:#efe6d8;min-height:100vh;padding:40px 16px;font-family:var(--cs-font-family-ui);color:var(--cs-doc-ink)">
17
18
  <div class="cs-sheet" style="max-width:794px;margin:0 auto;background:#fff;border:1px solid var(--cs-color-border-default);border-radius:12px;box-shadow:var(--cs-shadow-md);padding:56px 60px;text-align:left">
18
19
  <div style="display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--cs-color-text-muted);padding-bottom:6px;border-bottom:1px solid var(--cs-color-border-default);margin-bottom:14px">
19
20
  <x-import component-from-global-scope="CyberSkillDS.Logo" size="18" hint-size="18px,18px"></x-import>
20
- <b style="color:var(--cs-color-brand-umber)">CyberSkill</b><span>· Quy chế Lương, Thưởng &amp; Phúc lợi</span><span style="margin-left:auto;font-family:var(--cs-font-family-mono)">Số/No. <span style="background:#FDE68A;padding:0 3px">.....</span>/2026/QCLT-CYBERSKILL</span>
21
+ <b style="color:var(--cs-color-brand-umber)">CyberSkill</b><span>· Quy chế Lương, Thưởng &amp; Phúc lợi</span><span style="margin-left:auto;font-family:var(--cs-font-family-mono)">Số/No. <span style="background:var(--cs-doc-fill);padding:0 3px">.....</span>/2026/QCLT-CYBERSKILL</span>
21
22
  </div>
22
23
  <div class="cs-avoid" style="display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:18px">
23
- <div><div style="font-weight:800;font-size:11.5px;line-height:1.45">CÔNG TY CỔ PHẦN TƯ VẤN VÀ PHÁT TRIỂN GIẢI PHÁP PHẦN MỀM CYBERSKILL</div><div style="font-size:10px;color:#3F4C55;font-style:italic;line-height:1.45;margin-top:2px">CYBERSKILL SOFTWARE SOLUTIONS CONSULTANCY AND DEVELOPMENT JOINT STOCK COMPANY</div><div style="font-size:10.5px;margin-top:4px">Hiện Thực Hoá Ý Chí · <span style="color:#3F4C55;font-style:italic">Turn Your Will Into Real</span></div></div>
24
- <div style="text-align:center"><div style="font-weight:800;font-size:11.5px;line-height:1.5">CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM</div><div style="font-weight:700;font-size:11px">Độc lập – Tự do – Hạnh phúc</div><div style="letter-spacing:0.1em;font-size:10px;margin:1px 0">———————————</div><div style="font-size:9.5px;color:#3F4C55;font-style:italic;line-height:1.4">The Socialist Republic of Vietnam · Independence – Freedom – Happiness</div></div>
24
+ <div><div style="font-weight:800;font-size:11.5px;line-height:1.45">CÔNG TY CỔ PHẦN TƯ VẤN VÀ PHÁT TRIỂN GIẢI PHÁP PHẦN MỀM CYBERSKILL</div><div style="font-size:10px;color:var(--cs-doc-slate);font-style:italic;line-height:1.45;margin-top:2px">CYBERSKILL SOFTWARE SOLUTIONS CONSULTANCY AND DEVELOPMENT JOINT STOCK COMPANY</div><div style="font-size:10.5px;margin-top:4px">Hiện Thực Hoá Ý Chí · <span style="color:var(--cs-doc-slate);font-style:italic">Turn Your Will Into Real</span></div></div>
25
+ <div style="text-align:center"><div style="font-weight:800;font-size:11.5px;line-height:1.5">CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM</div><div style="font-weight:700;font-size:11px">Độc lập – Tự do – Hạnh phúc</div><div style="letter-spacing:0.1em;font-size:10px;margin:1px 0">———————————</div><div style="font-size:9.5px;color:var(--cs-doc-slate);font-style:italic;line-height:1.4">The Socialist Republic of Vietnam · Independence – Freedom – Happiness</div></div>
25
26
  </div>
26
27
  <div class="cs-avoid" style="text-align:center;margin-bottom:14px">
27
28
  <h1 style="font-size:24px;font-weight:800;color:var(--cs-color-brand-umber);letter-spacing:-0.01em;margin:0 0 3px;line-height:1.25">QUY CHẾ LƯƠNG, THƯỞNG VÀ PHÚC LỢI</h1>
28
- <div style="font-size:14px;color:#3F4C55;font-style:italic">Compensation and Reward Regulation</div>
29
- <div style="font-size:12.5px;margin-top:8px">Số / No.: <span style="background:#FDE68A;padding:0 3px">......</span>/2026/QCLT-CYBERSKILL</div>
30
- <div style="font-size:12px;margin-top:2px">Phiên bản / Version 1.0 · Hiệu lực từ / Effective from: <span style="background:#FDE68A;padding:0 3px">......</span> / <span style="background:#FDE68A;padding:0 3px">......</span> / <span style="background:#FDE68A;padding:0 3px">......</span></div>
29
+ <div style="font-size:14px;color:var(--cs-doc-slate);font-style:italic">Compensation and Reward Regulation</div>
30
+ <div style="font-size:12.5px;margin-top:8px">Số / No.: <span style="background:var(--cs-doc-fill);padding:0 3px">......</span>/2026/QCLT-CYBERSKILL</div>
31
+ <div style="font-size:12px;margin-top:2px">Phiên bản / Version 1.0 · Hiệu lực từ / Effective from: <span style="background:var(--cs-doc-fill);padding:0 3px">......</span> / <span style="background:var(--cs-doc-fill);padding:0 3px">......</span> / <span style="background:var(--cs-doc-fill);padding:0 3px">......</span></div>
31
32
  <div style="color:var(--cs-accent);font-size:13px;letter-spacing:0.5em;margin-top:10px">◆ ◆ ◆</div>
32
33
  </div>
33
34
  <p style="font-size:13.5px;line-height:1.5;margin:0 0 1px">Căn cứ Điều 93 và Điều 104 Bộ luật Lao động số 45/2019/QH14; sau khi tham khảo ý kiến của tổ chức đại diện người lao động tại cơ sở, Công ty ban hành Quy chế Lương, Thưởng và Phúc lợi như sau.</p>
34
- <p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 8px">Pursuant to Articles 93 and 104 of the Labor Code No. 45/2019/QH14, and having consulted the grassroots employee representative organization, the Company issues this Compensation and Reward Regulation.</p>
35
+ <p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 8px">Pursuant to Articles 93 and 104 of the Labor Code No. 45/2019/QH14, and having consulted the grassroots employee representative organization, the Company issues this Compensation and Reward Regulation.</p>
35
36
  <div class="cs-avoid" style="background:#FBF4E9;border:1px solid var(--cs-color-border-default);border-radius:8px;padding:9px 13px;margin-bottom:16px">
36
37
  <p style="font-size:12px;line-height:1.45;margin:0 0 1px"><b>Ghi chú soạn thảo:</b> Quy chế này là văn bản CHUNG của toàn Công ty và phải được công khai. Con số của từng cá nhân nằm ở Phụ lục Đãi ngộ của người đó. Cơ chế pháp lý của Cổ phần ảo nằm ở Thỏa thuận Cổ phần ảo. Mỗi thông tin chỉ có một nơi.</p>
37
- <p style="font-size:11px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0"><b>Drafting note:</b> This Regulation is the Company-wide instrument and must be published. An individual's numbers live in their own Total Rewards Appendix. The legal mechanics of phantom stock live in the Phantom Stock Agreement. One fact, one place.</p>
38
+ <p style="font-size:11px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0"><b>Drafting note:</b> This Regulation is the Company-wide instrument and must be published. An individual's numbers live in their own Total Rewards Appendix. The legal mechanics of phantom stock live in the Phantom Stock Agreement. One fact, one place.</p>
38
39
  </div>
39
40
 
40
41
  <div style="display:grid;gap:13px">
41
- <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 6px">ĐIỀU 1 · CẤU TRÚC ĐÃI NGỘ <span style="font-weight:400;font-size:11px;color:#3F4C55;font-style:italic">Article 1 · The reward structure</span></h2>
42
+ <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 6px">ĐIỀU 1 · CẤU TRÚC ĐÃI NGỘ <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 1 · The reward structure</span></h2>
42
43
  <table style="width:100%;border-collapse:collapse;font-size:12px">
43
- <thead><tr style="background:var(--cs-color-brand-umber);color:#fff"><th style="text-align:left;padding:5px 9px;font-size:10px;width:130px">Cấu phần <i style="font-weight:400">Component</i></th><th style="text-align:left;padding:5px 9px;font-size:10px">Bản chất <i style="font-weight:400">Nature</i></th><th style="text-align:left;padding:5px 9px;font-size:10px">Quy định tại đâu <i style="font-weight:400">Where governed</i></th></tr></thead>
44
+ <thead><tr style="background:var(--cs-color-brand-umber);color:var(--cs-color-text-inverse,#fff)"><th style="text-align:left;padding:5px 9px;font-size:10px;width:130px">Cấu phần <i style="font-weight:400">Component</i></th><th style="text-align:left;padding:5px 9px;font-size:10px">Bản chất <i style="font-weight:400">Nature</i></th><th style="text-align:left;padding:5px 9px;font-size:10px">Quy định tại đâu <i style="font-weight:400">Where governed</i></th></tr></thead>
44
45
  <tbody>
45
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Lương 3P<div style="color:#3F4C55;font-style:italic;font-size:10.5px">3P salary</div></td><td style="padding:6px 9px">Cố định + biến đổi<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Fixed + variable</div></td><td style="padding:6px 9px">Điều 2 Quy chế này và Thang lương, Bảng lương<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Article 2 below, and the Salary Scale</div></td></tr>
46
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Bonus Points</td><td style="padding:6px 9px">Khoản tích lũy có sinh lời<div style="color:#3F4C55;font-style:italic;font-size:10.5px">An accruing, interest-bearing balance</div></td><td style="padding:6px 9px">Điều 3 Quy chế này<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Article 3 below</div></td></tr>
47
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Thưởng<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Bonus</div></td><td style="padding:6px 9px">Không cố định, do Công ty quyết định<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Discretionary, decided by the Company</div></td><td style="padding:6px 9px">Điều 4 Quy chế này<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Article 4 below</div></td></tr>
48
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Cổ phần ảo (SP)<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Phantom stock (SP)</div></td><td style="padding:6px 9px">Quyền tài sản theo hợp đồng dân sự<div style="color:#3F4C55;font-style:italic;font-size:10.5px">A contractual property right under civil law</div></td><td style="padding:6px 9px">Thỏa thuận Cổ phần ảo<div style="color:#3F4C55;font-style:italic;font-size:10.5px">The Phantom Stock Agreement</div></td></tr>
49
- <tr><td style="padding:6px 9px;font-weight:600">Phúc lợi<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Benefits</div></td><td style="padding:6px 9px">Theo luật và theo Công ty<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Statutory and Company-provided</div></td><td style="padding:6px 9px">Điều 5 Quy chế này<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Article 5 below</div></td></tr>
46
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Lương 3P<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">3P salary</div></td><td style="padding:6px 9px">Cố định + biến đổi<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Fixed + variable</div></td><td style="padding:6px 9px">Điều 2 Quy chế này và Thang lương, Bảng lương<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Article 2 below, and the Salary Scale</div></td></tr>
47
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Bonus Points</td><td style="padding:6px 9px">Khoản tích lũy có sinh lời<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">An accruing, interest-bearing balance</div></td><td style="padding:6px 9px">Điều 3 Quy chế này<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Article 3 below</div></td></tr>
48
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Thưởng<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Bonus</div></td><td style="padding:6px 9px">Không cố định, do Công ty quyết định<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Discretionary, decided by the Company</div></td><td style="padding:6px 9px">Điều 4 Quy chế này<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Article 4 below</div></td></tr>
49
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Cổ phần ảo (SP)<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Phantom stock (SP)</div></td><td style="padding:6px 9px">Quyền tài sản theo hợp đồng dân sự<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">A contractual property right under civil law</div></td><td style="padding:6px 9px">Thỏa thuận Cổ phần ảo<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">The Phantom Stock Agreement</div></td></tr>
50
+ <tr><td style="padding:6px 9px;font-weight:600">Phúc lợi<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Benefits</div></td><td style="padding:6px 9px">Theo luật và theo Công ty<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Statutory and Company-provided</div></td><td style="padding:6px 9px">Điều 5 Quy chế này<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Article 5 below</div></td></tr>
50
51
  </tbody>
51
52
  </table></div>
52
53
 
53
- <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 6px">ĐIỀU 2 · LƯƠNG 3P <span style="font-weight:400;font-size:11px;color:#3F4C55;font-style:italic">Article 2 · The 3P salary</span></h2>
54
+ <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 6px">ĐIỀU 2 · LƯƠNG 3P <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 2 · The 3P salary</span></h2>
54
55
  <table style="width:100%;border-collapse:collapse;font-size:12px;margin-bottom:6px">
55
- <thead><tr style="background:var(--cs-color-brand-umber);color:#fff"><th style="text-align:left;padding:5px 9px;font-size:10px;width:120px">Cấu phần <i style="font-weight:400">Component</i></th><th style="text-align:left;padding:5px 9px;font-size:10px;width:64px">Trọng số <i style="font-weight:400">Weight</i></th><th style="text-align:left;padding:5px 9px;font-size:10px">Cách xác định <i style="font-weight:400">How it is set</i></th></tr></thead>
56
+ <thead><tr style="background:var(--cs-color-brand-umber);color:var(--cs-color-text-inverse,#fff)"><th style="text-align:left;padding:5px 9px;font-size:10px;width:120px">Cấu phần <i style="font-weight:400">Component</i></th><th style="text-align:left;padding:5px 9px;font-size:10px;width:64px">Trọng số <i style="font-weight:400">Weight</i></th><th style="text-align:left;padding:5px 9px;font-size:10px">Cách xác định <i style="font-weight:400">How it is set</i></th></tr></thead>
56
57
  <tbody>
57
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">P1 · Vị trí<div style="color:#3F4C55;font-style:italic;font-size:10.5px">P1 · Position</div></td><td style="padding:6px 9px">60%</td><td style="padding:6px 9px">Theo bậc trong Thang lương. Ghi trong hợp đồng lao động. Là cơ sở đóng bảo hiểm xã hội bắt buộc.<div style="color:#3F4C55;font-style:italic;font-size:10.5px">By grade in the Salary Scale. Stated in the labor contract. The basis for compulsory social insurance.</div></td></tr>
58
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">P2 · Năng lực<div style="color:#3F4C55;font-style:italic;font-size:10.5px">P2 · Person</div></td><td style="padding:6px 9px">20%</td><td style="padding:6px 9px">Phụ cấp theo năng lực và kỹ năng khan hiếm. Xét lại tại kỳ xét lương thường niên.<div style="color:#3F4C55;font-style:italic;font-size:10.5px">An allowance for capability and scarce skills. Reviewed at the annual salary review.</div></td></tr>
59
- <tr><td style="padding:6px 9px;font-weight:600">P3 · Hiệu suất<div style="color:#3F4C55;font-style:italic;font-size:10.5px">P3 · Performance</div></td><td style="padding:6px 9px">20%</td><td style="padding:6px 9px">Biến đổi theo mức đánh giá: mức 5 = 150% P3; mức 4 = 120%; mức 3 = 100%; mức 2 = 50%; mức 1 = 0%.<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Varies with the rating: rating 5 = 150% of P3; rating 4 = 120%; rating 3 = 100%; rating 2 = 50%; rating 1 = 0%.</div></td></tr>
58
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">P1 · Vị trí<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">P1 · Position</div></td><td style="padding:6px 9px">60%</td><td style="padding:6px 9px">Theo bậc trong Thang lương. Ghi trong hợp đồng lao động. Là cơ sở đóng bảo hiểm xã hội bắt buộc.<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">By grade in the Salary Scale. Stated in the labor contract. The basis for compulsory social insurance.</div></td></tr>
59
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">P2 · Năng lực<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">P2 · Person</div></td><td style="padding:6px 9px">20%</td><td style="padding:6px 9px">Phụ cấp theo năng lực và kỹ năng khan hiếm. Xét lại tại kỳ xét lương thường niên.<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">An allowance for capability and scarce skills. Reviewed at the annual salary review.</div></td></tr>
60
+ <tr><td style="padding:6px 9px;font-weight:600">P3 · Hiệu suất<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">P3 · Performance</div></td><td style="padding:6px 9px">20%</td><td style="padding:6px 9px">Biến đổi theo mức đánh giá: mức 5 = 150% P3; mức 4 = 120%; mức 3 = 100%; mức 2 = 50%; mức 1 = 0%.<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Varies with the rating: rating 5 = 150% of P3; rating 4 = 120%; rating 3 = 100%; rating 2 = 50%; rating 1 = 0%.</div></td></tr>
60
61
  </tbody>
61
62
  </table>
62
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">2.1. Lương được trả bằng đồng Việt Nam, chuyển khoản vào ngày 15 hằng tháng. Nếu ngày 15 trùng ngày nghỉ, lương được trả vào ngày làm việc liền trước.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 3px">2.1. Salary is paid in Vietnamese dong by bank transfer on the 15th of each month. Where the 15th falls on a non-working day, payment is made on the preceding working day.</p>
63
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">2.2. Kỳ xét lương thường niên: một lần mỗi năm, hiệu lực từ ngày 01/04, theo Điều 4 Thang lương, Bảng lương.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 3px">2.2. The annual salary review runs once a year, effective 1 April, under Article 4 of the Salary Scale.</p>
64
- <div style="background:#FBF4E9;border:1px solid var(--cs-color-border-default);border-radius:6px;padding:7px 11px"><p style="font-size:12px;line-height:1.45;margin:0 0 1px"><b>Ghi chú soạn thảo:</b> Trọng số 60/20/20 và bảng hệ số P3 ở trên là đề xuất mặc định. Xác nhận trước khi ban hành.</p><p style="font-size:11px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0"><b>Drafting note:</b> The 60/20/20 weighting and the P3 multiplier table above are the suggested defaults. Confirm before issue.</p></div></div>
63
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">2.1. Lương được trả bằng đồng Việt Nam, chuyển khoản vào ngày 15 hằng tháng. Nếu ngày 15 trùng ngày nghỉ, lương được trả vào ngày làm việc liền trước.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 3px">2.1. Salary is paid in Vietnamese dong by bank transfer on the 15th of each month. Where the 15th falls on a non-working day, payment is made on the preceding working day.</p>
64
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">2.2. Kỳ xét lương thường niên: một lần mỗi năm, hiệu lực từ ngày 01/04, theo Điều 4 Thang lương, Bảng lương.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 3px">2.2. The annual salary review runs once a year, effective 1 April, under Article 4 of the Salary Scale.</p>
65
+ <div style="background:#FBF4E9;border:1px solid var(--cs-color-border-default);border-radius:6px;padding:7px 11px"><p style="font-size:12px;line-height:1.45;margin:0 0 1px"><b>Ghi chú soạn thảo:</b> Trọng số 60/20/20 và bảng hệ số P3 ở trên là đề xuất mặc định. Xác nhận trước khi ban hành.</p><p style="font-size:11px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0"><b>Drafting note:</b> The 60/20/20 weighting and the P3 multiplier table above are the suggested defaults. Confirm before issue.</p></div></div>
65
66
 
66
- <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 3 · BONUS POINTS <span style="font-weight:400;font-size:11px;color:#3F4C55;font-style:italic">Article 3 · Bonus Points</span></h2>
67
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">3.1. Bonus Points là số dư tích lũy bằng tiền của người lao động tại Công ty, phát sinh từ phần thưởng và phần hiệu suất chưa rút. Bonus Points là nghĩa vụ thanh toán của Công ty, không phải cổ phần.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 3px">3.1. Bonus Points is an accruing cash balance held for an employee, arising from rewards and undrawn performance pay. It is a payment obligation of the Company, not an equity interest.</p>
68
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">a) Lợi tức: số dư Bonus Points sinh lời theo lãi suất tiền gửi tiết kiệm VNĐ kỳ hạn 12 tháng của Ngân hàng ACB, cộng biên độ khích lệ do Ban Giám đốc công bố hằng năm.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 3px">a) Yield: the Bonus Points balance earns interest at ACB's 12-month VND savings deposit rate, plus an incentive margin announced annually by the Board of Management.</p>
69
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">b) Rút tiền: người lao động được rút tối đa 100% một tháng lương P1 mỗi tháng, bằng lệnh rút bằng văn bản.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 3px">b) Withdrawal: an employee may withdraw up to one month's P1 salary per month, by written withdrawal order.</p>
70
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">c) Trần dòng tiền: tổng giải ngân Bonus Points của toàn Công ty trong một tháng không vượt quá 20% Dòng Tiền Hoạt Động (CFO). Nếu vượt, giải ngân theo tỷ lệ công bằng giữa những người yêu cầu.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 3px">c) Cash-flow cap: total Bonus Points disbursed across the Company in a month may not exceed 20% of operating cash flow. Where requests exceed the cap, they are met pro rata.</p>
71
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">d) Nghỉ việc hợp pháp: toàn bộ số dư gốc được tất toán 100% vào kỳ lương cuối cùng.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 3px">d) Good leaver: the entire principal balance is settled in full in the final payroll run.</p>
72
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">e) Nghỉ việc do vi phạm: số dư chưa tất toán bị hủy. Điều kiện mất quyền này được giải thích đầy đủ và xác nhận trước khi ký.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 3px">e) Bad leaver: the unsettled balance lapses. This forfeiture condition is explained in full and acknowledged before signature.</p>
73
- <div style="background:#FBF4E9;border:1px solid var(--cs-color-border-default);border-radius:6px;padding:7px 11px"><p style="font-size:12px;line-height:1.45;margin:0 0 1px"><b>Ghi chú soạn thảo:</b> Điều kiện mất quyền tại điểm (e) là điều khoản rủi ro pháp lý cao nhất trong toàn bộ cơ chế đãi ngộ. Cần luật sư lao động Việt Nam rà soát trước khi áp dụng.</p><p style="font-size:11px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0"><b>Drafting note:</b> The forfeiture condition in (e) is the highest legal-risk term in the whole reward mechanism. It needs review by a Vietnamese employment lawyer before use.</p></div></div>
67
+ <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 3 · BONUS POINTS <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 3 · Bonus Points</span></h2>
68
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">3.1. Bonus Points là số dư tích lũy bằng tiền của người lao động tại Công ty, phát sinh từ phần thưởng và phần hiệu suất chưa rút. Bonus Points là nghĩa vụ thanh toán của Công ty, không phải cổ phần.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 3px">3.1. Bonus Points is an accruing cash balance held for an employee, arising from rewards and undrawn performance pay. It is a payment obligation of the Company, not an equity interest.</p>
69
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">a) Lợi tức: số dư Bonus Points sinh lời theo lãi suất tiền gửi tiết kiệm VNĐ kỳ hạn 12 tháng của Ngân hàng ACB, cộng biên độ khích lệ do Ban Giám đốc công bố hằng năm.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 3px">a) Yield: the Bonus Points balance earns interest at ACB's 12-month VND savings deposit rate, plus an incentive margin announced annually by the Board of Management.</p>
70
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">b) Rút tiền: người lao động được rút tối đa 100% một tháng lương P1 mỗi tháng, bằng lệnh rút bằng văn bản.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 3px">b) Withdrawal: an employee may withdraw up to one month's P1 salary per month, by written withdrawal order.</p>
71
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">c) Trần dòng tiền: tổng giải ngân Bonus Points của toàn Công ty trong một tháng không vượt quá 20% Dòng Tiền Hoạt Động (CFO). Nếu vượt, giải ngân theo tỷ lệ công bằng giữa những người yêu cầu.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 3px">c) Cash-flow cap: total Bonus Points disbursed across the Company in a month may not exceed 20% of operating cash flow. Where requests exceed the cap, they are met pro rata.</p>
72
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">d) Nghỉ việc hợp pháp: toàn bộ số dư gốc được tất toán 100% vào kỳ lương cuối cùng.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 3px">d) Good leaver: the entire principal balance is settled in full in the final payroll run.</p>
73
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">e) Nghỉ việc do vi phạm: số dư chưa tất toán bị hủy. Điều kiện mất quyền này được giải thích đầy đủ và xác nhận trước khi ký.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 3px">e) Bad leaver: the unsettled balance lapses. This forfeiture condition is explained in full and acknowledged before signature.</p>
74
+ <div style="background:#FBF4E9;border:1px solid var(--cs-color-border-default);border-radius:6px;padding:7px 11px"><p style="font-size:12px;line-height:1.45;margin:0 0 1px"><b>Ghi chú soạn thảo:</b> Điều kiện mất quyền tại điểm (e) là điều khoản rủi ro pháp lý cao nhất trong toàn bộ cơ chế đãi ngộ. Cần luật sư lao động Việt Nam rà soát trước khi áp dụng.</p><p style="font-size:11px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0"><b>Drafting note:</b> The forfeiture condition in (e) is the highest legal-risk term in the whole reward mechanism. It needs review by a Vietnamese employment lawyer before use.</p></div></div>
74
75
 
75
- <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 4 · THƯỞNG <span style="font-weight:400;font-size:11px;color:#3F4C55;font-style:italic">Article 4 · Bonus</span></h2>
76
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">4.1. Thưởng theo Điều 104 Bộ luật Lao động là khoản KHÔNG CỐ ĐỊNH, do Công ty quyết định căn cứ kết quả kinh doanh và mức độ hoàn thành công việc. Thưởng không phải là quyền lợi đương nhiên và không cấu thành tiền lương.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 3px">4.1. A bonus under Article 104 of the Labor Code is NOT a fixed entitlement. The Company decides it on the basis of business results and the individual's performance. It is not an automatic right and does not form part of salary.</p>
77
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">a) Thưởng tháng 13: chi trước Tết Nguyên đán, căn cứ kết quả kinh doanh của năm và thời gian làm việc thực tế trong năm.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 3px">a) 13th-month bonus: paid before Tết, based on the year's business results and actual service during the year.</p>
78
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">b) Thưởng theo dự án hoặc thành tích đột xuất: do Tổng Giám đốc quyết định.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 3px">b) Project or spot bonuses: decided by the CEO.</p>
79
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">c) Người bị kỷ luật chưa được xóa không được xét thưởng trong kỳ đó.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0">c) An employee with unspent discipline is not considered for a bonus in that period.</p></div>
76
+ <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 4 · THƯỞNG <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 4 · Bonus</span></h2>
77
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">4.1. Thưởng theo Điều 104 Bộ luật Lao động là khoản KHÔNG CỐ ĐỊNH, do Công ty quyết định căn cứ kết quả kinh doanh và mức độ hoàn thành công việc. Thưởng không phải là quyền lợi đương nhiên và không cấu thành tiền lương.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 3px">4.1. A bonus under Article 104 of the Labor Code is NOT a fixed entitlement. The Company decides it on the basis of business results and the individual's performance. It is not an automatic right and does not form part of salary.</p>
78
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">a) Thưởng tháng 13: chi trước Tết Nguyên đán, căn cứ kết quả kinh doanh của năm và thời gian làm việc thực tế trong năm.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 3px">a) 13th-month bonus: paid before Tết, based on the year's business results and actual service during the year.</p>
79
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">b) Thưởng theo dự án hoặc thành tích đột xuất: do Tổng Giám đốc quyết định.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 3px">b) Project or spot bonuses: decided by the CEO.</p>
80
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">c) Người bị kỷ luật chưa được xóa không được xét thưởng trong kỳ đó.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0">c) An employee with unspent discipline is not considered for a bonus in that period.</p></div>
80
81
 
81
- <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 6px">ĐIỀU 5 · PHÚC LỢI <span style="font-weight:400;font-size:11px;color:#3F4C55;font-style:italic">Article 5 · Benefits</span></h2>
82
+ <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 6px">ĐIỀU 5 · PHÚC LỢI <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 5 · Benefits</span></h2>
82
83
  <table style="width:100%;border-collapse:collapse;font-size:12px">
83
- <thead><tr style="background:var(--cs-color-brand-umber);color:#fff"><th style="text-align:left;padding:5px 9px;font-size:10px;width:180px">Phúc lợi <i style="font-weight:400">Benefit</i></th><th style="text-align:left;padding:5px 9px;font-size:10px">Nội dung <i style="font-weight:400">Detail</i></th></tr></thead>
84
+ <thead><tr style="background:var(--cs-color-brand-umber);color:var(--cs-color-text-inverse,#fff)"><th style="text-align:left;padding:5px 9px;font-size:10px;width:180px">Phúc lợi <i style="font-weight:400">Benefit</i></th><th style="text-align:left;padding:5px 9px;font-size:10px">Nội dung <i style="font-weight:400">Detail</i></th></tr></thead>
84
85
  <tbody>
85
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Bảo hiểm bắt buộc<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Compulsory insurance</div></td><td style="padding:6px 9px">Bảo hiểm xã hội, y tế, thất nghiệp theo luật, đóng trên P1.<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Social, health and unemployment insurance as required by law, on P1.</div></td></tr>
86
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Khám sức khỏe<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Health check</div></td><td style="padding:6px 9px">Ít nhất một lần mỗi năm, do Công ty chi trả.<div style="color:#3F4C55;font-style:italic;font-size:10.5px">At least once a year, at the Company's cost.</div></td></tr>
87
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Nghỉ hằng năm<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Annual leave</div></td><td style="padding:6px 9px">12 ngày làm việc, cộng 01 ngày cho mỗi 05 năm làm việc.<div style="color:#3F4C55;font-style:italic;font-size:10.5px">12 working days, plus 01 day for every 05 years of service.</div></td></tr>
88
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Trợ cấp thiết lập chỗ làm việc tại nhà<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Home-office allowance</div></td><td style="padding:6px 9px">3.000.000 VNĐ, chi một lần sau khi hoàn thành thử việc.<div style="color:#3F4C55;font-style:italic;font-size:10.5px">VND 3,000,000, paid once, after probation is passed.</div></td></tr>
89
- <tr><td style="padding:6px 9px;font-weight:600">Đào tạo<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Training</div></td><td style="padding:6px 9px">Ngân sách đào tạo do Tổng Giám đốc phê duyệt. Khóa học giá trị lớn có thể kèm cam kết làm việc theo Hợp đồng đào tạo.<div style="color:#3F4C55;font-style:italic;font-size:10.5px">A training budget approved by the CEO. A high-value course may carry a service commitment under the Training Agreement.</div></td></tr>
86
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Bảo hiểm bắt buộc<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Compulsory insurance</div></td><td style="padding:6px 9px">Bảo hiểm xã hội, y tế, thất nghiệp theo luật, đóng trên P1.<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Social, health and unemployment insurance as required by law, on P1.</div></td></tr>
87
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Khám sức khỏe<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Health check</div></td><td style="padding:6px 9px">Ít nhất một lần mỗi năm, do Công ty chi trả.<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">At least once a year, at the Company's cost.</div></td></tr>
88
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Nghỉ hằng năm<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Annual leave</div></td><td style="padding:6px 9px">12 ngày làm việc, cộng 01 ngày cho mỗi 05 năm làm việc.<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">12 working days, plus 01 day for every 05 years of service.</div></td></tr>
89
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Trợ cấp thiết lập chỗ làm việc tại nhà<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Home-office allowance</div></td><td style="padding:6px 9px">3.000.000 VNĐ, chi một lần sau khi hoàn thành thử việc.<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">VND 3,000,000, paid once, after probation is passed.</div></td></tr>
90
+ <tr><td style="padding:6px 9px;font-weight:600">Đào tạo<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Training</div></td><td style="padding:6px 9px">Ngân sách đào tạo do Tổng Giám đốc phê duyệt. Khóa học giá trị lớn có thể kèm cam kết làm việc theo Hợp đồng đào tạo.<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">A training budget approved by the CEO. A high-value course may carry a service commitment under the Training Agreement.</div></td></tr>
90
91
  </tbody>
91
92
  </table></div>
92
93
 
93
- <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 6 · CÔNG KHAI VÀ HIỆU LỰC <span style="font-weight:400;font-size:11px;color:#3F4C55;font-style:italic">Article 6 · Publication and effect</span></h2>
94
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">Quy chế được công khai tại nơi làm việc theo Điều 104 khoản 2 Bộ luật Lao động, có hiệu lực kể từ ngày ký, và được xem xét lại ít nhất một lần mỗi năm.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0">This Regulation is published at the workplace under Article 104.2 of the Labor Code, takes effect on signature, and is reviewed at least once a year.</p></div>
94
+ <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 6 · CÔNG KHAI VÀ HIỆU LỰC <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 6 · Publication and effect</span></h2>
95
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">Quy chế được công khai tại nơi làm việc theo Điều 104 khoản 2 Bộ luật Lao động, có hiệu lực kể từ ngày ký, và được xem xét lại ít nhất một lần mỗi năm.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0">This Regulation is published at the workplace under Article 104.2 of the Labor Code, takes effect on signature, and is reviewed at least once a year.</p></div>
95
96
  </div>
96
97
 
97
98
  <div class="cs-avoid" style="margin-top:18px">
98
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">Thành phố Hồ Chí Minh, ngày <span style="background:#FDE68A;padding:0 3px">......</span> tháng <span style="background:#FDE68A;padding:0 3px">......</span> năm <span style="background:#FDE68A;padding:0 3px">......</span></p>
99
- <p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 14px">Ho Chi Minh City, <span style="background:#FDE68A;padding:0 3px">......</span> / <span style="background:#FDE68A;padding:0 3px">......</span> / <span style="background:#FDE68A;padding:0 3px">......</span></p>
99
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">Thành phố Hồ Chí Minh, ngày <span style="background:var(--cs-doc-fill);padding:0 3px">......</span> tháng <span style="background:var(--cs-doc-fill);padding:0 3px">......</span> năm <span style="background:var(--cs-doc-fill);padding:0 3px">......</span></p>
100
+ <p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 14px">Ho Chi Minh City, <span style="background:var(--cs-doc-fill);padding:0 3px">......</span> / <span style="background:var(--cs-doc-fill);padding:0 3px">......</span> / <span style="background:var(--cs-doc-fill);padding:0 3px">......</span></p>
100
101
  <div style="display:grid;grid-template-columns:1fr 1fr;gap:44px">
101
- <div style="text-align:center"><div style="font-weight:700;font-size:12.5px">ĐẠI DIỆN TẬP THỂ NGƯỜI LAO ĐỘNG</div><div style="font-size:11px;color:#3F4C55;font-style:italic">Employee Representative</div><div style="font-size:10.5px;margin-top:1px">(Ký, ghi rõ họ tên / <i style="color:#3F4C55">Sign and state full name</i>)</div><div style="height:60px"></div><div style="border-top:1px solid #1A1614;width:70%;margin:0 auto"></div></div>
102
- <div style="text-align:center"><div style="font-weight:700;font-size:12.5px">NGƯỜI SỬ DỤNG LAO ĐỘNG</div><div style="font-size:11px;color:#3F4C55;font-style:italic">The Employer</div><div style="font-size:10.5px;margin-top:1px">(Ký, ghi rõ họ tên và đóng dấu / <i style="color:#3F4C55">Sign, state full name, and affix seal</i>)</div><div style="height:60px"></div><div style="border-top:1px solid #1A1614;width:70%;margin:0 auto"></div></div>
102
+ <div style="text-align:center"><div style="font-weight:700;font-size:12.5px">ĐẠI DIỆN TẬP THỂ NGƯỜI LAO ĐỘNG</div><div style="font-size:11px;color:var(--cs-doc-slate);font-style:italic">Employee Representative</div><div style="font-size:10.5px;margin-top:1px">(Ký, ghi rõ họ tên / <i style="color:var(--cs-doc-slate)">Sign and state full name</i>)</div><div style="height:60px"></div><div style="border-top:1px solid var(--cs-doc-ink);width:70%;margin:0 auto"></div></div>
103
+ <div style="text-align:center"><div style="font-weight:700;font-size:12.5px">NGƯỜI SỬ DỤNG LAO ĐỘNG</div><div style="font-size:11px;color:var(--cs-doc-slate);font-style:italic">The Employer</div><div style="font-size:10.5px;margin-top:1px">(Ký, ghi rõ họ tên và đóng dấu / <i style="color:var(--cs-doc-slate)">Sign, state full name, and affix seal</i>)</div><div style="height:60px"></div><div style="border-top:1px solid var(--cs-doc-ink);width:70%;margin:0 auto"></div></div>
103
104
  </div>
104
105
  </div>
105
106
 
106
- <div style="border-top:1px solid var(--cs-color-border-default);padding-top:8px;margin-top:20px;display:flex;gap:10px;font-size:10.5px;color:var(--cs-color-text-muted);flex-wrap:wrap">Hiện Thực Hoá Ý Chí · <i style="color:#3F4C55">Turn Your Will Into Real</i><span>·</span>MST: 0316475200<span>·</span>info@cyberskill.world<span>·</span>(+84) 906 878 091<span style="margin-left:auto">Trang / Page 1</span></div>
107
+ <div style="border-top:1px solid var(--cs-color-border-default);padding-top:8px;margin-top:20px;display:flex;gap:10px;font-size:10.5px;color:var(--cs-color-text-muted);flex-wrap:wrap">Hiện Thực Hoá Ý Chí · <i style="color:var(--cs-doc-slate)">Turn Your Will Into Real</i><span>·</span>MST: 0316475200<span>·</span>info@cyberskill.world<span>·</span>(+84) 906 878 091<span style="margin-left:auto">Trang / Page 1</span></div>
107
108
  </div>
108
109
  </div>
109
110
  </x-dc>
package/templates/vn-compensation-regulation/ds-base.js CHANGED
@@ -1,9 +1,10 @@
1
1
  // Loads this design system into the template. In a consuming project, point
2
2
  // base at the bound DS folder relative to this file (e.g. '_ds/<folder>' at
3
3
  // the project root, '../_ds/<folder>' one level down) — one line to edit.
4
+ // Artifact head standard (UX-002 / B1): ensure <html lang> + <title> from @template.
4
5
  (() => {
5
6
  const base = '../..';
6
- for (const p of ['styles.css']) {
7
+ for (const p of ['dist/styles.min.css']) {
7
8
  const l = document.createElement('link');
8
9
  l.rel = 'stylesheet'; l.href = base + '/' + p;
9
10
  document.head.appendChild(l);
@@ -20,4 +21,35 @@
20
21
  };
21
22
  s.onerror = () => console.error('ds-base.js: failed to load ' + s.src + ' — if this is a consuming project, point the base line in ds-base.js at the bound _ds/<folder> tree relative to this page (e.g. _ds/<folder> at the project root, ../_ds/<folder> one level down); in a fresh design system this can just mean the bundle is not compiled yet');
22
23
  document.head.appendChild(s);
24
+
25
+ const syncLang = () => {
26
+ try {
27
+ const a = document.querySelector('[lang]');
28
+ const v = a && a.getAttribute('lang');
29
+ // Ignore unresolved DC holes like {{ langAttr }}
30
+ if (v && v.indexOf('{{') === -1) document.documentElement.setAttribute('lang', v);
31
+ else if (!document.documentElement.getAttribute('lang')) document.documentElement.setAttribute('lang', 'en');
32
+ } catch (e) { /* authoring host may sandbox */ }
33
+ };
34
+ const ensureHead = () => {
35
+ try {
36
+ if (!document.title || !document.title.trim()) {
37
+ const src = document.documentElement.innerHTML;
38
+ const m = src.match(/@template\s+name="([^"]+)"/);
39
+ if (m) document.title = m[1] + ' · CyberSkill';
40
+ }
41
+ syncLang();
42
+ const obs = new MutationObserver(syncLang);
43
+ obs.observe(document.body || document.documentElement, {
44
+ attributes: true,
45
+ attributeFilter: ['lang'],
46
+ subtree: true,
47
+ });
48
+ } catch (e) { /* authoring host may sandbox */ }
49
+ };
50
+ if (document.readyState === 'loading') {
51
+ document.addEventListener('DOMContentLoaded', ensureHead);
52
+ } else {
53
+ ensureHead();
54
+ }
23
55
  })();
package/templates/vn-compensation-regulation/support.js CHANGED
@@ -1070,16 +1070,15 @@
1070
1070
  }
1071
1071
 
1072
1072
  // src/cdn.ts
1073
- var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
1074
- var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
1075
- var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
1076
- var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
1077
- var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
1078
- var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
1079
- function cdnScriptFor(url, sri) {
1073
+ var REACT_LOCAL = "../../_vendor/react/react.production.min.js";
1074
+ var REACT_DOM_LOCAL = "../../_vendor/react/react-dom.production.min.js";
1075
+ var BABEL_LOCAL = "../../_vendor/babel/babel.min.js";
1076
+ // Product surfaces are offline-first (UX-026 / D4): no third-party script origins.
1077
+ // Host editors may still remap via window.__resources[localPath].
1078
+ function localScriptFor(path) {
1080
1079
  const res = window.__resources;
1081
- const v = res ? res[url] : void 0;
1082
- return typeof v === "string" && v ? { src: v } : { src: url, integrity: sri };
1080
+ const v = res ? res[path] : void 0;
1081
+ return typeof v === "string" && v ? v : path;
1083
1082
  }
1084
1083
 
1085
1084
  // src/external.ts
@@ -1106,16 +1105,12 @@
1106
1105
  function ensureBabel() {
1107
1106
  if (window.Babel) return Promise.resolve();
1108
1107
  if (babelLoading) return babelLoading;
1109
- const babel = cdnScriptFor(BABEL_URL, BABEL_SRI);
1108
+ const src = localScriptFor(BABEL_LOCAL);
1110
1109
  babelLoading = new Promise((res, rej) => {
1111
1110
  const s = document.createElement("script");
1112
- s.src = babel.src;
1113
- if (babel.integrity) {
1114
- s.integrity = babel.integrity;
1115
- s.crossOrigin = "anonymous";
1116
- }
1111
+ s.src = src;
1117
1112
  s.onload = () => res();
1118
- s.onerror = rej;
1113
+ s.onerror = () => rej(new Error("failed to load local Babel: " + src));
1119
1114
  document.head.appendChild(s);
1120
1115
  });
1121
1116
  return babelLoading;
@@ -1768,11 +1763,9 @@
1768
1763
  function loadReactUmd() {
1769
1764
  const w = window;
1770
1765
  if (w.React && w.ReactDOM) return Promise.resolve();
1771
- const react = cdnScriptFor(REACT_URL, REACT_SRI);
1772
- const reactDom = cdnScriptFor(REACT_DOM_URL, REACT_DOM_SRI);
1773
1766
  return Promise.all([
1774
- loadScript(react.src, react.integrity),
1775
- loadScript(reactDom.src, reactDom.integrity)
1767
+ loadScript(localScriptFor(REACT_LOCAL)),
1768
+ loadScript(localScriptFor(REACT_DOM_LOCAL))
1776
1769
  ]).then(() => void 0);
1777
1770
  }
1778
1771
  function init() {
package/templates/vn-contract-amendment/VnContractAmendment.dc.html CHANGED
@@ -1,6 +1,7 @@
1
1
  <!DOCTYPE html>
2
- <html>
2
+ <html lang="en">
3
3
  <head>
4
+ <title>HR Suite · Phụ lục sửa đổi HĐLĐ — Labor Contract Amendment Appendix · CyberSkill</title>
4
5
  <meta charset="utf-8">
5
6
  <meta name="viewport" content="width=device-width, initial-scale=1">
6
7
  <meta name="omelette-owns-print" content="1">
@@ -13,82 +14,82 @@
13
14
  <script src="./ds-base.js"></script>
14
15
  <style>@page{size:A4;margin:23mm 20mm 20mm 20mm}@media print{html,body{background:#fff!important}.cs-desk{background:#fff!important;padding:0!important;min-height:0!important}.cs-sheet{box-shadow:none!important;border:none!important;max-width:none!important;border-radius:0!important;padding:0!important}.cs-avoid{break-inside:avoid}}</style>
15
16
  </helmet>
16
- <div lang="vi" data-cs-element="{{ elAttr }}" data-cs-variant="{{ vaAttr }}" class="cs-desk" style="background:#efe6d8;min-height:100vh;padding:40px 16px;font-family:var(--cs-font-family-ui);color:#1A1614">
17
+ <div lang="vi" data-cs-element="{{ elAttr }}" data-cs-variant="{{ vaAttr }}" class="cs-desk" style="background:#efe6d8;min-height:100vh;padding:40px 16px;font-family:var(--cs-font-family-ui);color:var(--cs-doc-ink)">
17
18
  <div class="cs-sheet" style="max-width:794px;margin:0 auto;background:#fff;border:1px solid var(--cs-color-border-default);border-radius:12px;box-shadow:var(--cs-shadow-md);padding:56px 60px;text-align:left">
18
19
  <div style="display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--cs-color-text-muted);padding-bottom:6px;border-bottom:1px solid var(--cs-color-border-default);margin-bottom:14px">
19
20
  <x-import component-from-global-scope="CyberSkillDS.Logo" size="18" hint-size="18px,18px"></x-import>
20
- <b style="color:var(--cs-color-brand-umber)">CyberSkill</b><span>· Phụ lục sửa đổi HĐLĐ</span><span style="margin-left:auto;font-family:var(--cs-font-family-mono)">Số/No. <span style="background:#FDE68A;padding:0 3px">.....</span>/2026/PLHĐLĐ-CYBERSKILL</span>
21
+ <b style="color:var(--cs-color-brand-umber)">CyberSkill</b><span>· Phụ lục sửa đổi HĐLĐ</span><span style="margin-left:auto;font-family:var(--cs-font-family-mono)">Số/No. <span style="background:var(--cs-doc-fill);padding:0 3px">.....</span>/2026/PLHĐLĐ-CYBERSKILL</span>
21
22
  </div>
22
23
  <div class="cs-avoid" style="display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:18px">
23
- <div><div style="font-weight:800;font-size:11.5px;line-height:1.45">CÔNG TY CỔ PHẦN TƯ VẤN VÀ PHÁT TRIỂN GIẢI PHÁP PHẦN MỀM CYBERSKILL</div><div style="font-size:10px;color:#3F4C55;font-style:italic;line-height:1.45;margin-top:2px">CyberSkill Software Solutions Consultancy and Development Joint Stock Company</div></div>
24
- <div style="text-align:center"><div style="font-weight:800;font-size:11.5px;line-height:1.5">CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM</div><div style="font-weight:700;font-size:11px">Độc lập - Tự do - Hạnh phúc</div><div style="letter-spacing:0.1em;font-size:10px;margin:1px 0">———————————</div><div style="font-size:9.5px;color:#3F4C55;font-style:italic;line-height:1.4">The Socialist Republic of Vietnam · Independence - Freedom - Happiness</div><div style="font-size:10.5px;margin-top:4px">Thành phố Hồ Chí Minh, ngày <span style="background:#FDE68A;padding:0 3px">...</span> tháng <span style="background:#FDE68A;padding:0 3px">...</span> năm <span style="background:#FDE68A;padding:0 3px">...</span></div></div>
24
+ <div><div style="font-weight:800;font-size:11.5px;line-height:1.45">CÔNG TY CỔ PHẦN TƯ VẤN VÀ PHÁT TRIỂN GIẢI PHÁP PHẦN MỀM CYBERSKILL</div><div style="font-size:10px;color:var(--cs-doc-slate);font-style:italic;line-height:1.45;margin-top:2px">CyberSkill Software Solutions Consultancy and Development Joint Stock Company</div></div>
25
+ <div style="text-align:center"><div style="font-weight:800;font-size:11.5px;line-height:1.5">CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM</div><div style="font-weight:700;font-size:11px">Độc lập - Tự do - Hạnh phúc</div><div style="letter-spacing:0.1em;font-size:10px;margin:1px 0">———————————</div><div style="font-size:9.5px;color:var(--cs-doc-slate);font-style:italic;line-height:1.4">The Socialist Republic of Vietnam · Independence - Freedom - Happiness</div><div style="font-size:10.5px;margin-top:4px">Thành phố Hồ Chí Minh, ngày <span style="background:var(--cs-doc-fill);padding:0 3px">...</span> tháng <span style="background:var(--cs-doc-fill);padding:0 3px">...</span> năm <span style="background:var(--cs-doc-fill);padding:0 3px">...</span></div></div>
25
26
  </div>
26
27
  <div class="cs-avoid" style="text-align:center;margin-bottom:14px">
27
28
  <h1 style="font-size:24px;font-weight:800;color:var(--cs-color-brand-umber);letter-spacing:-0.01em;margin:0 0 3px;line-height:1.25">PHỤ LỤC HỢP ĐỒNG LAO ĐỘNG</h1>
28
- <div style="font-size:12.5px;color:#1A1614;margin-top:1px">(Sửa đổi, bổ sung)</div>
29
- <div style="font-size:13.5px;color:#3F4C55;font-style:italic">Labor Contract Appendix (Amendment)</div>
30
- <div style="font-size:12px;margin-top:8px">Phiên bản / Version 1.0 · Hiệu lực từ / Effective from: <span style="background:#FDE68A;padding:0 3px">......</span> / <span style="background:#FDE68A;padding:0 3px">......</span> / <span style="background:#FDE68A;padding:0 3px">......</span></div>
29
+ <div style="font-size:12.5px;color:var(--cs-doc-ink);margin-top:1px">(Sửa đổi, bổ sung)</div>
30
+ <div style="font-size:13.5px;color:var(--cs-doc-slate);font-style:italic">Labor Contract Appendix (Amendment)</div>
31
+ <div style="font-size:12px;margin-top:8px">Phiên bản / Version 1.0 · Hiệu lực từ / Effective from: <span style="background:var(--cs-doc-fill);padding:0 3px">......</span> / <span style="background:var(--cs-doc-fill);padding:0 3px">......</span> / <span style="background:var(--cs-doc-fill);padding:0 3px">......</span></div>
31
32
  <div style="color:var(--cs-accent);font-size:13px;letter-spacing:0.5em;margin-top:10px">◆ ◆ ◆</div>
32
33
  </div>
33
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">Căn cứ Bộ luật Lao động số 45/2019/QH14, đặc biệt Điều 22; căn cứ Hợp đồng lao động số <span style="background:#FDE68A;padding:0 3px">....../2026/HĐLĐ-CYBERSKILL</span> ngày <span style="background:#FDE68A;padding:0 3px">...../...../......</span>;</p>
34
- <p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 6px">Pursuant to the Labor Code No. 45/2019/QH14, in particular Article 22, and to Labor Contract No. <span style="background:#FDE68A;padding:0 3px">....../2026/HĐLĐ-CYBERSKILL</span> dated <span style="background:#FDE68A;padding:0 3px">...../...../......</span>;</p>
35
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">Hôm nay, ngày <span style="background:#FDE68A;padding:0 3px">....</span> tháng <span style="background:#FDE68A;padding:0 3px">....</span> năm <span style="background:#FDE68A;padding:0 3px">....</span>, tại Thành phố Hồ Chí Minh, hai Bên gồm:</p>
36
- <p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 12px">Today, <span style="background:#FDE68A;padding:0 3px">....</span> / <span style="background:#FDE68A;padding:0 3px">....</span> / <span style="background:#FDE68A;padding:0 3px">....</span>, in Ho Chi Minh City, the two Parties are:</p>
34
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">Căn cứ Bộ luật Lao động số 45/2019/QH14, đặc biệt Điều 22; căn cứ Hợp đồng lao động số <span style="background:var(--cs-doc-fill);padding:0 3px">....../2026/HĐLĐ-CYBERSKILL</span> ngày <span style="background:var(--cs-doc-fill);padding:0 3px">...../...../......</span>;</p>
35
+ <p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 6px">Pursuant to the Labor Code No. 45/2019/QH14, in particular Article 22, and to Labor Contract No. <span style="background:var(--cs-doc-fill);padding:0 3px">....../2026/HĐLĐ-CYBERSKILL</span> dated <span style="background:var(--cs-doc-fill);padding:0 3px">...../...../......</span>;</p>
36
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">Hôm nay, ngày <span style="background:var(--cs-doc-fill);padding:0 3px">....</span> tháng <span style="background:var(--cs-doc-fill);padding:0 3px">....</span> năm <span style="background:var(--cs-doc-fill);padding:0 3px">....</span>, tại Thành phố Hồ Chí Minh, hai Bên gồm:</p>
37
+ <p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 12px">Today, <span style="background:var(--cs-doc-fill);padding:0 3px">....</span> / <span style="background:var(--cs-doc-fill);padding:0 3px">....</span> / <span style="background:var(--cs-doc-fill);padding:0 3px">....</span>, in Ho Chi Minh City, the two Parties are:</p>
37
38
 
38
39
  <div class="cs-avoid" style="margin-bottom:12px">
39
- <div style="font-weight:800;font-size:12.5px;color:var(--cs-color-brand-umber);margin-bottom:4px">BÊN A · NGƯỜI SỬ DỤNG LAO ĐỘNG <span style="font-weight:400;color:#3F4C55;font-style:italic">Party A · The Employer</span></div>
40
+ <div style="font-weight:800;font-size:12.5px;color:var(--cs-color-brand-umber);margin-bottom:4px">BÊN A · NGƯỜI SỬ DỤNG LAO ĐỘNG <span style="font-weight:400;color:var(--cs-doc-slate);font-style:italic">Party A · The Employer</span></div>
40
41
  <table style="width:100%;border-collapse:collapse;font-size:12.5px">
41
42
  <tbody>
42
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;width:190px;vertical-align:top">Công ty<div style="color:#3F4C55;font-style:italic;font-size:11px">Company</div></td><td style="padding:5px 10px">Công Ty Cổ Phần Tư Vấn Và Phát Triển Giải Pháp Phần Mềm CyberSkill</td></tr>
43
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;vertical-align:top">Mã số thuế / DUNS<div style="color:#3F4C55;font-style:italic;font-size:11px">Tax code / DUNS</div></td><td style="padding:5px 10px">0316475200 / 673219568</td></tr>
44
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;vertical-align:top">Địa chỉ<div style="color:#3F4C55;font-style:italic;font-size:11px">Address</div></td><td style="padding:5px 10px">Tầng 1, 207A Nguyễn Văn Thủ, Phường Tân Định, Thành phố Hồ Chí Minh</td></tr>
45
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;vertical-align:top">Đại diện<div style="color:#3F4C55;font-style:italic;font-size:11px">Represented by</div></td><td style="padding:5px 10px">Ông Trịnh Thái Anh (Mr. Stephen) · Tổng Giám đốc / <span style="color:#3F4C55;font-style:italic">CEO</span></td></tr>
46
- <tr><td style="padding:5px 10px;vertical-align:top">Điện thoại · Email<div style="color:#3F4C55;font-style:italic;font-size:11px">Tel · Email</div></td><td style="padding:5px 10px">(+84) 906 878 091 · info@cyberskill.world</td></tr>
43
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;width:190px;vertical-align:top">Công ty<div style="color:var(--cs-doc-slate);font-style:italic;font-size:11px">Company</div></td><td style="padding:5px 10px">Công Ty Cổ Phần Tư Vấn Và Phát Triển Giải Pháp Phần Mềm CyberSkill</td></tr>
44
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;vertical-align:top">Mã số thuế / DUNS<div style="color:var(--cs-doc-slate);font-style:italic;font-size:11px">Tax code / DUNS</div></td><td style="padding:5px 10px">0316475200 / 673219568</td></tr>
45
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;vertical-align:top">Địa chỉ<div style="color:var(--cs-doc-slate);font-style:italic;font-size:11px">Address</div></td><td style="padding:5px 10px">Tầng 1, 207A Nguyễn Văn Thủ, Phường Tân Định, Thành phố Hồ Chí Minh</td></tr>
46
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;vertical-align:top">Đại diện<div style="color:var(--cs-doc-slate);font-style:italic;font-size:11px">Represented by</div></td><td style="padding:5px 10px">Ông Trịnh Thái Anh (Mr. Stephen) · Tổng Giám đốc / <span style="color:var(--cs-doc-slate);font-style:italic">CEO</span></td></tr>
47
+ <tr><td style="padding:5px 10px;vertical-align:top">Điện thoại · Email<div style="color:var(--cs-doc-slate);font-style:italic;font-size:11px">Tel · Email</div></td><td style="padding:5px 10px">(+84) 906 878 091 · info@cyberskill.world</td></tr>
47
48
  </tbody>
48
49
  </table>
49
50
  </div>
50
51
  <div class="cs-avoid" style="margin-bottom:12px">
51
- <div style="font-weight:800;font-size:12.5px;color:var(--cs-color-brand-umber);margin-bottom:4px">BÊN B · NGƯỜI LAO ĐỘNG <span style="font-weight:400;color:#3F4C55;font-style:italic">Party B · The Employee</span></div>
52
+ <div style="font-weight:800;font-size:12.5px;color:var(--cs-color-brand-umber);margin-bottom:4px">BÊN B · NGƯỜI LAO ĐỘNG <span style="font-weight:400;color:var(--cs-doc-slate);font-style:italic">Party B · The Employee</span></div>
52
53
  <table style="width:100%;border-collapse:collapse;font-size:12.5px">
53
54
  <tbody>
54
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;width:190px;vertical-align:top">Họ và tên<div style="color:#3F4C55;font-style:italic;font-size:11px">Full name</div></td><td style="padding:5px 10px"><span style="background:#FDE68A;padding:0 3px">..............................</span></td></tr>
55
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;vertical-align:top">Ngày sinh<div style="color:#3F4C55;font-style:italic;font-size:11px">Date of birth</div></td><td style="padding:5px 10px"><span style="background:#FDE68A;padding:0 3px">...... / ...... / ......</span></td></tr>
56
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;vertical-align:top">Số CCCD · Ngày cấp / Nơi cấp<div style="color:#3F4C55;font-style:italic;font-size:11px">Citizen ID · Issued on/by</div></td><td style="padding:5px 10px"><span style="background:#FDE68A;padding:0 3px">.................. · ...../...../..... - ..................</span></td></tr>
57
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;vertical-align:top">Nơi cư trú<div style="color:#3F4C55;font-style:italic;font-size:11px">Place of residence</div></td><td style="padding:5px 10px"><span style="background:#FDE68A;padding:0 3px">............................................................</span></td></tr>
58
- <tr><td style="padding:5px 10px;vertical-align:top">Điện thoại · Email<div style="color:#3F4C55;font-style:italic;font-size:11px">Tel · Email</div></td><td style="padding:5px 10px"><span style="background:#FDE68A;padding:0 3px">.................. · ..................</span></td></tr>
55
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;width:190px;vertical-align:top">Họ và tên<div style="color:var(--cs-doc-slate);font-style:italic;font-size:11px">Full name</div></td><td style="padding:5px 10px"><span style="background:var(--cs-doc-fill);padding:0 3px">..............................</span></td></tr>
56
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;vertical-align:top">Ngày sinh<div style="color:var(--cs-doc-slate);font-style:italic;font-size:11px">Date of birth</div></td><td style="padding:5px 10px"><span style="background:var(--cs-doc-fill);padding:0 3px">...... / ...... / ......</span></td></tr>
57
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;vertical-align:top">Số CCCD · Ngày cấp / Nơi cấp<div style="color:var(--cs-doc-slate);font-style:italic;font-size:11px">Citizen ID · Issued on/by</div></td><td style="padding:5px 10px"><span style="background:var(--cs-doc-fill);padding:0 3px">.................. · ...../...../..... - ..................</span></td></tr>
58
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:5px 10px;vertical-align:top">Nơi cư trú<div style="color:var(--cs-doc-slate);font-style:italic;font-size:11px">Place of residence</div></td><td style="padding:5px 10px"><span style="background:var(--cs-doc-fill);padding:0 3px">............................................................</span></td></tr>
59
+ <tr><td style="padding:5px 10px;vertical-align:top">Điện thoại · Email<div style="color:var(--cs-doc-slate);font-style:italic;font-size:11px">Tel · Email</div></td><td style="padding:5px 10px"><span style="background:var(--cs-doc-fill);padding:0 3px">.................. · ..................</span></td></tr>
59
60
  </tbody>
60
61
  </table>
61
62
  </div>
62
63
  <p style="font-size:13px;line-height:1.5;margin:0 0 1px">Hai Bên thống nhất sửa đổi, bổ sung Hợp đồng lao động nêu trên như sau:</p>
63
- <p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 12px">The Parties agree to amend and supplement the above Labor Contract as follows:</p>
64
+ <p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 12px">The Parties agree to amend and supplement the above Labor Contract as follows:</p>
64
65
 
65
66
  <div style="display:grid;gap:13px">
66
- <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 6px">ĐIỀU 1 · NỘI DUNG SỬA ĐỔI, BỔ SUNG <span style="font-weight:400;font-size:11px;color:#3F4C55;font-style:italic">Article 1 · Amended and supplemented content</span></h2>
67
+ <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 6px">ĐIỀU 1 · NỘI DUNG SỬA ĐỔI, BỔ SUNG <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 1 · Amended and supplemented content</span></h2>
67
68
  <table style="width:100%;border-collapse:collapse;font-size:12px">
68
- <thead><tr style="background:var(--cs-color-brand-umber);color:#fff"><th style="text-align:left;padding:5px 9px;font-size:10px;width:150px">Nội dung <i style="font-weight:400">Item</i></th><th style="text-align:left;padding:5px 9px;font-size:10px">Trước khi sửa đổi <i style="font-weight:400">Before</i></th><th style="text-align:left;padding:5px 9px;font-size:10px">Sau khi sửa đổi <i style="font-weight:400">After</i></th></tr></thead>
69
+ <thead><tr style="background:var(--cs-color-brand-umber);color:var(--cs-color-text-inverse,#fff)"><th style="text-align:left;padding:5px 9px;font-size:10px;width:150px">Nội dung <i style="font-weight:400">Item</i></th><th style="text-align:left;padding:5px 9px;font-size:10px">Trước khi sửa đổi <i style="font-weight:400">Before</i></th><th style="text-align:left;padding:5px 9px;font-size:10px">Sau khi sửa đổi <i style="font-weight:400">After</i></th></tr></thead>
69
70
  <tbody>
70
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">a) Chức danh<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Position</div></td><td style="padding:6px 9px"><span style="background:#FDE68A;padding:0 3px">..................</span></td><td style="padding:6px 9px"><span style="background:#FDE68A;padding:0 3px">..................</span></td></tr>
71
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">b) Bộ phận<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Department</div></td><td style="padding:6px 9px"><span style="background:#FDE68A;padding:0 3px">..................</span></td><td style="padding:6px 9px"><span style="background:#FDE68A;padding:0 3px">..................</span></td></tr>
72
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">c) Địa điểm làm việc<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Place of work</div></td><td style="padding:6px 9px"><span style="background:#FDE68A;padding:0 3px">..................</span></td><td style="padding:6px 9px"><span style="background:#FDE68A;padding:0 3px">..................</span></td></tr>
73
- <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">d) Mức lương<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Salary (VND/month)</div></td><td style="padding:6px 9px"><span style="background:#FDE68A;padding:0 3px">..................</span></td><td style="padding:6px 9px"><span style="background:#FDE68A;padding:0 3px">..................</span></td></tr>
74
- <tr><td style="padding:6px 9px;font-weight:600">e) Thời giờ làm việc<div style="color:#3F4C55;font-style:italic;font-size:10.5px">Working time</div></td><td style="padding:6px 9px"><span style="background:#FDE68A;padding:0 3px">..................</span></td><td style="padding:6px 9px"><span style="background:#FDE68A;padding:0 3px">..................</span></td></tr>
71
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">a) Chức danh<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Position</div></td><td style="padding:6px 9px"><span style="background:var(--cs-doc-fill);padding:0 3px">..................</span></td><td style="padding:6px 9px"><span style="background:var(--cs-doc-fill);padding:0 3px">..................</span></td></tr>
72
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">b) Bộ phận<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Department</div></td><td style="padding:6px 9px"><span style="background:var(--cs-doc-fill);padding:0 3px">..................</span></td><td style="padding:6px 9px"><span style="background:var(--cs-doc-fill);padding:0 3px">..................</span></td></tr>
73
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">c) Địa điểm làm việc<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Place of work</div></td><td style="padding:6px 9px"><span style="background:var(--cs-doc-fill);padding:0 3px">..................</span></td><td style="padding:6px 9px"><span style="background:var(--cs-doc-fill);padding:0 3px">..................</span></td></tr>
74
+ <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">d) Mức lương<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Salary (VND/month)</div></td><td style="padding:6px 9px"><span style="background:var(--cs-doc-fill);padding:0 3px">..................</span></td><td style="padding:6px 9px"><span style="background:var(--cs-doc-fill);padding:0 3px">..................</span></td></tr>
75
+ <tr><td style="padding:6px 9px;font-weight:600">e) Thời giờ làm việc<div style="color:var(--cs-doc-slate);font-style:italic;font-size:10.5px">Working time</div></td><td style="padding:6px 9px"><span style="background:var(--cs-doc-fill);padding:0 3px">..................</span></td><td style="padding:6px 9px"><span style="background:var(--cs-doc-fill);padding:0 3px">..................</span></td></tr>
75
76
  </tbody>
76
77
  </table></div>
77
78
 
78
- <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 2 · HIỆU LỰC <span style="font-weight:400;font-size:11px;color:#3F4C55;font-style:italic">Article 2 · Effect</span></h2>
79
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">2.1. Phụ lục này có hiệu lực kể từ ngày <span style="background:#FDE68A;padding:0 3px">...../...../......</span> và là bộ phận không tách rời của Hợp đồng lao động. Các nội dung khác của Hợp đồng không thay đổi.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0 0 3px">2.1. This Appendix takes effect from <span style="background:#FDE68A;padding:0 3px">...../...../......</span> and is an integral part of the Labor Contract. All other terms remain unchanged.</p>
80
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">2.2. Phụ lục không được sửa đổi loại và thời hạn của hợp đồng lao động theo khoản 2 Điều 22 Bộ luật Lao động.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0">2.2. This Appendix may not change the type or term of the Labor Contract under Article 22.2 of the Labor Code.</p></div>
79
+ <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 2 · HIỆU LỰC <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 2 · Effect</span></h2>
80
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">2.1. Phụ lục này có hiệu lực kể từ ngày <span style="background:var(--cs-doc-fill);padding:0 3px">...../...../......</span> và là bộ phận không tách rời của Hợp đồng lao động. Các nội dung khác của Hợp đồng không thay đổi.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 3px">2.1. This Appendix takes effect from <span style="background:var(--cs-doc-fill);padding:0 3px">...../...../......</span> and is an integral part of the Labor Contract. All other terms remain unchanged.</p>
81
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">2.2. Phụ lục không được sửa đổi loại và thời hạn của hợp đồng lao động theo khoản 2 Điều 22 Bộ luật Lao động.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0">2.2. This Appendix may not change the type or term of the Labor Contract under Article 22.2 of the Labor Code.</p></div>
81
82
 
82
- <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 3 · ĐIỀU KHOẢN CHUNG <span style="font-weight:400;font-size:11px;color:#3F4C55;font-style:italic">Article 3 · General provisions</span></h2>
83
- <p style="font-size:13px;line-height:1.5;margin:0 0 1px">Phụ lục được lập thành 02 bản có giá trị như nhau, mỗi Bên giữ 01 bản. Luật áp dụng: pháp luật Việt Nam.</p><p style="font-size:12px;line-height:1.4;color:#3F4C55;font-style:italic;margin:0">This Appendix is made in 02 copies of equal validity, one held by each Party. Governing law: the laws of Vietnam.</p></div>
83
+ <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 3 · ĐIỀU KHOẢN CHUNG <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 3 · General provisions</span></h2>
84
+ <p style="font-size:13px;line-height:1.5;margin:0 0 1px">Phụ lục được lập thành 02 bản có giá trị như nhau, mỗi Bên giữ 01 bản. Luật áp dụng: pháp luật Việt Nam.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0">This Appendix is made in 02 copies of equal validity, one held by each Party. Governing law: the laws of Vietnam.</p></div>
84
85
  </div>
85
86
 
86
87
  <div class="cs-avoid" style="display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:20px">
87
- <div style="text-align:center"><div style="font-weight:700;font-size:12.5px">NGƯỜI LAO ĐỘNG</div><div style="font-size:11px;color:#3F4C55;font-style:italic">The Employee</div><div style="font-size:10.5px;margin-top:1px">(Ký, ghi rõ họ tên / <i style="color:#3F4C55">Sign, full name</i>)</div><div style="height:64px"></div><div style="border-top:1px solid #1A1614;width:70%;margin:0 auto"></div></div>
88
- <div style="text-align:center"><div style="font-weight:700;font-size:12.5px">NGƯỜI SỬ DỤNG LAO ĐỘNG</div><div style="font-size:11px;color:#3F4C55;font-style:italic">The Employer</div><div style="font-size:10.5px;margin-top:1px">(Ký, ghi rõ họ tên / <i style="color:#3F4C55">Sign, full name</i>)</div><div style="height:64px"></div><div style="border-top:1px solid #1A1614;width:70%;margin:0 auto"></div></div>
88
+ <div style="text-align:center"><div style="font-weight:700;font-size:12.5px">NGƯỜI LAO ĐỘNG</div><div style="font-size:11px;color:var(--cs-doc-slate);font-style:italic">The Employee</div><div style="font-size:10.5px;margin-top:1px">(Ký, ghi rõ họ tên / <i style="color:var(--cs-doc-slate)">Sign, full name</i>)</div><div style="height:64px"></div><div style="border-top:1px solid var(--cs-doc-ink);width:70%;margin:0 auto"></div></div>
89
+ <div style="text-align:center"><div style="font-weight:700;font-size:12.5px">NGƯỜI SỬ DỤNG LAO ĐỘNG</div><div style="font-size:11px;color:var(--cs-doc-slate);font-style:italic">The Employer</div><div style="font-size:10.5px;margin-top:1px">(Ký, ghi rõ họ tên / <i style="color:var(--cs-doc-slate)">Sign, full name</i>)</div><div style="height:64px"></div><div style="border-top:1px solid var(--cs-doc-ink);width:70%;margin:0 auto"></div></div>
89
90
  </div>
90
91
 
91
- <div style="border-top:1px solid var(--cs-color-border-default);padding-top:8px;margin-top:20px;display:flex;gap:10px;font-size:10.5px;color:var(--cs-color-text-muted);flex-wrap:wrap">Hiện Thực Hoá Ý Chí · <i style="color:#3F4C55">Turn Your Will Into Real</i><span>·</span>MST: 0316475200<span>·</span>info@cyberskill.world<span>·</span>(+84) 906 878 091<span style="margin-left:auto">Trang / Page 1</span></div>
92
+ <div style="border-top:1px solid var(--cs-color-border-default);padding-top:8px;margin-top:20px;display:flex;gap:10px;font-size:10.5px;color:var(--cs-color-text-muted);flex-wrap:wrap">Hiện Thực Hoá Ý Chí · <i style="color:var(--cs-doc-slate)">Turn Your Will Into Real</i><span>·</span>MST: 0316475200<span>·</span>info@cyberskill.world<span>·</span>(+84) 906 878 091<span style="margin-left:auto">Trang / Page 1</span></div>
92
93
  </div>
93
94
  </div>
94
95
  </x-dc>