:root{--cj-brand-primary:#2563eb;--cj-brand-primary-dark:#1d4ed8;--cj-brand-navy:#17346b;--cj-brand-light:#ebf2ff;--cj-brand-accent:#11b1ff;--cj-canvas:#f7fbff;--cj-surface:#fff;--cj-surface-subtle:#f1f5f9;--cj-surface-blue-soft:#eaf4ff;--cj-text-primary:#0f172a;--cj-text-secondary:#334155;--cj-text-muted:#64748b;--cj-text-on-brand:#fff;--cj-border:#e2e8f0;--cj-border-strong:#cbd5e1;--cj-border-focus:#2563eb;--cj-success:#22c55e;--cj-success-soft:#eaf9ef;--cj-warning:#f59e0b;--cj-danger:#ef4444;--cj-danger-soft:#fff0f0;--cj-radius-sm:10px;--cj-radius-md:14px;--cj-radius-lg:18px;--cj-radius-xl:24px;--cj-radius-card:22px;--cj-radius-pill:999px;--cj-shadow-card:0 8px 24px rgba(37,99,235,.1);--cj-shadow-floating:0 10px 28px rgba(15,23,42,.12);--cj-touch-min:44px;--cj-touch-recommended:48px;--cj-font-family:"Noto Sans Thai","Noto Sans",-apple-system,BlinkMacSystemFont,sans-serif}.cj-focus-ring:focus-visible{outline:3px solid color-mix(in srgb,var(--cj-brand-primary) 35%,#fff);outline-offset:2px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:var(--cj-font-family);background-color:var(--cj-canvas);color:var(--cj-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}@keyframes cj-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.cj-spin-loader{animation:none!important}}.cj-card{background:var(--cj-surface);border-radius:var(--cj-radius-card);box-shadow:var(--cj-shadow-card);border:1px solid var(--cj-border);padding:20px}.cj-btn-primary{background-color:var(--cj-brand-primary);color:var(--cj-text-on-brand);border-radius:var(--cj-radius-md);min-height:var(--cj-touch-min);padding:12px 24px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease}.cj-btn-primary:hover{background-color:var(--cj-brand-primary-dark)}.cj-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--cj-radius-pill);font-size:.85rem;font-weight:500}.cj-badge-blue{background-color:var(--cj-brand-light);color:var(--cj-brand-primary)}.cj-badge-success{background-color:var(--cj-success-soft);color:var(--cj-success)}.cj-focus-ring{-webkit-tap-highlight-color:transparent}.cj-focus-ring:focus-visible{outline:none!important;box-shadow:0 0 0 3px rgba(37,99,235,.45)!important}.cj-switch-input:focus-visible+.cj-switch-track{outline:none!important;box-shadow:0 0 0 3px rgba(37,99,235,.45)!important}