@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap";:root{--bg-color:#f3f4f6;--text-color:#1f2937;--text-muted:#6b7280;--card-bg:#fffc;--card-border:#fff6;--primary-color:#3b82f6;--primary-hover:#2563eb;--secondary-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--header-bg:#ffffffd9;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#111827;--text-color:#f9fafb;--text-muted:#9ca3af;--card-bg:#1f2937cc;--card-border:#37415180;--primary-color:#60a5fa;--primary-hover:#3b82f6;--danger-color:#f87171;--header-bg:#111827d9;--shadow:0 4px 6px -1px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Sarabun,sans-serif;transition:background-color .3s,color .3s}#root{flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex;position:relative}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:16px}input,select,textarea{border:1px solid var(--text-muted);width:100%;max-width:100%;color:var(--text-color);box-sizing:border-box;appearance:none;background-color:#0000;border-radius:8px;outline:none;margin-bottom:16px;padding:12px;font-family:Sarabun,sans-serif;font-size:1rem;transition:border-color .2s}input[type=checkbox],input[type=radio]{appearance:auto;width:auto;margin-bottom:0;padding:0}input:focus,select:focus,textarea:focus{border-color:var(--primary-color)}button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-family:Sarabun,sans-serif;font-weight:500;transition:all .2s;display:flex}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{background-color:var(--text-muted);cursor:not-allowed;transform:none}.btn-icon{color:var(--text-color);background:0 0;border-radius:50%;padding:8px}.btn-icon:hover{background:#6464641a}.page-container{flex:1;padding:80px 20px 100px}.text-primary{color:var(--primary-color)}.text-danger{color:var(--danger-color)}.text-success{color:var(--secondary-color)}.text-muted{color:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.tabular-nums{font-variant-numeric:tabular-nums}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}