@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap";:root{--color-bg-main: #FFFFFF;--color-bg-secondary: #F9FAFB;--color-border: #D1D5DB;--color-text-muted: #4B5563;--color-surface: #F3F4F6;--color-primary: #1D4ED8;--color-primary-hover: #1E40AF;--color-text-main: #111827;--color-error: #DC2626;--color-success: #16A34A;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Sarabun,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg-secondary);color:var(--color-text-main);-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.6}button,input,select,textarea{font-family:inherit;font-size:18px}input,select,textarea{min-height:48px;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-main);color:var(--color-text-main);transition:all .2s;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1d4ed833}button{min-height:48px;cursor:pointer;border-radius:var(--radius-md);border:none;font-weight:600;transition:all .2s}.container{max-width:800px;margin:0 auto;padding:16px}.card{background:var(--color-bg-main);border-radius:var(--radius-lg);padding:24px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:24px}.btn-primary{background-color:var(--color-primary);color:#fff;width:100%;font-size:20px;padding:14px}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-main);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:#e5e7eb}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--color-text-main)}.form-row{display:flex;gap:12px}.form-row>*{flex:1}.tag{display:inline-block;padding:8px 16px;border:1px solid var(--color-border);border-radius:24px;background:var(--color-bg-main);color:var(--color-text-muted);cursor:pointer;margin-right:8px;margin-bottom:8px;transition:all .2s;min-height:48px;line-height:30px;font-size:16px}.tag.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tabs-container{display:flex;overflow-x:auto;background:var(--color-surface);padding:8px;border-radius:var(--radius-lg);margin-bottom:24px;gap:8px}.tabs-container::-webkit-scrollbar{display:none}.tab-button{flex:1;min-width:max-content;background:transparent;color:var(--color-text-muted);padding:12px 16px;border-radius:var(--radius-md);font-size:16px}.tab-button.active{background:var(--color-bg-main);color:var(--color-primary);box-shadow:0 1px 3px #0000001a;font-weight:700}