:root {
  --color-primary: #0F2F5F;
  --color-primary-hover: #0B254A;
  --color-secondary: #1877F2;
  --color-bg: #F4F7FB;
  --color-card: #FFFFFF;
  --color-border: #E5E7EB;
  --color-text: #1F2937;
  --color-muted: #6B7280;
  --color-success: #16A34A;
  --color-warning: #F59E0B;
  --color-danger: #DC2626;
  --color-info: #2563EB;
  --color-maintenance: #6D28D9;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-card: 0 4px 14px rgba(15, 47, 95, 0.08);
  --font-main: "Noto Sans Thai", "Sarabun", "Prompt", Arial, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: var(--font-main); background: var(--color-bg); color: var(--color-text); }
a { color: inherit; text-decoration: none; }
.app-shell { min-height: 100vh; display: flex; }
.main { flex: 1; margin-left: 260px; }
.content { padding: 24px; }
@media (max-width: 900px) { .app-shell { display:block; } .main { margin-left:0; } }