<!DOCTYPE html>
<html lang="km">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ប្រព័ន្ធផ្ទៀងផ្ទាត់ស្លាកលេខយានយន្ត</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Khmer OS Battambang', sans-serif; }
body { background-color: #f4f6f9; display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 15px; }
.container { background: white; width: 100%; max-width: 450px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); overflow: hidden; }
.header { background-color: #0066D6; color: white; text-align: center; padding: 20px; border-bottom: 4px solid #004B99; }
.header h2 { font-size: 18px; margin-bottom: 5px; font-weight: bold; }
.status-badge { background-color: #2f855a; color: white; text-align: center; padding: 10px; font-weight: bold; font-size: 14px; }
.content { padding: 20px; }
.info-group { border-bottom: 1px solid #edf2f7; padding: 14px 0; display: flex; justify-content: space-between; align-items: center; }
.label { color: #718096; font-size: 14px; }
.value { color: #2d3748; font-weight: bold; font-size: 14px; text-align: right; }
.plate-number { background: #edf2f7; padding: 5px 12px; border-radius: 6px; color: #0066D6; border: 1px solid #cbd5e0; font-weight: bold; }
.footer { text-align: center; padding: 15px; font-size: 11px; color: #a0aec0; background: #f7fafc; }
</style>
</head>
<body>
<div class="container">
<div class="header">
<h2>ប្រព័ន្ធផ្ទៀងផ្ទាត់ទិន្នន័យយានយន្ត</h2>
<p>VEHICLE VERIFICATION SYSTEM</p>
</div>
<div class="status-badge">✓ ស្លាកលេខស្របច្បាប់ / VALID</div>
<div class="content">
<div class="info-group"><span class="label">លេខស្លាកលេខ</span><span class="value plate-number">ភ្នំពេញ 1AZ-9999</span></div>
<div class="info-group"><span class="label">ម៉ាកយានយន្ត</span><span class="value">HONDA DREAM 125</span></div>
<div class="info-group"><span class="label">ពណ៌យានយន្ត</span><span class="value">ពណ៌ខ្មៅ (Black)</span></div>
<div class="info-group"><span class="label">លេខតួ</span><span class="value">ND125-2026XXXX</span></div>
<div class="info-group"><span class="label">ឈ្មោះម្ចាស់</span><span class="value">ស៊ុយ សុភ័ក្ត្រ (SUY SOPHEAK)</span></div>
<div class="info-group"><span class="label">កាលបរិច្ឆេទឆៀក</span><span class="value" style="color: #dd6b20;">25-06-2028</span></div>
</div>
<div class="footer">© ប្រព័ន្ធផ្ទៀងផ្ទាត់ស្លាកលេខយានយន្តអនឡាញ</div>
</div>
</body>
</html>