@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&family=IBM+Plex+Sans+Thai:wght@400;500;700&display=swap";:root{--color-bg:#fff;--color-surface-subtle:#f8fafc;--color-surface-muted:#f1f5f9;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-primary:#e11d48;--color-primary-hover:#be123c;--color-primary-active:#9f1239;--color-primary-soft:#fff1f2;--color-primary-soft-text:#be123c;--color-success:#059669;--color-success-soft:#ecfdf5;--color-success-text:#047857;--color-warning:#d97706;--color-warning-soft:#fffbeb;--color-warning-text:#b45309;--color-info:#2563eb;--color-info-soft:#eff6ff;--color-info-text:#1d4ed8;--color-danger:#dc2626;--color-danger-soft:#fef2f2;--color-danger-text:#b91c1c;--color-grade-a:#16a34a;--color-grade-a-text:#15803d;--color-grade-a-soft:#ecfdf5;--color-grade-b:#ca8a04;--color-grade-b-text:#854d0e;--color-grade-b-soft:#fffbeb;--color-grade-c:#ea580c;--color-grade-c-text:#9a3412;--color-grade-c-soft:#fff7ed;--color-grade-d:#dc2626;--color-grade-d-text:#b91c1c;--color-grade-d-soft:#fef2f2;--color-grade-e:#991b1b;--color-grade-e-text:#7f1d1d;--color-grade-e-soft:#fef2f2;--color-ink:#0f172a;--color-ink-text:#fff;--color-success-soft-border:#a7f3d0;--color-success-soft-hover:#d1fae5;--color-warning-soft-border:#fde68a;--color-accent:var(--color-primary);--color-gray:var(--color-surface-muted);--color-gray-dark:var(--color-text-muted);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--border-thin:1px solid var(--color-border);--border-default:1px solid var(--color-border);--border-strong:1px solid var(--color-border-strong);--border-thick:1px solid var(--color-border-strong);--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 4px 12px #0f172a1a;--shadow-lg:0 8px 24px #0f172a24;--font-sans:"Inter", "IBM Plex Sans Thai", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem}:root[data-theme=dark]{--color-bg:#0f172a;--color-surface-subtle:#1e293b;--color-surface-muted:#334155;--color-border:#475569;--color-border-strong:#64748b;--color-text:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-ink:#e2e8f0;--color-ink-text:#0f172a;--color-primary:#e11d48;--color-primary-hover:#f43f5e;--color-primary-active:#fb7185;--color-primary-soft:#e11d482e;--color-primary-soft-text:#fda4af;--color-success:#10b981;--color-success-soft:#10b98129;--color-success-text:#34d399;--color-success-soft-border:#10b98166;--color-success-soft-hover:#10b98142;--color-warning:#f59e0b;--color-warning-soft:#f59e0b29;--color-warning-text:#fbbf24;--color-warning-soft-border:#f59e0b66;--color-info:#3b82f6;--color-info-soft:#3b82f629;--color-info-text:#60a5fa;--color-danger:#ef4444;--color-danger-soft:#ef444429;--color-danger-text:#f87171;--color-grade-a:#16a34a;--color-grade-a-text:#4ade80;--color-grade-a-soft:#16a34a2e;--color-grade-b:#ca8a04;--color-grade-b-text:#fbbf24;--color-grade-b-soft:#ca8a042e;--color-grade-c:#ea580c;--color-grade-c-text:#fb923c;--color-grade-c-soft:#ea580c2e;--color-grade-d:#ef4444;--color-grade-d-text:#f87171;--color-grade-d-soft:#ef44442e;--color-grade-e:#dc2626;--color-grade-e-text:#f87171;--color-grade-e-soft:#ef44442e;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}.container{max-width:1200px;padding:var(--space-2);margin:0 auto}.title-large{text-transform:uppercase;letter-spacing:-.03em;margin-bottom:var(--space-4);font-size:1.875rem;font-weight:800;line-height:1.15}.title-medium{text-transform:uppercase;letter-spacing:-.02em;border-bottom:var(--border-default);padding-bottom:var(--space-2);margin-bottom:var(--space-4);font-size:1.1875rem;font-weight:700}:lang(th).title-large,:lang(th) .title-large,:lang(th).title-medium,:lang(th) .title-medium{text-transform:none;letter-spacing:0;font-weight:700;line-height:1.35}.grid-2{gap:var(--space-3);grid-template-columns:repeat(2,1fr);align-items:stretch;display:grid}.grid-2>div{flex-direction:column;display:flex}.divider{border:none;border-top:var(--border-thick);margin:var(--space-3) 0}.btn{font-family:var(--font-sans);padding:var(--space-3) var(--space-5);border:var(--border-strong);background-color:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;font-size:1rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background-color:var(--color-surface-muted)}.btn:focus-visible{outline:3px solid var(--color-info);outline-offset:3px}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-accent{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);border:none}.btn-accent:hover{background-color:var(--color-primary-hover)}.btn-accent:active{background-color:var(--color-primary-active)}.btn-success{background-color:var(--color-success-soft);color:var(--color-success-text);border:1px solid var(--color-success-soft-border)}.btn-success:hover{background-color:var(--color-success-soft-hover)}.btn-warning{background-color:var(--color-warning-soft);color:var(--color-warning-text);border:1px solid var(--color-warning-soft-border)}.btn-info{background-color:var(--color-info);color:#fff;border:none}.btn-danger{background-color:var(--color-danger);color:#fff;border:none}.btn-sm{padding:var(--space-2) var(--space-3);font-size:.875rem;font-weight:500}.btn-xs{padding:3px var(--space-2);font-size:.8rem;font-weight:500}.num{font-variant-numeric:tabular-nums;text-align:right}.btn-icon{border-radius:var(--radius-md);width:2.75rem;height:2.75rem;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.btn-icon:hover{background:var(--color-surface-muted);border-color:var(--color-border)}.btn-icon:focus-visible{outline:3px solid var(--color-info);outline-offset:3px}.btn-ghost{background:0 0}.btn-ghost.active{background:var(--color-ink);color:var(--color-ink-text);font-weight:800}.btn-outline-danger{color:var(--color-danger-text);border:1px solid var(--color-danger-text);background:0 0}.btn-outline-danger:hover{background:var(--color-danger-soft)}header{border-bottom:var(--border-thick);padding:var(--space-2) 0;margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.05em;font-size:2rem;font-weight:800}.logo span{color:var(--color-accent)}.status-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;display:inline-block}:focus-visible{outline:3px solid var(--color-info);outline-offset:2px}input.btn,textarea.btn,.input{border:var(--border-default);border-radius:var(--radius-md)}input.btn:focus,textarea.btn:focus,.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #e11d4826}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:var(--space-2);overflow-x:auto}@media (width<=768px){.grid-2{gap:var(--space-2);grid-template-columns:1fr}.container{padding:var(--space-1)}.title-large{font-size:2rem}.title-medium{font-size:1.25rem}header{gap:var(--space-1);flex-direction:column;align-items:flex-start}.btn{padding:.5rem 1rem;font-size:.9rem}}@media print{:root,:root[data-theme=dark]{--color-bg:#fff;--color-surface-subtle:#f8fafc;--color-surface-muted:#f1f5f9;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-ink:#0f172a;--color-ink-text:#fff}}