@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700;800&display=swap";
:root{--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--border:#e2e8f0;--border-light:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-disabled:#cbd5e1;--accent:#2563eb;--accent-soft:#eff6ff;--accent-light:#dbeafe;--success:#16a34a;--success-soft:#f0fdf4;--warning:#d97706;--warning-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fff5f5;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 3px #0f172a0f;--shadow:0 2px 8px #0f172a14;--shadow-lg:0 4px 20px #0f172a1a;--font:"Sarabun", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}button,input,select,textarea{font-family:var(--font)}a{color:inherit}.row-hover:hover{cursor:pointer;background-color:#f8fafc!important}.customer-row:hover,.contract-row:hover,.employee-row:hover{background-color:var(--surface-2)!important}@media print{body{background:#fff}}