:root{--color-background-primary: #ffffff;--color-background-secondary: #f3f4f6;--color-background-tertiary: #f9fafb;--color-border-tertiary: #e5e7eb;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-tertiary: #9ca3af;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-background-tertiary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-background-primary: #111827;--color-background-secondary: #1f2937;--color-background-tertiary: #0b1220;--color-border-tertiary: #374151;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;color-scheme:dark}}:root[data-theme=dark]{--color-background-primary: #111827;--color-background-secondary: #1f2937;--color-background-tertiary: #0b1220;--color-border-tertiary: #374151;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;color-scheme:dark}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--color-background-tertiary)}body{font-family:Noto Sans Thai,system-ui,-apple-system,Segoe UI,sans-serif}button,input[type=date]{font-family:inherit}::-webkit-scrollbar{display:none}.app-container{max-width:480px;margin:0 auto;padding-bottom:80px}@media (min-width: 768px){.app-container{max-width:960px}}.records-grid{display:grid;grid-template-columns:1fr;gap:5px}@media (min-width: 768px){.records-grid{grid-template-columns:1fr 1fr;gap:8px}}